@font-face {
  font-family: 'Baloo Thambi Two';
  src: url("baloo-thambi-2.woff2");
}

@font-face {
  font-family: 'Cookie';
  src: url("cookie.woff2");
}

*
{
margin: 0;
padding: 0;
border: none;
outline: none;
box-sizing:border-box;
}



body 
{
font-family: 'Baloo Thambi Two', cursive;
font-size: 18px;  
background:#faf2e5;
}





#datenschutztext,#impressumtext{
	position:fixed;
	overflow:auto;
	background: rgba(80,80,80,0.6);
	color:#fd9c2b;
	border-radius:10px;
	border: 1px solid #000055;
	position:fixed;
	top:-20px;
	padding:0px;
	left:50%;
	right:50%;
	width:0%;
	height:0%;
	z-index:100000006;
	transition: all 2.5s;
}

  #impressum:after {
    content: 'schliessen';
  }
#datenschutztext p,#impressumtext p{color:#fefefe;}
#datenschutztext h1,#impressumtext h1{color:#fefefe;}
#datenschutztext h2,#impressumtext h2{color:#fefefe;}
#datenschutztext a, #impressumtext a{text-decoration:none; color:#000;}
#datenschutztext:hover,#impressumtext:hover{background: rgba(80,80,80,0.95);}
#datenschutztext:target,#impressumtext:target{top:100px; width:50%; height:75%; padding:10px; margin-left:-25%;}




@media screen and (max-width: 800px) {
	#datenschutztext:target,#impressumtext:target{top:90px; width:90%; height:75%; 	padding:10px; margin-left:-49%;}
}


li{
	list-style-type: circle;
}

p
{
padding: 12px 0;
color: #363636;
line-height:1.5;
}
h1
{
font-size: 40px;
font-weight: normal;
font-family: 'Cookie';
color: #B97C67;
font-weight: bold;
}
h2
{          
font-size: 32px;
font-weight: normal;
color: #B97C67;
font-family: 'Cookie';
font-weight: bold;
}
h3
{
font-family: 'Cookie';
font-size: 24px;
font-weight: normal;
color: #B97C67;
}
a
{
color: #964396;
transition: 4s all;
}
a:hover
{
color: #000;
text-decoration: none;
transform: scale(1.7);
}




#header
{
	font-family: 'Cookie';
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1000;
padding: 20px 10px;
	font-size: 3.7vmax;
    color: #B97C67;

	border-bottom: 0px solid #0044;
    text-shadow:  1px  1px 1px white,
                  1px -1px 1px white,
                 -1px  1px 1px white,
                 -1px -1px 1px white;
	font-weight: normal;
	transition: 0.5s all;
	
	width:100%;
text-align:center;
text-valign:bottom;
margin:0 auto;
display:flex;
align-items : flex-end;
justify-content : center;
background-repeat: no-repeat;
 background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1600 130"><path fill="%23B97C67" d="M0 87c24,-13 89,0 116,-4 39,-5 18,-10 56,-6 9,1 34,20 41,16 8,-4 5,-14 16,-12 4,1 13,10 18,11 14,4 7,-20 34,-2 13,9 31,3 46,3 3,-9 9,-10 14,-17 16,5 29,9 45,12 10,2 20,-5 24,-3 10,4 2,17 24,12 48,-11 243,2 308,7 32,2 21,-4 41,-28 9,16 10,20 28,29 3,-5 11,-19 15,-21 16,-7 10,14 20,17 29,8 43,-16 74,-18 24,-2 19,21 45,9 4,-22 38,8 42,-10 8,3 24,-19 30,8 7,34 -3,8 35,11 29,3 49,-15 74,3 27,-34 35,-2 66,-3 25,-1 50,-2 75,-3 105,-6 189,2 292,3 22,0 51,-7 69,9 21,19 13,-16 41,-8 6,2 3,-1 7,4 0,0 1,1 1,2 0,1 1,2 1,2l2 7c14,-21 17,-16 40,-16l354 -3c109,0 77,-6 190,13 82,14 20,-19 87,-12 38,4 30,-7 46,-7 13,0 30,9 44,10l5 -32c21,-4 23,21 35,2 8,-13 11,19 20,13l13 0c15,12 17,17 29,7 14,19 9,13 41,11 18,-1 37,-31 55,-32 23,-2 25,30 50,23 17,-5 38,-8 56,-7 34,2 45,5 80,7 14,1 36,3 46,-9 1,-2 19,23 21,20 3,-4 17,-8 20,-12 7,-10 20,-18 30,-24 30,54 5,38 63,38l80 1c15,-1 12,-6 22,-13 13,11 65,4 84,3 13,-1 65,8 78,6 25,-3 39,-25 66,-25 52,0 17,18 69,18l0 -98 -3425 0 0 89 Z"></path></svg>'); 
background-size:100% 100px;
transition: 2s all;
	
}
#header.small
{
	top:-200px;



}

	#header.small.navshow 
	{
	top: 70px;
position:fixed;
	}
	
	#header.small.navshow.oflow
	{
	top:0px;

	}









	#header a
	{
	color: #fff;
	text-decoration: none;
	}
	#header a:hover
	{
	color: #fff;
	text-decoration: none;
	}
	#headerspacer
	{
	height:150px;
	}
	

	
