body
{
	background-image: url("img/mainbg.jpg");
    background-position: center top;
    background-repeat: repeat;
	margin           : 0;
	padding 		 : 0;
	font-family: Arial,Helvetica,sans-serif;
	color: #515151;
	font-size: 12px;
}

#container{
margin: 0 auto;
max-width:1100px;

}

hr{
    margin: 10px 0;
}

/******   Buttons START  *****/
.headerbuttonwrap {
    float: right;
}

button,
.buttonsubmit {
    background-color: #eee;
    border: 0 none;
    color: #515151;
    cursor: pointer;
    font-size : 12px;
    height: auto;
    width: 200px;
    margin : 20px 20px 0 0px;
    padding: 10px 20px;
     border: thin solid #a3ca4c;
    border-radius:10px;
}

button:hover {
  background-color : #a3ca4c;
	color : #fff;
}


a.button {
    background-color: #eee;
    border: 0 none;
    color: #515151;
    cursor: pointer;
    font-size : 12px;
    height: auto;
    width: 200px;
    margin : 20px 20px 0 0px;
    padding: 10px 0px;
    border: thin solid #a3ca4c;
    border-radius:10px;
    display: inline-block;
    text-align: center;

}

a.button:hover,
a.buttonsubmit:hover {
  background-color : #a3ca4c;
	color : #fff;
}
.printviewbutton{
 background-color: #a3ca4c;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size : 18px;
    height: auto;
    width: 120px;
    margin : 10px 0 16px 16px ;
    padding: 10px 10px;
    border: thin solid #a3ca4c;
    border-radius:10px;
    display: inline-block;
    text-align: center;
}

.printviewbutton:hover{

}


.searchbox button {
    background-color: transparent;
    background-image: url(img/Lupe.png);
    background-repeat:no-repeat;
    background-position:13px 5px;
    border-radius:5px;
    border: none;
    border: thin solid #aaa;
    cursor: pointer;
    float: none;
    height: 30px;
    margin: 18px 0px 0px -60px;
    padding: 0px 0px 0px 0px;
    width: 45px;

}

.selectpaymenttype{
	min-width: 200px;
}

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

    .searchbox button {
        background-position:7px 5px;
        margin: 18px 0px 0px -40px;
        width: 34px;

    }
}

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

    .searchbox button {
        margin: 24px 0px 0px -55px;
    }
}


.searchbox button:hover {
  background-color: transparent;

}

.loginleft button {
	background-color: #a3ca4c;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 15px;
    height: 40px;
    width: 205px;
    border: thin solid #a3ca4c;
    border-radius:10px;
}

.productdetailsinwarenkorb  button{
	background-color: #a3ca4c;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    width: auto;
    padding: 10px 40px;
    border-radius:10px;
}

.cartkassebutton{
   text-align: right;
}

.buttonback {
    height: 20px;
    width: 110px;
	float: right;
	margin-top: 65px;
	clear: left;
}

.buttonback  a {
    background-color: #eee;

    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
     border: thin solid #a3ca4c;
    border-radius:10px;


}

.buttonback  a:hover {
	background-color: #a3ca4c;
	color: #fff;
}

form.logout button {

}

form.logout button:hover {

}

form.order-confirm-logout button {

}

form.order-confirm-logout button:hover {

}

.buttonlink:hover, .buttonlinkedit:hover,.buttonlinkdel:hover  {
	background-color: #a3ca4c;
	color: #fff;
}

.buttonlink {
    background-color: #eee;
    color: #515151;
    font-weight: 400;
    padding: 8px 20px;
    text-align: center;
     border: thin solid #a3ca4c;
    border-radius:10px;

}

.buttonlinkedit{
    background-color: #eee;
    color: #515151;
    font-weight: 400;
    padding: 10px 20px;
    text-align: center;
     border: thin solid #a3ca4c;
    border-radius:10px;
    margin: 0 20px 0 0;
}

div.address div.buttons {

	margin : 20px 0 30px;
}

button.linkbutton {


}

button.linkbutton:hover {


}

button.confirmbutton {

	background-color: #eee;
    border: 0 none;
    color: #000;
    cursor: pointer;
    font-size : 12px;
    height: 40px;
    width: 205px;
    margin : 0 20px;
     border: thin solid #a3ca4c;
    border-radius:10px;
}

button.confirmbutton:hover {

	background-color : #a3ca4c;
	color : #fff;
}

.buttonlinkdel{
    background-color: #eee;
    color: #515151;
    font-weight: 400;
    padding: 10px 20px;
    text-align: center;
     border: thin solid #a3ca4c;
    border-radius:10px;
}

.buttonsubmit {
    background-color: #eee;
    border: 0 none;
    color: #000;
    cursor: pointer;
    font-size : 12px;
    height: 40px;
    width: 205px;
    margin : 0 20px;
    border: thin solid #a3ca4c;
    border-radius:10px;
}
.buttonsubmit:hover {
  background-color : #a3ca4c;
	color : #fff;
}

.confirm button {

}

.bagartikeldel > button {
    border: 0 none;
    margin-top: 8px;
	cursor: pointer;
	float: left;
}

#logoutbutton{
    float: left;
}

.klickbutton a {
background-color: #eee;
    border: thin solid #a3ca4c;
    border-radius: 5px;
    color: #000;
    float: left;
    padding: 5px 15px 5px 15px ;
}

.klickbutton a:hover {
	background-color: #a3ca4c;
	color: #fff;
}

button.hidden {
	overflow : visible;
	height : 0;
	width : 0;
	margin : 0;
	border : 0;
	padding : 0;
	display : block;
}

div.info button.close,
div.error button.close
{
	float : right;
	background-color : #fff;
  	border: thin solid #a3ca4c;
    border-radius:10px;
    margin: 0px;
    margin-top: 0px;
	width: 31px;
	margin-top: -4px;
	padding: 5px;
}

.loginboxbottom button {

}

.loginboxbottom button:hover {

}

form.checkout-form button {

}

form.checkout-form button:hover {

}


/******   Button ENDE   *****/

/******   Cookie Box START  *****/

div.cookie-info
{
	padding : 10px 0px 10px 0px;
	border:none;
	background-color: #000000;
	color:#fff;
	margin: 0px 0px 0px 0px;
}

div.cookie-info-container
{
	max-width : 1280px;
	margin : 0 auto;
	position : relative;
}

div.cookie-info div.text
{
	padding: 0 100px 0 30px;
}

