@charset "UTF-8";

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

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



body {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: 400;
    margin: 0;
	padding: 0;
}



h2 {
	font-family: 'Lobster',cursive;
	font-size: 2.5em;
	font-style: normal;
	font-weight: 400;
	color: #D39900;
	text-align: center;
	margin-top: 40px;
	

}

h1 {
	font-family: 'Lobster',cursive;
	font-size: 1.875em;
	font-style: normal;
	font-weight: 400;
	color: #D39900;
	text-align: center;
	margin-top: -10px;
	text-align: center;
}

h3 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.75em;
	font-style: normal;
	font-weight: 700;
	color: #000;
	margin-top: -1em;
	margin-bottom: -0.3em;
}

h4 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: 700;
	color: #CB0A37;
	text-transform: uppercase;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}



h5 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.85em;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	color: #CB0A37;
	text-align: center;
}

/*.fondimage {
	position: fixed;
	top: -16px;
	left: 0px;
	background-color: #FFFFF;
	background-attachment: fixed;
	background-image: url(../images/fond_template02.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top;
	width: 100%;
	height: 100%;
	z-index: 0;
}*/

.fondimage {
	position: fixed;
	top: -16px;
	left: 0px;
	/*background-attachment: fixed;
	background-image: url(../images/testfond01.jpg);
	background-repeat: no-repeat;
	background-position: top;*/
	width: 100%;
	z-index: 0;
}

.shopstart-image-gross {
	width: 310px;
	height: 320px;
	border: 2px solid;
	border-color: #D39900;
	}
	
	.shopstart-image-klein-links {
	width: 140px;
	height: 180px;
	border: 1px solid;
	border-color: #D39900;
	float: left;
	margin-left: 0px;

	}
	
		.shopstart-image-klein-rechts {
	width: 140px;
	height: 180px;
	border: 1px solid;
	border-color: #D39900;
	float: right;
	margin-right: 0px;
	
	}

.container-header {
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
  float: left;
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}


.smart-phone {
	display: none;
}

.smart-anfrage {
	display: none;
}

.smart-aktuelles {
	display: none;
}



.grue_87 {
	float:right;
}

.logo-oben{
	float:left;
	position: absolute;
	z-index: 8;
}


.container-navi-320 {
display:none;
margin-top: 55px;
	}
	


.head-oben-mitte {
	height: auto;
	width: 400px;
	z-index: 1;
	margin: 0px auto;
	top: 200px;
	text-align: center;
}

.navi-oben {
	height: 100px;
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	z-index: 7;
	width: 1060px;
	left:0px;
}

.head-oben-mitte {
	
	height: 120px;
	width: 400px;
	background-color: #3C9;
	z-index: 1;
	margin: 0px auto;
	top: 200px;
	text-align: center;
}

.container-fond-transparent {
	position: absolute;
	width: 101%;
	left:0px;
	z-index: 1;
}

.container-text-fond-transparent {
	font-size: 1.125em;
	height:auto;
	margin-top: 160px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-top: 20px;
  width: 1000px;
	
}

.textspalten-breite-zentriert {
	
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-color:none;

	
}

.textspalte {
	height: auto;
	padding: 10px;
	float: left;
	width: 310px;
	
}

.textspalte a {	
font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: 700;
	color: #009EE3s;

}


.shop-artikel-hl  {
	background-color: #f5e8cf;
	text-align: center;
	text-transform: uppercase;
	height: 22xp;
	}
	
.shop-artikel-bestellen  {
	font-size: 16px;
	background-color: #000;
	text-align: left;
	text-transform: uppercase;
	color: #FFF;
	height: 22xp;
	padding-left: 7px;
	padding-right: 7px;
	}

select  {
color: #FFF;
background-color: #000;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 0px;
border-color:#FFF;
text-transform: uppercase;
font-size: 1em;
font-family: 'PT Sans Narrow', sans-serif;
margin-left: 10px;
margin-right: 10px;
display: inline-block;
cursor: pointer;

	}
	
	.button  {
color: #FFF;
background-color: #000;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 0px;
border-color:#FFF;
text-transform: uppercase;
font-size: 1em;
font-family: 'PT Sans Narrow', sans-serif;
cursor: pointer;
height: 28px;

}



.footer {
	height: 70px;
	width: 100%;
	background-color: #55331e;
	position: fixed;
	left: 0px;
	z-index: 2;
	color: #FFF;
	bottom: 0px;
}



.smart-footer {
	display: none;
}





.buttons-footer-container-left {
	height: 70px;
	float: left;
	z-index: 5;	
	margin-left: 80px;
	vertical-align: middle;
}



.buttons-footer-container-right {
	height: 70px;
	float: right;
	z-index: 5;	
	margin-right: 80px;
	vertical-align: middle;
}




.kontaktbutton{
	height: 42px;
	width: 42px;
	margin-top:14px;
	margin-left: 10px;
	margin-right: 3px;
	float: left;
	text-align:center;
	vertical-align: middle;
}


.kontakttext {
height: 65px;
float: left;
text-align: left;
vertical-align: middle;
margin-top:5px;
margin-right: 20px;
margin-left: 5px;

}

.kontakttext a{
	color: #FFF;
	text-decoration: none;
}



.kontakttext-rechts {
	height: 50px;
	margin-top: 20px;
	float: right;
	vertical-align: middle;
	
}

.kontakttext-rechts a{
	color: #FFF;
		text-decoration: none;

	
}

.kontakttext-impressum {
	height: 0px;
	float: left;
	text-align:left;
	margin-right: 20px;
	margin-top: 7px;
	vertical-align: middle;
	font-size: 0.7em;
}

