/* dancing-script-regular - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dancing-script-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dancing-script-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dancing-script-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dancing-script-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dancing-script-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dancing-script-v24-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
}

/* dancing-script-700 - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/dancing-script-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dancing-script-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dancing-script-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dancing-script-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dancing-script-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dancing-script-v24-latin-700.svg#DancingScript') format('svg'); /* Legacy iOS */
}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}

* {margin: 0; padding:0; box-sizing: border-box; font-family: 'Quicksand', sans-serif; color:#424241;}
h1, h2, h3 {font-family: 'Dancing Script', cursive;}
h2 {font-size: 2em; margin: 1em 0;}
h3 {font-size: 1.7em; margin: 1em 0;}
body {}
hr {
  margin: 1em auto;
border-top: 3px double #344a47;
border-bottom: none;
}
.wrapper {width: 1000px;
margin: 0 auto;
	/*display: grid;
grid-template-columns:auto 1000px auto;
grid-template-rows: 100px 200px auto 100px;
grid-template-areas: ". header ."
". nav ."
". main ."
". footer .";*/
}
#steg1{background-image: url('../img/steg1.jpg');}
#steg2{background-image: url('../img/steg2.jpg');}
.parallax { height: 350px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}

header {grid-area: header; background: #ffffff;text-align: center;}
header .wrapper h1 {  display: block; background: url('/img/biergarten_steghaus.png') no-repeat center;}
nav {grid-area: nav; /*background: #f9bb4c;*/ background: #344a47; text-align: center;padding: 1em;}
nav a {text-decoration: none; font-family: 'Dancing Script', cursive;font-size: 1.6em;color: #fff;margin: 0 1em; cursor: pointer;}
main {grid-area: main;}
	p {padding: 0.2em 0;}
	ul { list-style-position: inside;}
	li { margin: 1em;}
.outer {
    margin-bottom: 2em;
}

.outer p {
  max-width: 90%;
}
.info {
  padding: 1em;
  border: 1px dashed #344a47;
  background: #edf2f2;
  text-align: center;
  margin: 1em auto;
  font-weight: bold;
  font-size: 1.3rem;
  width: 50%;
}
.karte {     position: relative;
  text-align: right;
  white-space: break-spaces;
  padding: .5em 0;
  margin-top: .5em;
  display: flex;
  justify-content: space-between;
  align-items: end;}
.filler {
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 1px dashed #333;
}
.speise {
    float: left;
    margin-right: 20px;
    padding-right: 4px;
    position: relative;
	text-align: left;
}
.speise b, .speise i {
  background: #fff;
  padding-right: 4px;
}

.zusatz {
  padding-left: 3em;
}
.preis{
    background: white;
    padding-left: 4px;
    position: relative;
	min-width: 52px;
	display: block;
}

.special {
  padding: 1em;
  border: 1px dashed #344a47;
  background: #edf2f2;
}
.special .speise b, .special .preis {
  background: #edf2f2;
}

.flex {display: flex; justify-content: space-between; margin-bottom: 2em;}
.map {width: 100%; height: 350px;}
footer {grid-area: footer; background: #297369; margin-top: 2em; color: #fff;}
footer .flex div { color: #fff; padding: 1em;}
footer .wrapper {
    padding: 2em 0;
}
footer a {color:#fff;}
#goup {
    position: fixed;
    bottom: 0;
    color: #fff;
    background: #344a47;
    text-align: center;
    width: 100%;
	line-height: 2em;
}
@media (max-width: 1000px){
	.wrapper{width: 100%; padding: 0 1em;}
	nav a {  width: 100%;  display: block;  line-height: 2em;}
	.flex {flex-direction: column;}
	.info {width: 100%;}
	#steg1 { background-image: url('../img/steg1_mobil.jpg');}
	#steg2 { background-image: url('../img/steg2_mobil.jpg');}
}