div.cookie-info a.confirm-button
{
	position : absolute;
	top : 0;
	right : 0px;
	bottom : 0;
	margin : auto 0 auto;
	height : 22px;
	display : block;
	background-color : #a3ca4c;
	padding : 10px 20px 2px 20px ;
    border:thin solid #fff;
    border-radius : 5px;
    color:#fff;
}

.text a:first-child{
    color: #a3ca4c;
    font-weight: 800;
}

th.mandatory::after {
    content: '*';
}

/******   Cookie Box ENDE  *****/


/***** ############# main.tpl START  ############# ****/
.headerwrap {
	background-image: url("img/bg_header_green.jpg");
    background-repeat: no-repeat;
    margin: 30px auto auto;
    width: 1100px;
    /*
    height: 165px;
   */
}

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

    .headerwrap {

    margin: 0px auto;

}
}


.header {
    border-bottom: 1px solid #fff;
    height: 110px;
    margin: auto;
    width:97.27%;
    display: flex;
    flex-direction:row;
    display: -ms-flexbox;
    -ms-flex-direction:row;

}




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

    .header {


    }
}

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

    .header {

    height: 315px;
    display: flex;
    flex-direction:column;
     display: -ms-flexbox;
    -ms-flex-direction:column;

    }
}

.headerband {
	background-image: url("img/gf_banderole_25jahre.png");
    background-repeat: no-repeat;
    height: 87px;
    margin-left: -18px;
    margin-top: -2px;
    position: absolute;
    width: 142px;
    pointer-events: none;
}

.logo {
	float: left;
    height: 12px;
    margin: 15px auto auto 40px;
    width: 172px;
}

#headerwrapper{

}




.searchbox {
    float: left;
    height: 45px;
    margin-left: 50px;
    margin-top: 25px;
    width: 43.18%;
    z-index: 2000;
}

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

   .searchbox {
     width: 90%;
     margin: 0 auto;

	}
}

.eingabesuche {
	background-color: #ffffff;
    background-image: none;
    border: 0 solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) inset;
    color: #899297;
    display: block;
    font-family: arial;
    font-size: 11px;
    width: 380px;
    margin: 11px 0 0 12px;
    padding: 15px 10px 15px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    float: left;
	}

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

   .eingabesuche {

        max-width: 60%;
        margin: 11px 0 0 -20px;
        padding: 15px 10px 15px 10px;
        float: left;
	}
}

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

   .eingabesuche {
      max-width: 100%;
      width: 100%;
      margin: 15px auto;
      font-size: 14px;

	}
}

.warenkorbminiwrap {
    background-color: #f1f1f1;
    float: right;
    height: 43px;
    margin-top: 37px;
    border-radius:5px;
}

.warenkorbminianzahl {
    background-color: #f1f1f1;
    color: #5d5d5d;
    float: left;
    font-size: 10px;
    height: 28px;
    margin-left: 5px;
    margin-top: 8px;
    text-align: center;
    width: 67px;
}


.warenkorbminibag {
    float: left;
    margin-top: -17px;
}


.warenkorbminisumme {
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    margin-right: 10px;
    padding-top: 15px;
    text-align: right;
    vertical-align: unset;
    width: 67px;
}

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

   .warenkorbminiwrap {
        margin-left: -100px;
        height: 43px;
    }

   .warenkorbminianzahl {
       max-width: 20%;
       font-size: 10px;
    }


    .warenkorbminibag {
       margin-top: -5px;
       max-width: 30%;
    }

    .warenkorbminibag img{
       width: 100%;
    }

    .warenkorbminisumme {
        max-width: 45%;
        margin-right: 0px;
        font-size: 10px;
        text-align: center;

    }
}

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

   .warenkorbminiwrap {
        margin:45px auto 35px auto;
        height: 43px;
    }

   .warenkorbminianzahl {
       max-width: 20%;
       font-size: 10px;
    }


    .warenkorbminibag {
       margin-top: -17px;
       max-width: 30%;
    }

    .warenkorbminibag img{
       width: 100%;
    }

    .warenkorbminisumme {
        max-width: 45%;
        margin-right: 0px;
        font-size: 10px;
        text-align: center;

    }
}


.topmenuwrap {
	height: 36px;
	max-width: 1100px;
	margin:auto;
}

@media screen and (max-width:591px) {
    .topmenuwrap{
        height: auto;
    }

}


.topmenu {
	margin: auto;
    width: 100%;
}

@media screen and (max-width:591px) {
    .topmenu{
        margin: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

}


.topmenulinks {
  font-size:14px;
  position:absolute;
}

@media screen and (max-width:591px) {
   .topmenulinks {
        font-size:14px;
        position:unset;
}

}

.topmenulinks ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}

.topmenulinks li {

    float: left;
    line-height: 100%;
    list-style-type: none;
    margin: 0 !important;
    padding-left: 0 !important;
    position: relative;
}

@media screen and (max-width:1100px) {
    .topmenulinks li {
       float: none;
}

}



.topmenulinks li ul{
  display:none;
}

.topmenulinks li:hover ul{
display:block;
}

.topmenulinks li a{
    display: block;
    margin-left: 1px;
    padding: 10px 20px 9px;
    position: relative;
    text-align: center;
    text-decoration: none;
	color: #fff;
	font-size: 14px;
	text-shadow: 0 1px 1px #515151, 0 -1px 1px #515151, 1px 0 1px #515151, -1px 0 1px #515151;
}



@media screen and (max-width:591px) {
    .topmenulinks li a{

            text-align: center;
            background-color: #a3ca4c;
            padding: 10px 20px 2px 20px;
            border: thin solid #fff;
            border-radius: 5px;
            color: #fff;
            width: 100px;
            margin: 15px auto;
            padding: 9px;
    }

}



.topmenurechts li {
    display: block;
    float: left;
    padding: 10px 20px 10px 10px;
}

.topmenurechts a{
	color: #fff;
	font-size: 14px;
	text-shadow: 0 1px 1px #515151, 0 -1px 1px #515151, 1px 0 1px #515151, -1px 0 1px #515151;
}


.topmenurechts > ul {
    margin-top: 0;
}

@media screen and (max-width:591px) {
    .topmenurechts > ul {
     display: flex;
     flex-direction:column;
      display: -ms-flexbox;
    -ms-flex-direction:column;
}

}



.topmenurechts {
    float: right;
}

