/* alegreya-regular - latin */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('../fonts/alegreya-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alegreya-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-v29-latin-regular.svg#Alegreya') format('svg'); /* Legacy iOS */
}

/* alegreya-italic - latin */
@font-face {
  font-family: 'Alegreya';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('../fonts/alegreya-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alegreya-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-v29-latin-italic.svg#Alegreya') format('svg'); /* Legacy iOS */
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

* {
 margin: 0; padding: 0;
 }
 



*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
 
 
 
html {
 height: 101%;
 }
body {
 
  font-family: 'Alegreya', serif;
  font-size:16px;
  font-weight:400;
 line-height: 1.5;
 text-align: center;
 background: url(../img/body-bg03.gif) repeat-x;
 color: #333;
 }

#wrapper {
 width: 960px;
 width: 100%;
 max-width: 1100px;

 padding: 0px 20px 0px 20px;
 text-align: left;
 margin: auto;
 }
#header {
  height: 145px;
  margin-bottom: 36px;
  }
  

#header span {float:left; display:block; padding-top:16px;}  

 #header span.text {padding-top:75px;}  
 #header span.headerleft {padding-right:30px;padding-left:28px;}
 #header span.headerright {padding-left:30px;}
 
#header img {/*width:100%; max-width:150px; height:auto;*/ height:123px; width:auto;}



 #header a  h1 ,  #header a {font-size:18px; color:#000; text-decoration:none; font-weight:normal} 
 
  
#header a img  {
  outline: none;
  border: none;
  }
  
#sidebar-left {
 float: left;
 
 max-width: 287px;
 
width:33.333333%;
width:25.5%;
  padding-left: 24px; 
}

#content {
  float: right;
  width: 700px;

width:66.666667%;width:74.5%;
    max-width: 800px;   max-width: 839px;
  
  min-height: 500px;
  line-height: 1.5;/*
  border-bottom: 2px solid #999;*/
  padding-bottom: 50px;
  }
  
  
  
  
#content h1, #content h2, #content h3, #content h4 {
 color: #000 !important;
 font-style: italic !important;
 font-weight: normal !important;
 }
#content h1 {
 
  font-family: 'Alegreya', serif;
  font-size:28px;
  font-weight:400;
  font-style:italic;
 
 margin-bottom: 15px;
 }
 #content h2 {
/* font: italic 16px georgia, serif;
*/  
  font-family: 'Alegreya', serif;
  font-size:24px;
  font-weight:400;
  font-style:italic;
 
 margin-bottom: 14px;
 }
 #content h3 {
/* font: italic 15px georgia, serif;*/
  font-family: 'Alegreya', serif;
  font-size:22px;
  font-weight:400;
  font-style:italic;
  
 margin-bottom: 13px;
 }
 #content h4 {
/* font: italic 14px georgia, serif;
 */
   font-family: 'Alegreya', serif;
  font-size:16px;
  font-weight:400;
  font-style:italic;
  
  
  
 margin-bottom: 12px;
 }
 #content h5 {
/* font: italic 14px georgia, serif;
 */
 font-family: 'Alegreya', serif;
  font-size:16px;
  font-weight:400;
  font-style:italic;


  margin-bottom: 12px;
 }
 #content h6{
/* font: italic 14px georgia, serif;*/
 font-family: 'Alegreya', serif;
  font-size:16px;
  font-weight:400;
  font-style:italic;


  margin-bottom: 12px;
 }
 #content p {
 padding: 0 24px 18px 0; padding: 0 0px 18px 0;
 }

  #content img {
 border: 1px solid #ccc;
 }
#start img {
margin: 32px 0 0 0;
}
.katalogansicht {
border-bottom: 1px solid #999;
margin-bottom: 32px;
}

 #footer {
  clear: both;
  border-top: 2px solid #999;
  padding-left: 432px;padding-left: 0px;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 11px;
  
  min-height:240px;
  margin-left:25px;
  }
  
 
