/* capriola-regular - latin */
@font-face {
  font-family: 'Capriola';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/capriola-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Capriola Regular'), local('Capriola-Regular'),
       url('../fonts/capriola-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/capriola-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/capriola-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/capriola-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/capriola-v5-latin-regular.svg#Capriola') format('svg'); /* Legacy iOS */
}
/* dancing-script-regular - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dancing-script-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Dancing Script Regular'), local('DancingScript-Regular'),
       url('../fonts/dancing-script-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dancing-script-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dancing-script-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dancing-script-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dancing-script-v9-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-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Dancing Script Bold'), local('DancingScript-Bold'),
       url('../fonts/dancing-script-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dancing-script-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dancing-script-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dancing-script-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dancing-script-v9-latin-700.svg#DancingScript') format('svg'); /* Legacy iOS */
}
/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/josefin-sans-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Josefin Sans Regular'), local('JosefinSans-Regular'),
       url('../fonts/josefin-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v12-latin-regular.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-700 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/josefin-sans-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'),
       url('../fonts/josefin-sans-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v12-latin-700.svg#JosefinSans') format('svg'); /* Legacy iOS */
}




body{background-color:#fffef8;
//background: -moz-linear-gradient(-45deg, #fffef8 0%, #fffae0 20%, #fffef8 40%, #fffae0 60%, #fffef8 80%, #fffae0 100%); /* FF3.6-15 */
//background: -webkit-linear-gradient(-45deg, #fffef8 0%,#fffae0 20%,#fffef8 40%,,#fffae0 60%,#fffef8 80%,#fffae0 100%); /* Chrome10-25,Safari5.1-6 */
//background: linear-gradient(135deg, #fffef8 0%,#fffae0 20%,#fffef8 40%,#fffae0 60%,#fffef8 80%,#fffae0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffef8', endColorstr='#fffae0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
html,body{margin:0px;padding:0px;font-family: 'Josefin Sans', sans-serif, serif;font-size:10.5pt;color:#5a4e28;overflow-x: hidden;}
h1, h2, h3, h4, h5{margin:0.25em 0px;}
p{margin:0.8em 0px;}
a{font-family: 'Capriola', sans-serif;font-weight:700;text-decoration:none;color:#000;}
a:hover{color:#715E08;text-shadow: 0px 0px 10px #fff;}
div{margin:0px;padding:0px;}
#TitleBar{
	width:100%;
	width:100vw;
	height:2.5em;
	max-height:247px;
	min-height:40px;
	border-radius:0px 0px 40px 40px;
	-moz-border-radius:0px 0px 40px 40px;
	-webkit-border-radius:0px 0px 40px 40px;
	position:fixed;
	top:0px;
	margin:0px  0px;
	background-color:#e9cc70;
	-webkit-box-shadow: -1em 1em 2em 0px rgba(76,59,59,0.9),inset 0.5em -0.5em 1em rgba(200,171,0,1);
	-moz-box-shadow: 	-1em 1em 2em 0px rgba(76,59,59,0.9),inset 0.5em -0.5em 1em rgba(200,171,0,1);
	box-shadow: 		-1em 1em 2em 0px rgba(76,59,59,0.9),inset 0.5em -0.5em 1em rgba(200,171,0,1);
	overflow:visible;
	font-size:1.57vw;
	z-index:1000;
	}
	
#LogoBox{
bottom:38px;position:absolute;z-index:0;
}
#titelLogo{
	top:0px;
	left:25px;
	left:5.5vw;
	width:14.384%;
	width:14.384vw;
	height:auto;
	position:absolute;
	z-index:0;

}	

#Infobox{
	padding:0px 15%;
	position:absolute;
	bottom:4em;
	width:100%;
	font-size:1.57vw;
	display:none;
}
.Dummy{/*leer*/}
.InfoBoxView{height:15.5em!important;}