@media screen and (max-width:1100px) {
    .topmenurechts {
        margin: -2px 0 0 0;
}

}

@media screen and (max-width:591px) {
    .topmenurechts {
        display: none;
        margin: 0 auto 10px auto;
        width: 100%;
        text-align: center;
}

}


@media screen and (max-width:591px) {
    .topmenurechts a {
        color: #515151;
        background-color: #ffffff;
        background-image: none;
        border: 0 solid #ccc;
        border-radius: 0px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) inset;
        color: #515151;
        display: block;
        font-family: arial;
        font-size: 11px;
        width: 100%;
        margin: 0px 0 0 0px;
        padding: 10px 0px 5px 0;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        vertical-align: middle;
        text-shadow: none;
      }
}

.navwrap{
    display: none;
}


@media screen and (max-width:1100px) {
    .navwrap{
    display: none;
    }

   #menu-wrapper{
     width: 100%;
     border:none;
   }
   .nav > li > a{
       font-size: 1em;
   }

   .nav .nav-column{
     float: none;
     padding: 80px 10px 20px 10px;
     background-color: #fff;
   }
   .nav .nav-column li a{
       color: #515151;
       background-color: #a3ca4c;
   }

}





@media screen and (max-width:591px) {
    #menu-wrapper{
     display: none;
	}
     .navwrap{
     display: block;
     margin: 0px;
	}
		
	.headershadow{
	display: none;
	}
	
	ul#navigation > li {
	display: none;
	}
	ul#navigation.visible li {
	display: block;
	}

    #burgerbutton{
     font-size: 80px;
     font-weight: 900;
     line-height : 50px;
     width: 50px;
     cursor: pointer;
     margin: -70px 10px 10px 10px;
     float: right;
     color: #fff;
     position: relative;
    }

    #navigation{
      width: 100%;
      text-align: center;
      
    }

    .topmenu1{
                background-color:#ffffff;
                background-image: none;
                border: 0 solid #ccc;
                border-radius: 5px;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) inset;
                color: #000000;
                font-size: 14px;
                display: block;
                transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
                font-family: arial;
                width: 90%;
                margin: 10px auto;
                padding: 15px 10px 15px 10px;


    }

    .topmenu1 ul{
        display:block;
        width: 80%;
        margin: 0 auto 0 auto;
        padding: 0px;
    }
    .topmenu1 a{
        color: #000;
        text-transform: uppercase;
        font-weight: 800;
    }
    .topmenu2wrap{

    }

    .submenu1{
         border:none;
         margin: 5px 0;
    }

    .submenu1 a{
        text-align: center;
        padding: 5px;
}

}



.headershadow{
	background-color: #fff;
    background-image: url("img/gf_sdw_header.png");
    background-repeat: no-repeat;
    border-left: 15px solid #eee;
    border-right: 15px solid #eee;
    height: 18px;
    width: 97.28%;
}

@media screen and (max-width:591px) {
   .headershadow{
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-left: none;
    border-right: none;
    height: 20px;
    width: 97.27%;
    margin: 0 auto;
    }
}

.teasers{
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.teasers a
{
float : left;
margin : 0;
padding : 0;
}

.teasers img
{
margin : 0 auto 0 auto;
max-height: 430px;
width: 1070px;
}

.headersliderwrap {
	background-color: #fff;
    border-left: 15px solid #eee;
    border-right: 15px solid #eee;
    margin: auto;
    width: 1070px;
	height: 430px;
}

.headerslider {

	height: 250px;
}
@media screen and (max-width:1100px) {
   .headersliderwrap {
	background-color: #fff;
    border-left: none;
    border-right: none;
    margin: 0 auto;
    max-width: 100%;
	height: auto ;
}
.headershadow{

    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    border: none;
    height: 20px;
    width: 100%;
    margin: 0 auto;
}
    .headerslider {
    height: auto;
	max-height: 22.72%;
}
.bx-wrapper{
    margin: 0 auto!important;
}

}

div.layout
{
	margin: auto;
    padding: 8px 0px;
    width: 1070px;
	background-color: #fff;
	border-left: 15px solid #eee;
    border-right: 15px solid #eee;
}

@media screen and (max-width:1100px) {
    div.layout{
    width: 100%;
	background-color: #fff;
	border-left: none;
    border-right: none;
    margin: 0 auto;
}

}

@media screen and (max-width:591px) {
    div.layout{

}

}

.breadcrumb.linestart {
    padding:14px 0 14px 0;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
    width: 100%;
	background-color: #eee;
	margin-top: 40px;
}

.breadcrumb.linestart a{
      color: #000000;
      text-decoration: none;
      padding: 13px;
      text-transform: uppercase;

}


.breadcrumb.linestart a:hover{
      color: #000000;
      text-decoration: none;
      background-color: #a3ca4c;


}

div.error
{
	margin : 0 20px 20px;
	color : #000;
	background-color : #ff9595;
	text-align : center;
	font-size : 16px;
	padding : 10px 10px 10px;
	border-radius : 5px;
}

div.info
{
	margin : 0 20px 20px 20px;
	color : #000;
	background-color : #e7f7c4;
	text-align : center;
	font-size : 16px;
	padding : 10px 10px 10px;
	border-radius : 5px;
}


.body {
    padding-left: 0px;
    padding-right: 0px;
}

div.content
{
	background-color: #fff;
	margin : 0 auto 0 auto;
	min-height : 350px;
	border-top : 1px solid #eee;
	padding : 20px 0 20px;
	width: 90%;
}

div.content.with-menu
{
	background-color: #fff;
	margin-left : 220px;
}

div.content.overview
{
	min-height : 0;
}
.below-cat-intro{
 margin: 0 auto 0 auto;
 width: 100%;
 display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}

@media screen and (max-width:1100px) {
   div.content{
    background-color: #fff;
    margin: 0 auto 0 auto;
    min-height: auto;
    border-top: 0px solid #eee;
    padding: 0px 0 0 0px;
    width: 100%;
}
    .fontborder{
       padding: 10px;
    }
    .categoryimage{
      padding: 10px;
    }
}

@media screen and (max-width:591px) {
   div.content{
    background-color: #fff;
    margin: 0 auto 0 auto;
    min-height: auto;
    border-top: 0px solid #eee;
    padding: 0px 0 0 0px;
    width: 98%;
}
  .fontborder{
       padding: 10px;
    }
    .categoryimage{
      padding: 10px;
    }
    .below-cat-intro{
        width: 100%;
    }
}


div.overviewhead
{
	clear : both;
}

#overviewglobalcontentwrapper{
	display: flex;
    flex-direction: column;
}

