@font-face {
    font-family:'Lithos_Bold';src:
	url('fonts/lithos_bold.eot');
	src: url('lithos_bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/lithos_bold.woff2') format('woff2'),
	url('fonts/lithos_bold.woff') format('woff'),
	url('fonts/lithos_bold.ttf') format('truetype'),
	url('fonts/lithos_bold.svg#Lithos_Bold') format('svg');
    font-weight:normal;font-style:normal
}
/* 
#fed	Rosa
#263	Grün
#732	Kupfer
#621	Dunkles Kupfer
#432	Schrift
*/
*{margin:0;padding:0;text-decoration:none;outline:0 none;list-style-type:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-khtml-box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
header .brand,nav a{transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-khtml-transition:.5s}
html,body{height:100%;color:#443}
body,input,textarea,select{font-family:'Arial';font-size:1.25em}
a:hover,nav a{text-decoration:none}
.margin-top-2{margin-top:2rem}
header,nav,section,article,footer,.box,input,textarea,select{width:100%}
::-webkit-input-placeholder {color:#621;opacity:1}
:-moz-placeholder {color:#621;opacity:1}
::-moz-placeholder {color:#621;opacity:1}
:-ms-input-placeholder {color:#621;opacity:1}
header{text-align:center;padding:1.25% 0 1.8% 0;font-family:'Lithos_Bold';line-height:100%;background:#fed}
header h1 a{color:#263}
.business{font-size:1.6em;line-height:60%}
.business .capital{font-size:1.2em}
.business::after{content:'Terrasse • Wirtsgarten';color:#333;text-transform:capitalize;display:block;font-size:0.51em}
.brand{font-size:4.5em;line-height:100%;display:inline-block;margin:5px 0 15px 0;text-shadow:1px 1px 0 #333,2px 2px 0 #333,3px 3px 0 #333,4px 4px 0 #333,8px 8px 8px #888}
header h2,header .h2{font-size:1.7em;color:#333}
header h2::before,header h2::after{content:'❀';font-size:1.7em;margin:0 10px;color:#732;font-weight:normal;opacity:.15;display:inline-block;vertical-align:middle}
nav,.row,.selection-row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;-moz-align-items:flex-start}
.sp20{margin:0 -20px}
.sp20 .col{margin:0 20px}
.top-spacer{margin-top:1.5em}
.green{color:#263}
nav a,.col,[name="tag"],[name="monat"],[name="jahr"],[name="zeit"]{flex:1}
nav{margin-bottom:30px}
nav a{font-family:'Lithos_Bold','Arial';font-size:1em;height:65px;line-height:65px;padding:0 10px;background:#843;color:#fed;margin:auto;text-align:center}
nav a:not(:last-of-type){border-right:2px solid #fed}
nav a:not(.current):hover{background:#732;text-shadow:0 11px 5px rgba(0,0,0,.35)}
nav .current{background:#621}
.nav-is-fixed{position:fixed;left:0;top:0;z-index:2;width:100%;box-shadow:0 0 15px rgba(0,0,0,.5)}
section{background-size:cover;margin:0 !important;padding:150px 0;min-height:100%;background-position:center center;background-attachment:fixed;background-repeat:no-repeat}
@media only screen and (min-width:780px) {
	#startseite{padding-top:0;background-image:url('images/backgrounds/1.jpg')}
	#speisekarte{background-image:url('images/backgrounds/2.jpg')}
	#bilder{background-image:url('images/backgrounds/3.jpg')}
	#anfahrt{background-image:url('images/backgrounds/4.jpg')}
	#impressum{background-image:url('images/backgrounds/5.jpg')}
}
article{margin:0 auto;padding:40px 50px;width:80%;max-width:1300px;background:rgba(255,230,210,.85)}
article:nth-of-type(1){margin-top:4%}
article h2,article h3{font-family:'Lithos_Bold','Arial';font-size:1.6em;font-weight:normal;letter-spacing:-1px;color:#263}

article h4{font-size:1.25em;color:#621}
article h2,article h3,article p,form p,.col p{margin-bottom:20px;line-height:135%}

article a:not(.button){color:#443;text-decoration:underline}
article a:hover{text-decoration:none}
.button{display:inline-block;padding:10px 20px;background-color:#621;background-position:left 10px center;background-size:50px auto;background-repeat:no-repeat;color:#fff !important}
.button.download{padding-left:70px;background-image:url('images/download.svg')}
.alignleft{float:left;margin:0 25px 20px 0}.alignright{float:right;margin:0 0 10px 25px}.right{text-align:right}
[data*=".pdf"]{width:100%;height:100vw}
#sidebar{float:right;width:35%;margin-left:30px;background:#fed;padding:1em}
#sidebar li{list-style:none;padding:30px 0;border-bottom:1px dashed #732}
#sidebar li:nth-of-type(1){border-top:0;padding-top:0}
#sidebar li:last-of-type{border-bottom:0}
#slideshow img{width:100%;height:auto}
.karte{border:1px solid #621;width:100%}
.karte tr:nth-of-type(1) td{padding:13px 5px;background-color:#fed;color:#621;font-weight:bold;white-space:nowrap}
.karte td{padding:4px 5px;border:1px solid #621}
.karte .gruen{background-color:#263;color:#fed}
.add-legal-notes{display:none}
footer{padding:60px 50px 100px 50px;display:table;background:#621}
footer *{text-decoration:none;color:#fed}
footer .hl{font-family:'Lithos_Bold','Arial';font-size:1.25em;font-weight:normal;margin-bottom:10px}footer p a:hover{text-decoration:underline}
footer div{display:table-cell;width:2%}
footer p{line-height:1.4em}
footer div:nth-of-type(2){text-align:center}
footer div:last-of-type{text-align:right}

.side-contact-panel{position:fixed;top:30%;right:0;box-shadow:-3px 0 10px rgba(0,0,0,.5);transform:rotate(-90deg);transform-origin:100% 100%}
.side-contact-panel *{color:#fff !important}
.side-contact-panel span{display:block;font-weight:bold;padding:18px 15px 15px 60px;white-space:nowrap;background-color:rgba(0,70,10,.8);background-repeat:no-repeat;background-position:left 15px center}
.side-contact-panel .telefon{background-image:url('images/phone.svg');background-size:auto 60%}
#scroll2top{position:fixed;bottom:0;left:0;z-index:1;width:100%;height:50px;display:none;background:url('images/arrow-up.svg') no-repeat center center rgba(0,70,10,.8);background-size:auto 45%}

@media only screen and (max-width:980px) {
	body,a,input,textarea,select{font-size:1.1em}
	header{position:fixed;top:0;left:0;z-index:2;padding:0 0 0 5px;background:#fed;width:100%;display:block;text-align:left;height:45px;box-shadow:0 0 8px #222;-moz-box-shadow:0 0 8px #222;-webkit-box-shadow:0 0 8px #222;-o-box-shadow:0 0 8px #222;-khtml-box-shadow:0 0 8px #222}
	#navswitch{position:fixed;top:0;right:5px;display:block !important;width:40px;height:45px;z-index:3;background:url('images/navswitch-color.svg') center center no-repeat;cursor:pointer;border:0;background-size:60%}
	header h2{display:none}
	.business{display:none}
	.brand{/* font-size:1.4em; */font-size:32px;letter-spacing:-2px;text-shadow:1px 1px 0 #333,2px 2px 0 #333,3px 3px 0 #333}
	#sidebar .alignright{float:none;display:block;margin:0 0 20px 0}
	section{padding:75px 0 !important;background-size:auto 100%;background-position:top center}
	article h2{font-size:1.25em}
	p{font-size:1em}
	iframe{height:600px}
	nav{display:none;position:fixed;top:0;z-index:2;background:#fed;min-height:100%;padding-right:50px}
	nav a{height:auto;display:block;width:100%;text-align:left;background:#263;color:#fed;padding:24px 0 20px 15px;line-height:normal;border:0 !important;border-bottom:1px solid #485 !important;margin-left:0}
	iframe{margin-top:20px;height:600px}
	.add-legal-notes{display:none}
	.open-add-legal-notes{padding:10px;background:#fed}
	footer{display:block}
	footer div{display:block;width:100%;text-align:center !important;margin-top:20px}
}

@media only screen and (max-width:780px) {
	body,input,textarea,select{font-size:1em}
	
	.brand{/* font-size:1.4em; */font-size:32px;letter-spacing:-2px;text-shadow:1px 1px 0 #333,2px 2px 0 #333,3px 3px 0 #333}
	section{background-attachment:scroll}
	#startseite{margin-top:250px;background-image:url('images/backgrounds/2s.jpg')}
	#speisekarte{background-image:url('images/backgrounds/5s.jpg')}
	#bilder{background-image:url('images/backgrounds/3s.jpg')}
	#anfahrt{background-image:url('images/backgrounds/4s.jpg')}
	#impressum{background-image:url('images/backgrounds/1s.jpg')}
	article:nth-of-type(1){margin-top:1%}
	.row,.col{display:block;flex:none}
	iframe{height:400px}
	#sidebar{display:none}
	article{background:rgba(255,255,255,.8);padding:20px;width:100%}
	.side-contact-panel span{padding:11px 15px 8px 60px}
	form{margin-top:20px;width:100%}
	footer *{line-height:1.5em}