@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; padding:0.2em;}
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; box-sizing:border-box;}
* html body #page{position:relative;}
html {height:100%; width:100%;}
body{margin:0; padding:0; height:100%; font-family:Rockwell,'Kameron',serif; font-size:16px; line-height:1.1;
	 -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto; margin:0}
#page{margin:0 auto 0 auto; width:100%; display:flex; display:-webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
header, #navi, article, footer{background:none;}
font{line-height:1.1em}
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:2em; font-weight:bold; line-height:1.25em;}
h2{font-size:1.5em; font-weight:bold; line-height:1.25em; margin:1em auto 0 0;}
h3{font-size:1.2em; line-height:1.25; margin:1em auto 0 0;}
h4{font-size:1.1em; line-height:1.1; margin:1em auto 0 0;}
strong{font-weight:bold; border-bottom:1px solid #fafafa;}
hr{margin:1em 0;}
.clear{clear:both;}
/* --Mobile first - alle Dokument-Blöcke bekommen 100% Breite-- */ 
section, footer{-webkit-flex:1 100%; flex:1 100%; border:none; border-radius:0;}
header{display:grid !important; grid-template-columns:max-content auto; gap:0.2em 0.5em; margin:0 0 1em 0; -webkit-flex:1 100%; flex:1 100%; border-bottom:1.3em solid #036;} 
article{padding:1em; margin:0; -webkit-flex:1 100%; flex:1 100%; border:none; border-radius:0; align-self:flex-start}
aside{-webkit-flex:1 100%; flex:1 100%; border:none; border-radius:0; align-self:flex-start}
header, section, aside, footer {box-shadow: 5px 5px 10px #ccc; min-width:200px; display:block; box-sizing:border-box;}	
.error{font-weight:bold; color:#f00; font-size:14px;}
input, textarea, select,option{box-sizing:border-box; color:black; padding:0.3em; margin:0.3em; border:#C8C8C8 solid 1px; border-radius:0; max-width:100%;}	
.stylefield{ box-sizing:border-box; padding:0.3em; margin:0.3em; border:1px solid #b0b0b0;}	
/* --Ende Allgemein --*/
/* --Backend- */
#adminnav{width:90%; border:7px solid #eeeeee; background:#FFFFFF; color:#000000;}
#adminnav tr td{ padding-top:0.5em;}
#adminnav img{margin-right:0.2em; margin-top:0.4em;}
/* --Ende Backend- */
/* --Admin- */
#adminframe{position:fixed; top:0px; left:0px; max-height:210px; overflow-y:scroll; display:block; width:150px; color:white; background-color:#4d4d4d; 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 {text-align:left;}
#head-inner{display:block; height:1.5em;}
#headtable{width:205px;}
#headlink{text-align:right; margin:0.5em 0.5em 0 auto;}
#headlink a{font-weight:bold; margin-right:0.5em;}
#logo{margin:0.4em 1em 0.1em 1em;}
#logo img{height:auto; width:200px;}
/*header img{display:inline-block; height:auto; width:100%; margin:auto; padding:0; border-radius:0; max-width:100%; vertical-align:middle;}*/
/*Headnavi*/
#navi::before, #navi::after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
#navi{position:relative; z-index:1; box-sizing:border-box; text-align:left; width:100%; overflow:visible; padding:0.3em 1em; margin:0; border:none;}
#inner-navi{position:relative; height:auto; width:auto; margin:0 auto 0 auto; max-width:100%}
.menu1{float:left; position:relative; overflow:visible; text-align:center; margin-right:4px; border:0px; display:block; margin-top:0.5em;}	
.menu1 a{font-weight:bold;}
.menu1child{display:block; box-sizing:border-box; z-index:5; position:absolute; left:0px; visibility:hidden; padding-bottom:0.1em; overflow:hidden; text-align:left; background-color:#d9d9d9; border:1px ridge #999999; box-shadow: 5px 5px 10px rgba(94, 94, 94, 0.5);}	
.menu2{padding-top:0.2em; padding-left:0.2em; padding-right:0.2em;}
#navigation{margin: 0px 0px 0px 0px;}
#navi a{display:block; text-decoration:none; font-size:1.1em; font-weight:bold; letter-spacing:.03em; /*padding:0.5em 0.2em 0.5em 0.3em;*/ box-sizing:border-box;}
#navi a:hover{text-decoration:none;}
#navi::after{clear:both;}
#home{float:left; position:relative; overflow: visible; text-align:center; margin-right:4px; border:0px; margin-top: 0.5em;}
#contact{float:left; position:relative; overflow:visible; text-align:center; margin-right:4px; border:0px; margin-top:0.5em;}

.cmenu1_normal{display:block; color:#fff; text-decoration: none; background-color:#5eb900; background-image:linear-gradient(to bottom,#1e6100,#5eb900); border-top-left-radius:0.5em; border-top-right-radius:0.5em; padding:0.49em;}
.cmenu1_normal:link{}
.cmenu1_normal:visited{display:block; color:#e6e6e6; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}
.cmenu1_normal:hover{display:block; color:#e6e6e6; text-decoration: underline; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}
.cmenu1_normal:active{display:block; color:#e6e6e6;text-decoration: underline; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}

.cmenu1_selected{display:block; color:#fff; text-decoration: none; background-color:#5eb900; /*background-image:linear-gradient(to bottom,#1e6100,#5eb900);*/ padding:0.49em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}
.cmenu1_selected:link{}
.cmenu1_selected:visited{display:block; color:#e6e6e6; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}
.cmenu1_selected:hover{display:block; color:#e6e6e6; text-decoration: underline; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}
.cmenu1_selected:active{display:block; color:#e6e6e6; text-decoration: underline; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}

.cmenu_normal{display:block; color:#fff; text-decoration: none; background-color:#5eb900; background-image:linear-gradient(to bottom,#1e6100,#5eb900); border-top-left-radius:0.5em; border-top-right-radius:0.5em; padding:0.49em;}
.cmenu_normal:link{}
.cmenu_normal:visited{display:block; color:#e6e6e6; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}
.cmenu_normal:hover{display:block; color:#e6e6e6; text-decoration: underline; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}
.cmenu_normal:active{display:block; color:#e6e6e6;text-decoration: underline; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}

.cmenu_selected{display:block; color:#fff; text-decoration: none; background-color:#5eb900; background-image:linear-gradient(to bottom,#1e6100,#5eb900) font-weight: normal; white-space:nowrap;}
.cmenu_selected:link{display:block; color:#fff; text-decoration: none;}
.cmenu_selected:visited{display:block; color:#fff;}
.cmenu_selected:hover{display:block; color:#e6e6e6; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}
.cmenu_selected:active{display:block; color:#e6e6e6;text-decoration: underline; background-color:#1e6100; background-image:linear-gradient(to bottom,#5eb900,#1e6100);}

.menu2 .cmenu_normal{display: block; width:100%; border-radius:0.5em;}
.menu2 .cmenu_normal a{font-size:1em;}
/*Ende Headnavi
/* Linke Navi-Spalte */
#content img{height:auto; max-width:95%;}
#lang{float:right; margin:0.3em 0.8em 0.2em auto;}
#search{float:right;}
#search-txt{font-weight:bold; margin:0 0 -0.2em 0; 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; margin:0 0 0 0.3em !important;}
#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:#000000; 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-form{float: right; margin:0.3em 1em 0 0; width:110px; text-align:right;}
#set_currency{padding:0.2em !important; margin:0 !important;}
#set_currency select{margin:0;}
#set_currency-form input{margin:0 !important;}
#lang img{border:0;}
#cartnavi{min-width:12.1em;}
#bigbasket{width:auto; border:none; padding:0.5em; hyphens:none; min-width:12em; box-sizing:border-box;}
#bigbasket a{color:#000;}
#bbasket-txt{font-weight:bold;}
#bbaskchild{background-color:#fff !important;}
.bb-art{margin-bottom:0.5em; padding:0.3em;}
.bb-art:hover{background-color:#ffffff4d; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
.bbasket-view{padding-bottom:0.5em;} 
.bbasket-qty{text-align:left; white-space:nowrap; font-weight:bold; margin-bottom:0.2em; display:flex;}
#bbasket-qty-img{display:flex; width:auto;}
.bbasket-qty img{border:1px solid #888888; width:1.1em; height:1.1em; margin:0 0.2em 0 0;}
#bb-x-sum{text-align:right;}
#bbasket-total{border-top:1px solid #999999;text-align:right; vertical-align:bottom; padding-top:0.3em; padding-bottom:0.1em; margin:0 0.3em 0 0.3em;}
#basket-txt{border-bottom:1px solid #999999; text-align:bottom; font-weight:bold; colspan:3;}
#gotobasket a{font-weight:bold; vertical-align:bottom; border-top:2px solid #999999; padding-top:0.5em; margin: 0 0.3em 0 0.3em;}
#step{ display:none;}
/* Ende Linke Navi-Spalte */
#habu{ display:none;}
/* Main */
article {width:100%; max-width:1200px; padding:0em 3em; margin:0 auto;}
#main{display:box; width:100%; max-width:1200px; padding:0; margin:0 auto;}
/*
article img{ max-width:95%; height:auto;}
table img{ width:auto; height:auto;}
*/
#title{margin:0 auto 0.5em auto;}
/* --Kontakt- */
#contactus{width:37.5em; max-height:100%; margin:0 auto;}
#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;}
#contacttitle h1{}
#contactform{width:auto; margin:0 auto 0 0; padding-bottom:2em;}
.contact-left{float:left; width:4.5em;}
.contact-right{ width:auto;}
/* Ende Kontakt */
/* Inhalt */
#desc img{max-width:100%; height: auto;}
#desc ol, ul {list-style: disc; margin-left:1em;}
#desc ol, ul li ul li{list-style:circle; margin-left:1em;}
#desc ol, ul li ul li ul li{list-style-type: '- '; margin-left:1em;}
#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; }
iframe{max-width:100%;}
/*
#textcont{line-height:150%; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size:16px; color: #333;}
*/
p{margin: 0 0 1em 0; line-height:1.7em;}
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{width: 20%; max-width: 120px; float: right; margin-left:2em; margin-right:0.2em}
/* Kategoriebild */	
#ccat_detail_img img{height:auto; width:100%; border:none;}
/* Zusätzloche Bilder */
#id_related_images img{margin-top:1em; margin-bottom:0.5em; height:auto; width:100%; border:none;}

#id_related_images span{font-size:12px;}
#id_related_images a{color:#000;}
#id_related_images a:hover{text-decoration:none;}
/* Einkauf */

.cont-art-table tr td{padding:0.4em;}
#content_article{text-align:left; width:70%; min-width:180px;}
#content_article div{}
#content_article label{display: block;}
.cont_art_x{}
.addtocart{background-color:#036; cursor:grab;}
.addtocart:hover{background-color:#2d669f;}
.addtocart:focus{background-color:#000; cursor:grabbing;}
#cont-art-x-img{padding:3px; max-width:30px;}
.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:0; vertical-align:top; background-color:#F2F2F2;}
#warenkorbbutton:hover{background-color:#b0b0b0;}
/*#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%;}
/* 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:10px; 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{width:50%; text-align:center;}
.filesimages img{max-width:100%; max-height: 115px; padding:0.2em 0.5em 0.2em 0.2em;}
.filesdesc{line-height:110%; padding:0.2em;}
.filesdesc a{color:#000;}
.filesdesc a:hover{ text-decoration:none;}
.filesdesc span{font-weight:normal; font-size: small;}
/* Ende zusätzliche Dateien */
/* --U-Kat.-Vorschau-- */
.content_cat_x{float:left; width:31%; max-width:100%; min-width:11.25em; height:10.625em; overflow:hidden; margin-right:1%; margin-bottom:1em; background-color:transparent; border-style:ridge; border-color:#fff; border-width:0; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
.content-cat-x-title{color:#036; font-weight:900; margin-bottom:0.2em;}
.content_cat_x_img{float: left; width:50%;}
a .content_cat_x img{max-height:170px; max-width:100%; margin:0 auto 0 auto;}
.content_cat{padding:0.5em; text-align:left; line-height:1.5em; max-height:12em; overflow:hidden; box-sizing:border-box;}
a .content_cat{font-size:12px; color:#000; font-weight:bold;}
.content-cat-x-price{color:#060;}
/* --Ende U-Kat.-Vorschau-- */
.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 */
#billingdiv .stylefield{width: 90%;}
#deli_div .stylefield{width: 90%;}
.checkout-addr-left{max-width:100%;}
.checkout-addr-right{max-width:100%;}
#billingdiv{box-sizing:border-box; background-image:url(../includes/systemimages/one.gif); padding:0.5em 0.5em 0.5em 3em; background-repeat:no-repeat; background-position:top left; border:3px solid #666; border-radius:0;}
#billingdiv:hover{box-sizing:border-box; border-radius:0;}
#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.5em 0.5em 0.5em 3em; border:3px solid #666; border-radius:0.2em;}
#deli_div:hover{box-sizing:border-box; background-color:#ccc; 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;}
#deli_div .seite{ font-weight:bold; margin:0.5em 0 0.2em 0;}
#deli_div #dely-montage{margin-top:0.5em;}
.nec{color:red;}
#nectxt{font-size:0.8em; color:red;}
.basket_art_x a{color:#000;}
.basket_art_x:hover{background-color:#ccc; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
.art-quantity{min-width:6.1em;}
.basket_art_x img{border:1px solid #888888; width:1.1em; height:1.1em; border-radius:0; margin-right:0.2em;}
#basket_continue{position:relative; padding:0.5em; border-radius:0;}
#basket_continue:hover{background-color:#ccc; 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:#ccc; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
#noticelink{color:#000; margin-bottom:0.5em; display:block;}
#noticefield{font-size:1.2em;}
#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:#ccc; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
#agb_preview img{float:left;}
#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:#ccc; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
#agb_div img{float:left;}
.agb-desc{padding-left:35px;}
#payment_preview{padding:0.5em 0.5em 0.5em 3em; display:block; 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: block; 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; float:left;}
#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 #ccc; color:#777;; background-color:#ccc; cursor:default;}
#order-now{padding:5px; text-align:left; padding-left:40px;background:url(../includes/systemimages/five.gif) no-repeat top left;}
.divworkhere{border:3px solid #f00 !important;}
.div_over{background:#ccc;}
.div_out{background:transparent;}
/* Ende Kasse */
/*Recht*/
#datasource{margin-top:2em; font-size:0.8em;}
#stock-info{font-size:1.2em; font-weight:bold; color:red; text-decoration:underline; margin:0.5em 0 0.5em 0;}
#ius{}
#ius p{margin:0 0 0.5em 0;}
#agb{line-height:1.2em;}
#agb img{height:90px; width:auto; margin-bottom:0.2em;}
#ius ol{display:block; list-style:decimal; margin:0.5em 0 0 0; padding-left:2em; font-size:1.5em; font-weight:bold;}
#ius ul li{list-style: disc; margin-left: 2em;}
#daschu{}
#daschu p{margin:0em 0 0.5em 0;}
#daschu h3{color:#000; margin:0.5em 0 0.2em 0.5em; font-size:1.5em; font-weight:bold;}
#datenschutz-img img{width:12.2em; height:auto; box-shadow:none !important;}
#impressum-img p{line-height:1.2em;}
#impressum-img img{width:12.2em; height:auto; box-shadow:none !important; margin-bottom:0.2em;}
/*Ende Recht*/
/* Ende Main */
/* Rechte Newsbox */
#news{background-color:#fff; border:0; box-shadow: 2px 2px 12px 0 rgba(0,0,0,.15); padding:1em; margin:0; max-width:200px;}
#newscontainer h1{color:#926E4E; font-size:18px; font-weight:bold; margin:1em;}
#newscontainer img{max-width:95%; height:auto; margin:5px auto;}
#newscontainer p{margin:1em;}
/* Ende Rechte Newsbox */
/* Footer */
footer{width:100%; text-align:center; height:auto; background-color:#036; color:#fff; margin:1em 0 0 0; padding:1em 0 1em 0; border-top: 1px solid #6E6E6E; display:-webkit-flex; -webkit-flex-flow:row wrap; display:flex; flex-flow:row wrap; -webkit-justify-content:space-between; justify-content:space-between; font-weight:normal; box-sizing:border-box; box-shadow:-5px -5px 10px #ccc;}
footer a{color:#fff; font-weight:bold;}
footer a:hover{text-decoration:none; color:#ff3}
.footer-box{ width:25%; min-width:160px; margin:10px auto;}
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;}
footer p{font-weight:bold; color:#fff;}
#footlinks {
  width: 100%;
  margin: 1em 5em 0 5em;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#footlinks a{font-weight:normal !important;}
/* 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) {
	header, article, aside, footer{}
	#news{max-width:100%;}
	h1{font-size:2em;}
	h2{font-size:1.6em;}
	h3{font-size:1.2em;}
}

@media all and (max-width: 37.5em) {	
	#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{}
  #top{}
	#mobnav{position:relative; top:5em;}
	#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{margin-top:45px; grid-template-rows:auto; grid-template-columns:none;}
	#logo{text-align:center; margin:0.4em auto 0em auto}
	#head-inner{display:block;}
	#slogan{margin:1.7em 0.5em; max-width:100%;}
	#slogan img{height:auto; max-width:100%; max-height:3em;}
	#inner-navi{margin:0; width:100%;}
	#home{float:none; display:block; margin-top:0.2em;}
	.cmenu1_normal{display:block; border-top-left-radius:0; border-top-right-radius:0;}
	.cmenu1_normal:link{border-top-left-radius:0; border-top-right-radius:0;}
	.cmenu1_normal:visited{border-top-left-radius:0; border-top-right-radius:0;}
	.cmenu1_normal:hover{border-top-left-radius:0; border-top-right-radius:0;}
	.cmenu1_normal:active{border-top-left-radius:0; border-top-right-radius:0;}
	.cmenu1_selected{display:block; border-top-left-radius:0; border-top-right-radius:0;}
	.cmenu1_selected:link{border-top-left-radius:0; border-top-right-radius:0;}
	.cmenu1_selected:visited{border-top-left-radius:0; border-top-right-radius:0;}
	.cmenu1_selected:hover{border-top-left-radius:0; border-top-right-radius:0;}
	.cmenu1_selected:active{border-top-left-radius:0; border-top-right-radius:0;}
	.menu1{float:none; display:block; margin-top:0.4em; width:100%;}
  #bigbasket{min-width:10em; max-width:100%;}
  .bbnav{width:50%; min-width:12em; max-width:100%;}
  .bbask-desc{float:left;}
	#contact{float:none; display:block; margin-top:0.4em;}
  #step{display:block;}
	.checkout-addr-left{float:none; width:auto;}
	.checkout-addr-right{ width:auto;}
}
@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:1em;}
	#main{padding:0;}
	.content_cat_x{ width:100%; height:auto;}
	#textcont{margin:1em;}
	#contacterror{width:95%;}
	#contactform{width:95%;}
	#img{width:20%; max-width:120px; float:right; margin-left:0.5em; margin-right:0.2em;}

}
@media all and (max-width: 25em) {	
	#head {}
	#head-inner{ display:block;}
	footer p{font-weight:bold; font-size:0.8em;}
}
/* Smart Phones und Tablets mit mittlerer Auflösung */
@media all and (min-width: 35em) {
	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;}
	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%;}
}