#overviewcontentwrapper{
	margin-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    flex-direction: row;
    display: flex;
}

#overviewcontenttextwrapper{
    flex-direction: column;
    display: flex;
}

#overviewcontentheadline h2{
    font-size: 17px;
}

#overviewcontent{
    font-size: 14px;
    padding: 10px;
    
}

.overviewtextright{
    padding-left: 50px;
}

.overviewtextleft{
    padding-right: 50px;
}

.infoblocktopleft {
    float: left;
}

.infoblocktopright {
    float: right;
}




.infoblocktoprighttext, .infoblocktoplefttext{
    width: 485px;
	font-size: 14px;
	padding-left: 10px;
}

.infoblockwrap {
    margin-top: 30px;
}

.infoblocktoprighttext h2{
	margin-top: 0px;
	font-size: 17px;
}

.abstand {
    clear: both;
}

.markenwrap img {
    margin-left: 20px;
    max-width: 134px;
    vertical-align: middle;
    max-height: 116px;
    
}

.markenwrap{
	text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

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

       .infoblocktopleft {
        float: none;
        max-width: 100%;
        margin: 10px auto;

    }


    .infoblocktopright {
        float: right;
        max-width: 100%;
        margin: 10px auto;

    }

   .infoblocktopleft img {
     max-width: 100%;
     margin: 20px auto;
}

.infoblocktopright img {
         max-width: 100%;
     margin: 20px auto;
}

.infoblocktoprighttext, .infoblocktoplefttext{
    width: 94%;
	font-size: 1em;
	padding: 10px;
}
   .markenwrap {
     margin: 0 auto;
    max-width: 100%;
    display:flex;
    flex-direction:row;
    display: -ms-flexbox;
    -ms-flex-direction:row;
}

.markenwrap img {
   margin: 0 auto;
}

}

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

       .infoblocktopleft {
        float: none;
        max-width: 100%;
        margin: 10px auto;

    }


    .infoblocktopright {
        float: right;
        max-width: 100%;
        margin: 10px auto;

    }

   .infoblocktopleft img {
     max-width: 100%;
     margin: 20px auto;
}

.infoblocktopright img {
         max-width: 100%;
     margin: 20px auto;
}

.infoblocktoprighttext, .infoblocktoplefttext{
    width: 94%;
	font-size: 1em;
	padding: 10px;
}
   .markenwrap {
     margin: 0 auto;
    max-width: 100%;
    display:flex;
    flex-direction:column;
     display: -ms-flexbox;
    -ms-flex-direction:column;
}

.markenwrap img {
   margin: 0 auto;
}

}



.footertrenner {
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 25px;
}

.footerwrap {
	background-color: #fff;
    border-color: #c5cbce #eee #eee;
    border-style: solid;
    border-width: 0px 15px 15px;
    clear: left;
    height: 160px;
    margin: auto auto 20px;
    padding-left: 40px;
    padding-right: 40px;
    width: 990px;
}




.footerinfo {
    color: #515151;
    float: left;
    font-size: 13px;
	width: 250px;
}

.footermenuwrap {
	width: 350px;
	float:left;
}
.footermenumobile{
        display: none;
    }

.footerinfomenu {
	width: 166px;
	float:left;
}


.footerwrap ul {
	margin: 0;
    padding: 0;
}

.footersocial{

}

@media screen and (max-width:1100px) {
     .footerwrap {
        background-color: transparent;
        border-color: #c5cbce #eee #eee;
        border-style: solid;
        border-width: 0px 0px 0px;
        clear: left;
        height: auto;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        display: flex;
        flex-direction: row;
}
    .footerinfo {
        width: 100%;
        text-align: center;
        margin: 10% auto;
        color: #fff;
    }

    .footermenuwrap {
	    display: none;
    }

    .footerwrap ul {
	    margin: 0 auto;
        width: 100%;
    }

   .footerinfomenu {
        text-align: center;
        width: 100%;
        margin: 5px auto;
        padding: 10px 0 0 0 ;

}

    .footerinfomenu a{

        color: #515151;
        background-color: #ffffff;
        background-image: none;
        border: 0 solid #ccc;
        border-radius: 0px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) inset;
        color: #899297;
        display: block;
        font-family: arial;
        font-size: 11px;
        width: 100%;
        margin: 0px 0 0 0px;
        padding: 10px 0px 5px 0;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        vertical-align: middle;

}


        .footersocial{
            width: 100%;
            margin: 10% auto;
            text-align: center;
            color: #fff;
        }

        .footersocial a{

        }

        .footersocial img{

        }

        .Facebook{
        }

        .YouTube{
        }

        .Xing{
        }

        .footertrenner{
            margin-bottom: 5px;

        }
}


@media screen and (max-width:591px) {
     .footerwrap {
        background-color: transparent;
        border-color: #c5cbce #eee #eee;
        border-style: solid;
        border-width: 0px 0px 0px;
        clear: left;
        height: auto;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
}
    .footerinfo {
        width: 100%;
        text-align: center;
        margin: 10px auto;
        color: #fff;
    }

    .footermenuwrap {
	    display: none;
    }

    .footerwrap ul {
	    margin: 0 auto;
        width: 100%;
    }

   .footerinfomenu {
        text-align: center;
        width: 100%;
        margin: 5px auto;
        padding: 10px 0 0 0 ;
        border-bottom: none;
        border-top: none;
}

    .footerinfomenu a{

        color: #515151;
        background-color: #ffffff;
        background-image: none;
        border: 0 solid #ccc;
        border-radius: 0px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) inset;
        color: #899297;
        display: block;
        font-family: arial;
        font-size: 11px;
        width: 100%;
        margin: 0px 0 0 0px;
        padding: 10px 0px 5px 0;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        vertical-align: middle;

}
    .footermenumobile{
        display: block;
    }

        .footersocial{
            width: 100%;
            margin: 10px auto;
            text-align: center;
            color: #fff;
        }

        .footersocial a{

        }

        .footersocial img{

        }

        .Facebook{
        }

        .YouTube{
        }

        .Xing{
        }

        .footertrenner{
            margin-bottom: 5px;
        }
}

.Facebook{

}

.YouTube{

}

.Xing{

}



/***** ############# main.tpl ENDE ############# ****/

.variant input{
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.3);
}

