header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* CSS Document */

/* marvel-regular - latin */
@font-face {
  font-family: 'Marvel';
  font-style: normal;
  font-weight: 400;
  src: local('Marvel'), local('Marvel-Regular'),
       url('../../files/template_ofstapler/fonts/marvel-v10-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/template_ofstapler/fonts/marvel-v10-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../../files/template_ofstapler/fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/template_ofstapler/fonts/open-sans-v17-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../files/template_ofstapler/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/template_ofstapler/fonts/open-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../../files/template_ofstapler/fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/template_ofstapler/fonts/open-sans-v17-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



body{ height: 100%;font-family: 'Open Sans', sans-serif; font-size:14px; color:#000003; background:  #f1f1f1;}
*{box-sizing: border-box;}

.invisible{display: none;}

[class*='col-'] {padding: 0 0; float: left;}
.col-100{width: 100%; margin: 10px 0; padding: 10px 10px;}
.col-90{width: 90%;}
.col-80{width: 80%;}
.col-70{width: 70%;}
.col-60{width: 60%; }
.col-55{width: 55%;}
.col-50{width: 50%;}
.col-40{width: 40%; }
.col-33{width: 33.3%;}
.col-30{width: 30%;}
.col-25{width: 25%;}
.col-20{width: 20%;}
.col-10{width: 10%;}

.clear{clear: both;}
.right{text-align: right;}
p{margin-bottom: 10px; line-height: 1.3em;}


.head-imagewrap{height: 600px; width: 100%;background:url(../../files/template_ofstapler/images/template/background.jpg) no-repeat bottom center; background-size: cover; border-top: 5px solid #559346; position: absolute; top: 0; left: 0; right: 0;}

#wrapper{width: 1140px; margin: 0 auto; position: relative;}
header{width: 100%; height: 300px; position: relative;}
header .logo{position: absolute; top: -5px; left: 0; width: 244px; height: 93px;}
header nav#mainnav{height: 40px; background: #559346; position: absolute; top: 20px; right: 0; width: 896px; display: block;}
header nav#mainnav ul li a{float: left; text-decoration: none; color: #fff;font-family: 'Marvel', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1.5em; display: block; width: 140px; height: 40px; line-height: 40px; text-align:center; border-right: 1px solid #396c2c; border-left: 1px solid #67a658;}
header nav#mainnav ul li:last-child a{border-right: none;}
header nav#mainnav ul li:hover a, header nav#mainnav ul li.active a, nav#mobilnav ul li.active a, nav#mobilnav ul li.small.active a {background: #287216;}
header .unicarriers{position: absolute; bottom: 0; right: 0;}

#container aside#left{width: 244px; float: left;}
#container aside#left nav{border-bottom: 1px solid #e6f6e2; padding: 20px 0 10px 0; background: #fff;}
#container aside#left nav ul ,#container aside#left nav p{ padding: 0 40px;}
#container aside#left nav ul li a{background:url(../../files/template_ofstapler/images/template/leistungs-nav.png) no-repeat left 5px; padding-left: 15px; display: block; min-height: 20px; color: #000003; text-decoration: none; line-height: 19px; margin-bottom: 8px;}
#container aside#left nav ul li.active a{color: #287216; font-weight: 600;}
#container aside#left h2{color: #559346; font-size: 1.9em; text-transform:uppercase; border-bottom: 3px solid #559346; padding: 0 40px 20px 40px; margin-bottom: 40px;}
#container aside#left h2 span{font-size: 0.8em;}

#container aside#left .kontaktbox{background: #fff; margin: 15px 0; padding: 20px 20px;}
#container aside#left .kontaktbox h3{color: #559346; font-weight: 700; font-size: 1.3em;}
#container aside#left .kontaktbox p.icon span{display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; float: left; background: #559346; color: #fff; font-weight: 600; margin-right: 5px;}
#container #main .inside{padding: 0 !important; /*padding: 30px 40px;*/}
#container #main{/*float: right; width: 870px;*/  margin-top: 120px;}
#container #main h2{ font-weight: 300; margin-bottom: 30px; }
#container #main h2 strong{font-weight: 600; color: #559346;background:url(../../files/template_ofstapler/images/template/h2-bg.png) no-repeat center right;  display: inline-block; width: 300px; }
#container #main .slider-control{display: none;}
#container #main .inside{ padding: 30px 40px;}

#container .icon-row{width: 100%; height: 50px; clear: both;}
#container .icon-row .col-25 img{margin: 10px 20px 0 40px; float: left;}
#container .icon-row .col-25:nth-child(1),#container .icon-row .col-25:nth-child(3){height: 70px; display: block; background:#559346; color: #fff; line-height: 70px; }
#container .icon-row .col-25:nth-child(2),#container .icon-row .col-25:nth-child(4){height: 70px; display: block; background:#6bab5c; color: #fff; line-height: 70px; }

/*#container #main #referenzen ul{width: 50%; float: left;}
#container #main #referenzen ul li, #container #main #service ul li, #container #main #leistungen-seitenstapler-fantuzzi ul li,*/#container #main ul li{background:url(../../files/template_ofstapler/images/template/icon-square.png) no-repeat left 3px; padding-left: 15px;margin-bottom: 10px;}
#container #main a{color: #559346;}

#container #main .ce_accordion{}
#container #main .ui-accordion-header{background:#6BAB5C; color: #fff; padding: 10px 20px; border-top: 1px solid #fff; text-transform:uppercase; }
#container #main .ui-accordion-content{ padding: 10px 20px; min-height: 200px;}

#container #main .mod_caroufredsel { overflow:hidden} /*2020-10-01 kleiner fix damit es mobil kein Scrollbalken hat*/
#container #main #slider, #container #main .caroufredsel_skin{width:1140px;/*width: 870px;*/ height: 220px; position: relative; z-index: 40;background: #fff; overflow: hidden; margin-top: 15px; padding: 10px 20px;}
#container #main #slider ul li{list-style: none; margin: 0; padding: 0; background: none; width: 215px !important;}



#kontakt .first{width: 40%; float: left;}
#formular{clear: both; padding-top: 30px;}

/*#container #main table{width: 70%; float: left;}
#container #main table td{padding: 10px 0;border: 1px solid #F3F3F3}*/

.mod_article{clear: both; background: #fff;padding: 30px 40px;}
.float_right{float: right;}
.float_left{float: left;}

#leistungen-schneeschieber,#vorteile,#schneeschieber,#schneeschieber2, #kontakt{height: auto; width: 100%; background: #fff; display: inline-block;}

.ce_gallery{display: inline-block; background:#fff;}
.ce_gallery div{float: left;}
/*.ce_gallery figcaption{display: none;}*/

.galerie .box{float: left;  display: inline-block; background: #f7fef5; border: 1px solid #ececec; margin: 0 5px 5px 0; text-align: center; width: 20%;height: 250px; padding: 5px;}
.galerie .box img{height: auto; width: 90%; margin: 0 auto; margin-bottom: 20px;}
.galerie .box .caption{color: #6BAB5C; line-height: 1.3em; font-size: 0.95em;}

#map{width: 100%; height: 250px; clear: both;}

form#f2{width: 80%; padding: 20px 0 0 0; }
label{width: 150px; float: left; margin-bottom: 20px;}
input{ margin-bottom: 20px;}
input.submit{background: #559346; color: #fff; width: 200px; height: 30px; line-height:30px; text-align: center; border: none; display: block; margin-top: 20px}
textarea{width: 100%;}

footer{width: 100%; height: 25px; line-height: 25px; display: block; background: #559346; color: #fff; padding: 0 20px; clear: both;}
footer a{color: #fff; text-decoration: none;}

nav#mobilnav{display: none !important;}
#footer .kontaktbox{display: none;}

/*tbody th,tbody td { padding: 0 5px; vertical-align: top; font-size: 9px; }
tbody th { text-align: left; font-weight: normal; font-size: 14px; padding: 7px 5px 3px 5px; }
tbody th { color: #000; text-shadow: none; border-bottom: 1px solid #333;  }
tbody td { xborder-bottom: 1px solid #555655; border-right: 1px dotted #444; padding-top: 5px; padding-bottom: 5px; }
tbody tr:hover td { background-color: #777; }*/

table {   width: 100%;  border-collapse: collapse; clear: both;}
th {
  background: #333;
  color: white;
  font-weight: bold;
}
td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.ssv-tabelle table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.ssv-tabelle thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.ssv-tabelle tr { border: 1px solid #ccc; }

	.ssv-tabelle td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 60%;
	}

	.ssv-tabelle td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;

	}
  /*
	Label the data
	*/

	.ssv-tabelle td:nth-of-type(1):before { content: "Typ"; }
   .ssv-tabelle td:nth-of-type(2):before { content: "Schildbreite in mm (B)"; }
	.ssv-tabelle td:nth-of-type(3):before { content: "Raeumbreite in mm (R)"; }
	.ssv-tabelle td:nth-of-type(4):before { content: "Bauhoehe in mm"; }
	.ssv-tabelle td:nth-of-type(5):before { content: "Eigengewicht in kg"; }
	.ssv-tabelle td:nth-of-type(6):before { content: "Gabelquerschnitt max. in mm"; }


/* ab hier Tabelle für Gabelstaplermodelle */

   /* Force table to not be like tables anymore */
   .staplermodelle-tabelle table, thead, tbody, th, td, tr {
      display: block;
   }

   /* Hide table headers (but not display: none;, for accessibility) */
   .staplermodelle-tabelle thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
   }

   .staplermodelle-tabelle tr { border: 1px solid #ccc; }

   .staplermodelle-tabelle td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 60%;
   }

   .staplermodelle-tabelle td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;

   }
  /*
   Label the data
   */

   .staplermodelle-tabelle td:nth-of-type(1):before { content: "Modell"; }
   .staplermodelle-tabelle td:nth-of-type(2):before { content: "Kapazität"; }

}



@media
only screen and (max-width: 450px){
 table{font-size: 0.8em;}
 td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 70%;
	}
}
 @media
only screen and (max-width: 330px){
 table{font-size: 0.7em;}
 td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 70%;
	}
}


.checkbox_container{width: 100%; margin: 10px 0;}
.checkbox_container input{float: left; display: inline-block; margin-right: 15px;}
.checkbox_container label{ float: left; width: auto; display: inline-block;}


#container #main #button-weiterlesen {
  line-height: 150%;
  padding: .25em .75em;
  display: inline-block;
  width: auto;
  margin: 0 0 1em 0;
  background-color: #6BAB5C;
  border: 2px solid #559346;
  border-radius: 5px;
  transition: all .3s ease-in-out;
  }

#container #main #button-weiterlesen a {
    text-decoration: none;
    letter-spacing: 0;
    color: #fff;
    }


#container #main #button-weiterlesen:hover {
      cursor: pointer;
      color: #fff;
      border-color: #4d4f4f;
      background-color: #559346;
      text-decoration: none;
    }

/*
#stapler-box-umschlag {
background-color: #F7FEF5;
}
*/

#footer .mod_customnav { 
	float:left;
}
#footer .mod_customnav ul li { 
	display:inline-block;
	margin-right:10px;
}
#footer .col-50 {
	width:100%;
}
header nav#mainnav ul li {
	position:relative;	
	float:left;
}
header nav#mainnav ul li a.trail {
	background:#287216;
}
header nav#mainnav ul.level_2 {
	display:none;
	position:absolute;
	top:40px;
	left:0px;
	background: #559346;
	min-width:100%;
	z-index:99;
}
header nav#mainnav ul.level_2 li {
	float:none;
	width:100%;
}
header nav#mainnav ul.level_2 li a {
	width:100%;
	background:none;
	border-right: none;
	border-left: none;
	height:auto;
	padding: 5px 20px;
	text-align: left;
	white-space: nowrap;
	font-size:1.2em;
}
header nav#mainnav ul.level_2 li a:hover, header nav#mainnav ul.level_2 li a.active {
	background:#287216;
	width:100%;
}
header nav#mainnav ul li:hover ul {
	display:block;
}