#navigation {
  font-weight: bold; /* wenn bold, dann color 666 */
  font-weight: normal;
  width: 400px;
  }

 #navigation ul {
  list-style-type: none;
  margin: 0 0 24px 0;
  }
 #navigation li {
  
  line-height: 1.4;
  }
 #navigation li a {
  color: #333;
  text-decoration: none;
  }
 #navigation li a:hover {
  color: #F07A00;
  text-decoration: none;
  
  } 
 #navigation li a.current {
  color: #F07A00;
  text-decoration: underline;
  text-decoration: none;
  font-weight: bold;
  }  
  
  
 /*neu: 2. ebene*/ 
  
 #navigation ul.level_2 {
display: none;
  margin: 0 0 12px 28px;
  }
 
 #navigation li.active ul.level_2,
  #navigation li.trail ul.level_2 {
 display:block;	
 }
 
 /*aus contao eigenem css*/
 

  #navigation ul.level_1 li.trail{ /*padding-left: 30px;*/

 }
 
 /*  #navigation ul.level_1 li.active{ padding-left: 30px;
    background: url(../img/list_current.gif) no-repeat 0 1%;
 }
 #navigation ul.level_2 li.active{ padding-left: 30px;
    background: url(../img/list_current.gif) no-repeat 0 1%;
 }
 
*/ 
 
 
 
 #navigation li.active {
    font-weight: bold;
    text-decoration: underline;
    text-decoration: none;
    color: #F07A00; 
 }
 
  
 #navigation  ul.level_2  li.active,  #navigation   li.active ul.level_2 li  {
    font-weight: normal !important;
   
 }
 
/* navigation mit grafik */

 #navigation li a ,  #navigation   li.active ul.level_2 li a{
background: url(../img/list_normal.gif) no-repeat 0 1%;
 padding-left: 30px;display:block;
  }
 #navigation li a:hover {
background: url(../img/list_current.gif) no-repeat 0 1%;
 padding-left: 30px;display:block;
  
  } 
 #navigation li a.current, #navigation li.active a {
background: url(../img/list_current.gif) no-repeat 0 1%;
 padding-left: 30px;display:block;
  }  
  
   #navigation li a.current, #navigation li.active strong {
background: url(../img/list_current.gif) no-repeat 0 1%;
 padding-left: 30px;display:block;
  } 
  
 
     
  
  
 a:link {
 color: #F07A00;
 color: #003399;
 color: #0033cc;
 color: #F07A00;
 text-decoration: underline;
 }
 a:visited {
 color: #F07A00;
 text-decoration: underline;
 }
 a:focus {
 color: #F07A00;
 text-decoration: underline;
 }
 a:hover {
 color: #F07A00;
 text-decoration: none;
 }
 a:active {
 color: #F07A00;
 text-decoration: underline;
 }
 
 #content h3 a {text-decoration:none;} 
 
 
#warenkorb_oben ul {
float: right;
margin-top: 32px;
margin-right: 4px;
font-size: 13px;
}

#warenkorb_oben ul li {
display: inline;
margin-left: 12px;
}

#warenkorb_oben ul li a {

text-decoration: none;
/*background: url(../img/list_current.gif) no-repeat 0 0%;
padding-left: 24px;
padding-top: 2px;*/
border: 1px solid #999;
color: #000;
background: #fff;
padding: 3px 7px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

  font-family: 'Alegreya', serif;
  font-size:16px;
  font-weight:400;
  
  
}

#warenkorb_oben ul li a:hover {
color: #fff;
background: #999;
text-decoration: none;
border: 1px solid #333;
}


#start p {
width: 620px;
}

#start #content img {
margin: 24px 0 12px 0;
}
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../img/icon_pdf.gif) no-repeat center right;
}




/*  ********** ************ ********** */

h1.lp_artikelheader {}

