/*--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
html {-webkit-font-smoothing: antialiased;}


@font-face {
    font-family: 'Marker-Felt';
    src:url('/fonts/marker-felt/Marker-Felt.ttf.woff') format('woff'),
        url('/fonts/marker-felt/Marker-Felt.ttf.svg#Marker-Felt') format('svg'),
        url('/fonts/marker-felt/Marker-Felt.ttf.eot'),
        url('/fonts/marker-felt/Marker-Felt.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

body{

        font-family: 'Verdana', serif;
        letter-spacing:0.5px;
        background:url(/images/layout/bg.jpg) fixed repeat-y; background-color:#384B1D;

}


@media screen {
.bildschirm {display:block;}
}
@media print {
.bildschirm {display:none;}
}




#kopfbereich {border-top:1px solid #7D915E;}


.logo-container {margin:0px auto;max-width:1280px;margin-top:0px;}

.detailartikelbildcontainer {margin:0px;}
.detailbild {border:0px solid black;margin:0px auto;border-radius:3px;}
.details-desktop {margin-top:20px;}

.grossbild {float:left;margin-right:10px;}

.slider_header {max-width:1280px;background:white;margin:0px auto;margin-top:0px;height:330px;}
.slider-mobil {position:relative;}
.slider-rahmen {position:absolute; top:0px; left:0px;z-index:10;}
.slider-position {position:relative;}

.slider_header_mobil {display:none;}

.shop_header {
max-width:1280px;
margin:0px auto;
margin-top:0px;
height:80px;
border-top-right-radius:0px;
border-top-left-radius:0px;
}

.shop-header-top-left {float:left;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;border-right:1px solid #A6BB86;height:48px;}
.shop-header-top-left2 {float:left;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;border-right:1px solid #A6BB86;height:48px;margin-right:100px;}


.shop-header-top-right {float:right;border-left:1px solid #ffffff; height:48px;
background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center;color:#ffffff;text-decoration:none;font-size:18px;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;}

.shop-header-top-right2 {float:right;border-left:1px solid #ffffff;  text-align:center;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px; }

a.shop-header-link:link {color:#ffffff;text-decoration:none;font-size:24px;}
a.shop-header-link:hover {color:#ffffff;text-decoration:none;}
a.shop-header-link:active {color:#ffffff;text-decoration:none;}
a.shop-header-link:visited {color:#ffffff;text-decoration:none;}

a.shop-header-link-merkzettel {display:inline-block;margin-top:3px;}

span.warenkorb-icon {font-size:24px;}
.content {
margin-left:0px;margin-right:0px;
z-index:10;
}

span.header-template {font-weight:bold;color:#000000;text-decoration:none;font-family:'Marker-Felt';font-size:24px;}
.rs-content {border:1px solid #C8C2A6;background:#ffffff;}

.container {
background:#DDD8C3;border:0px solid red;
  padding-right: 0px;
  padding-left:0px;
  margin-right: auto;
  margin-left: auto;
  max-width:1280px;

}

.text {padding:5px;border:0px solid red;}

.text2 {padding:20px;border:0px solid red;}

.rand {padding:5px;}

.container-radius {
border-top-right-radius:0px;
border-top-left-radius:0px;
box-shadow: 2px 2px 5px #243212;
border:0px solid red;
  padding-top: 20px;
  padding-bottom:20px;
  padding-right: 50px;
  padding-left:50px;
}

.abstand_oben {}


.headerbereich {}
.headerbild {margin:0px auto;max-width:1300px;}

.header-nav {
background: linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);
background: -moz-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);
background: -webkit-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);
background: -ms-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);
background: -o-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#809462, endColorstr=#495D2C,GradientType=1);float:left;
border-radius:0px;border:0px solid;border-bottom-color:#243212;
}

h1.main {font-size:2.5em;color:#5B7631;}

h1.artikelbezeichnung {padding:0px;margin:0px;font-size:36px;font-family:'Marker-Felt';}
span.artikelnummer {font-size:18px;}
p.detail-text {color:#222F15;margin-bottom:15px;border:0px solid red;}

p.anfrage_text {font-weight:bold;margin-top:10px;}

h2.datensatz {margin-top:0px;margin-bottom:20px;color:#405B18;}
h2.datenueberschrift {color:#405B18;font-family:'Marker-Felt';font-size:36px;margin-bottom:10px;}

hr.datensatz {height:1px;background-color:#BFBFBF;display:none;}

.box {
background-color:#CCCCCC;
padding:20px;
-webkit-box-shadow: 3px 4px 12px -1px rgba(173,171,173,0.73);
-moz-box-shadow: 3px 4px 12px -1px rgba(173,171,173,0.73);
box-shadow: 3px 4px 12px -1px rgba(173,171,173,0.73);

}

a:link {color:#000000;text-decoration:underline;}
a:visited {color:#000000;text-decoration:underline;}
a:hover{color:#e2e2e2;text-decoration:none;}
a:active{color:#e2e2e2;text-decoration:none;}

a.white:link {color:#ffffff;text-decoration:none;}
a.white:visited {color:#ffffff;text-decoration:none;}
a.white:hover{color:#e2e2e2;text-decoration:underline;}
a.white:active{color:#e2e2e2;text-decoration:none;}

a.angebote:link {background:#6F864D;color:#ffffff;padding:10px;text-decoration:none;}
a.angebote:visited {background:#6F864D;color:#ffffff;padding:10px;text-decoration:none;}
a.angebote:hover {background:#4B6229;color:#ffffff;padding:10px;text-decoration:none;}
a.angebote:active {background:#6F864D;color:#ffffff;padding:10px;text-decoration:none;}

a.social-media {display:inline-block;margin-top:5px; color:black;}

.navigation{
        font-size:16px;
        background-color:#174B1C;
        border:3px solid;
        border-color:#E2E2E2;
        background-size:24px 24px;
        background-position:20px 18px;
        background-repeat:no-repeat;
        font-family:'Verdana', sans-serif;
        color:#FFFFFF;
        height:60px;
        line-height:55px;
        padding-left:25px;
        padding-top:15px;
        padding-bottom:15px;
        padding-right:25px;
        opacity:0.8;
        border-bottom:solid 0px #111112;
        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
        border-radius:3px;
}
a.navigation:link {color:#ffffff;text-decoration:none;}
a.navigation:visited {color:#ffffff;text-decoration:none;}
a.navigation:hover{color:#e2e2e2;text-decoration:none;}

img {max-width:100%;}
body a{
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -ms-transition: 0.5s all;
}

.center {text-align:center;}



 ul{;
        padding: 0;
        margin: 0;
        margin-left: 0px;
}
h1,h2,h3,h4,h5,h6,label,p{
        margin:0;
}
/*----*/

.about h1{
margin-top:20px;
padding-left:0px;
color: #5B7631;
text-align:left;
}