@media screen and (min-width: 871px) {
	#footer .col-50 {
		width:50%;
	}
}
/* CSS Document */

.display{display: none;}
.mobil{display: inherit;}

@media screen and (max-width: 1170px) {
	#wrapper{width: 1000px;}
	
	header nav#mainnav {
    height: auto;
    background: #559346;
    position: absolute;
    top: 20px;
    right: 0;
    width: 700px;
    display: block;
}


#container #main {
    /*float: right;
    width: 700px;*/
    
    margin-top: 120px;
}
#container .icon-row .col-25 img {
    margin: 10px 10px 0 20px;
    float: left;
}


#container #main #slider{width: 700px;}

.galerie .box{width: 30%;}
}

@media screen and (max-width: 1050px) {
	#wrapper{width: 900px;}
	
	header nav#mainnav {
    height: auto;
    background: #559346;
    position: absolute;
    top: 20px;
    right: 0;
    width: 600px;
    display: block;
}

#container #main {
    /*float: right;
    width: 600px;*/

    margin-top: 120px;
}
#container .icon-row .col-25 img {
    margin: 10px 5px 0 10px;
    float: left;
}
#container #main #slider{width: 600px;}
}

@media screen and (max-width: 930px) {
	#wrapper{width: 840px;}
	
	header nav#mainnav {
    height: auto;
    background: #559346;
    position: absolute;
    top: 20px;
    right: 0;
    width: 500px;
    display: block;
}