.lp_artikelblock {margin-bottom:40px;border-bottom:1px solid  #999;}

.first { }
.middle { }
.last {border-bottom:none;}

/*MwSt. Info und Versandkosten link*/
.hint { 
	
	/*font: normal 11px georgia, serif;*/

font-family: 'Alegreya', serif;
  font-size:13px;
  font-weight:400;
  font-style:italic;


}
/*  button in den warenkorb*/
.add_to_cart {margin-bottom:40px;}

.submit_container {margin-top:30px;}

/* warenkorb */
input.add_to_cart {
padding: 4px;    margin-top: 4px;
}
input.submit_ok, input.submit_delete {
min-width: 100px;
margin: 4px 0 4px 0;
}
div.mod_chshop_cartinfo, div.mod_chshop_minicart {
width: 170px;
margin-left: 3px;
}
#navigation p {
margin-left: 3px;
margin-bottom: 8px;
}
div.productid {
display: inline;
}
table.order {
margin-bottom: 16px;
}
table.order th, table.order td {
padding: 8px 12px 8px 0px;
border-bottom: 1px solid #ccc;
text-align: left;
}
th.productdata {
width: 240px;
}
/* registrierung */
#registrierung  td.col_first {
width: 160px;
}
#mein-konto td.col_first {
width: 160px;
}
input.submit {
padding: 4px;
}
#registrierung input.submit {
padding: 4px;
}
#registrierung legend {
text-indent: -1000px;
}
/* anmeldung */
#anmeldung  td.col_first {
width: 110px;
}
#anmeldung input.submit {
padding: 4px;
}
/* adresseingabe */
#adresseingabe-gaeste td.col_first {
width: 110px;
}
#adresseingabe-gaeste input.submit {
padding: 4px;
}
#adresseingabe-gaeste-75 td.col_first {
width: 110px;
}
#adresseingabe-gaeste-75 input.submit {
padding: 4px;
}
table#lieferadresse td:first-child {
width: 160px;
}

/* bestelluebersicht */
table.overview {
margin-bottom: 32px;
}
table.overview td.data {
padding-left: 32px;
}
table.order th.amount {
width: 110px;
}
table.order td.amount {
width: 110px;
}
td.amount input.text {
width: 110px;
}
table.order th.price {
width: 90px;
}

/* bestellung abschließen */
div.orderlink  {
margin: 32px 0 16px 0;
}
div.submit_container {
height: 40px;
}
div.orderlink a, div.submit_container a, input.submitbutton {
text-decoration: none !important;
border: 1px solid #999;
color: #000;
background: #D9DADB;
padding: 3px 7px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

 
  font-family: 'Alegreya', serif;
  font-size:16px;
  font-weight:400;
  

}
div.orderlink a:hover, div.submit_container a:hover {
color: #fff;
background: #999;
text-decoration: none;
border: 1px solid #333;
}
/*meine bestellungen */
table.all_records a img {
border: none !important;
vertical-align: bottom;
}

/*bestellhistorie*/

#meine-bestellungen th {padding:0px 15px 15px 0px;}
#meine-bestellungen td {padding:15px 15px 15px 0px;}

div.image_container {padding-left:40px; float:right;}
div.image1{}
div.image2 {float:left;margin-right:9px; }
div.image3 {float:left;}


.image_container img {width:100%; height:auto;}
 
 /*
.image_container {padding-left:40px; float:right; width:33.333333%;}*/
 
.product_list .listitem  .teaser, .product_list  .listitem  .offer, .product_list .listitem  .submit_container{float:left;width:66.666667%; clear:none;max-width:500px;}
 
