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

html{/* background:url(../images/bridge-53769.jpg) no-repeat center center fixed; background-size:100% 100%;*/}
body{background-color:#ebddbc; background-image:linear-gradient(to bottom,#d7bd82,#ebddbc); background-repeat:no-repeat; font-family:'Comfortaa', Sans-Serif; color:#262626; line-height:1.5; font-size:1em;} 
/*header, #navi, article, footer{background:none;}*/
header, section, aside, footer {min-width:200px;}
header{box-shadow: 10px 10px 10px -6px #5e5e5e; border:none; border-radius:0;}
#head {background-color:#fff; background-image:url(../template-images/header-1.png); background-repeat:no-repeat; background-size:100%; background-position:50% 50%; width:100%; text-align:center; border-bottom:1px solid #6E6E6E;}
#head-inner{padding-top:14.166%;}
#page{box-shadow:5px 5px 10px #5e5e5e; background-color:rgba(255,255,255,0.9);}
aside{border:none; border-radius:0;}
.error{font-size:14px;}
input, textarea, select,option{color:#262626;; border:#b5b5b5 solid 1px; border-radius:0;}
.stylefield{border:1px solid #b0b0b0;}	
article{border:none; border-radius:0;}
#textcont img{box-shadow:5px 5px 10px #5e5e5e;}
#textcont video{box-shadow:5px 5px 10px #5e5e5e;}
.prev-img{}
/*#hamb img{box-shadow:none;}
.lightbox .lb-image{box-shadow:none;}*/
h1{color:#007236;}
h2{color:#5eb900;}
h3{color:#aa9667;}
a{color:#262626;}
font{line-height:1.1em}
#navi{position:relative; z-index:1; box-shadow: 5px 5px 10px #5e5e5e;/* box-shadow:10px -1px 10px -6px #5e5e5e;*/ background-color:#1e6100; background-image:linear-gradient(to bottom,#1e6100,#5eb900); color:#eeba8b;}
#bigbasket a{color:#eeba8b;}
#textcont ul{margin:0.5em 1em; list-style:disc !important;}
#textcont ul
#contactform img {width:auto; height:117px;}
.sun ul li{margin-left:10px; line-height:24px; background:url("../images/list-icon.png") no-repeat; background-position-x:0%; background-position-y:0%; background-origin:padding-box; background-origin: padding-box; padding-left:20px; margin-bottom:5px;}
ul li b{margin-top:0.5em;}
ul li strong{margin-top:1em;}
/*U-Kat-Vorschau Bild oben*/
#preview a{text-decoration:none;}
.content_cat_x{float:left; width:31%; max-width:100%; min-width:180px; height:250px; overflow:hidden; margin-right:1%; margin-bottom:1em; background-color:#fff; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15);}
.content-cat-x-title{color:#926E4E; font-weight:900; margin-bottom:0.2em; text-align:center;}
.content_cat_x-img{text-align:center;}
a .content_cat_x img{width:auto; height:125px; box-shadow: none !important;}
.content_cat{margin:1em; text-align:left; line-height:1.5em; max-height:115px; overflow:hidden; align-self:center;}
a .content_cat{font-size:12px;} 
.cont-catx-price{text-align:right;}
.cont_art_x span{color:#ff0000; font-weight:bold;}
/* --Ende U-Kat-Vorschau Bild oben-- */
/*---------------*/
/*U-Kat-Vorschau Bild seitlich
#preview a{text-decoration:none;}
.content_cat_x{float:left; width:31%; max-width:100%; min-width:180px; height:310px; overflow:hidden; margin-right:1%; margin-bottom:1em; background-color:transparent; box-shadow:2px 2px 12px 0 rgba(0,0,0,.15); box-sizing:border-box;}
.content-cat-x-title{color:#007236; font-weight:900; margin-bottom:0.2em;}
.content_cat_x-img{width:50%; float:left; margin-right:0.5em;}
a .content_cat_x img{height:100%; max-height:250px; margin:0 auto; max-width:100%; box-shadow:1px 1px 5px #5e5e5e !important;}
.content_cat{margin:0.5em; text-align:left; line-height:1.5em; max-height:100%;}
a .content_cat{font-size:12px;} 	
.content_cat span{font-weight:bold;}
.content_cat font{font-weight:bold; font-size:14px; color:#00F; text-decoration:underline;}
.cont-catx-price{font-weight:bold; font-size:14px; color:#0da200;}
/* --Ende U-Kat-Vorschau Bild seitlich-- */
/*#vid{float: right; position:relative; top:9em; right:-19.75em; height:40.5em;}*/
#vid{float:left;}
#vid img{width:300px; max-width:100%; height: auto; margin:0 1em 1em 0;}
#vid video{width:250px; max-width:100%; height:auto; margin:0 1em 1em 0;}
.filesimages img{box-shadow:none !important;}
footer{background-color: #5eb900; background-image:linear-gradient(to bottom, #5eb900,#1e6100); color:#fff;/*box-shadow:10px -10px 10px -6px #5e5e5e;*/box-shadow:0px -5px 10px #5e5e5e}
footer img{box-shadow:none;}

#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:auto; height:60px; box-shadow:none !important;}
#impressum-img img{width:auto; height:100px; box-shadow:none !important; margin-bottom:0.2em;}
.ebene2{font-size:1em !important; color:#333 !important; font-weight:normal !important; list-style:none; padding-left:1.5em !important;}
ul.ebene2 li::before{content:"lit." counter(posMarkup, lower-alpha); margin:0 0.5em 0.2em 0; font-weight:bold; font-size:1.2em;}
ul.ebene2 li{counter-increment:posMarkup; position:relative; display:inline-flex; line-height:1.2em;}
#chat{margin-left: 1.5em;}


@media all and (max-width: 50em) {
	#img{margin:0.5em auto;}
	.content_cat_x{width: 45%;}
}

@media all and (max-width: 37.5em) {
	#img2{margin: 1em 0 1em 0em;}
}
@media all and (max-width: 35em) {	 
	#img2{width:250px; max-width:100%; float:none;}
	.content_cat_x{width:100%; float:none;}
	#textcont ul li{margin-left:0px;}
	#vid{float:none; text-align:center;}
	#vid img {max-width:95%; height:auto;}
}