#Infopunkt{
    border: 2px solid #000;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 22px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 28px;
    position: absolute;
	right:3%;
    right: 3vw;
    bottom: 0.2em;
	color:#000;
}
#Infopunkt:hover{
	border: 2px solid #715E08;
	color:#715E08;
	-webkit-box-shadow: 0px 0px 10px #fff;
	-moz-box-shadow: 	0px 0px 10px #fff;
	box-shadow: 		0px 0px 10px #fff;
    text-shadow: 0px 0px 10px #fff;
}
#MenueSwitch{
    border: 2px solid #000;
    text-align: center;
    text-decoration: none;
    display: none;
    font-size: 16px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 13px;
    width: 65px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    left: 120px;
    bottom: 0.2em;
	color:#000;
}
#MenueSwitch:hover{
	border: 2px solid #715E08;
	color:#715E08;
	-webkit-box-shadow: 0px 0px 10px #fff;
	-moz-box-shadow: 	0px 0px 10px #fff;
	box-shadow: 		0px 0px 10px #fff;
    text-shadow: 0px 0px 10px #fff;
}
#MenuBar{
	display:block;
	left:20.5%;
	left:20.5vw;
	position:absolute;
	bottom:0.4em;
	}
.leiste a, #MenuBar a{
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
	font-size:1.57vw;
	color:#000;
	}
.leiste a:hover, #MenuBar a:hover{
	color:#715E08;
	text-shadow: 0px 0px 10px #fff;
	}
.leiste a{
margin:auto 2em;}
.leiste {
font-size:1.3em;line-height:2em;overflow:hidden;}	
	
