#loader {
position: fixed;
    left: 0px;
    top: 0px;
    display: flex;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    overflow: hidden;
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../css/fonts/open-sans-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../css/fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../css/fonts/open-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../css/fonts/open-sans-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../css/fonts/open-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../css/fonts/open-sans-v27-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../css/fonts/open-sans-v27-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../css/fonts/open-sans-v27-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../css/fonts/open-sans-v27-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../css/fonts/open-sans-v27-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../css/fonts/open-sans-v27-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../css/fonts/open-sans-v27-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/open-sans-v27-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/open-sans-v27-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/open-sans-v27-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/open-sans-v27-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}




body
{
margin:0px;
padding:0px;
width:100%;

}


header
{
width:100%;
}

.headerContent
{
width:100%;
}

.mainContentBody
{
padding:30px;
}


.img-responsive
{
width: 100%;
	height:auto;
}

.filter-header
{
width:100%;
	    height: 40px;
    text-align: center;
}

.filter-dropdown
{
position:absolute;
	max-height: 300px;
    overflow-y: auto;
    position: absolute;
    left: 0;
    right: 0;
    box-sizing: border-box;
	
}


.filter-elem
{
margin-bottom:15px;
}

#priceFilterDropdown
{
padding-top:35px;
}
.header-links{
    float: right;
    line-height: 40px;
    display: flex;
    
}
.header-links_icon {
    width: 20px;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #777;
    text-decoration: none;
    transition: color 0.5s;
}

