@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%; padding:0; margin:0;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body{background-color:#fff; background-image:url(../images/fotolia_198902039.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.1);}
a{color: #353535; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}
p{margin: 0.5em auto 0.5em 0px;}
h1{font-family: Rockwell,'Kameron',serif; color:#00a100; font-size:22px; 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:18px; 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;}
#header #logo a{margin:0px; background-color:none; box-shadow:none;}
#header #logo{ float:left; margin:1em; width:350px; height:106px; background-image:url(../images/logo_power-marketing.png); background-repeat:no-repeat;}
#header #logo #url{margin:74px 5px 0px 65px; font-family:Verdana, Geneva, sans-serif; font-size:20px;}
#logo-red{color:#c00000; }
#logo-blue{color:#0070c0; float:left;}
.head-vid{width:410px; height:240px; margin:0px auto -89px auto; }
.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 #0070c0; 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;}
#headlogo a{color:transparent; font-weight:normal; font-size:inherit; background-color:unset; box-shadow:none; line-height:unset; padding:0; margin-right:0; margin-bottom:0;}
#headlogo a:hover{color:transparent; font-weight:normal; font-size: inherit; background-color:none; box-shadow:none; line-height:none; padding:0; margin-right:0; margin-bottom:0;}
#headlogo a:active{color:transparent; font-weight:normal; font-size: inherit; background-color:none; box-shadow:none; line-height:none; padding:0; margin-right:0; margin-bottom:0;}
#header .wrap-header{height: auto; width: 100%;}
#header -contact{ margin: 60px 20px 0px auto; text-align:right; color:#FFFFFF; height:20px; overflow:hidden;}
/* --Navi- */
#header nav{position:absolute; top:2em; right:2em; margin:0 0 auto auto; width:25em;}
#header nav .wrap-nav{}
.header-contact{margin:1em 1em 1em auto; color:#000; float:right;}
#slogan{padding:0 0 2em 0; font-size: 24px; font-weight:bolder; color: #00f; text-shadow:3px 3px 10px #fff, -3px -3px 10px #fff, 3px 3px 10px #fff, -3px -3px 10px #fff;}
/* --Main- */
#mainframe{width:100%; max-width:1000px; min-width:220px;}
#main{width:100%; margin: 0px auto 0px auto; padding:0px 0px;}
/*.contentframe{background: rgba(255, 255, 255, .7);}*/
.content{width:100%; margin: 0px auto 0px auto; padding:0;}
#content_article{}
#seite{margin-top: 2em;}
/* 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; 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:48%; min-width:250px; float:left;}
#map{padding-top:20px; width:50%; float:right;}
#map iframe{width:100%; max-width:100%; height:300px; border:2px solid;}
#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:left; width:4em;}
.contact-right{width:auto;}
/*.contact-right input{width: 100%; max-width:400px;}
.contact-right textarea{width: 100%; max-width:400px;}*/

/* --Content- */
/*User-Content*/
.contenthg{background-color:#fff; width:100%; padding:2em;}
.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:4em 2em 2em 2em;}
.contentbox{max-width: 1050px; margin: 0px auto 2em auto;}
.contentbox-hg{max-width: 1050px; margin: 0px auto 0px auto; background-color:#fff; padding:1em;}
.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-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:#fff; 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;}
.user-navi-active{float:left; color:#333; text-decoration:none; font-weight:bold; font-size:1em; text-align:center; background-color:#0c0; box-shadow:0px 0px 7px 3px #0c0; 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:#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;}
.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{width:100%; min-width:200px; margin:0 auto 0 auto;}
#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:#0c0; box-shadow:0px 0px 7px 3px #0c0; 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: 4px ridge #e7c157; border-radius:1em; width:auto; padding:1em; background-color:#fff;}
#counter{margin:0px auto; max-width:1100px;}
.action{text-align:center; margin-bottom:2em;}
.choose{font-size:18px; font-weight:bold; color:#00a100; background:none; border:none;}
.choose:hover{font-size:20px; font-weight:bold; color:#00a100; background:none; 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;}
.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:normal;}
.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;}
.h-red{color:#c00000;}
#basketquant{margin:0.5em 0; color:#FF0000; font-weight:bold;}
/*End User-Content*/
/*Einkauf*/
.content_article{width:100%; padding:0.5em; padding-left:2em; background-color:#ffffff; border:none;} 
.cont_art-radio{float:left; margin-right:0.5em;}
.content_art_x{width:100%; padding-bottom:5px; font-size:1.2em;}
.einkaufsbutton{margin: 1em auto 2em 0;}
.einkaufsbutton button{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; line-height:20px; border:none; font-family: Rockwell,'Kameron',serif;}
.einkaufsbutton button:hover{color:#fff; text-decoration:none; font-weight:bold; font-size:1em; background-color:#0070c0; box-shadow:0px 0px 7px 3px #0070c0; padding:1em; line-height:20px; border:none; font-family: Rockwell,'Kameron',serif;}
/*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;}
#deliaddr{width:45%; min-width:300px; padding-top:30px; padding-left:2%; padding-right:2%; padding-bottom:4%; background:url(images/two.gif) no-repeat top left; border-width:medium; border-color: #F90; border-style:ridge; border-radius:20px;}
#billaddr{width:45%; min-width:300px; padding-top:30px; padding-left:2%; padding-right:2%; padding-bottom:4%; background:url(images/one.gif) no-repeat top left; border-width:medium; border-color: #F90; border-style:ridge; border-radius:20px;}	
#payment{padding-top:30px; background:url(images/tree.gif) no-repeat top left no-repeat;}

.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:#999; border-top:2px ridge #333333; padding-top:20px; padding-bottom:20px; box-shadow: 0px -3px 15px 5px #999;}
#footer .heading{padding:5px; border-bottom:3px ridge #444; border-top:3px ridge #444;}
#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; min-height:10em; font-size:18px; line-height:1.5em; margin-right:3em; margin-bottom:1em; 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 (min-width: 800px) and (max-width: 1194px) {
.head-vid {width:1px; height:90px; margin:0px auto 0px auto;}	
.head-vid video{display:none;}
.cms-pics{margin:10em 0em 8em 20em;}
}
@media screen and (min-width: 800px) and (max-width: 1070px) {
.einkaufsbutton{margin-left:33.5em;}
}
@media screen and (min-width: 410px) and (max-width: 799px) {
#header #logo{margin:1em 1em 0em 1em;}
#header nav{position:absolute; top:1.5em; left:2em; right:auto;}
#header nav .wrap-nav{margin: 7.5em auto;}
.headlink {margin:0;}
.head-vid{width:1px; height:148px; margin:0;}
.head-vid video{display:none;}
.header-contact{margin:3.5em auto 0.5em 1.5em; width:auto; padding:10px; float:none;}
#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;}
#map{width:100%; margin:0; float:none;
/*#contacterror{width:100%; text-align:left;}*/
}
@media screen and (min-width: 410px) and (max-width: 700px) {
.contentbox-hg{margin: 5.7em auto 0px auto;}
#slogan{padding:1em 0.1em;}
}
/*@media screen and (min-width: 410px) and (max-width: 686px) {
.einkaufsbutton button{margin-top:20.1em;}
.einkaufsbutton button:hover{margin-top:20.1em;}
}*/
@media screen and (max-width: 409px) {
body{background-image:none;}
#header nav a{line-height:3.5em;}
#header nav a:hover{line-height:3.5em;}
#header #headlogo #logo{margin:0.5em auto 0 0.5em; width:265px; height:65px; background-size:220px;}
#header #headlogo #logo #url{margin: 46px auto 0px 35px; font-size: 14px;}
#header nav{position:absolute; top:5em; left:1em; right:auto; width:95%; margin:0 auto;}
#header nav .wrap-nav{position:inherit; top:0; padding:0px; margin:0;}
.head-vid{width:10px; height:4.5em; margin:0;}
.head-vid video{display:none;}
.header-contact{margin:7em auto 0.5em 0.3em; height:80px; width:95%; padding:10px;}
#slogan{margin:1em auto 0.5em 0.5em; padding:0.5em; max-width:100%;}
.contenthg{padding: 0.5em; margin-top:-1em;}
.contenthg-img{padding:0px; background:none;}
.contenthg-img1{padding:1em 0 0 0;}
.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%;}
.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%;}
.contentbox-hg{max-width:100%; margin:6.2em auto 0px auto;}
.content_art_x{display:none;}
.content_article{width:0; min-width:0; margin-bottom:1.4em; margin-top:-4.6em;} 
.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%;}
}
@media screen and (max-width: 303px) {
body{background-image:none;}
.einkaufsbutton button{margin:16em 0.4em 0 0.4em; width:95%;}
.einkaufsbutton button:hover{margin:16em 0.4em 0 0.4em; width:95%;}
}