input,
select{
    box-shadow:2px 2px 5px 1px rgba(0,0,0,0.3);
	margin:5px;
	padding:5px;
	border-radius:5px;
}


div.header_alt
{
	background-color : #fff;
	padding          : 10px 10px 10px;
}

div.header_alt h1
{
	padding : 0;
	margin  : 0;
}

div.navigation
{
	background-color: #fff;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 183px;
}

.languages form {
	display: inline;
    float: left;
    margin-right: 10px;
}






.inhaltswrap {
	width: 645px;
	float:left;

}

div.content h2{
	margin : 0 auto 30px auto ;
	width: 100%;
}

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

  div.content h2{
	margin : 0 auto 30px auto ;
	width: 100%;
	font-size: 3em;
}

}


.eingabe {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 12px;
    padding: 0 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 140px!important;
}

button, .buttonsubmit{
    width: 160px;
}

div.footer
{
	background-color : #fff;
	padding          : 10px 10px 10px;
	text-align       : right;
}

.productlist {
    width: 100%;
	margin: 0px auto 0px auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

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

   .productlist {
    width: 100%;
	margin: 0px auto 0px auto;
	float : none;

}
}

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

   .productlist {
    width:auto;
	margin: 0px 30px;
	float : none;
	display: flex;
	flex-direction:column;
	 display: -ms-flexbox;
    -ms-flex-direction:column;
}
}

div.previewimages
{
	margin : 10px 0 10px;
	padding: 10px;
	border-top: thin solid;
}

img.productimage{
    width: 100%;
    border-radius:10px;

}
@media screen and (max-width:591px) {

  img.productimage{
    width: auto;
    max-width: 100%;
    border-radius:10px;

}
}

img.categoryimage.small{
	height: 188px;
	max-width: 100%;
	object-fit: contain;
}

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

  img.categoryimage.small{

}

}

img.productimage.small
{
}

img.productimage.preview
{
	max-width  : 100px;
	max-height : 100px;
	margin-top: 5px;
}

div.productboxwrap {
    border: 1px solid #515151;
    margin: 20px 18px 20px 5px ;
    padding: 10px 10px 10px 10px ;
    width: 178px;
    height: 356px;
    background-color: #eee;
    border-radius:10px;
    flex-basis: 18%;
}









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

   div.productboxwrap {
    border: 1px solid #515151;
    float: left;
    margin: 20px auto ;
    padding: 10px ;
    max-width: 100%;
    width: 100%;
    height: auto;
    background-color: #eee;
    border-radius:10px;
    text-align: center;
}
}




.categorybox {
    border: 1px solid #a3ca4c;
    float: left;
    margin: 20px 10px 20px 10px ;
    padding: 10px 10px 10px 10px ;
    width: 178px;
    height: 256px;
    background-color: #a3ca4c;
    border-radius:10px;
}

.categorybox.lineend{
    border: 1px solid #fff;
    float: left;
    height: 275px;
    margin: 9px 0px 30px 0;
    width: 203px;
}

div.categorybox div.imagebox {
	display: flex;
	justify-content: center;
	background-color: white;
	max-height: 188px;
	border-radius: 10px;
	max-width: 177px;
}

.categoryname{
	text-align: center;
	margin-top: 5px;
}
@media screen and (max-width:591px) {

  .categorybox {

    border: 1px solid #a3ca4c;
    float: none;
    margin: 30px auto;
    padding: 10px 10px 10px 10px;
    width: 70%;
    height: auto;
    background-color: #a3ca4c;
    border-radius: 10px;

}
}


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

  .categorybox {

    border: 1px solid #a3ca4c;
    float: none;
    margin: 30px auto;
    padding: 10px 10px 10px 10px;
    width: 70%;
    height: auto;
    background-color: #a3ca4c;
    border-radius: 10px;

    }
}

.filtername {
    float: left;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    color: #515151;
    }

.filterwrap {

background: #efeded none repeat scroll 0 0;
border: 1px solid #522452;
width: 240px;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
cursor: pointer;
}

.lengthmenu > ul {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #efeded none repeat scroll 0 0;
border-color: #522452 #522452;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
list-style: outside none none;
margin: 0px 0px 0px -1px;
padding: 0px 0px 0px 0px;
position: absolute;
width: 240px;

}

.filter-content > ul {
list-style: outside none none;
padding-left: 0;
}

.lengthmenu  ul{
display:none;
}

.lengthmenu :hover ul {
display:block;
z-index:500;
}

.lengthmenu:hover ul {
display:block;
z-index:500;
}


.lengthmenu a {
display: block;
padding-right: 34px;
text-align: left;
}

.lengthmenu li:hover {
background-color: #A9C7E2;
}

.lengthmenu a {
display: block;
padding: 10px 19px;
}

.filter-checkbox{
    display:none;
}

div.productboxwrap:hover{
    border: 1px solid #a3ca4c;
}


div.categorybox:hover {
border: 1px solid #515151;
}

.categorybox h4 a{
	display: table-cell;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    width: 203px;

}

.productname{
    height: 74px;
    text-align: center;
}

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

  .productname{
    height: 60px;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
}


.productname h2 a{
	display: table-cell;
    vertical-align: top;
    width: 203px;
	font-size: 15px;

}

.languages {
    float: right;
}

.categorybox h4 {
	margin:0px;
}

.categoryimage img{
	max-width: 50%;
	margin-right: 15px;
	float: left;
}

.categorydescription{
	font-size: 14px;
	margin: 20px 20px;
}

.categorydescription p{
	margin-top: 0px;
}


.categorydescription ul{
	margin: 10px 0 10px 20px;
}

.categorydescription li{
	list-style-type: disc;
}

.categorytop{
	
}

.categorygalleryimages{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px;
}

.categorygalleryimage{
    
}

.categorybottom{
	
}


.productboxwrap.lineend {

}

.productboxwrap.linestart {
    clear : none;
}

.categoryboxwrap.linestart {
    clear : none;
}






div.productbox div.imageboxwrap {
	display : table;
	width : 100%;
}

div.productbox div.imagebox {
	text-align : center;
	height : 203px;
	display : table-cell;
	vertical-align : middle;
}

div.productbox h2 {
	margin : 0 0 10px;

}

div.productbox .productpreis {
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 30px 0 0 0;

	}

.productpreis h3 {
	font-size: 13px;
	font-weight:bold;
	float:none;
	margin:0px;

}