h2.kategorie {color:#ffffff;font-size:1.8em;font-family:'Marker-Felt';}
.about h2  {font-size:1.7em;color:#5B7631;margin-bottom:20px;}
.about h3  {font-size:1.6em;color:#5B7631;margin-bottom:20px;}
h2.green   {font-size:1.7em;color:#5B7631;}
.text {margin-bottom:0px;}

.slider{
        position:relative;
}

.slider li {color:#ff0000;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 34px;
  width: 34px;
  background:  url(/images/layout/img-sprite.png) no-repeat -41px -3px;
  }
.callbacks_nav.next {
  left: auto;
  background-position: -80px -3px;
  right: 0;
 }

 .callbacks_tabs li{
        display:none;
}






/*----*/
.banner{

        width:100%;
        min-height:370px;
        display:block;
        background-size:cover;

}

.header-slider {position:absolute; top:0px; left:0px;height:330px;}

.logo {float:left;border:0px solid red;}
.kategorieausgabe-header {float:right;border:0px solid white;margin:0px auto;border:0px solid red;text-align:right;width:100%;margin-top:5px;}
.kategorieausgabe-header-mobil {margin-top:0px; color:#ffffff; background-color:#213407; font-size:24px; font-family:'Marker-Felt'; text-align:center; display:none;padding-top:5px;padding-bottom:5px}

span.kategoriebez {color:#ffffff;font-size:56px;font-family:'Marker-Felt';padding:5px;margin-right:10%;border:0px solid red;}
span.header-kontakt {color:#ffffff;font-size:30px;font-family:'arial';font-weight:bold;padding-bottom:10px;margin-right:20px;letter-spacing: -0.5px;}
span.header-phone {font-size:24px;}
span.header-form {color:#ffffff;font-size:38px;font-family:'Marker-Felt';padding:0px;margin-right:20px;margin-top:20px;border:0px solid red;}
span.menu {margin-top:18px;}

.logo-image{ position: absolute; top: 0px; z-index: 50;}
.logo-image-mittel{ position: absolute; top: 0px; z-index: 50; display:none;}
.logo-200 { position: absolute; top: 0px; z-index: 50; display:none;}
.logo-150 {position: absolute; top: 0px; z-index: 50; display:none;}
.logo-80 { position: absolute; top: 0px; z-index: 50; display:none;}
.logo-image-klein{ position: absolute; top: 0px; z-index: 50; display:none;}


.shoplogo-image{ position: absolute; top: 0px; display:none;}
.shoplogo-image-mittel{ position: absolute; top: 0px;  display:none;}
.shoplogo-200  {position: absolute; top: 7px;  padding-left:20px;}
.shoplogo-150 { position: absolute; top: 0px; display:none;}
.shoplogo-80 { position: absolute; top: 0px;  display:none;}
.shoplogo-image-klein{ position: absolute; top: 0px;  display:none;}

.shoplogo-mobil {margin-left:5px;margin-top:10px;padding-bottom:10px;display:none;}
.shoplogo-mobil-small {margin-left:5px;margin-top:10px;padding-bottom:10px;display:none;}

.back {background:red;margin-right:0px;font-size:24px;color:white;}
.nav-home-menu {width:155px;text-align:right;overflow:hidden;position:relative;}
.position-logo {position:absolute;top:-95px;left:-35px;max-width:none;}

.ausgabe {border:0px solid green;}


.header{
        position:relative;
        z-index:50;
}
.header-top {
  border:0px solid red;
  top: 0;
  width: 100%;
  z-index:999;
}

.ebenen{
        position:relative;
        z-index:500;
}


.search_warenkorb{
        float:right;
        text-align:right;
        position:relative;

        color:#275C2C;


}

span.number {font-weight:bold;color:#8A8182;font-size:1.5em;}

.search input[type="text"] {
        outline: none;
        padding:8px 15px;
        background: none;
        width: 87%;
        border: none;
        font-size:0.8em;
        color:#4c4c4c;
}
.search input[type="submit"] {
       background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center; padding:10px; color:#ffffff;text-decoration:none;border-radius:2px; font-size:16px; width:300px;
}
.bottom-header{
background: linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);
background: -moz-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);
background: -webkit-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);
background: -ms-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);
background: -o-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#809462, endColorstr=#495D2C,GradientType=1)
}

.logo{
       float:left; z-index: 2000;
}




/*----*/
.top-grid-top{
        position:relative;
}
.top-grids{
        position:absolute;
          top: -48px;
        width:100%;
        z-index:999;
}
.top-grid h3{
        color:#5B7631;
        font-size:1.3em;
        padding:0.8em;
        background:#fff;
        text-transform:uppercase;
}
a.read{
        text-decoration:none;
        color:#fff;
        font-size:1.1em;
        padding:0.5em 1em;
        width:100%;
        display:block;
        font-family: 'Arimo', sans-serif;
        height: 40px;
        background:#5B7631 url("/images/layout/ar1.png") no-repeat 310px 0px;
}
a.read:hover{
        background:#303030 url("/images/layout/ar.png") no-repeat 310px 0px;
}
.middle-grid {
  margin: 20em 0 0;
    border-top:1px dashed #BBB8B8;
  padding: 3em 0em 0;
}
.grid-middle h3{
        color:#000;
        font-size:2em;
        padding: 0 0 1em;
}
.grid-middle p{
        color:#838383;
        font-size:1.1em;
        font-family: 'Arimo', sans-serif;
        line-height:1.7em;
}
.grid-middle span{
        color:#5B7631;
        font-size:1.1em;
        font-family: 'Arimo', sans-serif;
        line-height:1.5em;
        padding: 0 0 1em;
        display: block;
}
.grid-middle ul{
        padding: 0.5em 0 1em;
}
.grid-middle ul li{
        list-style:none;
        border-bottom: 1px dashed #BBB8B8;
}
.grid-middle ul li a{
        color:#838383;
        font-size:1.1em;
        font-family: 'Arimo', sans-serif;
        padding: 0.5em 0;
        display: block;
        text-decoration:none;
}
.grid-middle ul li a i{
        background:#5B7631;
        width:6px;
        height:6px;
        display:inline-block;
        vertical-align:middle;
        margin: 0 8px 0px;
}
.grid-middle ul li a:hover{
        color:#5B7631;
        padding: 0.5em 0 0.5em 0.3em;

}
.grid-middle ul li:nth-child(8){
        border-bottom:none;
}
/*
.news{
        float:left;
        width:21.5%;
}
.news-in{
        float:right;
        width: 75%;
        margin-left: 2%;
}
*/
.grid-middle b {
  color: #5B7631;
  font-size: 1.1em;
  font-family: 'Arimo', sans-serif;
  line-height: 1.5em;
  padding: 0 0 0.2em;
  display: block;
}
.latest-grid {
  padding: 1em 0;
}
.bottom-grid h3 {
  color: #000;
  font-size: 2em;
  padding: 0 0 1em;
}
.bottom-grids p{
        color:#000000;
        font-size:1.1em;
        font-family: 'Arimo', sans-serif;
        line-height:1.4em;
        padding:0 5 0;
}

.bottom-grids li{
        color:#424242;
        font-size:1.1em;
        font-family: 'Arimo', sans-serif;
        line-height:1.0em;
        padding:5px 0 0;

}

a.more{
        text-decoration: none;
  color: #fff;
  font-size: 1.1em;
  padding: 0.5em 0.8em;
  width: 45%;
  display: block;
  font-family: 'Arimo', sans-serif;
  height: 40px;
  background: #5B7631 url("/images/layout/ar1.png") no-repeat 117px 0px;
  margin: 0.8em 0 0;
}
a.more:hover{
        background:#303030 url("/images/layout/ar.png") no-repeat 117px 0px;
}
/*--about-top--*/
ul.place{
        padding: 0;
        margin: 6px 0;
        background: #5B7631;
        width: 100%;
}
ul.place li{
        display: inline-block;
        padding: 6px;
}
ul.place li {
        font-size: 1em;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        font-family: 'Arimo', sans-serif;
}
.possible-about p{
        color:#727272;
        font-size:1em;
        line-height:1.5em;
        font-family: 'Arimo', sans-serif;
}
.possible-about h4{
        font-size: 1.4em;
        color: #000;
        padding: 0 0 1em;
}
.bottom-grid {

}
/*--about--*/
.about {
        padding: 2.0em 0px; 0;
}


.about-bottom {
        padding: 2.5em 0 0;
}
.about-grid h6 {
        font-size: 1.2em;
        line-height: 1.7em;
        font-family: 'Arimo', sans-serif;
}
.about-grid h6 a{
        color:#5B7631;
        text-decoration:none;
}
.about-grid h6 a:hover{
        color:#303030;
}
.about-grid p {
        padding:0.5em 0 0;
        color: #838383;
        font-size: 1.1em;
        line-height: 1.7em;
        font-family: 'Arimo', sans-serif;
}
.about h1{
        font-size: 2.5em;
        color:#5B7631;
        text-align:left;

}
/*--portfolio--*/
.product h2{
        font-size: 3em;
        color: #000;
        text-align:center;
        padding:0 0 1em;
}
#filters {
        margin:0 0 2%;
        list-style: none;
}
#filters li {
        display:inline-block;
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: -o-inline-box;
        display: -ms-inline-box;
        padding: 0 1em;
        font-family: 'Arimo', sans-serif;
}
#filters li span {
        display: block;
        text-decoration: none;
        color: #303030;
        cursor: pointer;
        font-size: 1.1em;
        text-transform: uppercase;
        font-weight:600;

}
#filters li span:hover,#filters li.active  span{
        color:#5B7631;
}
#portfoliolist .portfolio {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        width: 31%;
        display: none;
        float: left;
        overflow: hidden;
        margin: 1%;
}
div#portfoliolist {
        padding: 0px 0px;
}
.portfolio-wrapper {
        overflow:hidden;
        position: relative !important;
        cursor:pointer;
        padding:  0;
}
.portfolio img {
        max-width:100%;
        transition: all 300ms!important;
        -webkit-transition: all 300ms!important;
        -moz-transition: all 300ms!important;
}
.portfolio .label {
        position: absolute;
        width: 100%;
        height:40px;
        bottom:-40px;
}
.portfolio .label-bg {
        background: #22B4B8;
        width: 100%;
        height:100%;
        position: absolute;
        top:0;
        left:0;
}
.portfolio .label-text {
        color:#fff;
        position: relative;
        z-index:500;
        padding:5px 8px;
}
.portfolio .text-category {
        display:block;
        font-size:9px;
        font-size: 12px;
        text-transform:uppercase;
}