.BigCircle{ margin:0px 0.8vw;font-size:2.3vw;color:#000;}
.big{font-size:1.5em;}
.Menuepunkt h3{display:inline;clear:none;float:none;}

.InTextPicR{float:right;width:auto;margin:1%;max-width:45%;border:#fff 5px solid;}
.InTextPicC{float:none;width:auto;margin:1% auto 1% auto;max-width:85%;display:block;}

.Spalte50{display:inline-block;width:49%;height:auto;vertical-align:top;}
.Spalte30{display:inline-block;width:29%;height:auto;vertical-align:top;}
.Spalte70{display:inline-block;width:69%;height:auto;vertical-align:top;}
.Spalte60{display:inline-block;width:59%;height:auto;vertical-align:top;}
.Spalte40{display:inline-block;width:39%;height:auto;vertical-align:top;}
.all{clear:both;float:none;}
.center  {text-align:center;}
.right  {text-align:right;}
.left  {text-align:left;}

.TippFlowBox{display:inline-block;vertical-align: top;float: left;width:300px;height:auto; min-height: 90px;font-size: 0.9em;-webkit-border-radius: 5;-moz-border-radius: 5;border-radius: 5px;border:1px solid #888;margin:5px;padding:5px;}
.ArtBlock{width:100%;padding:4px 0px;margin:1em 0px;}
.ArtBlock .ArtNr{width:8%;font-weight:700;display:inline-block;vertical-align:top;padding-left:1%;}
.ArtBlock .ArtDesc{width:78%;display:inline-block;}
.ArtBlock .ArtDescR{width:70%;padding-left:8%;display:inline-block;}
.ArtBlock .ArtDesc>strong{display:block;}
.ArtBlock .ArtPrz{width:12%;text-align:right;white-space:nowrap;display:inline-block;font-weight:700;vertical-align:top;padding-right:1%;}
.Row2{background-color:rgba(255,255,255,0.6);}

.Zusatzstoffe {text-align:left;font-size:0.8em;}


.Weekday{max-width:170px;}
.nobr{white-space: nowrap;}

.group{
	height: 100%;
	height:100vh;
	position:relative;
}
.grbox{
	height: 100%;
	height:100vh;
	position:absolute;
}
  .content {
	width:100%;
	width:100vw;
	left:0px;
	z-index:3;
  }
.group .backimage {
    width:100%;
	width: 100vw;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
	z-index:0;
  }
  .content .cbox{
    background-image: url("../images/bg3.jpg");
	background-size: cover;
	position:relative;
	padding:2em;
	-webkit-box-shadow: -1em 1em 2em 0px rgba(76,59,59,0.9),inset 0px 0px 20px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 	-1em 1em 2em 0px rgba(76,59,59,0.9),inset 0px 0px 20px 1px rgba(0,0,0,0.5);
	box-shadow: 		-1em 1em 2em 0px rgba(76,59,59,0.9),inset 0px 0px 20px 1px rgba(0,0,0,0.5);
	-moz-border-radius:		0.5em;
	-webkit-border-radius:	0.5em;
	border-radius:			0.5em;
	}
  .content .cbox .paper{	
    background-image: url("../images/FeinGeripptesPapier.JPG");
	position:relative;
	padding:10px;
	max-height:60vh;
	overflow-y:auto;
	-webkit-box-shadow: -8px 8px 8px 0px rgba(0,0,0,0.5), inset -20px 20px 80px 0px rgba(161,130,69,0.5);
	-moz-box-shadow:	-8px 8px 8px 0px rgba(0,0,0,0.5), inset -20px 20px 80px 0px rgba(161,130,69,0.5);
	box-shadow: 		-8px 8px 8px 0px rgba(0,0,0,0.5), inset -20px 20px 80px 0px rgba(161,130,69,0.5);
  
  }
  .leiste{
    background-image: url("../images/bg3.jpg");
	background-size: cover;
	position:absolute;
	-webkit-box-shadow: -1em 1em 2em 0px rgba(76,59,59,0.9),inset 0px 0px 20px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 	-1em 1em 2em 0px rgba(76,59,59,0.9),inset 0px 0px 20px 1px rgba(0,0,0,0.5);
	box-shadow: 		-1em 1em 2em 0px rgba(76,59,59,0.9),inset 0px 0px 20px 1px rgba(0,0,0,0.5);
	width:100%;
	width:100vw;
	height:2em;
	bottom:0px;
	z-index:8;
 }	
 .group h1, .group h2, .group h3, .group h4, .group h5{
	font-family: 'Dancing Script', sans-serif, serif;
 }
 .group{font-size:1em;}
 .group .grbox .cw20{
	width:20%;
	width:20vw;
	max-width:1202px;
 }
 .group .grbox .cw30{
	width:30%;
	width:30vw;
	max-width:1202px;
 }
 .group .grbox .cw40{
	width:40%;
	width:40vw;
	max-width:1202px;
 }
 .group .grbox .cw50{
	width:50%;
	width:50vw;
	max-width:1202px;
 }
 .group .grbox .cw60{
	width:60%;
	width:60vw;
	max-width:1202px;
 }
  .group .grbox .cw70{
	width:70%;
	width:70vw;
	max-width:1202px;
 }
 .group .grbox .cw80{
	width:80%;
	width:80vw;
	max-width:1202px;
 }
 .group .grbox .cw90{
	width:90%;
	width:90vw;
	max-width:1202px;
 }


@media all and (min-width: 1015px) {
#TitleBar{width:1015px;left:50%;margin-left:-508px;font-size:16px;}
.leiste a, #MenuBar a{font-size:1em;}
.BigCircle{ margin:0px 0.35em;font-size:1.5em;}
#titelLogo{left:3.5em;width:146px;}
#Infopunkt{right:1.1em;}
#MenuBar{left:13em;}
#Infobox{font-size:1em;}
}

@media all and (max-width: 800px) {
#TitleBar{
	border-radius:0px 0px 16px 16px;
	-moz-border-radius:0px 0px 16px 16px;
	-webkit-border-radius:0px 0px 16px 16px;
}
.InfoBoxView{height:195px!important;}

 .group .grbox .cw20, .group .grbox .cw30, .group .grbox .cw40, .group .grbox .cw50{
	width:50%!important;
	width:50vw!important;
	left:40%!important;
	left:40vw!important;
 }
html,body{font-size:9.5pt;}


}
@media all and (max-width: 636px) {
#Infobox{font-size:10px;}
}
@media all and (max-width: 545px) {
#MenuBar{display:none;width:45%;width:45vw;left:42%;left:42vw;text-align:center;bottom: 0.8em;}
.leiste a, #MenuBar a{font-size:14px;}
.BigCircle{ margin:0px 5px;font-size:15px;clear:both;float:none;display:block;}
#titelLogo{width:78px;}
#MenueSwitch{display:block;}
#Infobox{padding:0px 5%;bottom:5em;}
 .group .grbox .cw20, .group .grbox .cw30, .group .grbox .cw40, .group .grbox .cw50, .group .grbox .cw60, .group .grbox .cw70, .group .grbox .cw80, .group .grbox .cw90{
	width:90%!important;
	width:90vw!important;
	left:0!important;
	top:40px!important;
html,body{font-size:8.5pt;}	
	
 }
}
@media all and (max-width: 370px) {
#MenuBar{left:168px;}
.leiste a, #MenuBar a{font-size:13.5px;}
}
.AnfragForm .Textfeldblock div div{display:inline-block;}
.AnfragForm .Textfeldblock div div input{width:200px;}
.AnfragForm .Textfeldblock div label{display:inline-block;width:90px;}
.AnfragForm .Textfeldblock div{margin:0.25em 0px;}
.AnfragForm textarea {vertical-align:top;width:320px;}
.Spal2{background-color:rgba(255,255,255,0.4);}