.productpreis h3 b{
	font-size: 16px;
	color: #a3ca4c;
	}




div.productbox .productname a {
	color: #515151;
}

div.productbox .productname h3 {
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	min-height : 20px;
	}

div.productbox .productdetails {
	text-align: center;
	margin-top: 15px;
}

div.productbox span.reducedprice {
	color : #f00;
	padding-left : 10px;
}

div.productbox span.originalprice {
	text-decoration: line-through;
}

div.clear
{
	clear : both;
}

table.productdetails th
{
	text-align : left;
}

div#bestelluebersicht {
    width: 100%;
    margin : 0 auto;
}

    a{
        color           : #515151;
	   text-decoration : none;
    }

    #ordertextarea {
         width: 99%;
    }

    #ordertextarea textarea{
         max-width: 100%;
    }


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

   div#bestelluebersicht {
    width:98%;
    margin : 0 auto;
    }
 
}






.konto {
    background-color: #a3ca4c;
    border-color: #a3ca4c;
    color: #fff;
    float: left;
    height: 40px;
    margin-top: 15px;
    width: 170px;
}

.kontakt {
    background-color: #a3ca4c;
    border-color: #515151;
    color: #fff;
    float: left;
    height: 30px;
    margin-top: 15px;
    width: 160px;
	margin-left: 20px;
	padding: 10px 0 0 40px;
	font-size : 15px;
}






.productdetailswrap {
	display: flex;
	flex-direction: row;
	margin: 0 auto 0 auto;
	width: 100%;
	justify-content: center;
}

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

	  .productdetailswrap {
	display: flex;
	flex-direction: column;
	margin: 0 auto 0 auto;
	width: 98%;
	
	}

}


.submenu1 a{
  padding:5px 5px;
  border-collapse:collapse;
  color:#515151;
  font-weight:bold;
  text-decoration:none;
  background-color:#FFF;
  margin:0;
}

.submenu1 a{
  font-size:12px;
  width:110px;
  position:relative;
  clear:both; /* special IE6 */
  transition: background 0.4s ease 0s;
}

 .menutrenner {

    float: left;
    height: 25px;
    margin-right: 9px;
    width: 1px;
}


/*############################  LOGIN.TPL  ##################*/
.loginwrap{
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}


.loginleft {
    float: left;
    max-width: 50.90%;
	margin:0px 0px 0px 0px;
}

.loginleft p{
   font-weight: 400;
}


.loginleft  h2, .warenkorbwrap h2, .kategorieueberschrift h1, #bestelluebersicht h2, .editadress h2{
    color: #313131;
    font-size: 29px;
    height: 50px;
	margin: 0 0 30px;
}

.loginleft form {
    margin-top: 50px;
}

.fontinfotext{
   margin:  0 40px 0 0;
}



.loginright {
    float: right;
    width: 330px;
}

.loginboxwrap {
	margin-top: 14px;
}

.loginboxtop {
	background-color: #fff;
    border-left: 1px solid #c5cbce;
    border-right: 1px solid #c5cbce;
    border-top: 1px solid #c5cbce;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #515151;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    width: 67px;
    z-index: 11;

}

.loginboxbottom {
	border: 1px solid #c5cbce;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    height: auto;
    margin-top: 0px;
    position: relative;
    width: auto;
    z-index: 10;
}

.loginboxbottom > form {
    margin-top: 9px;
}

.feldname {
    font-size: 12px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 30px;
}

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

	.loginwrap{
	  max-width: 95%;
	  margin: 0 auto;
	  display: flex;
	  flex-direction: column;
	  height: 100%;
    }
	  .below-cat-intro {
	    margin: 0 auto 0 auto;
	    width: 100%;
	}

}

.loginboxwrap {

}

.loginleft{
    float: none;
    margin: 0 auto;
    max-width: 100%;
}

.loginright {
   float: none;
    margin: 0 auto;
    max-width: 100%;
    }

 .loginboxbottom {
  max-width: 95%;
 }
 
div.content h2{
	margin : 0 auto 30px auto ;
	width: 100%;
	font-size: 3em;
	height:auto;
}




/*############################  LOGIN.TPL  ##################*/

.productattachments .fa-file-pdf-o, .printdescription .fa-file-pdf-o{
    color: #fff;
}

.printdescription{
	margin-top: 20px;
	margin-bottom: 20px;
}

.printdescription button{
	background-color: #ff0000;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	width: auto;
	padding: 10px 40px;
	border-radius: 10px;	
}

.printdescription a{
	color: #fff;
}

.printdialog{
	margin-top: 20px;
}

.printdialog span{
    font-weight: 600;
}


.printerror {
	
	padding : 20px;
	color : #a00;
	background-color : #fee;
	margin : 10px 0 10px;
	display : none;
}

.printpdfinfo {

	padding : 20px;
	color : #00a;
	background-color : #eef;
	margin : 10px 0 10px;
}

.printpdfinfo img {
	
	display : block;
	width : 300px;
}

.printpreview {

	border:1px solid #333;
	border-radius: 5px;
	width:100%;
	background-color:#F1F1F1;
	margin: 20px auto;
	padding: 0px;
}

.printpreview img {

	display : block;
	width : 100%;
	max-width: 300px;
	margin: 20px auto ;
}
.printpreview p {
  margin: 10px 0 10px 16px ;
  font-size: 16px;
  font-weight: 600;
}


.productdetailslinks {
    float: left;
    margin: 0px 30px 0px 0px;
    width: 357px ;
    text-align: center;
}

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

  .productdetailslinks {
    float: left;
    margin: 0px 70px 0px 0px;
    width: 100%;
    text-align: center;
}
}

.productimagewrap {
    border-top: thin solid;
    width: 100%;
	border-radius: 0px;
	display : table;
	padding: 10px 0 10px 0;
}

.productimagewrap a {
	display : table-cell;
	text-align : center;
	vertical-align : middle;
}

.productimagewrap img.productimage {
    margin: 5px;
    max-height: 470px;
    max-width: 470px;

}

.varieantenwrap {
	margin-top: 34px;
}


.printuploadinput {

background-color:#ffffff;
background-image: none;
border: 0 solid #ccc;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) inset;
color:#899297;
display: block;
font-family: arial;
font-size: 11px;
width: 96%;
margin: 10px 0 10px 0px;
padding: 15px 0px 15px 15px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

}