.product {
        padding: 4em 0 ;
}
.zoom-icon {
        position:absolute;
        top:0px;
        right:0px;
        bottom:0px;
        left:0px;
        display:block !important;
        opacity:1 !important;
        visibility:visible !important;
        background:transparent !important;
        border-radius:0;
        cursor:pointer;
        overflow:hidden;
        -webkit-transition:0.55s;
        -moz-transition:0.55s;
        -o-transition:0.55s;
        transition:0.55s;
}
.zoom-icon:after {
        position:absolute;
        display:block;
        top:50%;
        left:50%;
        top:50%;
        bottom:50%;
        width:0;
        height:0;
        content:"";
        background:url(/images/layout/plus.png) 50% 50% no-repeat;
        border-radius:0;
        z-index:0;
        -webkit-transition:0.45s;
        -moz-transition:0.45s;
        -o-transition:0.45s;
        transition:0.45s;
}
.zoom-icon:before {
        position:absolute;
        left:-50%;
        top:48%;
        display:block;
        margin:0;
        height:0%;
        width:200%;
        background:url(/images/layout/dark.png);
        content:"";
        border-radius:0;
        overflow:hidden;
        -webkit-transform:rotate(-55deg);
        -moz-transform:rotate(-55deg);
        -ms-transform:rotate(-55deg);
        -o-transform:rotate(-55deg);
        transform:rotate(-55deg);
        -webkit-transition:0.65s;
        -moz-transition:0.65s;
        -o-transition:0.65s;
        transition:0.65s;
}
 .portfolio-wrapper  a:hover .zoom-icon {
        -webkit-transition:0.4s;
        -moz-transition:0.4s;
        -o-transition:0.4s;
        transition:0.4s;
}
.portfolio-wrapper  a:hover .zoom-icon:before {
        left:-60%;
        top:-35%;
        height:200%;
        width:200%;
        -webkit-transform:rotate(-55deg);
        -moz-transform:rotate(-55deg);
        -ms-transform:rotate(-55deg);
        -o-transform:rotate(-55deg);
        transform:rotate(-55deg);
        -webkit-transition:0.6s;
        -moz-transition:0.6s;
        -o-transition:0.6s;
        transition:0.6s;
}
 .portfolio-wrapper  a:hover .zoom-icon:after {
        width:44px;
        height:63px;
        margin:-31px 0 0 -22px;
        -webkit-transition:0.45;
        -moz-transition:0.45;
        -o-transition:0.45;
        transition:0.45;
}
.portfolio-wrapper  a:hover .zoom-icon {
        visibility:visible;
        border-radius:0;
        overflow:hidden;
}
/*--blog--*/
.blog{
        padding: 4em 0em;
}
.blog h2{
        font-size: 3em;
        color: #000;
        text-align:center;
}
.blog-left{
        float: left;
        border-right: 1px solid #B6B3B3;
        padding-right: 1.5em;
          width: 9%;
}
.top-blog {
        float: right;
        margin: 0 0 0 3%;
        width: 87%;
}
.blog-left b{
        font-size:3.5em;
        color:#5B7631;
        display:block;
        height:55px;
}
.blog-left span{
        font-size:1.7em;
        color:#5B7631;
}
ul.men-grid li{
        display:inline-block;
}
.top-blog p{
        font-size:1.1em;
        color:#838383;
        font-family: 'Arimo', sans-serif;
        line-height:1.7em;
}
.top-blog p a{
        text-decoration:none;
        color:#000;
}
.top-blog  a.fast{
        text-decoration:none;
        font-size:1.1em;
        text-transform:uppercase;
        color:#000;
}
 h5.fast-in {
        font-size: 1.1em;
        text-transform: uppercase;
        color: #565454;
}
.top-blog  a.fast:hover{
        color:#000;
}
.top-blog p a:hover{
        color:#839655;
}
.blog-top {
  padding: 2em 0 0;
}
a.more-in{
        width:21.9%;
}
/*----*/
.categories-grid h4{
        color: #5B7631;
        font-size: 1.5em;
        font-weight: 700;
        padding: 1em 0 0.5em;
}
ul.popular li {
         list-style: none;
        border-bottom: 1px dashed #BBB8B8;
}
ul.popular li a{
        color: #838383;
  font-size: 1.1em;
  font-family: 'Arimo', sans-serif;
  padding: 0.5em 0;
  display: block;
  text-decoration: none;
}
ul.popular li:nth-child(8) {
        border-bottom: none;
}
ul.popular-in li:nth-child(5) {
        border-bottom: none;
}
ul.popular li i {
        background: #5B7631;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px 0px;
}
ul.popular li a:hover{
          color: #5B7631;
  padding: 0.5em 0 0.5em 0.3em;
}
.blog-grid {
        padding: 2em 0 0;
}
ul.start{
        text-align:center;
        padding: 4em 0 2em;
}
ul.start li{
        display:inline-block;
}
ul.start li a{
        text-decoration:none;
        color:#fff;
        font-size:1.2em;
        background:#303030;
        padding:0.5em 1em;
}
ul.start li a:hover{
        background:#5B7631;
}
ul.start li span{
        background:#5B7631;
        color:#fff;
        font-size:1.2em;
        padding:0.5em 1em;
}
/*--single--*/
.single-profile h4 {
        color: #5B7631;
        font-size: 1.5em;
        font-weight: 700;
        text-transform: uppercase;
}
.single-left {
        padding: 2em 0 0;
}
.post-top {
        padding: 0 2em 0 0em;
}
.single-profile {
        padding: 3em 0;
}
.post-top h6 {
        font-size: 1.5em;
        color: #5B7631;
        padding:0.3em 0;
}
.post-top p{
        color: #A09F9F;
        font-size: 1em;
        line-height: 1.7em;
         font-family: 'Arimo', sans-serif;
}
/*----*/
.table-form form input[type="text"],.table-form textarea{
        padding:14px;
        display:block;
        width:98%;
        background:none;
        border: 1px solid #BBB8B8;
        border-radius:10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        outline:none;
        color:#838383;
        font-size:1em;
}
.table-form textarea{
        resize:none;
        height:150px;
}
.table-form input[type="submit"]{
        background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center; padding:10px; color:#ffffff;text-decoration:none;border-radius:2px; font-size:16px; width:300px;
}
.table-form input[type="submit"]:hover{
        background: #303030 url("/images/layout/ar.png") no-repeat 85px 0px;
}
.table-form span{
        font-size:1.1em;
        display: block;
        padding: 0.5em 0;
        color:#838383;
}
.table-form div{
        margin:0.5em 0;
}
.leave-comment h3{
        color: #5B7631;
        font-size: 1.5em;
        font-weight: 700;
        text-transform: uppercase;
}
/*--contact--*/
.contact h2{
        font-size: 3em;
  color: #000;
  text-align: center;
}
.contact-right  h5 {
        color:#5B7631;
        margin-bottom:0.5em;
        font-size:1.7em;
        margin-top: 0px;

}
.contact-left input[type="text"],.contact-left textarea{
        padding:14px;
        display:block;
        width:98%;
        background:none;
        border: 1px solid #BBB8B8;
        border-radius:10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        outline:none;
        color:#838383;
        font-size:1em;
}
.contact-left textarea{
        resize:none;
        height:150px;
}
.contact-left input[type="submit"]{
      background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center; padding:10px; color:#ffffff;text-decoration:none;border-radius:2px; font-size:16px; width:300px;
}
.contact-left input[type="submit"]:hover{
        background: #303030 url("/images/layout/ar.png") no-repeat 85px 0px;
}
.contact-right p{
        font-size:1.1em;
        color:#838383;
        line-height: 1.8em;
        font-family: 'Arimo', sans-serif;
}
.contact-right p a{
        text-decoration:underline;
        color:#838383;
        cursor:pointer;
}
.contact-right p a:hover{
        text-decoration:none;
}
.map iframe{
        border:none;
        width: 100%;
        height: 325px;
}
.map {
  margin: 0 0 -5px 0;
}
.contact-left span{
        font-size:1.1em;
        display: block;
        padding: 0.5em 0;
        color:#838383;
}
.contact {
        padding:4em 0;
}
.contact-right {
  padding-top: 1em;
}
/*--four--*/
.four {
        padding: 9em 0 10em 0;
    min-height: 478px;
}
.four h3 {
        color: #5B7631;
        font-size: 7em;
        text-align:center;
}
.four p {
  color: #838383;
  font-size: 1.6em;
  text-align:center;
  padding: 0.5em 0 1em;
}
a.go{
          margin: 0 auto;
  width: 13.8%;
}

/*playlist*/

td.playlist {padding-left:5px;padding-right:5px;}
.playlist-titel {height:20px;overflow:hidden;}

a.sound:link {font-size:18px;text-decoration:none;}
a.sound:hover {font-size:18px;text-decoration:none;}
a.sound:visited {font-size:18px;text-decoration:none;color:grey;}
a.sound:active {font-size:18px;text-decoration:none;}

a.sound-txt:link {font-size:14px;text-decoration:none;}
a.sound-txt:hover {font-size:14px;text-decoration:none;}
a.sound-txt:visited {font-size:14px;text-decoration:none;color:grey;}
a.sound-txt:active {font-size:14px;text-decoration:none;}


/*playlist*/



/*--footer--*/