.kontakttext-impressum a{
	color: #FFF;
}


				.container-unten-kontaktformular
				{
				background-color: #fff; 
				width: 100%; 
				position: absolute; 
				left: 0px;
				}
				
				
				.fond-transparent-kontaktformular{
					background-color: #fff; 
					opacity: 0.9;
					height: 500px; 
					width: 840px; 
					margin-bottom: 30px; 
					margin-top: 30px;
					}


@media screen and (max-width: 780px) {

a {
	text-decoration: none;
	color: #000;
}

h2 {
	font-family: 'Lobster',cursive;
	font-size: 2em;
	font-style: normal;
	font-weight: 400;
	color: #D39900;
	text-align: center;
	margin-top: 40px;
	

}

h1 {
	font-family: 'Lobster',cursive;
	font-size: 1.75em;
	font-style: normal;
	font-weight: 400;
	color: #D39900;
	text-align: center;
	margin-top: -10px;
	text-align: center;
}

h3 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: 700;
	color: #000;
	margin-top: -1em;
	margin-bottom: -0.3em;
}

h4 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: 700;
	color: #CB0A37;
	text-transform: uppercase;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}



h5 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.85em;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	color: #CB0A37;
}


.navigation-toggle-87
{
	display: none !important;
}

.fondimage {
	display:none;
}

.container-header {
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
  float: left;
	background: none;
	pointer-events:none;
}


.textspalten-breite-zentriert {
	height: 330px;
	width: 330px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-color:none;

	
}


.smart-center{

margin: 0px auto;
	width: 312px;
}	

.smart-phone {
	display: inline;
	top: 0px;
	padding: 5px;
	margin: 3px;
	width: 40px;
	height: 40px;
    float: left;
	color:#FFF;
	background-color: #8C283B;
	text-align:center;
	font-size: 1em;
	font-style: normal;
	text-transform: uppercase;
}

.smart-anfrage {
	display: inline;
	top: 0px;
	padding: 5px;
	margin: 3px;
	width: 84px;
	height: 40px;
    float: left;
	color:#FFF;
	background-color: #dabbb6;
		text-align:center;
	font-size: 1em;
	font-style: normal;
	text-transform: uppercase;
}

.smart-aktuelles {
	display: inline;
	top: 0px;
	padding: 5px;
	margin: 3px;
	width: 84px;
	height: 40px;
    float: left;
	color:#FFF;
	background-color: #8C283B;
		text-align:center;
	font-size: 1em;
	font-style: normal;
	text-transform: uppercase;
}

.logo-oben{
	float:right;
	pointer-events: none;
	background-color:#cb0a37;
	padding-bottom:4px;
	margin-top: 18px;
	position: relative;
}



.container-navi-320 {
display:block;
margin-top: 0px;
	}

.navi-oben {
	height: 100px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 7;
	width: 100%;
	left:0px;
}	

.navmenu {
	
}

.navmenu a{
	font-size: 1.1
	em;
	font-weight: lighter;
	font-family: "Playfair Display";
	text-transform: uppercase;
	color: #fff;
	
	background-color: #cb0a37;
	padding: 6px;
	letter-spacing: 1px;
	display: block;
	
	/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: 310px;*/
}

.navmenu a:focus,
.navmenu a:hover
{
	font-weight: lighter;
	font-family: "Playfair Display";
	text-transform: uppercase;
	color: #cb0a37;
	background-color: #fff;
	padding: 6px;
	
}

.hamburger {
	display: inline;
	top: 0px;
	padding: 5px;
	margin: 3px;
	width: 40px;
	height: 40px;
    float: left;
	color:#FFF;
	background-color: #DABBB6;
	text-align:center;
	font-size: 1em;
	font-style: normal;
	text-transform: uppercase;
	background-image:url(../images/menu.png);
	background-repeat: no-repeat;
	background-position:center;
	z-index: 1000;
	cursor:pointer;
}



ul { padding: 0; text-align: left; }
li {
	display: block;
	list-style: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0;
}

.container-fond-transparent {
    position: relative;
}

.container-text-fond-transparent {
	font-size: 1.125em;
	height:auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom: 20px;
	padding-top: 20px;
  width: 330px;
	
}
   
   
	.textspalten-breite-zentriert {
    height: auto;
	}
					
					.textspalte {
						
						float: none;
						clear: both;
						width: 310px !important;
					}
   
					.footer {
						display:none;
						}
						
					.smart-footer {
						
						color: #FFF;
						left: 0px;
						height: auto;
						width: 100%;
						display: block;
						background-color: #55331e;
						position: absolute;
					} 
					
					
					 .buttons-footer-container-left {
						  height: 100px;
						  float: left;
						  z-index: 5;	
						  margin-left: 20px;
						  vertical-align: middle;
					  }
					  
					.kontakttext {
					height: auto;
					margin-top: auto;
					float: left;
					text-align: center;
					vertical-align: middle;
					font-size: 1.1em;
					}
					
					.kontakttext-rechts {
					height: 50px;
					margin-top: 40px;
					float: left;
					vertical-align: middle;
					width: 100%;
					position: relative;
					margin-left: 30px;
					}

				  .kontakttext-impressum {
					  height: auto;
					  margin-top: 0px;
					  margin-left: 30px;
					  float: left;
					  text-align:left;
					  vertical-align: middle;
					  font-size: 0.7em;
				  }
 
				.btn.btn-arrow-right
				
				{
	
		margin-left: 0px !important;
				}


				.control-group {
					width: 320px !important;
					margin: 10px !important;
				}
				
				.controls {

				 margin-bottom: 5px !important;
				}
				
				
				.container-unten-kontaktformular
				{
				position: relative; 
				
				}
				
				.fond-transparent-kontaktformular
				{
				height: auto; 
				}
}