.productdetailsrechts {
    float: right;
    max-width: 379px;
    width: 100%;
    line-height: 18px;
	margin:0 10px 60px 30px;
	font-size: 12px;
}

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

  .productdetailsrechts {
   	margin:0 0px 60px 0px;
   	max-width: 100%;
    }
    
}



.productdetailsdesription {
	color: #515151;
	font-size: 12px;
	margin-bottom:30px;
	clear: right;
}

.productdetails {
	color: #575757;
	font-size: 15px;
}

.productdetails th {
    font-weight: normal;
	color: #575757;
	padding-right: 12px;
	font-size: 16px;
}

.productdetailspreismarker {
    color: #515151;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}

.productdetailspreis {
    clear: right;
    color: #515151;
    float: none;
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0 10px 0;

}

.productdetailspreis span {
font-size: 12px;
margin-right:20px;

}


.productdetailname {
    font-size: 16px;
    margin : 0 0 30px 0px;
}

.productdetailspreis b{
margin-left: 10px;
}

.mengeeingabe {
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 12px;
    margin-left: 10px;
    padding: 2px 0;
    text-align: center;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 80px;
}

.groesseneingabe {
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 12px;
    margin-left: 10px;
    padding: 2px 0;
    text-align: center;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 80px;
}


.productdetailsgroesse {
	float:left;
}



.productdetailsinwarenkorb {

    margin-top: 25px;

}



.productname h2 {
	font-size: 12px;
	font-weight:bold;
}



.cart {
    border-spacing: 0;
	width: 100%;
}


.cart td {
    border-bottom: 1px solid #c5cbce;
    text-align: right;
	font-size: 12px;
}

.cart input {
    text-align: center;
}



.tabbottom {
	border-top: 1px solid #c5cbce;
}
.cart td:last-child {
	border-right: 0px;
	padding-right:10px;
	}



.cart th {
    background-color: #a3ca4c;
    border-bottom: 0px solid;
    color: #fff;
	font-size: 12px;
	text-align:right;
}

.cart th:first-child {
	text-align:center;
}

.cart th:last-child {
	padding-right:10px;}

.warenkorbwrap table {
    border-spacing: 0;
    text-align: center;
	border: 1px solid #c5cbce;

}

.bagartikelust span{
   display: none;
 }

 .bagartikeleinzelpreis span{
     display: none;
 }

 .bagartikelgesamtpreis span{
    display: none;
 }
 
 .cartmobile input{

 }
 
 .cartheader th{
     min-width: 100px;
 }

 #ordercart{
  max-width: 100%;
  border: 1px solid #c5cbce;
}



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

 .warenkorbwrap table {
   	border: none;

}

.cart tr {
   display: flex;
   flex-direction: column;
}

.cart tr:first-child {
	display: none;
}

 #ordercart{
  max-width: 100%;
}
 
.cartmobile {
  background-color: #c5cbce;
  margin: 10px 0;
}

.cartmobile input{

 }


.cartmobile td {
   text-align: center;
 }

 .bagartikelust{
     
 }
 
 .bagartikeleinzelpreis{
     
 }
 
 .bagartikelgesamtpreis{
     
 }
 
 .bagartikelust span{
       display: block;
 }

 .bagartikeleinzelpreis span{
       display: block;
 }

 .bagartikelgesamtpreis span{
       display: block;
 }
 
.total{
 background-color: #a3ca4c;
}

.cartform{
  display: flex;
   flex-direction: column;
}

.cartform table {
   	border: none;

}


.ordercart tr:first-child {
	display: none;
}

.ordercart tr {
   display: flex;
   flex-direction: column;
}
 .ordertotal{
     text-align: right;
      background-color: #a3ca4c;
 }
 
 .buttons{
     display: flex;
     flex-direction:row;
 }
.buttonlinkedit{
    margin: 10px auto;
    width: auto;

}
.buttonlinkdel{

    margin: 10px auto;
    width: auto;

}

 
}



form.order-confirm-logout {
	display : inline;
}

a.details {
	background-color: #a3ca4c;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    display : block;
    margin: 20px auto 0 auto;
    padding: 10px 10px 10px;
    width: 120px;
    text-align : center;
}


.kontakt a{
	color: #fff;
}

.cartkasse {
    float: right;
    margin-right: 0px;
    margin-top: 20px;
    width: auto;
    text-align: right;

}

.cartkasse a{

}



.clear {
	clear:left;
	}


#bestelluebersicht h3, .editadress h3 {
	color: #515151;
}

.rechungsadresse, .versandart{
    float: left;
    width: 50%;
}

.lieferadresse,.zahlungsartart {
    float: right;
    width: 45%;
	}

.rechungsadresse table tr, .lieferadresse table tr{
	font-size: 12px;
    line-height: 20px;
    text-align: left;
	}

.rechungsadresse th, .lieferadresse th {
    padding-right: 25px;
}

.buttonreihe {
    clear: left;
    height: 45px;
}



#bestelluebersicht textarea {
    width: auto;
}

.bagmenge {
    text-align: center !important;
}

.buttonrechts {
    float: right;
    height: 40px;
    margin-top: 30px;
    width: 45%;
}

.buttonlinks {
    float: left;
    height: 40px;
    margin-top: 30px;
    width: 50%;
}

.trenner{
	background-color: #eee;
    height: 1px;
    margin-bottom: 40px;
    margin-top: 40px;
    max-width: 92%;
}






.topmenulinks ul ul{
	display:none;
}

.topmenulinks li.topmenu1:hover ul ul{
  display:block;
  z-index:500;
}




.navigation ul {
	margin: 0;
    padding: 0;
    background-color : #eee;
}

.navigation ul li {
	display: block;

    line-height: -moz-block-height;
    list-style: outside none none;
    text-align: left;
    vertical-align: middle;
    text-transform: uppercase;
	}

	.navigation ul ul li {
   padding-left: 15px;
    text-transform: none;
}

.navigation li:last-child {
	border-bottom:none;
	}


.navigation a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 15px;
	color: #515151;
}

.navigation a:hover {
	background-color:#ddd;
	color:#515151;
}

.navigationstart a:hover {
	background-color:#ddd;
	color:#515151;
}

.navigationstart {
    margin-bottom: 11px;
}

.navigationstart li {
    list-style: outside none none;
}

.navigationstart a{
	border: 1px solid #c5cbce;
	color: #515151;
	display: block;
	padding-left: 15px;
	line-height: -moz-block-height;


}

.cart .bagimage {
    float: left;
	margin-right: 20px;
}


