body{
    font-weight:400;
    background:#bfbfbf;
}
h1{font-size:18px;font-family:'PT Sans', sans-serif;font-weight:600;}
h2{font-size:18px;font-weight:600;}
h3{text-transform:uppercase;font-weight:400;font-size:24px;border-bottom:solid 1px #bfbfbf;display:block;width:100%;margin-bottom:40px;}
#header {
	
	position: absolute;
	z-index: 15;
	height: auto;
	width: 100%;
	left: 0px;
	top: 0px;
	text-align: center;
}

footer{display:block;}

#logo {
   margin-top:35px;
}



.main-column{
	padding-top: 30px;   
    z-index: 1;
	padding-bottom: 30px;
	background-color: #FFF;
    -webkit-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.5);
box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.5);
position:relative;
}

.columnImg{max-width:326px;float:left;position:relative;border:solid 1px #000;margin-bottom:8px;
 -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.61);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.61);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.61); 
}
.columnImg img{float:left;}
.columnImg h4{margin:0px;padding:0px;display:block;position:absolute;left:0px;bottom:0px;width:100%;line-height:50px;font-size:24px;padding-left:20px;font-weight:400;background-color:#ececec;}

.columntxt{max-width:326px;margin-bottom:50px;border:solid 1px #000;padding-bottom:10px;}
.columntxt li {margin-left:30px;}


/*.accordion-title:hover, .accordion-title:focus {
    background: #ffc000;
    color: #fff;
}*/
#footer {
/*	min-height: 228px;*/
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #e1e1e1;
        -webkit-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.5);
box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.5);
}
#footer ul,#footer li{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style: none;
	font-size: 14px;
	line-height: 1.9;
}
#footer li ,#footer li a{
	color: #000;
	font-size: 11px;
}

.f14 .fa{font-size:20px;}
#footerbefore ul,#footer ul{margin-bottom:15px;}
@media screen and (max-width:74.99875em){
   #footer {
      padding-top: 30px;  
	padding-bottom: 30px;
   }
}
#footer h2{font-size:14px;}
#footer p{margin:0px;margin-bottom:15px;:0px;font-size:13px !important;color: #000;}
#footer a,#footer-bottom a{text-decoration: none;color: #000; }
#footer a:hover,#footer-bottom a:hover{text-decoration: underline; }
#footer .textright{text-align:right;}





.bgblue{background-color: #0084af !important;}
.bg3{background-color: #b70303 !important;}

@media print, screen and (min-width: 40em) {
    .main-column{padding-top:140px; }
}
@media print, screen and (min-width: 60.625em) {
   .main-column{padding-top:200px; }
}
@media screen and (min-width: 74.99875em) {

.main-column{padding-left:115px;padding-right:115px;padding-top:280px;}
#footer{padding-left:115px;padding-right:115px;}
#sortiment{margin-left:-2.5rem;margin-right:-2.5rem;}
}
@media print, screen and (max-width: 40em) {
    .main-column{padding-top:100px; }
    #footer{text-align:center !important;}
    #footer .textright{text-align:center !important;}
}


/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
  /* Firefox 10-34 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(1);

  /* Firefox 35+ */
  filter: grayscale(1);

  /* IE 6-9 */
  filter: gray;
}

.grayscale.grayscale-fade {
  transition: filter .5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter .5s;
    transition:         -webkit-filter .5s;
  }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0);
  filter:         grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter:         none;
}

.grayscale.grayscale-replaced > svg {
  -webkit-transition: opacity .5s ease;
  transition:         opacity .5s ease;
  opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
  opacity: 0;
}