@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,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,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{padding:0;border:none;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;} 
/* -Overall-Style- */
html, body{width:100%; height:100%; padding:0; margin:0;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body{position:relative; min-height:100%; background-color:#fff; background-image: url(../template-images/beautiful-home.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; color:#474747; font-family: Rockwell,'Kameron',serif; font-size:16px;}
#body-bg{background:rgba(255, 255, 255, 0.6); position:relative;}
a{color:#353535; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}
p{margin:1em auto 1em 0;}
h1{font-family:Rockwell,'Kameron',serif; color:#00bf00; font-size:24px; text-transform:uppercase; padding:2px 10px 2px 10px; margin-bottom:0.5em;}
h1 span{background:#f9f9f9; padding:2px 10px 2px 10px;}
.title h1{display:none;}
h2, .title{font-family:Rockwell,'Kameron',serif; color:#00a100; font-size:20px;}
h2{font-family: Rockwell,'Kameron',serif; color:#00a100; font-size:20px; font-weight:bold; margin-bottom:0.5em;}
h3{font-family: Rockwell,'Kameron',serif; color:#414141; font-size:16px; margin-bottom:0.5em;}
p, h1, h2, h3, h4, h5, h6, span, font, input{-webkit-hyphens:auto; -webkit-hyphenate-limit-chars:auto 3; -webkit-hyphenate-limit-lines:4; -ms-hyphens:auto; -ms-hyphenate-limit-chars:auto 3; -ms-hyphenate-limit-lines:4;}
.clear{content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
.reframe{max-width:100%; margin:0 auto;}
.row:before,.row:after{content: '\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.row:after{clear:both;}
input, textarea, select, option{background:white; color:black; padding:3px; margin:3px; border:#C8C8C8 solid 1px; border-radius:5px;}	
#select{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:space-around; -webkit-justify-content:space-around; align-items:flex-start; -webkit-align-items:flex-start; align-content:center; -webkit-align-content:center; width:100%; margin: 0 auto;}
/* --Admin- */
#adminframe{position:fixed; bottom: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:60;}
#admin{color:black; background-color:white; padding:6px; text-align:left; }
/* --Header- */
#header{width:100%; background-color:#fff; box-shadow:0px 3px 15px 5px #999; border-bottom:2px ridge #333333;}
.head-img{/*margin:0em auto -4em 1em; max-width:70%;*/}
.head-img img{width:100%; /*margin-top:0.5em;*/}
#header .wrap-header{height: auto; width: 100%; display:grid; grid-gap:1em; box-sizing:border-box; max-width:100%; padding:1em; align-content:space-around; justify-content:space-between;}
.headlogo{/*position:relative; top:3em; margin-bottom:3em;*/ grid-column:1 / 2; grid-row:2;}
.headlogo a{color:#444; font-weight:bold; font-size:2em; /*margin:3em auto 2em 2em; max-width:90%;*/ text-shadow:-5px -5px 20px #0C0, 5px -5px 20px #0C0, -5px 5px 20px #0C0, 5px 5px 20px #0C0}
.headlogo a:hover{color: #060;}
#headlogo a:active{}
.head-slide{width:350px; height:190px; grid-column:2 / 3; grid-row:1 / 3; background-color:rgba(0, 204, 0, 0.3); padding:0.5em; border:2px #000 ridge;/* margin:0px auto -89px auto;*/}
#refnota{font-size:11px;}
/* --Navi- */
#header nav{margin:0 0 auto auto; grid-column:3 / 3; grid-row:1; text-align:right; min-width: 360px;/*position:absolute; top:2em; right:2em; margin:0 0 auto auto; width:25em;*/}
#header nav .wrap-nav{}
#headmenu{}
.headlink{/*margin-left:0.5em; float:left;*/}
#header nav a{color: #000; text-decoration: none; font-weight:bold; font-size:1em; background-color:#fff; box-shadow:0px 0px 7px 3px #c00000; line-height:2em; padding:0.6em; margin-right:1.2em;}
#header nav a:hover{color: #000; text-decoration: none; background-color:#fff; box-shadow:0px 0px 7px 3px #00CC00;/*line-height:2em; padding:0.6em; margin-right:1.2em; margin-bottom:1.2em;*/}
#header nav a:active{color:#333; background-color:#0c0; box-shadow:0px 0px 7px 3px #0c0;}
.header-contact{grid-column:3 / 3; grid-row:2 / 3; text-align:right; height:2.4em; overflow:hidden; margin:6em 1.6em 0em auto; color:#000; /*float:right;*/}
/* --Main- */
#mainframe{width:100%; max-width:1000px; min-width:220px;}
#main{width:100%; margin: 0px auto 0px auto; padding:0px 0px;}
.contentframe{background:none;}
.content{width:100%; margin: 0px auto 0px auto; padding:0;}
#content_article{}
#seite{position:relative; min-height: 100%;}
.mailer{padding-top:2em; padding-left:2em; padding-bottom:1em;}
/* Backend */
#adminmain{background-color:#fff;}
#adminmain p{padding:1em;}
.AdminMenuSub, 
.AdminMenu, 
.formAdminArea14, 
.formAdminArea10,
.formAdminArea12,
.backend, 
.tbRowA10{background-color:#fff;}
.tbRowA10{ width:100%; max-width:600px;}
.tbRowA10 img{ width:100%; height:auto;}
.tbRowB10{ width:100%; max-width:600px;}
.tbRowB10 img{ width:100%; height:auto;}
.formAdminArea12 {background-color:#fff; position:relative; z-index:50;}
table tbody tr td { padding:0px 5px;}
table tbody img {;}
table font img { width:15px; padding:0px 0px;}
form table tbody tr td. formAdminArea12 img {width:300px; height: auto;}
/* --Contact- */
.contactsite{max-width:1000px; margin:0px auto 0px auto; padding:1em; background-color:#fff;}
#thanks{width:50%; margin:20px auto 5px auto; text-align:left; border-width:2px; border-style:solid; border-color:#00CCCC; padding:5px; overflow: visible;}
#contacterror{width:40%; margin: 0.5em 1em 0.5em auto; text-align:left; border:none; padding:0.5em; overflow: visible;}
#contacterror h1{color:#f00;}
#contactform{width:50%; margin: 5px auto 5px 10px; padding:10px 5px 5px 5px; min-width:200px; text-align:left; float:right;}
#contactus{width:80%;}
#contactus label{display: inline-block; width:6em; margin-bottom:0.1em; line-height:2em; text-align:left;}
#contactus input{padding:.5em; background-color:#fffbf0; border:1px solid #a4a4a4; width:15em;}
#contactus textarea{padding:.5em; background-color:#fffbf0; border:1px solid #a4a4a4; width:20em;}
#contacterror p{color:#FF0000; font-weight:bold;}
.contact-left{float:none; margin-right:2em; width:15%;}
.contact-right{text-align:left; width:100%;}
/*.contact-right input{width:100%; max-width:400px;}
.contact-right textarea{width:100%; max-width:400px;}*/
#map{padding-top:20px;}
#map iframe{width: 80%; max-width:400px; height:300px; border:2px solid;}
/* --Content- */
/*User-Content*/
.contenthgwhite{padding:3em; margin:3em; background-color:#fff;}
.contenthg{background-color: rgba(255, 255, 255, 0.9); width:70%; padding:0; margin:0 auto 0 auto;}
.contenthg3{background-color: rgba(255, 255, 255, 0.9); width:70%; padding:2em; margin:0 auto;}
.contenthg-blank{background:none; padding:2em;}
.contenthg-img{/*background: url(../images/fotolia_117905610.jpg);  background-size:100% 100%; background-repeat:no-repeat;*/ padding:6em;}
.contenthg-img1{/*background:url(../images/fotolia_128645562.jpg);  background-size:100% 100%; background-repeat:no-repeat;*/ padding:1em;}
.contentbox{max-width: 1050px; margin: 0px auto 2em auto; padding-top:2em; padding-bottom:2em;}
.contentbox3{margin:5em  auto;}
.contentbox-hg{max-width: 1050px; margin: 0px auto 0px auto; background-color: rgba(255, 255, 255, 0.9); padding:1em;}
.contentbox-hg2{max-width: 1050px; margin: 0px auto 0px auto; background-color: rgba(255, 255, 255, 0.9); padding:1em;}
#slogan{padding:0; font-size:34px; font-weight:bold; color:#00bf00; color: #00bf00; text-shadow:2px 2px 2px #888, -2px -2px 2px #888, 2px 2px 2px #888, -2px -2px 2px #888; /*width:max-content;*/ margin:0 auto; text-transform:uppercase; -webkit-text-stroke:1px black; margin-top: 1.5em;}
.user-navi-box{position:relative; z-index:5; width:100%; margin:0 auto 0 auto; text-align:center;}
.user-navi{color:#fff; float:left; text-decoration:none; font-weight:bold; font-size:1em; text-align:center; background-color:#c00000; box-shadow:0px 0px 7px 3px #c00000; padding:1em; margin-right:1.5em; margin-bottom:1.5em; line-height:20px;}
.user-navi:hover{color:#00C; font-family: Rockwell,'Kameron',serif; float:left; text-decoration:none; background-color:#00bf00; box-shadow:0px 0px 7px 3px #00bf00; padding:1em; margin-right:1.5em; margin-bottom:1.5em; line-height:20px;}
.user-navibox{max-width:1050px; margin: 0 auto 0 auto;}
.user-navibox1{max-width:1050px; margin:-2em auto 0 auto;}
.user-navibox2{max-width:1050px; margin:0 auto 0 auto;}
.user-navi-placeholder{float:left; text-decoration: none;  padding:10px; margin-right:30px; margin-bottom:30px; line-height:20px; width:20em;}
.user-navi:hover{color:#00C; text-decoration: none; background-color:#00bf00; box-shadow:0px 0px 7px 3px #00bf00; padding:1em; margin-right:1.5em; margin-bottom:1.5em; line-height:20px;}
.user-navi-active{float:left; color:#333; text-decoration:none; font-weight:bold; font-size:1em; text-align:center; background-color:#00bf00; box-shadow:0px 0px 7px 3px #00bf00; padding:1em; margin-right:1.5em; margin-bottom:1.5em; line-height:20px;}
.user-navi-active:hover{text-decoration:none;}
.user-navibox1 .button{border:none; color:#fff; font-family: Rockwell,'Kameron',serif; float:left; text-decoration:none; font-weight:bold; font-size:1em; text-align:center; background-color:#c00000; box-shadow:0px 0px 7px 3px #c00000; padding:1em; margin-right:1.5em; margin-bottom:1.5em; line-height:20px;}
.user-navibox1 .button:hover{border:none; color:#00C; font-family: Rockwell,'Kameron',serif; float:left; text-decoration:none; background-color:#00bf00; box-shadow:0px 0px 7px 3px #00bf00; padding:1em; margin-right:1.5em; margin-bottom:1.5em; line-height:20px;}
.user-navibox2 .button{border:none; color:#fff; font-family: Rockwell,'Kameron',serif; float:left; text-decoration:none; font-weight:bold; font-size:1em; text-align:center; background-color:#c00000; box-shadow:0px 0px 7px 3px #c00000; padding:1em; margin-right:1.5em; margin-bottom:1.5em; line-height:20px;}
.user-navibox2 .button:hover{border:none; color:#fff; font-family: Rockwell,'Kameron',serif; float:left; text-decoration:none; background-color:#0070c0; box-shadow:0px 0px 7px 3px #0070c0; padding:1em; margin-right:1.5em; margin-bottom:1.5em; line-height:20px;}
#analyseform{min-width:200px; margin:0 1em;}
#analyseform img{width:33%; height:auto; margin-left:2em; margin-top:2em; min-width:250px;}
#analyseform form{float:left; width:60%;}
#analyseform .input{margin: 0 0 1em .5em; width: 100%; background-color: #fffbf0; border: 2px ridge #e7c157; padding:10px;}
#analyseform .label{margin: 0 0 0.1em .5em; text-align:left; line-height:1.5em; width:100%; font-size:18px;}
#dsgvo{ font-size:small; text-align:center;}
#analyseform .button{margin:10px 30% 0 30%; padding:1em; width:40%; background-color:#00bf00; box-shadow:0px 0px 7px 3px #00bf00; color:#000; font-size:1em; font-weight:bold; border:none;}
#analyseform .button:hover{background-color:#0070c0; color:#fff; box-shadow:0px 0px 7px 3px #0070c0;}
.usercomment{margin:1em auto; border: 6px ridge #e7c157; border-radius:0; width:50%; padding:1em; background-color:#fff; min-width: 500px; max-width: 100%; text-align:center;}
.usercomment img{width:20%; min-width:70px; height:auto;float:left; margin: auto 3em auto 25%;}
.usercomment ul{}
#counter{margin:0px auto 0 auto; max-width:1100px; text-align:center;}
.refbox{display:block; margin-left:auto; margin-right:auto; text-align:center;}
.refbox img{margin-left:auto; margin-right:auto; align-content:center; max-width:32%; min-width:250px;}
.action{padding: 1em;}
.action img{width:10em; height: auto;  margin:0 auto auto 2em;}
.choose{font-size:24px; font-weight:bold; color:#00a100; margin: 2em 0 auto 30%;}
.choose:hover{color:#007100; border:none; text-decoration:underline;}
.check{width: 100%; line-height:1.8em; float:left; background:url("../images/list-icon1.png") no-repeat; background-position:left center; background-origin:padding-box; padding-left: 60px; margin-bottom: 5px;}
.cms-pics{background-color:#fff; padding:1em; border:4px ridge #e7c157; border-radius: 1em; margin:10em 0em 15em 20em; overflow:hidden;}
.cms-title{margin:1em auto 0.2em auto; padding:1em; background-color:#fff; text-align:center; border-radius:1em;} 
.cms-subtitle{padding-top:0.5em; font-size:18px; font-weight:bold; text-align: center; display:inline-flex;}
.cms-subtitle span{margin:auto 1em auto 20%;}
.cms-subtitle img{width:30%; min-width:70px; height:auto;}
.cms-pics ul li{float:left; margin:0.5em; text-align:center; list-style:none; width:6em; height:8.6em}
.cms-pics ul li img{width:80px; height:auto;}
#images-3{height:10em; width:auto; float: right;}
#images-3 img{height:100%; width:auto;}
.susanne{margin:1em auto 1em 0; height:12em; width:auto;}
.h-red{color:#c00000;}
#impressum{}
#basketquant{margin:0.5em 0; color:#FF0000; font-weight:bold;}
/*End User-Content*/
/* Einkauf */
#content_article{text-align:left; min-width:180px; padding-left:9em; background-color:#ffffff; border:none; margin: 0px auto;
width: 70%;}
.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{width:15em; color:#fff; text-decoration:none; font-weight:bold; font-size:1em; background-color:#c00000; box-shadow:0px 0px 7px 3px #c00000; padding:1em; margin: 1em 0 2em 0; line-height:20px; border:none; font-family: Rockwell,'Kameron',serif;}
#warenkorbbutton:hover{color:#fff; text-decoration:none; font-weight:bold; font-size:1em; background-color:#00bf00; box-shadow:0px 0px 7px 3px #00bf00; padding:1em; line-height:20px; border:none; font-family: Rockwell,'Kameron',serif;}
#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 */
/*Files*/
#files{text-align:center; float:right;width:25%; min-width:150px; max-width:300px; margin:0px 0px auto auto;}
#filesimg{width:50%;}
#filesimg img{width:100%; min-width:30px; height:auto; border:none;}
#filesdesc{width:50%;}
/* --Kat-Bild-- */
#contart{width:40%; min-width:300px; margin:10px auto 10px 0px;}
#ccatdetail{display:block; position:relative; width:100%;}
#ccatdetailimg img{height:auto !important; width:100% !important; max-height:400px;}
/* --Zus.-Bilder-- */
#related_img-box{margin-bottom:4em; padding-left:2em; background-color:#ffffff; width:100%; height:auto; display:inline-block;}
.related_img {margin:20px 10px 0px 0px; float:left;}
.related_img img {max-width: 130px; max-height:130px; height:auto;}
#imgthumbs{height:150px; border:0; float:left;margin-right:10px;}
/* --U-Kat.-Vorschau-- */
#preview{position:relative; display:block; height:auto;}
.content_cat_x{display:flex; float:left; width:31%; max-width:330px; min-width:220px; overflow:hidden; margin-right:1em; margin-bottom:1em; height:120px; border-style:ridge; border-color:#666; border-width:2px;}
.content_cat_x a img{width:auto; max-width: 120px; height:120px; margin-top: 0px; margin-right: auto; margin-left: 0px; margin-bottom:0px;}
.content_cat{text-align:left; vertical-align:top; line-height:1.1em; padding-top:5px; padding-left:5px; padding-right:5px; max-height:115px; overflow:hidden;}
.content_cat a{font-size:12px;} 
/* --Kasse-- */
.basket{max-width:1100px; margin:0px auto 0px auto; padding: 1.5em; border:0; text-align:left; vertical-align:text-top; background-color:#fff;}
#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:#f5f5f5; border-radius:0;}
#billingdiv:hover{box-sizing:border-box; background-color:#f5f5f5; border:3px solid #f5f5f5; border-radius:0; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
#bill_addr{box-sizing:border-box; width:49%; max-width:450px; padding:0.5em; height:auto; border-radius:0; float:left;}
#deli_addr{box-sizing:border-box; width:49%; max-width:450px; padding:0.5em; height:auto; border-radius:0; float:right;}
#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:#f5f5f5; 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:#f5f5f5; 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:#f5f5f5; 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:#f5f5f5; 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:#f5f5f5; 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:#f5f5f5; 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:#999; background:url(../images/four_disabled.gif) no-repeat top left;}
#payment_div{padding-left:40px; position:relative; display: block; background-image:url(../images/four.gif); background-repeat:no-repeat; background-position:top left;}
#payment_x{padding-right:15px; display:block; position:relative; float:left; white-space:wrap;}
.error{font-weight:bold; color:red; padding-top:5em;}
.div_out a{color:#ff0000; font-weight:bold;}
.div_over a{color:#ff0000; font-weight:bold;} 
.divworkhere{color:#ff0000; font-weight:bold;}
.divworkhere input{ background-color:#00CC00; margin-bottom:1em; padding:0.5em; font-weight:bold;}
/* Footer */
#footer{position:relative; bottom:0; color:#fff; width:100%; background-color:#090; padding-top:20px;box-shadow: 0px -3px 15px 5px #090;}
#footer .heading{padding:5px; border-bottom:3px ridge #444; border-top:3px ridge #444; margin-bottom:0.5em;}
#footer .heading a{color:#fff; font-size:18px; text-transform: uppercase; margin-bottom:20px; font-family: Rockwell,'Kameron',serif;}
#footer h1 {font-family: Rockwell,'Kameron',serif; color:#fff; font-size:18px; font-weight:normal; text-transform: uppercase;}
.footcontent{height:auto;}
.menu-selected {display:block; float:left;}
#footer .menu{box-sizing: border-box; margin-bottom:5px;}
#mainmenu{display:inline-block; padding:3px;}
#footer nav{width:70%; display:inline-block; margin:10px; height:auto;}
#footer nav a {color:#fff; text-decoration: none; font-weight: normal;}
#footer nav a:hover {color:#000; text-decoration: none;}
.cmenu_selected {}
.cmenu_selected:visited {color:#0c0;}/*aktive Seite*/
.cmenu1_selected {float:left; overflow: visible; font-size:18px; line-height:1.5em; margin-right:3em; border:none; text-wrap: none;}
.cmenu1_selected a:hover {color:#0070c0; text-decoration: none;}
.cmenu2_selected {color:#fff; padding-left:1em; white-space:nowrap; font-size:16px; line-height:2em; }
.cmenu2_selected a:hover {color:#CCC; text-decoration: none;}
.cmenu3_selected {color:#fff; padding-top:0.5em; padding-left:1.5em; white-space:nowrap; font-size:14px; line-height:1.0em;}
.cmenu3_selected a:hover {color:#000; text-decoration: none;}
.cmenu4_selected {color:#fff; padding-top:5px; padding-left:0.5em; white-space:nowrap; font-size:14px; line-height:1.3em;}
.cmenu5_selected {color:#fff; padding-top:5px; padding-left:0.5em; white-space:nowrap;}
.cmenu6_selected {color:#fff; padding-top:5px; padding-left:0.5em; white-space:nowrap;}
.cmenu7_selected {color:#fff; padding-top:5px; padding-left:0.5em; white-space:nowrap;}
.footbox {margin:1em 1em 1em 3em; display:inline-block; width: 24%;}
#newscontainer img{max-width:100%; height:auto;}
@media screen and (max-width: 1430px) {
	#header nav{right:0.5em; width: auto;}
}
@media screen and (max-width: 1280px) {
	#header nav a{}
	#header nav{}
	.head-img {max-width:100%;}
}
@media screen and (min-width: 800px) and (max-width: 1194px) {
.head-slide {/*width:1px; height:90px; margin:0px auto 0px auto;*/}	
.head-slide img{/*display:none;*/}
.cms-pics{margin:10em 0em 8em 20em;}
}
@media screen and (max-width: 1020px) {
	.headlogo{grid-column:1 / 2; grid-row:1;}
	.head-slide{grid-column:1 / 2; grid-row:2 / 3;}
	#header nav{grid-column:2 / 2; grid-row:1;}
	.header-contact{grid-column:2 / 2; grid-row:2 / 3; height:2.4em; margin:9.4em 1.6em 0em auto}
@media screen and (max-width: 920px) {
	#header nav{margin-bottom:1em;}
	#header nav a{margin-bottom:1em;}
	#header nav a:hover{margin-bottom:1em;}
}
@media screen and (min-width: 800px) and (max-width: 1070px) {
.einkaufsbutton{margin-left:33.5em;}
}
@media screen and (max-width: 760px) {
	#header .wrap-header{grid-gap:0; padding:1em;}
	.headlogo{grid-column:1; grid-row:1; max-width:95%; margin-bottom:2em;}
	.head-slide{grid-column:1; grid-row:3}
	#header nav{grid-column:1; grid-row:2;width:100%; min-width:100px; text-align:left;}
	.header-contact{grid-column:1; grid-row:4; margin: 0 auto 0 auto;}
}

@media screen and (max-width: 700px) {
	#bill_addr{width:100%; float:none;}
	#deli_addr{width:100%; float:none;}
}
@media screen and (min-width: 410px) and (max-width: 799px) {
#header .wrap-header{padding-top:1em; padding-left:1em;}
#header #logo{margin:1em 1em 0em 1em;}
#header nav{}
#header nav .wrap-nav{}
.headlink {margin:0;}
.head-vid{}
.head-slide img{}
.header-contact{}
#slogan{margin:-1em 0 1em 0; padding:1em 0.3em; width:100%;}
.user-navibox{margin:0; width:95%;}
.user-navi, .user-navi-active{width:90%;}
.user-navibox1 .button{width:90%;}
.user-navibox2 .button{width:90%;}
.einkaufsbutton{position:inherit; z-index:inherit; float:none; margin-left:0; width:100%; text-align:left;}
.einkaufsbutton button{margin-top:14em; margin-left:0; margin-right:30px; width:86%;}
.einkaufsbutton button:hover{margin-top:14em; width:86%;}
.content_art_x{display:none;}
.content_article{width:0; min-width:0;}
.contentbox-hg{max-width:100%; margin:5.7em auto 0px auto;}
.check{line-height:1.4em; float:none; background-position:inherit; margin-bottom:1.5em;background: url("../images/list-icon.png") no-repeat; background-origin: padding-box; padding-left: 40px;}
.cms-pics{margin:5em 0em 7em 5em;}
#analyseform .button{ width:90%; margin:1em 5% 0 5%;}
#contactus{max-width:20em;}
#contactform{width:100%; margin:0; float:none;}
}
@media screen and (min-width: 410px) and (max-width: 700px) {
.contentbox-hg{margin: 5.7em auto 0px auto;}
#slogan{padding:1em 0.1em;}
.contenthg{width:100%;}
}
@media screen and (max-width: 500px) {
.contenthg3{width:100%;}
#content_article{width:100%; padding-left:0.5em;}
.contenthgwhite{padding:0.5em; margin:0;}
#analyseform form{width:98%;}
}
@media screen and (max-width: 450px) {
	.headlogo {max-width:95%;}
	.head-slide{max-width:95%;}
}
@media screen and (max-width: 409px) {
body{background-image:none;}
.head-img{}
#header nav a{}
#header nav a:hover{}
#header #headlogo #logo{}
#header #headlogo #logo #url{}
#header nav{}
#header nav .wrap-nav{}
.head-slide{}
.head-slide img{}
.header-contact{}
#slogan{margin:1em auto 0.5em 0.5em; padding:0.5em; max-width:100%;}
.contenthg{padding: 0.5em; margin-top:-1em; width:100%;}
.contenthg-img{padding:0px; background:none;}
.contenthg-img1{padding:1em 0 0 0;}
.contenthg3{width:100%;}
.row{margin:0;}
.user-navi, .user-navi-active{width:95%; margin-left:0.4em; margin-right:0.4em;}
.user-navibox1 .button{width:95%; margin-left:0.4em; margin-right:0.4em;}
.user-navibox2 .button{width:95%; margin-left:0.4em; margin-right:0.4em;}
.headlink{float:none;}
#analyseform .button{width:90%; margin:1em 5% 1em 5%;}
#analyseform img{margin-left: 0; margin-top: 0.5em;}
.einkaufsbutton{position:inherit; z-index:inherit; float:none; margin-left:0; height:59px; width:100%; text-align:left;}
.einkaufsbutton button{margin:14.8em 0.4em 0 0.4em; width:95%;}
.einkaufsbutton button:hover{margin:14.8em 0.4em 0 0.4em;  width:95%;}
.refbox img{max-width:100%;}
.contentbox-hg{max-width:100%; margin:6.2em auto 0px auto;}
.content_art_x{display:none;}
#content_article{padding-left:0.5em; width:100%;}
.check{line-height:1.2em; float:none;background-position:inherit; margin-bottom:1.5em;background: url("../images/list-icon1.png") no-repeat; background-origin: padding-box; padding-left:30px;}
.cms-pics{padding:0; margin:0;}
#thanks{width:100%;  text-align:left;}
#contacterror{width:100%; text-align:left;}
#contactform{margin:0; float:none; width:100%;}
#contactus textarea {width:16em;}
#map iframe{width:100%;}
.basket{max-width:100%; margin:0.5em auto 1em auto; padding:0.2em;}
}
@media screen and (max-width: 303px) {
body{background-image:none;}
.contenthg3{width:100%;}
.einkaufsbutton button{margin:16em 0.4em 0 0.4em; width:95%;}
.einkaufsbutton button:hover{margin:16em 0.4em 0 0.4em; width:95%;}
#content_article{padding-left:0.5em; width:100%;}
}