.cart .bagartikelname {
    font-size: 12px;
    font-weight: bold;
    margin-top: 3px;
	padding-bottom: 6px;
	text-align: left;
}

.cart .cartprint {
	
    font-size: 12px;
	text-align : left;
	padding-bottom : 6px;
}

.cart .cartprintimage {
	
	text-align : center;
}

.cart .cartprintimage img {
	
	width : 150px;
	border : 1px solid #888;
}

.bagartikelnummer {
    text-align: left;
}

.bagartikeldel {
    text-align: right;
}

.bagartikeldel span {
    vertical-align: middle;
	font-size: 11px;
}

.rmBut {
    color: red;
    font-size: 20px !important;
    font-weight: bold;
}


@media screen and (max-width:591px) {
.bagartikeldel > button{
  float: none;
}
 .bagartikeldel{
  text-align: center;
 }

 .bagartikelnummer {
    text-align: center;
    margin: 10px 0;
}

.cart .bagimage{
    float: none;
}

.cart .bagartikelname{
    text-align: center;
}
    
.buttonreihe{
    display: flex;
    flex-direction:column;
}

.buttonlinks{
    float: none;
    height: 40px;
    margin: 10px 0 20px 0;
    text-align: right;
    width: 100%;
}

.buttonrechts{
    float: none;
    height: 40px;
    margin: 10px 0 20px 0;
    text-align: right;
    width: 100%;
}
.rechungsadresse, .versandart{
    width: 100%;
}

.lieferadresse, .zahlungsartart{
        width: 100%;
}


#orderdeliveryeditbutton {
  float: none;
    height: 40px;
    margin: 10px 0 20px 0;
    text-align: right;
    width: 100%;
}

#orderpaymenteditbutton{
  float: none;
    height: 40px;
    margin: 10px 0 20px 0;
    text-align: right;
    width: 100%;
}


#ordercartedit{
  text-align: right;
margin: 20px 0 0 0;
}

    
}

.active {
    background-color: #eee;
    color: #515151;
}

.productdetailstable  {
    background-color: #eee;
    padding: 20px;
    border: thin solid #333;
    border-radius:5px;
}


.productdetailstable p {
    color: red;
    float: left;
    margin-top: 30px;
}

.kontomenu ul {
	padding:0px;
}

.kontomenu li {
	list-style: outside none none;
	width: 200px;
	margin-bottom: 15px;
}

.kontomenu a {
 background-color: #eee;
    border: thin solid #a3ca4c;
    border-radius: 5px;
    color: #000;
    float: left;
    padding: 5px 15px 5px 15px ;
	}

.kontomenu a:hover {
	background-color: #a3ca4c;
	color: #fff;
	}


.benutzerlinks {
    float: left;
    width: 300px;

     margin: 10px 50px 50px auto;
}

.benutzerrechts {
    float: right;
    width: 300px;

    margin: 10px 50px 50px auto;

}

.bestelldatenhistory th{
	font-size: 12px;
    font-weight: bold;
    padding-right: 16px;
    text-align: left;
    vertical-align: top;
}

.bestelldaten th, .bestelldatenartikel th  {
	font-size: 12px;
    font-weight: bold;
    padding-right: 16px;
    text-align: left;
    vertical-align: middle;
}

.bestelldaten td, .bestelldatenartikel td {
	font-size: 12px;
}

.bestelldatenartikel table {
	width:100%;
}

.bestelldatenartikel .orderprintimage img {

	width : 150px;
	border : 1px solid #888;
}

ul {
	padding: 0px;
}

li {
	list-style:none;
}

form.hidden {
	display : none;
}



.fullsite {
	font-size: 12px;
}

.fullsite  h2{
	font-size:14px;
	margin: 20 0 20px!important;
}




.vorteilwrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;

}


.bx-pager.bx-default-pager {
    display: none;
}









.groessenwrap {
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    height: 35px;
    margin-bottom: 7px;
    margin-right: 13px;
    width: 35px;
}

.groessentext {
    font-size: 11px;
    line-height: 11px;
    padding-top: 2px;
    text-align: center;
}

.groessentablewrap table {
	margin-top:10px;
}

.bestandsmenge {
	font-size: 14px;
	font-weight: bold;

	margin: 15px 0 15px 0px;
}

.productdetailsmenge {
	margin-bottom: 40px;
}

.editadress {
    width: 786px;
}


.productlistfoot {
    text-align: center;
}

div.productdetailsdesription ul
{
    margin:10px 0 10px 20px;
}

div.productdetailsdesription li
{
	list-style-type: disc;
}

span.variantprice
{
	float : right;
	text-align : right;
	width : 65px;
}

div.inactive
{
	width : 350px;
	margin : 20px auto 20px;
	font-size : 15px;
	background-color : #eee;
	border-radius : 5px;
	padding : 20px 20px 10px;
}

div.inactive p
{
	margin : 0 0 10px;
}



form.checkout-form {

	margin : 20px 0 20px;
}

form.checkout-form th {

	text-align : left;
	font-size : 13px;
}

form.checkout-form input {

	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.3);
	margin:5px;
	border-radius:5px;
}






div.order-confirm-back {

	margin : 20px 0 0;
}

div.back {

	margin : 30px 0 0;
}

body .lity-iframe .lity-container {
    max-width: 1200px;
}

.varieantenwrap{


}

.variant{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 3px;
}


.variant label{
max-width: 350px;
min-width: 350px;
}

.variantprice{
    font-weight: 600;
    width: 85px;
    padding-top: 2px;
    text-align: right;
}

.variant-textandprice{
    padding-top: 2px;
    text-align: left;
    width: 100%;
}



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

.varieantenwrap{
    
    
}

.variant{
  border: thin solid #000;
  margin: 5px 0 5px 0;
}

.variant input{

}

.variant label{
    max-width: 270px;
    min-width: 270px;
    margin: 5px 5px;
}




.variantprice{
    
}

}

/***********   Printviewcontrol  ************/
@media screen and (max-width:767px) {


.printviewbutton{
    display: none;
}



}


.logo-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
  }

  .logo-grid a {
    display: inline-block;
    flex: 0 1 150px; /* fixe Breite */
    text-align: center;
  }

  .logo-grid img {
    max-width: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .contactfield{
	margin-bottom: 10px;
}

.contactfield .contactlabels{
	display: inline-block;
	width: 200px;
}

.contactfield input, .contactfield select{
	width: 200px;
}