@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; box-sizing:border-box;}
* html body #page{position:relative;}
html {height:100%; width:100%;/* background-color:#e8e6cb; background:url(../images/bridge-53769.jpg) no-repeat center center fixed; background-size:100% 100%;*/}
body{margin:0; padding:0; height:100%; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1em; color:#333; line-height:1.5;
	 -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; -o-hyphens:auto; hyphens:auto;
	background-image:url(../images/hg.gif); background-position:top left; background-repeat:repeat-x; background-color:#c0d4e3; margin:0}
#page{margin:0 auto -190px 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 {color:#333; text-decoration:none; font-weight:normal;}
a:hover{text-decoration:underline;}
h1{font-size:2em; color:#003366; font-weight:normal; line-height:1.25em;}
h2{font-size:1.5em; color:#003366; font-weight:normal; line-height:1.25em;}
h3{font-size:1.2em; color:#003366; line-height:1.25;}
.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:table-cell; vertical-align:middle; text-align:center; margin:0; overflow:hidden; height:auto; padding:0px; -webkit-flex:1 100%; flex:1 100%; border:none; border-radius:0;} 
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; 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 {background-color:#999;width:100%; text-align:left; border-top:#369 3em solid; border-bottom:#fff 4em solid;}
#head-inner{display:block; height:2.5em;}
#headlink{ text-align:right; margin-right:0.5em; margin-top:0.5em;}
#headlink a{ font-weight:bold; margin-right:0.5em;}
#headlink a:hover{color:#fff;}
#slogan{margin:1.7em;}
#slogan img{height:3em;}
/*header img{display:inline-block; height:auto; width:100%; margin:auto; padding:0; border-radius:0; max-width:100%; vertical-align:middle;}*/
/*Headnavi*/
#navi{box-sizing:border-box; box-shadow:5px 5px 10px #ccc; text-align:left; width:100%; border-bottom:black 1.2em solid; border-top:#ccc 1.2em solid; overflow:visible; box-sizing:border-box; background-color:#fff; color:#fff; padding:0.3em 1em; margin:0;}
#inner-navi{width:max-content; margin:0 auto 0 auto; max-width:100%}
.menu1{float:left; position:relative; overflow:visible; text-align:center; margin-right:2px; border:0px; display:block; margin-top: 1em;}	
.menu1 a{font-weight:bold;}
.menu1child{position:absolute; z-index:5; display:block; top:20px; left:0px; padding-top:5px; overflow:visible; text-align: left; float:left; background-color:#036; border:1px solid #999999; visibility:hidden; box-shadow: 2px 2px 12px 0 rgba(0,0,0,.15);}	
.menu2{padding-top:5px; padding-left:5px; padding-right:5px;}
nav{width:100%; margin: 0; padding: 0; border: none;}
#navigation{margin: 0px 0px 0px 0px;}
nav a{display:block; text-decoration:none; font-size:1.2em; color:#fff; letter-spacing:.03em; padding:0.5em 0 0.5em 0.3em; box-sizing:border-box;}
nav a:hover{text-decoration:none;}

#home{float:left; position:relative; overflow: visible; text-align:center; margin-right:2px; border:0px; margin-top: 1em;}
#contact{float:left; position:relative; overflow:visible; text-align:center; margin-right:2px; border:0px; margin-top: 1em;}

.cmenu1_normal{color:#fff; text-decoration: none; font-size: 16px;  font-weight: bold; background-color:#036; padding:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}
.cmenu1_normal:link{color:#fff; text-decoration: none;font-size: 16px; background-color:#036; padding:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}
.cmenu1_normal:visited{color:#fff; font-size: 16px; background-color:#036; padding:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}
.cmenu1_normal:hover{color:#999; text-decoration: underline;font-size: 16px; background-color:#036; padding:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}
.cmenu1_normal:active{color:#999;text-decoration: underline;font-size: 16px; background-color:#036; padding:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}

.cmenu1_selected{color:#fff; text-decoration: none; font-size: 16px; font-weight: bold; background-color:#036; padding:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}
.cmenu1_selected:link{color:#fff; text-decoration: none;font-size: 16px; background-color:#036; padding:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}
.cmenu1_selected:visited{color:#fff; font-size: 16px; background-color:#036; padding:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}
.cmenu1_selected:hover{color:#999; text-decoration: underline;font-size: 16px; background-color:#036; padding:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}
.cmenu1_selected:active{color:#999; text-decoration: underline;font-size: 16px; background-color:#036; padding:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}

.cmenu_normal{color:#fff; text-decoration: none; font-size: 16px;  font-weight: normal; background-color:#036; padding:0.5em; border-top-left-radius:0.5em; border-top-right-radius:0.5em;}
.cmenu_normal:link{color:#fff; text-decoration: none;font-size: 16px;  }
.cmenu_normal:visited{color:#fff; font-size: 16px;  }
.cmenu_normal:hover{color:#999; text-decoration: underline;font-size: 16px;  }
.cmenu_normal:active{color:#999; text-decoration: underline;font-size: 16px;  }

.cmenu_selected{color:#fff; text-decoration: none; font-size: 16px;  font-weight: normal; white-space:nowrap;  }
.cmenu_selected:link{color:#fff; text-decoration: none;font-size: 16px;  }
.cmenu_selected:visited{color:#fff; font-size: 16px;  }
.cmenu_selected:hover{color:#999; text-decoration: underline;font-size: 16px;  }
.cmenu_selected:active{color:#999; text-decoration: underline;font-size: 16px;  }

/*Ende Headnavi
/* Linke Navi-Spalte */
#content img{height:auto; max-width:95%;}
#search-txt{font-weight:bold; margin:0px; padding:0px;}
#searchfield{background:white; color:black; width:75%; margin:0;}
#sendsearch{background: url(/images/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:#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 select{margin:0;}
#lang img{border:0;}
#bigbasket{width:100%; border:none; margin:0; padding:0.3em;}
#bigbasket a{color:#000;}
#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; text-align:bottom; font-weight:bold; colspan:3;}
#gotobasket a{font-weight:bold; vertical-align:bottom; border-top:1px solid #999999;}

#step{ display:none;}
/* Ende Linke Navi-Spalte */
#habu{ display:none;}
/* Main */
article {width:100%; height:100; margin:0; padding:0; background-color:#fff;}
#main{display:box; width:100%; max-width:1200px; padding:2em 3em; margin:0 auto; background-color:rgba(255,255,255,0.95);}
/*
article img{ max-width:95%; height:auto;}
table img{ width:auto; height:auto;}
*/
#title{margin:0.3em auto 0 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;}
.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:2em;}
#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%;}
#desc #links{margin-top:0.5em;}
#desc #links li{}
#desc #links #linksimg{height:58px; line-height:58px;}
#desc #links img{margin-bottom:0.3em;}

/*
#textcont{line-height:150%; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size:16px; color: #333;}
*/
p{margin:0.5em 0 0.5em 0}
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;}
/* Einkauf */
#content_article{text-align:left; width:70%; min-width:180px;}
.cont_art_x{}
.cont_art_x:hover{background-color:#F2F2F2; 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:#F2F2F2;}
/*#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: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{}
.filesimages img{max-width:100%; height:auto;}
.filesdesc{line-height:110%;}
.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:#926E4E; 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{margin:0.5em; text-align:left; line-height:1.5em; max-height:12em; overflow:hidden; box-sizing:border-box;}
a .content_cat {font-size:12px;} 	
/* --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{box-sizing:border-box; background-image:url(../images/one.gif); padding:0.5em 0.5em 0.5em 3em; 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:#F2F2F2; 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(../images/two_disabled.gif) no-repeat top left; padding:0.5em 0.5em 0.5em 3em; color:#AEAEAE;; border:3px solid #666; border-radius:0.2em;}
#deli_div:hover{box-sizing:border-box; background-color:#F2F2F2; 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:#F2F2F2; 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:#F2F2F2; 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:#F2F2F2; 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(../images/tree_disabled.gif); background-repeat:no-repeat; background-position:0px 6px; color:#999999;}
#agb_preview:hover{background-color:#F2F2F2; 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(../images/tree.gif); background-repeat:no-repeat; background-position:0px 6px;}
#agb_div:hover{background-color:#F2F2F2; 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:block; position:relative; text-align:left; color:#999999; background:url(../images/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(../images/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;}
/* Ende Kasse */
/* 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; 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; margin:0; font-weight:normal; box-sizing:border-box;}
footer a{color:#d7d1cc; font-weight:normal;}
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;}
/* 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{}
	#step{ display:block;}
	#top{}
	#mobnav{}
	#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) {	
	#head{}
	#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;}
	#contact{float:none; display:block; margin-top:0.4em;}
}
@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;}
	#main{padding:0.5em;}
	.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%;}
}