.footer-links_icon   {
    width: 40px;
    height: 40px;
    background: #e5e5e5;
    display: flex;
    margin: 0 5px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border-radius: 50%;
    color: #222;
    text-decoration: none;
}
.footer_nav{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
.footer_nav_link{
    margin: 14px 0px;
    font-size: 15px;
}
.footer_logo{
    width: 450px;
    margin-top: 10px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
    opacity: 0.7;
}
.minheadertop{
    padding: 0px;
    height: 50px;
    position: relative;
    top: 0px;
    background: #f5f5f5;
    z-index: 150!important;
    margin: 0px;
    display: flex;
    align-items: center;
}
.preloader {
	text-align: center;
	max-width: 20em;
	width: 100%;
}
.preloader__text {
	position: relative;
	height: 1.5em;
}
.preloader__msg {
	animation: msg 0.3s 13.7s linear forwards;
	position: absolute;
	width: 100%;
}
.preloader__msg--last {
	animation-direction: reverse;
	animation-delay: 14s;
	visibility: hidden;
}
.cart {
	display: block;
	margin: 0 auto 1.5em auto;
	width: 8em;
	height: 8em;
}
.cart__lines,
.cart__top,
.cart__wheel1,
.cart__wheel2,
.cart__wheel-stroke {
	animation: cartLines 2s ease-in-out infinite;
}
.cart__lines {
	stroke: #174d82;
}
.cart__top {
	animation-name: cartTop;
}
.cart__wheel1 {
	animation-name: cartWheel1;
	transform: rotate(-0.25turn);
	transform-origin: 43px 111px;
}
.cart__wheel2 {
	animation-name: cartWheel2;
	transform: rotate(0.25turn);
	transform-origin: 102px 111px;
}
.cart__wheel-stroke {
	animation-name: cartWheelStroke
}
.cart__track {
	stroke: hsla(var(--hue),10%,10%,0.1);
	transition: stroke var(--trans-dur);
}

:root {
	--hue: 223;
	--bg: hsl(var(--hue),10%,90%);
	--fg: hsl(var(--hue),10%,10%);
	--trans-dur: 0.3s;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
	:root {
		--bg: hsl(var(--hue),10%,10%);
		--fg: hsl(var(--hue),10%,90%);
	}
	.cart__track {
		stroke: hsla(var(--hue),10%,90%,0.1);
	}
}

/* Animations */
@keyframes msg {
	from {
		opacity: 1;
		visibility: visible;
	}
	99.9% {
		opacity: 0;
		visibility: visible;
	}
	to {
		opacity: 0;
		visibility: hidden;
	}
}
@keyframes cartLines {
	from,
	to {
		opacity: 0;
	}
	8%,
	92% {
		opacity: 1;
	}
}
@keyframes cartTop {
	from {
		stroke-dashoffset: -338;
	}
	50% {
		stroke-dashoffset: 0;
	}
	to {
		stroke-dashoffset: 338;
	}
}
@keyframes cartWheel1 {
	from {
		transform: rotate(-0.25turn);
	}
	to {
		transform: rotate(2.75turn);
	}
}
@keyframes cartWheel2 {
	from {
		transform: rotate(0.25turn);
	}
	to {
		transform: rotate(3.25turn);
	}
}
@keyframes cartWheelStroke {
	from,
	to {
		stroke-dashoffset: 81.68;
	}
	50% {
		stroke-dashoffset: 40.84;
	}
}


.ul-reset {
    padding-left: 0;
    margin-top: 0;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}



/* #Navigation Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav > ul > li {
	display: inline-block;
  	font-size: 14px;
  	padding: 0 15px;
  	position: relative;
}
nav > ul > li:first-child {padding-left: 0;}
nav > ul > li:last-child {padding-right: 0;}
nav > ul > li > a {
    color: #444;
    display: flex;
    position: relative;
    font-size: 20px;
    height: 100px;
    padding: 20px 0;
    align-items: center;
}
nav > ul > li:hover > a {
	color: #0f4e73; 
}



/* #Mega Menu Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mega-menu {
	background: #f0f0f0;
  	display: none;
  	left: 0;
  	position: absolute;
  	text-align: left;
  	width: 100%;
  	border-top: 15px solid #0f4e73;
}
.mega-menu h3 {color: #444;}
.mega-menu ul {
	float: left;
  	margin-bottom: 20px;
  	margin-right: 40px;
  	width: 205px;
}
.mega-menu ul:last-child {margin-right: 0;}
.mega-menu a {
    border-bottom: 1px solid #ddd;
    color: #0f4e73;
    min-height: 30px;
    display: flex;
    padding: 5px 0;
    align-content: center;
    align-items: center;
}
.mega-menu a:hover {color: #2d6a91;}



/* #Droppable Class Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.droppable {position: static;}
.droppable > a:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    padding-left: 6px;
    position: relative;
    top: 0px;
}

.droppable:hover .mega-menu {display: block;}



/* #Browser Clearfix
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cf:before,
.cf:after {
	content: " "; /* 1 */
   display: table; /* 2 */
}
.cf:after {clear: both;}

element.style {
    list-style: none;
    display: flex;
    padding: 20px 0px;
}
.breadCrumbs{
    list-style: none;
    display: flex;
    padding: 20px 0px;
}
.breadCrumbs li{
    padding: 0px 10px;
    font-size: 16px;
}
.breadCrumbs > li:after{
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
    padding-left: 15px;
    position: relative;
    top: 0px;
}
.breadCrumbs > li:last-child:after { content: ""; }

.li-links > a:before {
        content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
    padding-right: 15px;
    position: relative;
    top: 0px;
}

.scart td{ 
        vertical-align: middle!important;
    text-align: center;
}

.scart > thead td {
    font-size: 18px;
    font-weight: bold;
    color: #444;
}

.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index:99999;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  display:none;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
  display:block;
}

.popup {
  margin: 70px auto;
  padding: 30px 60px;
  background: #fff;
  border-radius: 5px;
  width: 980px;
  max-height: 90%;
  overflow-y: auto;
  position: relative;
  transition: all .2s ease-in-out;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #bf0000;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
.techDaten > p {font-size: 15px!important;
    font-family: 'Open Sans';}
.techDaten > span {font-size: 15px!important;
    font-family: 'Open Sans';}
.form-disable{
    border: none!important;
    background: none!important;
    border-radius: 0!important;
    box-shadow: none!important;
    cursor: not-allowed;
    border-bottom: 1px solid #d3d3d3!important;
    appearance: none!important;
}