.listimages {padding-left:40px; float:right; width:33.333333%;clear:none; min-width:285px;}




 
.listitem  {clear:both;width:100%; border-bottom: 1px solid #999; margin-bottom:20px; padding-bottom:20px;}

 .product_last .listitem  {   border-bottom: none;}    

.listitem.detail {border-bottom:none;}


.detailimage {padding-left:30px; float:right;width:40%;clear:none !important;max-width:360px;}

.detailimage .image_container {padding-left:0px; float:none; width:100%;}


.detailtext {padding:0px; float:left; width:60%;clear:none !important;    padding-bottom: 30px;}



.detailimages {padding:30px 0px 30px 0px;   width:100%; clear:both;}

.detailimages .image_container {padding-right:16px; float:left; width:25%;}



.sharebuttons {width:100%; padding-top:30px;}

.sharebuttons i {font-size:22px; }
.sharebuttons span {
    float: left;
    display: block;
    padding-right: 12px;
 
}
   
.sharebuttons span.whatsapp-share {
    display: none;
}

.is-mobile .sharebuttons span.whatsapp-share, .is-tablet .sharebuttons span.whatsapp-share {display:block;}



	  	
#dl-menu {display:none;}

.ce_text {max-width:600px;}
 
 .ce_text img {width:100%; height:auto;}
 
.responsiveContainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; width:100%;max-width:600px;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


 
 

.formbody label {display:block; float:left; width:200px; padding-bottom:10px;}

.formbody input.text , .formbody select  {display:block; float:left; width:280px;  height:30px;}

.formbody select.amount_select {display:block; float:left; width:50px !important; margin-right:10px; margin-top:4px;}


.formbody div  {display:block; clear:both;}

.formbody h2 , .formbody h3{padding-top:20px;}

.formbody .listitem h3 {padding-top:0px;}

.steps ol li {float:left; display:block; padding-right:10px; margin-bottom:20px;}

.steps ol li a, .steps ol li span, .submit_container input.submit {
text-decoration: none;

border: 1px solid #999;
color: #000;
background: #fff;
padding: 3px 7px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

 
  font-family: 'Alegreya', serif;
  font-size:16px;
  font-weight:400;

}

.steps ol li a:hover, .steps ol li span.active, .submit_container input.submit:hover {
color: #fff;
background: #999;
text-decoration: none;
border: 1px solid #333;
cursor:pointer;
}

.radio_container span {display:block; clear:both; width:100%; min-height:30px;}
.radio_container input {float:left; display:block; width:auto; margin-top:4px}
.radio_container label {float:left; display:block; width:auto; padding:0px 0px 0px 10px; }

.radio_container span.currency {display:inline-block; clear:none; width:auto;}

.checkbox_container span {display:block; clear:both; width:100%; min-height:30px;}
.checkbox_container input {float:left; display:block; width:auto; margin-top:4px}
.checkbox_container label {float:left; display:block; width:auto; padding:0px 0px 0px 10px; }

#content p.error.message {clear:both; display:block;padding-top:20px; }

a.edit {display:block; float:right;}

.mod_iso_checkout {max-width:600px;}


.orderproducts   td , .mod_iso_cart  td {padding:4px 10px 10px 4px;

    padding: 8px 12px 8px 0px;
    border-bottom: 1px solid #ccc;

}

.orderproducts .product td , .mod_iso_cart  .product td{vertical-align:middle;}

.mod_iso_cart .product td {vertical-align:top; padding: 0px 10px 10px 0px;}

.mod_iso_cart .product td.col_last {text-align:right; padding-right:0px;}
.mod_iso_cart .product td.col_last a { padding-right:0px;}



.orderproducts td.foot_last, 
.orderproducts td.col_last,
 .mod_iso_cart td.foot_last, 
 .mod_iso_cart td.col_last {text-align:right;}


.formbody  .quantity_container input.text {width:30px;}
.updateinfo {display:none; position:absolute; bottom:0; left:0px;z-index:100;width:200px;     background-color: #d9dadb;
    padding: 3px;}

.actions a {display:inline-block; padding-right:10px;}

.orderconditions {padding-top:20px;}



td.quantity  input.text {width:35px !important;}
td.quantity{width:41px !important;}


td.image  .image_container {width:100% !important;}

.mod_iso_cart .product a {text-decoration: none;}


.mod_iso_messages { }

#content .mod_iso_messages p {background-color:#d9dadb; padding: 3px; margin-bottom:16px;display:inline-block; /*font-weight:bold;*/ }

.price {font-weight:bold;}
span.priceinfo {display:block; padding-top:10px; font-weight:normal; font-size:14px;}



@media only screen and (max-width: 1150px){
 
.product_list .listitem  .teaser, .product_list  .listitem  .offer, .product_list .listitem  .submit_container{max-width:450px;}
}

 

@media only screen and (max-width: 1100px){
#content { width:70%; }
#sidebar-left {width:30%;}
.product_list .listitem  .teaser, .product_list  .listitem  .offer, .product_list .listitem  .submit_container{max-width:420px;}
}


@media only screen and (max-width: 1050px){
.product_list .listitem  .teaser, .product_list  .listitem  .offer, .product_list .listitem  .submit_container{max-width:380px;}
}

@media only screen and (max-width: 1000px){
.product_list .listitem  .teaser, .product_list  .listitem  .offer, .product_list .listitem  .submit_container{max-width:350px;}
}
@media only screen and (max-width: 950px){
.product_list .listitem  .teaser, .product_list  .listitem  .offer, .product_list .listitem  .submit_container{max-width:310px;}
}






@media only screen and (max-width: 900px){
	
#wrapper {padding: 0px 0px 0px 0px;}

#content {width:100%; float:none;}

#sidebar-left {display:none;}




#warenkorb_oben {/*display:none;*/ margin-right: 60px;}
#warenkorb_oben {display:none;}
#header {height: 145px; padding:0px 0px 0px 0px}
 

#content {padding:20px 20px 20px 20px;}


.ce_text { width:100%;}


#footer {padding:20px 20px 20px 20px;}




.formbody label {display:block; float:none; width:100%;}

.formbody input.text {display:block; float:none; width:100%;}



.detailimages {padding-left:0px; float:none; width:100%;} 



.detailimage {padding-left:0px; float:none; width:100%; max-width:640px;} 


.detailtext {padding:0px; float:none; width:100%;   padding-bottom: 30px;}

 
.detailimage .image_container {padding-left:0px; float:none; width:100%;}
 


.detailimages .image_container {padding-right:10px; float:left; width:50%;}





.product_list .listitem  .teaser, .product_list  .listitem  .offer, .product_list .listitem  .submit_container{ width:100%;float:none; padding:0px;}
 
.listimages { width:100%; padding-left:0px;}


}


@media only screen and (max-width: 640px){
	
#header {height: 100px; }	
 
#header span {float:left; display:block; padding-top:8px;}  
#header span.text {padding-top:50px;}  

 #header span.headerleft {padding-right:10px;}
 #header span.headerright {padding-left:10px;}
  
#header img {height:90px; width:auto;}


 #header a  h1 ,  #header a {font-size:14px; } 

	
.image_container {padding-left:0px; float:none; width:100%;}

.listitem  .teaser{ {float:none;width:100%; }	
	
.steps ol li  {margin-bottom:20px;}
	
.formbody input.text , .formbody select  {  height:32px;}
	
}



@media only screen and (max-width: 440px){

#header span.text {padding-top:0px;}  
 
 #header span.headerleft { padding-left:12px; padding-top:12px;display:block;}
 
 #header span.logo {float:right; margin-right:60px;}
 
 #header span.headerright {padding-left:0px;padding-right: 0px;display:block; padding-top:8px;padding-left:12px; }

 #header a  h1 ,  #header a {font-size:18px; } 
	
}


@media only screen and (max-width: 360px){

 #header a  h1 ,  #header a {font-size:14px; } 	
  #header img {height:72px;}
  
  .formbody input.text , .formbody select  {display:block; float:left; width:100%;  height:30px;}
  
.detailimages .image_container {padding-right:0px; float:none; width:100%; padding-bottom:16px;}
  
}