a:link.font-footer {font-size:16px;}
a:link.font-footer {font-size:16px;color:#f6f6f6;}

.post-image {display:inline;}
.post-link {display:none;}
.top {text-align:center;margin-bottom:20px;}
.footer{
        background:#;

        padding:0em 0;
}

.zertifikat {border:0px solid red;width:125px;float:right;}
.right-box {text-align:right;}

.footer-container { border-top:2px solid #5A8118;
padding:0px;
background: linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -moz-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -webkit-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -ms-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -o-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D6C1E, endColorstr=#304312,GradientType=1);



}

.footer-top {border:0px solid red;margin:10px;padding:50px;color:#ffffff;  }

.kundenservice {

background: linear-gradient(left, #213407 0%, #2E480A 50%, #33510B 100%);
background: -moz-linear-gradient(left, #213407 0%, #2E480A 50%, #33510B 100%);
background: -webkit-linear-gradient(left, #213407 0%, #2E480A 50%, #33510B 100%);
background: -ms-linear-gradient(left, #213407 0%, #2E480A 50%, #33510B 100%);
background: -o-linear-gradient(left, #213407 0%, #2E480A 50%, #33510B 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#213407, endColorstr=#33510B,GradientType=1);
text-align:center;color:#ffffff;padding:0px;font-family:'Marker-Felt';}

p.service {font-weight:normal;font-size:36px;font-family:'Marker-Felt';color:#ffffff;}
.amet-sed h4{
        margin:0 0 0.7em;
        font-size:1.3em;
        color:#fff;

}
.amet-sed p{
        margin:0 0 0.5em;
        color:#fff;
        line-height: 1.5em;
        font-size:36px;

}

.liste-social {margin:0px;padding:0px;}

ul.social li{
        list-style:none;
        padding:0.5em 0;
        font-size:1em;
        color:#fff;
        font-family: 'Arimo', sans-serif;
}
ul.social li i{
        height: 18px;
        width: 21px;
        background: url("/images/layout/img-sprite.png") -125px -11px;
        display:inline-block;
        margin-right: 5px;
        vertical-align: middle;
}
ul.social li.phone i{
        background-position:-153px -11px;
}
ul.social li.mail i{
        background-position:-179px -11px;
}
ul.social li a {
        text-decoration:none;
        font-size:1em;
        color:#fff;
}
.amet-medium p{
         margin:0 0 0.5em;
        font-size:1.1em;
}
.amet-medium p a{
         color:#fff;
         text-decoration:none;
 }
.amet-medium p a:hover{
        color:#000;
}
ul.social-icons li{
        display:inline-block;
}
ul.social-icons li a span{
        height: 32px;
        width: 32px;
        background: url("/images/layout/img-sprite.png")-12px -52px;
        display: inline-block;
        margin:0 0.4em 0 0;
}
ul.social-icons li.twitter a span{
        background-position: -92px -52px;
}
ul.social-icons li.gmail a span{
        background-position: -177px -52px;
}
ul.social-icons li.print a span{
        background-position: -265px -52px;
}
ul.social-icons li a span:hover{
        background-position: -52px -52px;
}
ul.social-icons li.twitter a span:hover{
        background-position: -136px -52px;
}
ul.social-icons li.gmail a span:hover{
        background-position: -221px -52px;
}
ul.social-icons li.print a span:hover{
        background-position: -306px -52px;
}
ul.social li.mail a:hover{
        color:#000;
}
.footer-class{

        color:#fff;
        margin: 0px auto;
}
.footer-class a{
        text-decoration:none;
        color:#000;
}
.footer-class a:hover{
        color:#fff;
}


div.bildcontainer_2 {
  float:left;width:280px;max-height:338px;overflow:hidden;margin-right:10px;margin-bottom:10px; max-width:100%;  border:0px solid red;
}
div.bildcontainer_2_2 {
  float:left;width:280px;max-height:338px;overflow:hidden;margin-bottom:20px; max-width:100%;
}

div.bildcontainer_3 {float:left;width:335px; margin-right:20px;margin-left:20px;margin-bottom:10px;}
div.bildcontainer_3_3 {float:left;width:335px;margin-bottom:10px;}


div.bildcontainer_5 {
  float:left;margin-right:60px;margin-bottom:10px; max-width:100%;width:280px;height:375px;position:relative;overflow:hidden;border:0px solid red;
}
div.bildcontainer_5_5 {
  float:left;margin-bottom:20px; max-width:100%;width:280px;height:375px;position:relative;overflow:hidden;border:0px solid red;
   box-sizing:border-box;padding: 0px;text-align:right;}

.bild_3 {height:200px;overflow:hidden;border:0px solid red;}
.bild_4 {height:160px;overflow:hidden;border:0px solid green;}

.bild_float {float:right;}

.abstand {width:20px;float:left;border:0px solid black;}






.banner_desc {
        display: block;
        z-index: 2;
        text-shadow: none;
        margin: 0;
        max-width: none;
        position: absolute;
        top: 29%;
        left:14%;
        width: 36%;
}
.banner_desc h1{
        color:#fff;
        font: 300 60px/60px 'Lato', sans-serif;
}




.spalten_3 {
  column-count: 2;
  column-gap: 25px;

  /*
  column-rule-color: red;
  column-rule-width: 1px;
  column-rule-style: dotted;
  */


  -moz-column-count: 2;
  -moz-column-gap: 25px;

  /*
  -moz-column-rule-color: red;
  -moz-column-rule-width: 1px;
  -moz-column-rule-style: dotted;
  */


  -webkit-column-count: 2;
  -webkit-column-gap: 25px;

  /*
  -webkit-column-rule-color: red;
  -webkit-column-rule-width: 1px;
  -webkit-column-rule-style: dotted;
  */
}


.icon-wk-mobil {inline-block;float:left;margin-right:20px;}
.account_normal {display:block;}
.account_mobil {display:none;}

.bestellanzahl-desktop {}
.bestellanzahl-mobil {display:none;}


.versandkosteninfo-fuss {
 color:#ffffff;
 border:0px solid #DDD8C3;
 text-align:center;
 padding:10px;
  background-color:red;
  border-radius:3px;
 width:100%;
 font-size:18px;
}

.katuebersicht {text-align:center;}
p.kategorietext {font-size:36px;color:#ffffff;font-family:'Marker-Felt';height:48px;overflow:hidden;}



.kategoriebild {
border:1px solid #C7BFA0;
background:#ffffff;
height:310px; /*min-height:350px;*/
border-top-left-radius:0px;
border-top-right-radius:0px;
overflow:hidden;
}



.vk-link-aktiv {display:inline;}
.vk-link-nicht-aktiv {display:none;}

.mitteilung {width:350px;}

/*--responsive--*/
@media(max-width:1280px){
.banner_desc h1 {
        font: 300 45px/45px 'Lato', sans-serif;
}
}


@media(max-width:1280px){
}

@media(max-width:1060px){
 .logo-image{ display:none;}
 .logo-image-mittel{display:inline;margin-left:10px; }
 .abstand_oben {border:0px solid white;max-width:1300px;margin:0px auto;}

}



@media(max-width:1090px){
 .kategoriebild {height:280px;}
}


@media(max-width:1024px){

.about h1{
         padding-left:15px;
        font-size: 1.8em;
        color: #5B7631;
        text-align:left;
         font-family: 'Verdana', serif;

}
.about h2  {font-size:1.7em;color:#5B7631;}
.about h3  {font-size:1.6em;color:#5B7631;}

bottom-grids p {color:green;}




a.read {
  background: #5B7631 url("/images/layout/ar1.png") no-repeat 243px 0px;
}
a.read:hover {
  background: #303030 url("/images/layout/ar.png") no-repeat 243px 0px;
}
a.more {
  width: 55.5%;
}
.grid-middle p {
  font-size: 0.9em;
}
.latest-grid {
  padding: 0.4em 0;
}
.grid-middle p {
  font-size: 1em;
}

a.go {
  width: 16.8%;
}
a.more-in {
  width: 26.6%;
}
.table-form input[type="submit"],.contact-left input[type="submit"] {
  width: 18.6%;
}
.contact-right h5 {
  font-size: 1.3em
}

.banner_desc {
        top: 23%;
        left: 10%;
        width: 39%;
}
.banner_desc h1 {
        font: 300 43px/43px 'Lato', sans-serif;
}
}


@media (max-width: 992px) {

.header-top {position:fixed;}
div.content {margin-top:64px;}
.slider_header_mobil {display:block;}


.post-image {display:none;}
.post-link {display:inline;}

.shop_header {display:none;}
.shoplogo-mobil {display:inline;}
.header-nav {background:none;shadow:none;box-shadow: 0px 0px 0px #243212;border:0px solid red;}
.kategorieausgabe-header-mobil {display:block;}
.abstand_oben {min-height:65px;border:0px solid white;max-width:1300px;margin:0px auto;background:#426018;}

 .logo-image{ display:none;}
 .logo-image-mittel{display:none;}
 .logo-200 {display:none;}
 .logo-150 {display:none;}
 .logo-80 {display:inline;margin-left:10px;margin-top:10px;}
 .logo-image-klein{display:none;}
.shoplogo-200 {display:none;}

.slider_header {display:none;}

.warenkorb-desktop {display:none;}
.sb-search {display:none;}
.account_normal {display:none;}
.account_mobil {display:block;}


.kategoriebild {height:270px;}
p.kategorietext {font-size:30px;height:40px;}


.container {
background:#DDD8C3;
  padding-right: 10px;
  padding-left:10px;
  margin-right:auto;
  margin-left: auto;
  max-width:1280px;
  border:0px solid blue;
  margin-bottom:0px;
}

.container-radius {border-top-right-radius:0px;border-top-left-radius:0px;box-shadow: 2px 2px 5px #243212;border:0px solid red;margin:0px;padding:5px;}

div.bildcontainer_2 {float:none; margin-left:auto;margin-right:auto;}
div.bildcontainer_2_2 {float:none; margin-left:auto;margin-right:auto;}
bilder_center {text-align:center;}
.bild_float {float:none;}

.about h1{
      padding-left:15px;
        font-size: 1.8em;
        color: #5B7631;
        text-align:left;
         font-family: 'Verdana', serif;

}
.about h2  {font-size:1.7em;color:#5B7631;}
.about h3  {font-size:1.6em;color:#5B7631;}

.spalten_3 {
  column-count: 2;
  -moz-column-count: 2;
  -webkit-column-count: 2;
}



.footer-container {
padding:0px;
background: linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -moz-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -webkit-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -ms-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -o-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D6C1E, endColorstr=#304312,GradientType=1);
}

.footer-abstand {display:none;}
.footer-top {border:0px solid yellow;margin:10px;padding:50px;  }
.versandkosteninfo-fuss {display:none;}

.vk-link-aktiv {display:none;}
.vk-link-nicht-aktiv {display:inline;}

}



@media(max-width:900px){
 .kategoriebild {height:240px;}
}


@media(max-width:800px){
.banner_desc h1 {
        font: 300 32px/32px 'Lato', sans-serif;
}

.header-nav {background:none;shadow:none;box-shadow: 0px 0px 0px #243212;border:0px solid red;}

.abstand_oben {min-height:65px;border:0px solid white;max-width:1300px;margin:0px auto;background:#426018;}

 .logo-image{ display:none;}
 .logo-image-mittel{display:none;}
 .logo-200 {display:none;}
 .logo-150 {display:none;}
 .logo-80 {display:inline;margin-left:10px;margin-top:10px;}
 .logo-image-klein{display:none;}


 .kategoriebild {height:210px;}
}



@media(max-width:768px){


.header-nav {background:none;shadow:none;box-shadow: 0px 0px 0px #243212;border:0px solid red;}

.abstand_oben {min-height:65px;border:0px solid white;max-width:1300px;margin:0px auto;background:#426018;}

 .logo-image{ display:none;}
 .logo-image-mittel{display:none;}
 .logo-200 {display:none;}
 .logo-150 {display:none;}
 .logo-80 {display:inline;margin-left:10px;margin-top:10px;}
 .logo-image-klein{display:none;}




.about h1{
        padding-left:0px;
        font-size: 2.0em;
        color: #000000;
        text-align:left;
         font-family: 'Verdana', serif;

}
.about h2  {font-size:1.7em;color:#5B7631;}
.about h3  {font-size:1.6em;color:#5B7631;}


.search {
  display:none;
}
.top-grid {
  float: left;
  width: 50%;
}
.top-grid:nth-child(3) {
        display:none;
}
a.read {
  background: #5B7631 url("/images/layout/ar1.png") no-repeat 291px 0px;
}
a.read:hover {
  background: #303030 url("/images/layout/ar.png") no-repeat 291px 0px;
}
a.more {
  width: 22.7%;
}
.grid-middle h3 {
  padding: 0 0 0.5em;
}
.grid-middle ul {
  padding: 0.5em 0 0em;
}
.news {
  width: 11%;
}
.news-in {
  width: 87%;
}
.grid-middle {
  padding: 0em 1em 2em;
}
.bottom-grids img{
        margin:0 auto;
}
.bottom-grids {
        text-align:left;
        padding: 0 0em 0em;
}
.amet-sed h4 {
  margin: 0 0 0.3em;
}
.amet-sed {
  padding: 0 1em 1em;
}

.top-grids {
  z-index: 99;
}
.about-grid {
  padding-bottom: 2em;
}
a.go {
  width: 21.7%;
}
a.more-in {
  width: 26.2%;
}
.blog-left b {
  font-size: 3em;
}
.blog-left {
  width: 12%;
}
.top-blog {
  width: 85%;
}
.post-top {
  padding: 0 1em 0 0em;
  float: left;
  width: 25%;
}
.table-form input[type="submit"],.contact-left input[type="submit"]  {
  width: 18.1%;
}

.footer-container {
padding:0px;
background: linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -moz-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -webkit-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -ms-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -o-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D6C1E, endColorstr=#304312,GradientType=1);
}

.katuebersicht {width:50%;float:left;}

.kategoriebild {height:320px;}
}


@media(max-width:720px){
.kategoriebild {height:290px;}
}


@media(max-width:640px){
.right-box {padding-top:70px; text-align:right;}
.header-nav {background:none;shadow:none;box-shadow: 0px 0px 0px #243212;border:0px solid red;}

.abstand_oben {min-height:65px;border:0px solid white;max-width:1300px;margin:0px auto;background:#426018;}

 .logo-image{ display:none;}
 .logo-image-mittel{display:none;}
 .logo-200 {display:none;}
 .logo-150 {display:none;}
 .logo-80 {display:inline;margin-left:10px;margin-top:10px;}
 .logo-image-klein{display:none;}

.container {
background:#DDD8C3;
  padding-right: 0px;
  padding-left:0px;
  margin-right:auto;
  margin-left: auto;
  max-width:1280px;
  border:0px solid blue;
}

img.img4 {border-left:2px solid;border-right:2px solid;border-color:#ffffff;}
.bild_3 {height:160px;overflow:hidden;border:0px solid yellow;}
.bild_4 {height:100px;overflow:hidden;border:0px solid ;}

div.bildcontainer_3 {float:none; margin-left:auto; margin-right:auto;}
div.bildcontainer_3_3 {float:none; margin-left:auto; margin-right:auto;}

.logo h1 {

}
.callbacks_nav {
  top: 58%;
}
.top-grid h3 {
  font-size: 1.2em;
  padding: 0.5em;
}
a.read {
  background: #5B7631 url("/images/layout/ar1.png") no-repeat 225px 0px;
}
a.read:hover {
  background: #303030 url("/images/layout/ar.png") no-repeat 225px 0px;
}
.middle-grid {
  margin: 16em 0 0;
}
a.more {
  width: 28%;
}
.bottom-grid {
  padding: 0em 0 3em;
}
.amet-sed h4 {
  font-size: 2em;
}
.footer {
  padding: 2em 0;
}

.about-bottom {
  padding: 2.5em 0 2em;
}
a.go {
  width: 26.8%;
}
#filters li span {
  font-size: 1em;
}
a.more-in {
  width: 32.4%;
}
.table-form input[type="submit"],.contact-left input[type="submit"] {
  width: 22.4%;
}
.single-profile {
  padding: 1.5em 0;
}

.banner_desc {
        top: 20%;
}
.banner_desc h1 {
        font: 300 25px/25px 'Lato', sans-serif;
}

.footer-container {
padding:0px;
background: linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -moz-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -webkit-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -ms-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -o-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D6C1E, endColorstr=#304312,GradientType=1);
}


.footer-top {border:0px solid pink;margin:20px;padding:0px;  }
p.service {font-weight:normal;font-size:22px;font-family:'Marker-Felt';color:#ffffff;}

.kategoriebild {height:250px;}
}


@media(max-width:560px){
 .kategoriebild {height:220px;}
}



@media(max-width:480px){
.abstand_oben {min-height:65px;border:0px solid white;max-width:1300px;margin:0px auto;background:#426018;}

 .logo-image{ display:none;}
 .logo-image-mittel{display:none;}
 .logo-200 {display:none;}
 .logo-150 {display:none;}
 .logo-80 {display:inline;margin-left:10px;margin-top:10px;}
 .logo-image-klein{display:none;}


div.datensatz_slider {display:none;}
.bild_3 {height:100px;overflow:hidden;border:0px solid orange;}
.bild_4 {height:100px;overflow:hidden;border:0px solid orange;}


.search {
  display: none;
}

h2.kategorie {color:#ffffff;font-size:20px;}
.logo h1 {
  font-size: 1.4em;
}

.header-top {
  margin-top: 0em;
}
.top-grid h3 {
  font-size: 1em;
}
.middle-grid {
        margin: 12em 0 0;
    padding: 2em 0em 0;
}
a.read {
  background: #5B7631 url("/images/layout/ar1.png") no-repeat 145px 0px;
}
a.read:hover {
  background: #303030 url("/images/layout/ar.png") no-repeat 145px 0px;
}
a.more {
  width: 39%;
}
.banner {
  min-height: 125px;
}
.about {
  padding: 2em 0 0;
}
.about h2,.product h2,.blog h2 ,.contact h2{
  font-size: 1.7em;color:#5B7631; }
.about-bottom {
  padding: 1.5em 0 2em;
}
a.go {
  width: 36%;
}
.four p {
  font-size: 1.2em;
}
#portfoliolist .portfolio {
  width: 48%;
}
.port{
  display:none;
}
#filters li {
  padding: 0 0.5em;
}
#filters li span {
  font-size: 0.8em;
}
.product h2 {
  padding: 0 0 0.5em;
}
.product,.blog,.contact {
  padding: 2em 0;
}
.blog-left b {
  font-size: 2em;
    height: 36px;
}
.blog-left span {
  font-size: 1.2em;
}
.top-blog a.fast {
  font-size: 1em;
}
a.more-in {
  width: 46%;
}
ul.start li a,ul.start li span {
  font-size: 1em;
}
.post-top {
  width: 50%;
}
.table-form input[type="submit"],.contact-left input[type="submit"] {
  width: 31.4%;
}

.banner_desc {
        left: 13%;
}
.banner_desc h1 {
        font: 300 18px/18px 'Lato', sans-serif;
}

.spalten_3 {
  column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
}


.footer-container {
padding:0px;
background: linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -moz-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -webkit-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -ms-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -o-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D6C1E, endColorstr=#304312,GradientType=1);
}

.bestellanzahl-desktop {display:none;}
.bestellanzahl-mobil {display:block;}

 /* .katuebersicht {width:100%;float:none;} */
.kategoriebild {height:200px;}
p.kategorietext {font-size:18px;height:30px;}

}


@media(max-width:440px){
 .text2 {padding:20px;border:0px solid red;}
/*.abstand_oben {min-height:50px;border:0px solid white;max-width:1300px;margin:0px auto;background:#426018;}*/
 .logo-image{ display:none;}
 .logo-image-mittel{display:none;}
 .logo-200 {display:none;}
 .logo-150 {display:none;}
 /*
 .logo-80 {display:none;}
 .logo-image-klein{display:inline;margin-left:10px;margin-top:10px;}
 */

 .shoplogo-image{display:none;}
 .shoplogo-image-mittel{ display:none;}
 .shoplogo-200 {display:none;}
 .shoplogo-150 {display:inline;}
 .shoplogo-80 {display:none;}
 .shoplogo-image-klein{display:none;}

 .kategoriebild {height:180px;}
}

@media(max-width:400px){
  p.kategorietext {font-size:15px;height:25px;}
  .kategoriebild {height:160px;}
}

@media(max-width:380px){

/*.abstand_oben {min-height:50px;border:0px solid white;max-width:1300px;margin:0px auto;background:#426018;}*/

 .logo-image{ display:none;}
 .logo-image-mittel{display:none;}
 .logo-200 {display:none;}
 .logo-150 {display:none;}
 /*
 .logo-80 {display:none;margin-left:10px;}
 .logo-image-klein{display:inline;margin-left:10px;margin-top:10px;}
 */
h2.datenueberschrift {font-size:22px;}
span.kat-header {font-size:18px;}
.footer-top {border:0px solid blue;margin:10px;padding:0px;  }
 .footer-container {
padding:0px;
background: linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -moz-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -webkit-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -ms-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
background: -o-linear-gradient(top, #4D6C1E 0%, #445F1A 50%, #304312 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D6C1E, endColorstr=#304312,GradientType=1);
}
 .mitteilung {width:100%;}

 .kategoriebild {height:150px;}
}


@media(max-width:350px){
  p.kategorietext {font-size:13px;height:20px;}
}


@media(max-width:340px){
 .kategoriebild {height:140px;}
}


@media(max-width:320px){

p.left-text {font-size:11px;}

/*.abstand_oben {min-height:50px;border:0px solid white;max-width:1300px;margin:0px auto;background:#426018;}*/

 .logo-image{ display:none;}
 .logo-image-mittel{display:none;}
 .logo-200 {display:none;}
 .logo-150 {display:none;}
 .logo-80 {display:none;margin-left:10px;}
 .logo-image-klein{display:inline;margin-left:10px;margin-top:10px;}

 .shoplogo-image{display:none;}
 .shoplogo-image-mittel{display:none;}
 .shoplogo-200 {display:none;}
 .shoplogo-150 {display:none;}
 /*
 .shoplogo-80 {display:inline;}
 .shoplogo-image-klein{display:none;}
 */
 .shoplogo-mobil {display:none;}
 .shoplogo-mobil-small {display:inline;}



.bild_3 {height:80px;overflow:hidden;border:0px solid orange;}
.bild_4 {height:80px;overflow:hidden;border:0px solid orange;}

.logo h1 {
  font-size: 1.1em;
}
.top-grid {
  width: 90%;
}
.top-grid:nth-child(2) {
  display:none;
}
.top-grids {
  top: -13px;
    left: 4%;
}

a.read {
  background: #5B7631 url("/images/layout/ar1.png") no-repeat 181px 0px;
  background-size: 30px;
  font-size: 1em;
  padding: 0.3em 1em;
  height:30px;
}
a.read:hover {
  background: #5B7631 url("/images/layout/ar1.png") no-repeat 181px 0px;
}
.header-top {
  margin-top: 0em;
}
.middle-grid {
  margin: 13em 0 0;
  padding: 1.5em 0em 0;
}
.grid-middle h3 {
  font-size: 1.5em;
}
.grid-middle {
  padding: 0em 0em 1em;
}
a.more {
  background: #5B7631 url("/images/layout/ar1.png") no-repeat 94px 0px;
  background-size: 30px;
  font-size: 1em;
  padding: 0.3em 1em;
  height:30px;
    width: 46%;
}
a.more:hover {
  background: #303030 url("/images/layout/ar.png") no-repeat 94px 0px;
         background-size: 30px;
  }
p.sed{
        display:none;
}
.grid-middle span {
  font-size: 1em;
    padding: 0 0 0.5em;
}
.grid-middle ul li a {
  font-size: 1em;
}
.news {
  width: 27%;
}
.news-in {
  width: 69%;
}
.grid-middle label {
  font-size: 1em;
}
.bottom-grid h3 {
  font-size: 1.5em;
  padding: 0 0em 0.5em;
}
.bottom-grids {
  padding: 0 0em 0.7em;
}
.bottom-grids p {
  font-size: 1em;
}
.possible-about {
  padding: 0;
}
.possible-about h4 {
  font-size: 1.2em;
  padding: 0 0 0.5em;
}
.bottom-grid {
  padding: 0em 0 1.5em;
}
.amet-sed {
  padding: 0 0em 0em;
}
.footer {
  padding: 1.5em 0;
}
.amet-sed h4 {
  font-size: 1.5em;
}
.amet-sed p ,.amet-medium p{
  font-size: 1em;
}
.about-grid{
        padding:0 0 1em;
}
.col-md-5,.contact-left,.col-md-9,.col-md-3.categories-grid{
        padding:0;
}
.about-grid h6 {
  font-size: 1.1em;
}
.about-grid p {
  height: 50px;
 font-size:1em;
}
.about-bottom {
  padding: 0.8em 0 1em;
}
.banner {
  min-height: 87px;
}
.four h3 {
  font-size: 5em;
}
.four p {
  font-size: 1em;
}
.four {
  padding: 6em 0 7em 0;
  min-height: 350px;
}
.product, .blog, .contact {
  padding: 1.5em 0;
}
.about h2, .product h2, .blog h2, .contact h2 {
  font-size: 1.7em; color:#5B7631;
}
.contact-left input[type="text"], .contact-left textarea,
.table-form form input[type="text"], .table-form textarea {
  padding: 7px;
}
.contact-left textarea ,.table-form textarea{
  height: 100px;
}
.contact-right{
        padding:1em 0 0;
}
.contact-left input[type="submit"],.table-form input[type="submit"] {
  padding: 0.2em 0.8em;
  width: 42.8%;
  height: 30px;
  background-size: 30px;
}
.contact-left input[type="submit"]:hover,.table-form input[type="submit"]:hover {
  background-size: 30px;
}
.contact-right h5 {
  font-size: 1em;
}
.contact-right p {
  font-size: 1em;
}
.map iframe {
  height: 110px;
}
.blog-grid {
  padding: 1em 0 0;
}
.blog-left {
  width: 17%;
}
.top-blog {
  width: 77%;
}
.top-blog a.fast {
  font-size: 0.7em;
  line-height: 1.5em;
}
.top-blog p {
  font-size: 1em;
}
p.to-blog {
  display: none;
}
a.more-in {
  width: 60%;
}
ul.popular li a {
  font-size: 1em;
}
.categories-grid h4,.single-profile h4 ,.leave-comment h3{
  font-size: 1.3em;
}
ul.start li a, ul.start li span {
  font-size: 0.7em;
}
ul.start {
  padding: 1em 0 1em;
}
.single-left {
  padding: 1em 0 0;
}
.post-top h6{
        font-size:1.2em;
}
.footer-class {
  margin: 0.5em 0 0;
}

.banner_desc {
        top: 30%;
}
.banner_desc h1 {
        font: 300 14px/15px 'Lato', sans-serif;
}


}


/*annaberger-internet*/
span.seitenzahl {font-size:1.0em;}

a.seitenzahl {
text-decoration : none;
background-color:#888181;
color : #fff;
padding:15px;

}
a.seitenzahl:hover {
text-decoration : none;
background-color:#9f9f9f;
color : #ffffff;


}

a.nav {
text-decoration : none;
color : #fff;


}
a.nav:hover {
color : #000;


}

a.news_lesen {
text-decoration : underline;
font-style:italic;
color : #5B7631;

}
a.news_lesen:hover {
color : #bfbfbf;


}


a.news {
text-decoration : underline;
font-style:italic;
color : #5B7631;

}
a.news:hover {
color : #5B7631;


}

a.news2 {
text-decoration : underline;
font-style:italic;
color : #5B7631;

}
a.news2:hover {
color : #bfbfbf;


}

li {padding:1.em;}

input.textbox{
        display: block;
        width:95%;
        padding: 10px;
        border: 1px solid #f2f2f2;
        outline: none;
        margin: 1.5em 0;
        font-size: 1em;
        color: #000;
        border-radius:3px;
        background-color:#ffffff;
}

textarea.textbox{
        display: block;
        width:95%;
        padding: 10px;
        border: 1px solid #f2f2f2;
        outline: none;
        margin: 1.5em 0;

        color: #000;
        border-radius:3px;
        background-color:#ffffff;
}

input.submit {width:100%; margin-bottom:5px; margin-top:5px;background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%); background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);text-align:center; padding:10px; color:#ffffff;text-decoration:none;border-radius:2px; font-size:16px; }

input.submit:hover {background: linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -moz-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -webkit-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -ms-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -o-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0F0F, endColorstr=#FF4A4A,GradientType=1);
text-align:center; padding:10px; color:#ffffff;text-decoration:none;border-radius:2px;}

div.umenu {margin-bottom:10px;font-weight:bold;padding-left:10px;padding-top:5px;padding-bottom:5px;}



div.menu {margin-bottom:10px;font-weight:bold;background:#888181;padding:10px;border-bottom:4px solid;border-color:#5B7631;}
div.menuon {margin-bottom:10px;font-weight:bold;background:#5B7631;padding:10px;}

input.submit_angebote {background:#5B7631;color:#ffffff;padding:10px;border:1px solid; border-color:#5B7631;}
div.aktuelles_abstand {}



span.newsueberschrift {}


table.newstable {}

.newscontainer1 {margin-bottom:20px;border-bottom:1px solid; border-color:#cdcdcd;padding-bottom:20px;}
.newscontainer3 {margin-bottom:20px;margin-top:20px;border:1px solid; border-color:#cdcdcd;padding:20px;text-align:center;}
.newscontainer2 {margin-bottom:20px;border-bottom:1px solid; border-color:#cdcdcd;padding-bottom:20px;margin-top:20px;}







/*Gewinnspiel*/
table.gewinnspiel {}
div.gewinnspiel_abstand {padding-top:10px;padding-bottom:10px;}
.gewinnspielfrage {background-color:#E9E9E9;padding:20px;border:0px solid red;margin-top:30px;margin-bottom:30px;margin:0px auto;max-width:600px;border-radius:5px; border:1px solid:#c8c8c8;}
.gewinnspielfragecontainer {margin-top:20px;margin-bottom:20px;}
p.antwort {font-weight:bold;}

.gewinnspielfrage  {}


/*Ende gewinnspiel*/


/*Warenkorbanzeige*/
.warenkorb {
background: linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -moz-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -webkit-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -ms-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -o-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#809462, endColorstr=#495D2C,GradientType=1);float:left;     border-radius:3px;border:1px solid;border-bottom-color:#243212;box-shadow: 2px 2px 5px #243212;
float:right;
color: #fff;
text-decoration: none;
font-size: 1.3em;
padding:12px;   border:0px solid;border-color:#5B7436;

}

.merkzettel{
background: linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -moz-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -webkit-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -ms-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -o-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#809462, endColorstr=#495D2C,GradientType=1);float:left;     border-radius:3px;border:1px solid;border-bottom-color:#243212;box-shadow: 2px 2px 5px #243212;
float:right;
color: #fff;
text-decoration: none;
font-size: 1.3em;
padding:12px;   border:0px solid;border-color:#5B7436;
margin-bottom:10px;
margin-top:10px;margin-right:5px;
}



.merkzettel_leer {
  display:inline-block;
  width:36px;
  height:30px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  padding-top: 5px;
  background-image: url(/shop/web1829-e/layouts/images/herz-gruen.png);
}
.merkzettel_gefuellt {
  display:inline-block;
  width:36px;
  height:30px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  padding-top: 5px;
  background-image: url(/shop/web1829-e/layouts/images/herz-rot.png);
}


/*Ende Warenkorbanzeige*/

/*haamitland footer*/



.footer-links {padding-top:0px;padding-bottom:0px;margin:0px auto;text-align:center;}
.border-top {border-top:0px solid; border-color:#B9BB93;padding-top:20px;}

/*haamitland footer*/

/*Klassen Kategorien und Artikeluebersicht Shop*/

.katuebersicht_text {
background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center; padding:10px;
}

p.child:first-child {  width: 100%;}




.kategorie_2 {

width:100%;
color:white;
background-color:red;
text-align:center;
border:3px solid #598020;
border-radius:0px;
margin-bottom:10px;
text-decoration:none;  padding:20px;
background: linear-gradient(top, #577925 0%, #4E6E1D 50%, #49671C 100%);
background: -moz-linear-gradient(top, #577925 0%, #4E6E1D 50%, #49671C 100%);
background: -webkit-linear-gradient(top, #577925 0%, #4E6E1D 50%, #49671C 100%);
background: -ms-linear-gradient(top, #577925 0%, #4E6E1D 50%, #49671C 100%);
background: -o-linear-gradient(top, #577925 0%, #4E6E1D 50%, #49671C 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#577925, endColorstr=#49671C,GradientType=1);

}


.artikelgaleriebild {
border:1px solid #C7BFA0;
background:#ffffff;
min-height:350px;
border-top-left-radius:20px;
border-top-right-radius:20px;
box-shadow: 1px 1px 3px #D0CBB4;
}

.grid_kategorie {
border:1px solid #C7BFA0;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
box-shadow: 1px 1px 3px #D0CBB4;
padding-top:10px;
padding-bottom:10px;
background: linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -moz-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -webkit-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -ms-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -o-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#809462, endColorstr=#495D2C,GradientType=1);
color:#ffffff;
}

.grid_artikel {
border:1px solid #C7BFA0;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
box-shadow: 1px 1px 3px #D0CBB4;
padding-top:10px;
padding-bottom:10px;
background: linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -moz-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -webkit-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -ms-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);background: -o-linear-gradient(top, #809462 0%, #5D7737 50%, #495D2C 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#809462, endColorstr=#495D2C,GradientType=1);
color:#ffffff;
}

a.katuebersicht_link:link {text-decoration:none;}
a.katuebersicht_link:visited{text-decoration:none;}
a.katuebersicht_link:active{text-decoration:none;}
a.katuebersicht_link:hover {text-decoration:none;color:#B3B56D;}

ul.grid_2-bottom{
        padding:0;
        margin:0;
        list-style:none;
}

li.grid_2-left{width:100px;}

ul.grid_2-bottom li.grid_2-left{
        float: left;
        border-right: 1px solid #ECECEC;
        padding-right: 1%; /* 11% */
}
ul.grid_2-bottom li.grid_2-left p{
        border-bottom: 0;
        font: 800 20px/20px 'Lato', sans-serif;
        color: #ffffff;
        margin: 3px 0 0 0;
        padding-bottom: 0;
}
ul.grid_2-bottom li.grid_2-right{
        float:right;
}
ul.grid_2-bottom li.grid_2-left p small {
        font:700 15px/15px 'Lato', sans-serif;
        vertical-align: text-top;
}
a.artikel_kaufen:link {background-color:#ff0000;text-decoration:none;border-radius:2px;padding:5px;color:white;}
a.artikel_kaufen:visited {background-color:#ff0000;text-decoration:none;border-radius:2px;padding:5px;color:white;}
a.artikel_kaufen:active {background-color:#ff0000;text-decoration:none;border-radius:2px;padding:5px;color:white;}
a.artikel_kaufen:hover {background-color:#ffffff;text-decoration:none;border-radius:2px;padding:5px;color:red;}
.artikel_merken {float:left;width:26px; height:24px;margin-right:20px;margin-top:0px; cursor:pointer;}

span.normalpreis {
        margin-right: 1%;
        color:#ffffff;
        font:400 18px/18px 'Lato', sans-serif;
}
span.reducedfrom {
        text-decoration: line-through;

        margin-right: 1%;
        color:#ffffff;
        font:500 14px/14px 'Lato', sans-serif;
}
span.actual {
        color:#ffffff;
        font:40 18px/18px 'Lato', sans-serif;
        margin-right: 1%;
}


/* Ende Klassen Kategorien und Artikeluebersicht Shop*/

/*Formular Onlineshop*/

p.comment-form-author {
         font-size:1.2em;   font-weight:normal
}

.address{
        margin-bottom:1.5em;
}
.contact_right h3{
        font: 200 20px/25px Lato, sans-serif;
        color: #53692F;

        margin-bottom: 1.5em;
}


.contact-form label {
        display: block;
        font-size: 0.8125em;
        color: #000;

}
.contact-form input[type="text"] {
        padding: 10px;
        width: 95%;
        color: #9198A3;
        font: 300 16px/25px Lato, sans-serif;
        background: #fff;
        outline: none;
        display: block;
        border: 1px solid #ccc;
}
.contact-form textarea {
        padding: 10px;
        display: block;
        width: 95%;
        background: #fff;
        border: 1px solid #ccc;
        outline: none;
        color: #9198A3;
        font: 300 16px/25px Lato, sans-serif;
        -webkit-appearance: none;
        resize: none;
        height: 150px;
}
.contact-form input[type="submit"] {
       background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center; padding:10px;
}
.contact-form input[type="submit"]:hover, .page-not-found a:hover, .register-but form input[type="submit"]:hover, .acount-btn:hover, .login-right input[type="submit"]:hover{
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        transform: rotateY(15deg);
        text-decoration:none;
        background:#000;
}


/*Ende Formular Onlineshop*/

.warenkorb_inhalt {border:1px solid #C8C2A6;background:#ffffff;padding:30px;}

p.bold {font-weight:bold;color:#000000;text-decoration:none;margin-bottom:5px;}




a.wk-nav:link {text-decoration:none;color:#ffffff;font-size:18px;}
a.wk-nav:hover {text-decoration:none;color:#ffffff;font-size:18px;}
a.wk-nav:visited {text-decoration:none;color:#ffffff;font-size:18px;}
a.wk-nav:active {text-decoration:none;color:#ffffff;font-size:18px;}

a.wk-link:link {text-decoration:none;color:white;background-color:green;padding:3px;border-radius:2px;}
a.wk-link:hover {text-decoration:none;color:#f6f6f6;background-color:grey;padding:3px;border-radius:2px;}
a.wk-link:visited {text-decoration:none;color:white;background-color:green;padding:3px;border-radius:2px;}
a.wk-link:active {text-decoration:none;color:white;background-color:green;padding:3px;border-radius:2px;}

a.wk-link-loeschen:link {text-decoration:underline;color:blue;}
a.wk-link-loeschen:hover {text-decoration:none;color:#f6f6f6;}
a.wk-link-loeschen:visited {text-decoration:underline;color:blue;}
a.wk-link-loeschen:active {text-decoration:underline;color:blue;}

p.gesamtpreis {font-size:18px;font-weight:bold;}


input.warenkorb-nav-grau {
background-color:#CFCFCF;
text-align:center; padding:10px; color:#ffffff;text-decoration:none;border-radius:2px; font-size:16px; width:300px;
}

input.warenkorb-nav{
background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center; padding:10px; color:#ffffff;text-decoration:none;border-radius:2px; font-size:16px; width:300px;
}

span.warenkorb-nav {
background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center; padding:16px; color:#ffffff;text-decoration:none;border-radius:2px;

}

a.warenkorb-nav:link{
background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center; padding:16px; color:#ffffff;text-decoration:none;border-radius:2px;

}

a.warenkorb-nav:hover{
background: linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -moz-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -webkit-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -ms-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -o-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0F0F, endColorstr=#FF4A4A,GradientType=1);
text-align:center; padding:16px; color:#ffffff;text-decoration:none;border-radius:2px;
}

a.warenkorb-nav-loeschen:link{
background:grey;
text-align:center; padding:16px; color:#ffffff;text-decoration:none;border-radius:2px;



}

a.warenkorb-nav-loeschen:hover{
background:#C0C0C0;
text-align:center; padding:16px; color:#ffffff;text-decoration:none;border-radius:2px;
}




.warenkorb-back{background:#778D57;text-align:center;padding:10px; border-radius:2px;margin-top:5px;}
.warenkorb-back:hover{background:#435E19;text-align:center;padding:10px; border-radius:2px;margin-top:5px;}
.warenkorb-back:visited{background:#778D57;text-align:center;padding:10px; border-radius:2px;margin-top:5px;}
.warenkorb-back:active{background:#778D57;text-align:center;padding:10px; border-radius:2px;margin-top:5px;}


.warenkorb-go{
background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center; padding:10px; color:#ffffff;text-decoration:none;border-radius:2px;

}
.warenkorb-go:hover{
background: linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -moz-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -webkit-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -ms-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
background: -o-linear-gradient(top, #FF0F0F 0%, #FF0F0F 50%, #FF4A4A 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0F0F, endColorstr=#FF4A4A,GradientType=1);
text-align:center; padding:10px; color:#ffffff;text-decoration:none;border-radius:2px;

}

.warenkorb-go:visited{
background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center; padding:10px; color:#ffffff;text-decoration:none;border-radius:2px;


}
.warenkorb-go:active{
background: linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -moz-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -ms-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
background: -o-linear-gradient(-45deg, #FF4D4D 0%, #FF3333 50%, #ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D, endColorstr=#ff0000,GradientType=1);
text-align:center; padding:10px; color:#ffffff;text-decoration:none;border-radius:2px;}



.radiobutton_zahlungsart {width:30px;height:30px;border:none;margin:0px;vertical-align:middle;}
.logo_zahlungsart {display:inline; vertical-align:middle;}


.wk-artikel
{}

.wk-zahlung
{background:#f6f6f6;}


@media(max-width:330px){
 input.warenkorb-nav-grau {width:100%;}
 input.warenkorb-nav {width:100%;}
}



.bestellung-headline {background:#ffffff;padding:0px;padding-bottom:5px;}
.right-text {text-align:right;}
p.merkmale {font-size:11px;color:#9F9F9F;}

a.loeschen:link {font-size:11px;background:#A3A3A3;color:white; text-decoration:none;padding:2px;border-radius:2px;}
a.loeschen:hover {font-size:11px;background:#737476;color:white; text-decoration:none;padding:2px;border-radius:2px;}

a.wk-grey:link {font-size:11px;background:#A3A3A3;color:white; text-decoration:none;padding:2px;border-radius:2px;}
a.wk-grey:hover {font-size:11px;background:#737476;color:white; text-decoration:none;padding:2px;border-radius:2px;}


a.social-media:link {
border-radius:2px; background-color:#58732E;
        border:solid 2px #3C5317;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        padding:5px;
        color:#ffffff;  font-style:normal;
        overflow:visible;
        margin-bottom:5px; margin-top:5px;
        text-decoration:none;
}

a.social-media:visited {
border-radius:4px; background-color:#CCC7B2;
        border:solid 1px #B9C3AA;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        padding:5px;
        color:#ffffff;  font-style:normal;
        overflow:visible;
        margin-bottom:5px; margin-top:5px;
        text-decoration:none;
}

a.social-media:active {
border-radius:4px; background-color:#CCC7B2;
        border:solid 1px #B9C3AA;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        padding:5px;
        color:#ffffff;  font-style:normal;
        overflow:visible;
        margin-bottom:5px; margin-top:5px;
        text-decoration:none;
}

a.social-media:hover {
border-radius:4px; background-color:#435920;
        border:solid 1px #B9C3AA;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        padding:5px;
        color:#ffffff;  font-style:normal;
        overflow:visible;
        margin-bottom:5px; margin-top:5px;
        text-decoration:none;
}





a.fahrplanlink:link {text-decoration:none;padding:2px;border-radius:2px;}
a.fahrplanlink:hover {text-decoration:none;padding:2px;border-radius:2px;}

a.lupe:link {position:absolute;bottom:5px;right:0px;padding:10px;color:#737373;font-size:36px;}

span.preis {font-size:11px;}
.gesamtpreisanzeige {border:0px solid black;background:#f6f6f6;padding:10px;border:1px solid #e7e7e7;}
.center-text {text-align:center;}


.text-input{
        width:100%;
        margin:0%;
        box-sizing:border-box;
        background-color:#FFFFFF;
        border-radius:0px;
        border:solid 1px #C9C9C9;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        padding:10px;
        color:#000000;  font-style:normal;
        overflow:visible;
        margin-bottom:5px; margin-top:5px;
}

.submit_newsletter { border-radius:4px; background-color:#59742F;
        border:solid 1px #B9C3AA;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        padding:10px;
        color:#ffffff;  font-style:normal;
        overflow:visible;
        margin-bottom:5px; margin-top:5px;}

.submit_newsletter:hover { border-radius:4px; background-color:#435920;
        border:solid 1px #B9C3AA;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        box-shadow: 0px 0px 0px 0px rgba(243, 244, 245, 1);
        padding:10px;
        color:#ffffff;  font-style:normal;
        overflow:visible;
        margin-bottom:5px; margin-top:5px;}



.small1 {width:49%;float:left;}
.small2 {width:49%;float:right;}

hr.warenkorblinie {height:1px;background-color:#EEEADC;}

#font {font-size:14px;}