@charset "utf-8";
/* CSS Document */

/* --Reset-- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,footer,form,
header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,tfoot,thead,th,tdvideo,tt,u,ul,var{background:transparent; border:0 none; margin:0; padding:0; border:0; outline:0; vertical-align:top;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table, table td {border-collapse:collapse;}
img {vertical-align:top;}
embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}
/* --End Reset-- */
/* --Allgemein-- */
*{margin:0; padding:0;}
* html body #page{position:relative;}
html {}
body{margin:0; padding:0; height:100%; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto;}
#page{margin:0 auto;width:100%; max-width:1200px; display:flex; display:-webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight:500; line-height:1.1;}
a{text-decoration:none; font-weight:normal;}
a:hover{text-decoration:underline;}
h1{font-size:1.5em; font-weight:bold; line-height:1.25em; margin-bottom:0.6em;}
h2{font-size:1.3em; font-weight:bold; line-height:1.25em; margin-bottom:0.6em;}
h3{font-size:1.1em; font-weight:bold; line-height:1.25em; margin-bottom:0.6em;}
h4{font-weight:bold; line-height:1.25em; margin-bottom:0.6em;}
h5{font-weight:bold; line-height:1.25em; margin-bottom:0.6em;}
h6{font-weight:bold; line-height:1.25em; margin-bottom:0.6em;}
.clear{clear:both;}
.clear-left{clear:left;}
.clear-right{clear:right;}
/* --Mobile first - alle Dokument-Blöcke bekommen 100% Breite-- */
nav, nav a, section, footer{-webkit-flex:1 100%; flex:1 100%; border:none; border-radius:0;}
header{display:table-cell; vertical-align:middle; text-align:center; margin:0; overflow:hidden; height:auto; padding:0px; -webkit-flex:1 100%; flex:1 100%;} 
article{padding:1em; margin:0; -webkit-flex:1 100%; flex:1 100%; align-self:flex-start;}
aside{-webkit-flex:1 100%; flex:1 100%; align-self:flex-start;}
header, section, aside, footer {display:block; box-sizing:border-box;}	
.error{font-weight:bold; color:#f00;}
input, textarea, select,option{box-sizing:border-box; padding:0.3em; margin:0.3em; max-width:100%;}	
.stylefield{box-sizing:border-box; padding:0.3em; margin:0.3em;}	
/* --Ende Allgemein --*/
/* --Backend- */
.adminnav{width:90%; border-collapse:separate; border-spacing:0; border:7px solid #eee; background:#fff; color:#000;}
.adminnav img{margin:0 0.2em 0 0.2em;}
/* --Ende Backend- */
/* --Admin- */
#adminframe{position:fixed; top:0px; right:0px; display:block; width:150px; color:white; background-color:gray; border-color:blue; border-style:dashed; border-width:4px; padding:4px; z-index:20;}
#admin{color:black; background-color:white; padding:6px; text-align:left;}	
/* End Admin */
#head-inner{display:block; height:0;}
header img{display:inline-block; height:auto; width:100%; margin:auto; padding:0; border-radius:0; max-width:100%; vertical-align:middle;}
/* Linke Navi-Spalte */
#navi{box-sizing:border-box; overflow:hidden; padding:1em 1em 1em 0; margin:0; margin:0; }
#navi-shop{margin:0.5em 0 0 0.5em; box-sizing:border-box;}
#content img{height:auto; max-width:95%;}
#lang img{border:0;}
#search-txt{font-weight:bold; margin:0px; padding:0px;}
#searchfield{background:white; color:black; width:75%; margin:0;}
#sendsearch{background: url(../includes/systemimages/find.png) no-repeat; width:35px; height:30px; background-color:#fff;}
#search_box{width:100%; height: 35px; text-align: right; border-top-left-radius:10px; border-top-right-radius:10px;}
#search_box form {margin: 0; padding: 5px 20px;}
#search_box #input_field{height:20px; width:300px; color:#000; font-size:12px; font-variant:normal; line-height:normal; border:1px solid #ccc; background:#fff;}
/*#search_box #submit_btn{height:24px; width:100px; cursor:pointer; font-size:12px; text-align:center; vertical-align:bottom; white-space:pre; outline:none; color:#666; border:1px solid #ccc; background:#fff;}*/
#set_currency select{margin:0;}
#bigbasket{width:100%; border:none; margin:0; padding:0.3em; box-sizing:border-box;}

#bbasket-txt{font-weight:bold;}
.bb-art{padding:0.5em;}
.bb-art:hover{background-color:#ffffff4d; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
.bbasket-view{margin:0.3em 0;} 
.bbasket-qty{text-align:left; white-space:nowrap; float:left; font-weight:bold;}
.bbasket-qty img{border:1px solid #888888; width:1.1em; height:1.1em;}
#bbasket-total{border-top:1px solid #999999;text-align:right; vertical-align:bottom;}
#basket-txt{ border-bottom:1px solid #999999; vertical-align:bottom; font-weight:bold; /*colspan:3;*/}
#gotobasket a{font-weight:bold; vertical-align:bottom; border-top:1px solid #999999;}
/* Navigation */
nav{width:100%; margin: 0; padding: 0; border: none;}
#navigation{margin: 0px 0px 0px 0px;}
nav li{}
nav a{display:block; text-decoration:none; font-size:1.2em; letter-spacing:.03em; padding:0.5em; box-sizing:border-box;}
nav a:hover{text-decoration:none;}
nav ul li a:active{}
.menu ul {list-style: none;}
/*
nav .katze{color:#fff; background-color:#1e6100; background-image: linear-gradient(to bottom,#1e6100,#5eb900); display:block; padding:0.5em 0 0.5em 0.3em;}
nav .hund{color: #fff; background-color:#D7BD82; background-image: linear-gradient(to bottom,#D7BD82,#EBDDBC); display:block; padding:0.5em 0 0.5em 0.3em; font-family:'Contrail One', cursive;}
*/
.menu_normal{/*color:#eaeaea;*/ background-color:#1e6100; background-image: linear-gradient(to bottom,#1e6100,#5eb900); overflow:hidden; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15); font-size:12px; box-sizing:border-box; display:block;/*padding:0.2em 0 0.2em 0.5em;*/margin-left:0.7em;}
.menu_normal:hover{box-shadow: 2px 2px 12px 0 rgba(0,0,0,.15); background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}
.menu_selected{/*color:#ccc;*/ overflow:hidden; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15); font-size:12px; box-sizing:border-box; display:block; background-color:#1e6100; background-image:linear-gradient(to bottom,#1e6100,#5eb900);/*padding:0.2em 0 0.2em 0.5em;*/ margin-left:0.7em;}
.menu_selected:hover{box-shadow:2px 2px 12px 0 rgba(0,0,0,.15); color:#fff; /* background-color:#e1e1e1; background-image:linear-gradient(to bottom,#e1e1e1,#fff);*/}

.cmenu_normal{/*color:#eaeaea;*/ text-decoration:none; font-weight:bold; box-sizing:border-box;}
.cmenu_normal:link{/*color:#eaeaea;*/ text-decoration:none;}
.cmenu_normal:visited{/*color:#eaeaea;*/}
.cmenu_normal:hover{/*color:#fff;*/ text-decoration:none; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}
.cmenu_normal:active{/*color:#fff;*/text-decoration:none;}

.cmenu_selected{/*color:#eaeaea;*/ background-color: #5eb900; background-image: linear-gradient(to bottom,#5eb900,#4d0); text-decoration:none; box-sizing:border-box;}
.cmenu_selected:link{/*color:#eaeaea;*/ text-decoration: none;}
.cmenu_selected:visited{/*color:#333;*/}
.cmenu_selected:hover{/*color:#333;*/ text-decoration:none;}
.cmenu_selected:active{}

.menu1{}
.menu1 a{color: #eaeaea;}
.menu1 a:hover{color:#fff;}
.menu2{ background-color:#4d0; background-image:linear-gradient(to bottom,#4d0,#82ff00); margin-left:0.4em; font-weight:normal;}
.menu2 a{font-weight:normal; color:#606060;}
.menu2 a:visited{color:#606060;}
.menu2 a:hover{color:#fff;}
.menu3{margin-left:0.4em; font-weight: normal;}
.menu3 a{font-weight: normal;}
.menu4{margin-left:0.4em; font-weight:lighter;}
.menu4 a{font-weight:lighter;}
.menu5{margin-left:0.4em; font-weight:lighter;}
.menu6{font-weight:lighter;}
.menu7{font-weight:lighter;}
/* Ende Navigation */
#step{ display:none;}
/* Ende Linke Navi-Spalte */
#habu{ display:none;}
/* Main */
article {display:block; padding:20px; min-width:200px;}
/*
article img{ max-width:95%; height:auto;}
table img{ width:auto; height:auto;}
*/
#title{margin:0.3em auto 0 auto;}
/* --Kontakt- */
#contactus{margin-left: 1em;}
#thanks{width:50%; margin:5px auto 5px auto; text-align:left; border-width:2px; border-style:solid; border-color:#00CCCC; padding:5px 10px; overflow: visible;}
#contacterrortitle h1{color:red; font-size:2.5em; font-weight:700;}
#contacterror{width:50%; margin: 0 auto; text-align:left; border:none; padding:5px 10px; overflow: visible; font-weight:bold; color:#FF0000;}
.contact-error{color:#ff0000; font-weight:bold; margin:0.2em auto 0 0;}
.captcha-success{}
.captcha-error{color:#ff0000;}
#contacttitle h1{}
#contactform{width:100%; margin: 0 auto;}
.contact-left{float:left; width:4.2em;}
.contact-right{width:auto;}
#grecaptcha{text-align:right; text-align:-moz-right; text-align:-webkit-right;}
/* Ende Kontakt */
#breadcrumbs{text-align:right; padding-right:30px;}
/* Inhalt */
#textcont{}
#desc img{border-radius:0; max-width:100%; height:auto;}
#content img{ max-width:98%; margin:1em auto; border-radius:0.5em;}
.tableresp{width:100%; overflow:auto; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; -o-hyphens:none; hyphens:none;}
table tbody tr td{box-sizing:border-box; padding:0.2em;}
table tbody tr td img{}
p{margin:0.5em 0 0.5em 0; line-height:1.3em;}
address{line-height:100%;}
pre {white-space:pre-wrap;/*css-3*/white-space:-moz-pre-wrap;/*Mozilla*/white-space:-pre-wrap;/*Opera4-6*/white-space:-o-pre-wrap;/*Opera7 */word-wrap:break-word;/*Internet Explorer 5.5+*/}
/* Bildgalerie*/
#img{box-sizing:border-box; max-width:175px; width:25%; float:right; margin: 0 0 1em 1em;}
#img2{box-sizing:border-box; max-width:100%; width:250px; float:right; margin: 0 0 1em 1em; display:none;}
/* Kategoriebild */	
#ccat_detail_img img{height:auto; width:100%; border:none; margin-bottom:1em;}
/* Zusätzloche Bilder */
#id_related_images img{margin-bottom:0.2em; height:auto; width:100%; border:none;}
#id_related_images span{font-size:11px; text-decoration:none;}
#id_related_images a{ line-height:1em;}
#id_related_images a:hover{text-decoration:none;}
/* Einkauf */
#content_article{text-align:left; width:70%; min-width:180px; margin-bottom:0.8em;}
.cont_art_x{}
.cont_art_x:hover{background-color:#ebddbc; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
.cont_art_discount{display:inline;}
.cont_art_discount span{color:#f00; text-decoration:line-through; margin-left:0.2em;}	
#contentform{}
#buybutton{width:26px; text-align:left; vertical-align:top; float:left; height:100%;}	
#content_art_x_desc{width:474px; font-weight:bold; margin-left:30px;}
#content_art_x_discount{color:red; text-decoration:line-through;}
#warenkorbbutton{height:30px; text-align:left; margin-left:14px; vertical-align:top; background-color:#ebddbc;}
#warenkorbbutton:hover{background-color:#d7bd82;}
/*#content_article div{font-family: 'Roboto', sans-serif;}*/
@keyframes click-wave {
  0%{height:40px; width:40px; opacity:0.35;position:relative;}
  100%{ height:200px; width:200px; margin-left:-80px; margin-top:-80px; opacity:0;}
}
.option-input {-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; height:2em; width:2em; background:#cbd1d8; border:none; color:#fff; cursor:pointer; display:inline-block; margin-right:0.2em; outline:none;}
.option-input:hover {background:#9faab7;}
.option-input:checked{background:#40e0d0;}
.option-input:checked::before{content:'✔'; font-size:1.5em; text-align:center; line-height:1em; font-weight: bold;}
.option-input:checked::after{ background:#40e0d0; content:''; display:block;}
.option-input.radio {border-radius: 50%;}
.option-input.radio::after{border-radius: 50%;}
#content_article div{padding:0.1em;}
#content_article label{display: block; line-height: 40px;}
/* Ende Einkauf */
/* Zusätzliche Dateien */
.id_related_files{box-sizing: border-box; float:left; width:30%; min-width:180px; max-width:330px; height:115px; margin:0 0.5em 0.4em 0; overflow:hidden; border:ridge 2px #fff; border-radius:0;}
.id_related_files td{vertical-align:top;}
.files{width:100%; padding:0.5em; overflow:hidden;}
.filesimages{}
.filesimages img{max-width:100%; height:auto;}
.filesdesc{line-height:90%;}
.filesdesc strong{font-size:0.75em;}
.filesdesc span{font-weight:normal; font-size:0.65em;}
/* Ende zusätzliche Dateien */
.attribute{box-sizing:border-box; width:30%; min-width:180px; margin:0 1em 1em 0; overflow:hidden; border:2px ridge #fff; border-radius:0;}
.attr_grp{border:1px solid #CCCCCC; padding:0.5em; float:left; margin:0.2em;}
/* Kasse */
.basket-left{float:left; margin-right:10px; width:37%; min-width:132px;}
.basket-right{text-align:right; width:100%;}
#billingdiv{box-sizing:border-box; background-image:url(../includes/systemimages/one.gif); padding:0.4em 0.4em 0.4em 2em; background-repeat:no-repeat; background-position:top left; border:3px solid #f00; background-color:#FAFAFA; border-radius:0;}
#billingdiv:hover{box-sizing:border-box; background-color:#ebddbc; border:3px solid #F2F2F2; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
#bill_addr{box-sizing:border-box; width:100%; max-width:450px; padding:0.5em; height:auto; border-radius:0;}
#deli_addr{box-sizing:border-box; width:100%; max-width:450px; padding:0.5em; height:auto; border-radius:0;}
#deli_div{box-sizing:border-box; background:url(../includes/systemimages/two_disabled.gif) no-repeat top left; padding:0.4em 0.4em 0.4em 2em;; color:#AEAEAE;; border:3px solid #666; border-radius:0.2em;}
#deli_div:hover{box-sizing:border-box; background-color:#ebddbc; border:3px solid #F2F2F2; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
#deli_div.div_over{box-sizing:border-box; background:url(../includes/systemimages/two.gif) no-repeat top left;  background-color:#ebddbc; border:3px solid #F2F2F2; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
#deli_addr_prev{box-sizing:border-box; width:100%; max-width:450px; padding:0.5em; height:auto; border-radius:0;}
.basket_art_x:hover{background-color:#ebddbc; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
.basket_art_x img{border:1px solid #888888; width:1.1em; height:1.1em; border-radius:0;}
#basket_continue{position:relative; padding:0.5em; border-radius:0;}
#basket_continue:hover{background-color:#ebddbc; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
#basket_notice{position:relative; padding:0.5em; border-radius:0;}
#basket_notice:hover{background-color:#ebddbc; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
#basket_min_netto{border:2px #FF0000 solid; padding:5px; text-align:center; font-weight:bold; border-radius:0;}
#agb_preview{padding:0.5em 0.5em 0.5em 3em; background-image:url(../includes/systemimages/tree_disabled.gif); background-repeat:no-repeat; background-position:0px 6px; color:#999999;}
#agb_preview:hover{background-color:#ebddbc; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
#agb_div{padding:0.5em 0.5em 0.5em 3em; background-image:url(../includes/systemimages/tree.gif); background-repeat:no-repeat; background-position:0px 6px;}
#agb_div:hover{background-color:#ebddbc; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
#payment_preview{padding:0.5em 0.5em 0.5em 3em; display:inline-grid; position:relative; text-align:left; color:#999999; background:url(../includes/systemimages/four_disabled.gif) no-repeat top left; width:100%; box-sizing:border-box;}
#payment_div{padding-left:40px; position:relative; display:inline-grid; background-image:url(../includes/systemimages/four.gif); background-repeat:no-repeat; background-position:top left; width:100%; box-sizing:border-box;}
#payment_x{padding-right:15px; display:block; position:relative;}
.order-now-prev{padding:5px; text-align:left;padding-left:40px; color: #999999;background:url(../includes/systemimages/five_disabled.gif) no-repeat top left;}
.order-now-prev input{border:1px solid #CCCCCC; color:#CCCCCC;cursor:default;}
.order-now{padding:5px; text-align:left; padding-left:40px;background:url(../includes/systemimages/five.gif) no-repeat top left;}
/* Ende Kasse */
/* Ende Main */
/* Rechte Newsbox */
.box-left {/*box-shadow: -10px 0px 10px -5px #ccc;*/}
#newstitle{color:#EEBA8B;; font-size:20px; font-weight:bold; padding: 0.5em 0.5em 0 0.5em;/* border-top:0px solid #000; border-right:1px solid #000; border-left:1px solid #000; border-top-left-radius:0; border-top-right-radius:0; */}
#newstitle::after{content:'\A ';padding:0.5em; display:block;}
#newstitle::before{content:'';}
#newstitle:empty{ display:none;}
#newsbody{/*border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; border-bottom-left-radius:0; border-bottom-right-radius:0;box-shadow: -10px 10px 10px -5px #ccc;*/}
#newsbody p{padding:0 0.5em 0.5em 0.5em; margin:0;}
#newsbody:empty{display:none;}
#newscontainer img{max-width:95%; height:auto; margin:5px auto;}
#newscontainer{background-color:#1e6100; background-image:linear-gradient(to bottom,#1e6100,#5eb900); color:#fff; padding:0; margin:0; border-radius:0; box-shadow:-10px 10px 10px -5px #ccc;}
#news{padding:0;}
/* Ende Rechte Newsbox */
/* Footer */
footer{width:100%; height:auto; padding:1em; display:-webkit-flex; -webkit-flex-flow:row wrap; display:flex; flex-flow:row wrap; -webkit-justify-content:space-between; justify-content:space-between; margin:0; font-weight:normal; box-sizing:border-box;}
footer a{color:#d7d1cc; font-weight:normal;}
footer a:hover{text-decoration:none; color:#ff3}
.footcont h2{ font-size:2em; color:#DFB48E;}
#footer-inner{display:-webkit-flex; -webkit-flex-flow:row wrap; display:flex; flex-flow:row wrap; flex-wrap: wrap-reverse; -webkit-justify-content:space-between; justify-content:space-between; padding: 1em 1em 0 1em; border-top:1px solid #6E6E6E; font-weight:normal; box-sizing:border-box;}
#footer-inner a{color:#000; font-weight:normal;}
#footer-inner a:hover{text-decoration:none; color:#555;}
.footer-box{ width:25%; min-width:160px; margin:10px auto;}
#footer-inner .heading{padding:5px 0;  border-bottom:1px solid #555; border-top:1px solid #555; text-align:center;}
#footer-inner .content{display:inline-block; padding:5px; margin:0 auto; text-align:left;}
#footer-inner .content ul{font-size:14px;}
#footer-inner .content ul li{padding:2px 0;}
#fc-left{margin-right:1em;}
#fc-left img{width:200px; height:auto; margin:2px 0 5px 0;}
#fc-right{max-width:294px;}
#fc-right img{ height:128px; width:auto; margin-top:0.5em;}
footer .heading{padding:5px 0;  border-bottom:1px solid #615E5F; border-top:1px solid #615E5F; text-align:center;}
footer .content{display:inline-block; padding:5px; margin:0 auto; text-align:left;}
footer .content ul{font-size:14px;}
footer .content ul li{padding:2px 0;}
#footlinks{width: 100%; margin:1em 0 0 0; display:-webkit-flex; -webkit-flex-flow:row wrap; display:flex; flex-flow:row wrap; flex-wrap: wrap-reverse; -webkit-justify-content:space-between; justify-content:space-between;}
#footlinks div{float:left; margin-right:3em;}
#footlinks a{color:#fff; text-decoration:none;}
#footlinks a:hover{text-decoration:none; color:#ddd;}

/* Ende Footer */
.divworkhere{box-sizing:border-box;	border:3px solid #f00; background:none;}
/*.div_over{background:#565656;}
.div_out{background:#666;}
.article_over{background:#565656;}*/
.article_out{background:none;}	
/*Animation*/
.anim{
	-webkit-animation-name: cssAnimation;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out;
	
	-moz-animation-name: cssAnimation;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:1;
	-moz-animation-timing-function:ease-out;
	
	-o-animation-name: cssAnimation;
	-o-animation-duration:2s;
	-o-animation-iteration-count:1;
	-o-animation-timing-function:ease-out;

	-ms-animation-name: cssAnimation;
	-ms-animation-duration:2s;
	-ms-animation-iteration-count:1;
	-ms-animation-timing-function:ease-out;
	
	animation-name: cssAnimation;
	animation-duration:2s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
	} 
	
	@-webkit-keyframes cssAnimation {
		from {-webkit-transform:rotate(360deg) scale(0.0) skew(1deg) translate(300px);}
		to 	 {-webkit-transform:rotate(0deg) scale(1.00) skew(1deg) translate(0px);} 
		} 
	@-moz-keyframes cssAnimation{
		from 
			{-moz-transform:rotate(360deg) scale(0.0) skew(1deg) translate(300px);}
		to  {-moz-transform:rotate(0deg) scale(1.00) skew(1deg) translate(0px); } 
		}
	@-o-keyframes cssAnimation {
		from 
			{-o-transform:  rotate(360deg) scale(0.0) skew(1deg) translate(300px); }  
		to 
			{-o-transform:  rotate(0deg) scale(1.00) skew(1deg) translate(0px); } 
		}
	@-ms-keyframes cssAnimation {
		from 
			{-ms-transform:  rotate(360deg) scale(0.0) skew(1deg) translate(300px); }  
		to 
			{-ms-transform:  rotate(0deg) scale(1.00) skew(1deg) translate(0px); } 
		}
	@keyframes cssAnimation {
		from 
			{transform:  rotate(360deg) scale(0.0) skew(1deg) translate(300px); }  
		to 
			{transform:  rotate(0deg) scale(1.00) skew(1deg) translate(0px); } 
		}
/* Ende Animation */
@media all and (max-width: 50em) {
	#habu{ display:block; box-sizing:border-box; margin:0em 0em; padding:0.5em; color:#fff; background-color:#000; width:100%; max-width:100%; position:fixed; top: 0px;right: 0px; text-align:center; font-weight:bold; font-size:large; z-index: 5;}
	#hamb{}
	#habu-li{height:1.5em; width:auto; margin:0 auto 0 1em; float:left;}
	#habu-mid{height:1.5em; width:auto; margin:0 auto 0 auto; text-align:center;}
	#habu-re{height:1.5em; width:auto; margin:0 1em 0 auto; float:right;}
	#hamb span{font-size: large;}
	header, article, aside, footer{}
	#page{display:block; margin-top:2.7em;}
	#step{display:block; position:relative; top:-1.6em;}
	#navsearch{display:block; position:relative; top:-3em;}
	#navcart{display:block; position:relative; top:-2.8em;}
	#mobnav{display:block; position:relative; top:-2.8em;}
	h1{font-size:2em;}
	h2{font-size:1.6em;}
	h3{font-size:1.2em;}
}

@media all and (max-width: 37.5em) {	
#head {background-image:url(../template-images/header-2.png);}
#head-inner{ display:block; height:0; padding-top:28.333%;}
#img{display: none;}
#img2{display:block;}
}
@media all and (max-width: 35em) {	 
	header, article, aside, footer{margin:0; border-radius:0;}
	nav, nav a, header, article, section, aside, footer {margin:0; border-radius:0;}
	header img{height:auto; width:auto; margin:0; padding:0px 0; border-radius:0;}
	article{padding:0.5em;}
	.content_cat_x{ width:100%; height:auto;}
	#textcont{margin:0.5em;}
	#contacterror{width:95%;}
	#contactform{width:95%;}
	.contact-right{text-align:left;}
	.basket-left{float: none; margin-right:10px; width:100%; min-width:132px;}
	.basket-right{text-align:left; width:100%;}
}
@media all and (max-width: 25em) {	
#head {background-image:url(../template-images/header-3.png);}
#head-inner{ display:block; height:0; padding-top:42.5%;}

}
/* Smart Phones und Tablets mit mittlerer Auflösung */
@media all and (min-width: 35em) {
	header img{padding:0px;}
	nav ul{-webkit-flex-direction:column; flex-direction:column;}
	nav li{-webkit-flex:1 1 0%; flex:1 1 0%;}
	article{-webkit-flex:3 auto; webkit-order:3; flex:3 auto; order:3; padding:1em;}
	#navi{-webkit-flex:1 auto; -webkit-order:2; flex:1 auto; order:2;}
	aside{/* durch auto werden die beiden asides in eine Zeile gesetzt */ -webkit-flex:1 auto; -webikit-order:4; flex:1 auto; order:4;}
	footer{webkit-order:5; order:5;}
}
@media all and (min-width: 50em) {
	article{/* Der Article wird 2.5x so breit wie die beiden asides! */ -webkit-flex:7 1 0%; -webkit-order:3; order:3; flex:7 1 0%;}
	aside{-webkit-flex:2 1 0%; flex:2 1 0%;}
	#navi{-webkit-flex:2 1 0%; -webkit-order:2; flex:2 1 0%; order:2; height:auto;}
}