#content
{

}
	#incontent
	{
	margin: 0 auto;  
	padding: 10px;
	width:100%;
 	max-width: 1600px;

	}

	 


	 



#tipp {
	background: #949494; 
	text-align:center;
	text-valign:bottom;
	margin:0 auto;
	display:flex;
	align-items : flex-end;
	justify-content : center;
}


.intipp {
	text-align:center;
	text-valign:bottom;
	margin:0 auto;
	display:flex;
	flex-direction: column;
	align-items : center;
	justify-content : center;
	color:#fff;
}

.intipp p {color:#fff;}


.intipp a {  text-decoration: none;
  color: #000;
  font-weight: 400;
    position: relative;
  display: inline-block;
  }





.intipp a:after {
  content:'';
  position: absolute;
  border-bottom: 2px solid #000;
  top: 90%;
  transition: all 0.4s;
 }

.intipp a:after {
  left: 50%;
  right: 50%;
  color:#000;
}
.intipp a:hover:after {
  right: 0; left: 0; text-decoration: underline;
  color:#fff;
}






#footer
{



	position:relative;
	width:100%;
border-top: 1px solid #0044;
 background:#B97C67;
color: #fff;
margin: 0 auto;
width:100%;
}
	#infooter
	{
text-align:center;
padding: 10px;  

	}
	#footer a
	{
	color: #fff;
	text-decoration: none;
	}
	#footer a:hover
	{
	color: #d8eab2;
	text-decoration: underline;
	}
	
.weartikelbox {
background:#ece3d6;
border-radius:12px;
padding:10px;
color:#222;
display:inline-block;
max-width:400px;
float:right;
border:solid 1px #555;
transition:1s all;
}

@media screen and (max-width: 800px) {
.weartikelbox { width:50%;}

}

.weartikelbox ul {margin-left:30px;}
	.weartikelbox:hover { opacity:0.7; transition:1s all; border:solid 1px #6c1a1c; }
	
#toplink
{
position: fixed;
bottom:30px;
right: -50px;
background: #ccc;
border-radius: 20px;
opacity: 0;
display: inline-block;
z-index:1000;
width: 40px;
height: 40px;
padding:5px;
  display: flex; 
  align-items: center;
  justify-content: center; 
border: solid 1px black;


overflow: hidden;
text-align: center;

transition: 0.3s all;
pointer-events: none;
cursor: pointer;
}
#toplink:hover
{
opacity: 0;
background: #fff;
transition: 0.3s all;
border:1px #000 solid;
}
#toplink.seh
{
opacity: 1;
right:20px;
pointer-events: all;
transition:all 1.3s;
}
#toplink.seh:hover
{
transform: translate(0px, -10px) scale(1.2,1.2); transition: all 1s;
}

input[name="warenkorbbutton"]
{
margin: 4px 0;
display: inline-block;
padding: 5px 10px;
border: 1px solid #1B334B;
background: #999;
color: #000;
font-size: 16px; 
border-radius: 4px;
cursor: pointer;
transition: 0.5s all;
}
input[name="warenkorbbutton"]:hover
{
background: #245687;
transition: 0.5s all;
color:#fff;
}