#container #main {
    /*float: right;
    width: 600px;*/

    margin-top: 120px;
}
#container .icon-row .col-25 img {
    margin: 10px 5px 0 10px;
    float: left;
}

#container aside#left {
    width: 200px;
    float: left;
}
#container aside#left h2 {
    color: #559346;
    font-size: 1.9em;
    text-transform: uppercase;
    border-bottom: 3px solid #559346;
    padding: 0 20px 20px 20px;
    margin-bottom: 40px;
}

#container aside#left nav ul, #container aside#left nav p {
    padding: 0 20px;
}
#container #main #slider{width: 600px;}
}

@media screen and (max-width: 870px) {
#wrapper{width: 100%;}
header{width: 100%; height: 220px; position: relative;}
header .logo {    position: absolute;    top: -5px;    left: 0;    width: 244px;    height: 93px;}
header nav#mainnav {    display: none;}
button {  display: inline-block;  margin: 0;  border: none;  background: none;}
button span {  display: block;}
.button_menu {		display:block;		background:#559346;		position:absolute; right: 10px;	top: 5px;	cursor:pointer;		color:#fff;		padding:20px 5px 12px 5px;		z-index:60;		width:120px;		 height: 54px;}
.mobil{display: none;}
nav#mobilnav{display: inherit !important;}
nav#mobilnav ul {	position: absolute; top: 59px;right: 10px;margin-left: 0px;width: 270px;z-index: 50;		background:#96c68a;	}	
nav#mobilnav ul li {		margin:0px !important;				max-width:none;		white-space:nowrap;	 }
nav#mobilnav ul li a  {		min-height:auto;		color:#fff;	background-image:none;		text-align:center;	width: 270px;	margin:0px;	float:none; display: block; height: 35px;	line-height: 30px; text-decoration: none;}
nav#mobilnav ul li.headline{color: #fff; padding: 10px 0; text-align:center; font-weight: 700;}
nav#mobilnav ul li {		display:none;		float:none;	} 
nav#mobilnav ul li:hover a{color:#fff;		background: #287216;}

nav#mobilnav ul li:nth-child(4), nav#mobilnav ul li:nth-child(11), nav#mobilnav ul li:nth-child(12){border-bottom: 1px solid #88B987;}

nav#mobilnav ul li.small a{float: left; width: 135px; background: #559346;}
nav#mobilnav ul li.small:hover a{float: left; width: 135px; background: #287216;}
.head-imagewrap{height: 300px; width: 100%;background:url(../../files/template_ofstapler/images/template/background.jpg) no-repeat bottom center; background-size: cover; border-top: 5px solid #559346; position: absolute; top: 0; left: 0; right: 0;}
#container #main {    float: right;    width: 100%;    margin-top: 20px;}

#container #main .line{width: 100%; height: 5px; display: block;background: #559346;}


.galerie .box{width: 30%;height: 300px;}
footer{width: 100%; height: 320px;  display: block; background: #559346; color: #fff; padding: 0 20px; clear: both;}
footer a{color: #fff; text-decoration: none;}
#footer .kontaktbox{margin: 5px 0; padding: 20px 20px; display: inherit; clear: both;}
#footer .kontaktbox h3{color: #fff; font-weight: 700; font-size: 1.3em;}
#footer .kontaktbox p.icon span{display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; float: left; background:#fff ; color: #559346; font-weight: 600; margin-right: 5px;}
#container #main #slider{width: 100%;}



}

@media only screen and (min-width : 871px) {
	.button_menu {		display:none;	}	
	nav {	}
	nav ul {		position:static;	}	
	/*nav ul li {		display:block !important;	}*/

	
}

@media only screen and (max-width : 640px) {
.galerie .box{width: 40%;height: 280px;}

}
@media only screen and (max-width : 480px) {
.galerie .box{width: 250px;height: 300px; clear: both;}
.galerie .box img{width: 70%; height: auto;}

}

@media screen and (max-width: 390px) {
	header .logo {    position: absolute;    top: 5px;    left: 0;    width: 50%;    height: 93px;}
	header .logo img{width: 100%; height: auto;}
}

.grid-button {  padding:20px 25px 12px 25px;  cursor: pointer;  user-select: none;}
.grid-button .grid {  width: 6px;  height:6px;  background: #fff;  color: #fff;  /* Not in use when the colors are specified below */  transition: 0.3s;}
.grid-button.close .grid {  transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);}
.grid-button.collapse .grid {  box-shadow: -8px 0, -8px 8px, 8px 0, 8px -8px, 0 -8px, -8px -8px, 0 8px, 8px 8px;}
.grid-button.collapse.close .grid {  box-shadow: -6px 0, 0 0 transparent, 6px 0, 0 0 transparent, 0 -6px, 0 0 transparent, 0 6px, 0 0 transparent;}
button span.text {	margin-left:30px;	margin-top:-15px; font-size: 1.3em; text-transform: uppercase;}