html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var,
 center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}

.OverLayField {  background-image:url(/media/images/black.png); position:fixed; top:0px; left:0px; width:100%; z-index:99999; display:none;  }
.OverLayField .Message { text-align:left; background-color:#FFF; padding:20px; margin:200px; display:inline-block; font-size:80%; border-top:solid 5px #000;  }


@font-face {
    font-family: 'bignoodletitlingregular';
    src: url('/media/styles/font/big_noodle_titling-webfont.woff2') format('woff2'),
         url('/media/styles/font/big_noodle_titling-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
A { text-decoration: none;}
BODY { background-color: #f6f6f6; font-family: Open Sans; font-size: 14px; }
h1 { font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em;  }

.Clear { clear: both;}
.Grid { background-image: url(/media/images/grid.png); background-repeat:repeat; background-size: 5px 5px;  }

.Relative { position: relative;}


.MainContent {
	position: relative;
	min-height: 300px;
	margin: 0 0 0 300px;
	
}
TABLE.dsgvo { padding: 0px; margin: 0px; border-spacing: 0px; border-left: solid 1px #000000; border-top:solid 1px #000000;}
TABLE.dsgvo TD,TABLE.dsgvo TH { border-bottom: solid 1px #000000; padding: 4px; margin: 0px; border-right:solid 1px #000000;  }
TABLE.dsgvo TD {text-align:  center;}
TABLE.dsgvo TH {text-align:  left;}

.MODULE_Info { background-color: antiquewhite; min-height: 100px;}
.PagePart { margin-left: 20px; margin-right: 20px;}
.TextLineHeight { line-height: 2em; }
A.Button { border: solid 1px #ededed; overflow: hidden; display: inline-block; padding: 20px;}
A.Button SPAN { vertical-align: baseline; font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em; color: #96c11f;  display: inline-block;   height: calc(2em - 32px);}


.LangSelector { position: fixed; left: 40px; bottom:40px; z-index: 999; color: #96c11f; text-transform: uppercase; font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em}
.LangSelector #AvailLang  { display: none; }
.LangSelector #CurrentLang:Hover { cursor: pointer; color: #FFF; background-position: right 100px; }
.LangSelector #CurrentLang  { -webkit-transition: all .6s linear;  -moz-transition: all .6s linear;  -o-transition: all .6s linear;  transition: all .4s linear;; background-image: url(/media/images/aqp/arrow_down.svg); background-position:  right -4px; background-repeat: no-repeat; padding-right: 30px; background-size: auto 90%;}

.LangSelector UL { list-style-type: none; margin: 0px; padding: 0px;}
.LangSelector UL LI {margin-bottom: 8px; }

.LangSelector A { color: #96c11f;}
.LangSelector A:Hover { color: #FFF;}

.TextAlign { text-align: left;}

INPUT.Error { background-color: #fbc2c4; }
.DIVError{ background-color: #fbc2c4; }
.FilledButton {
    position: relative;;
    z-index: 9;
}

.FilledButton:before,.FilledButton:before {
    content: "";
    position: absolute;
    background: #96c11f;
    bottom: 0;
    left: 0;
    right: 100%;
    top: 0;

    z-index: -1;
    -webkit-transition: right 0.4s ease-in;
    -moz-transition: right 0.4s ease-in;
    transition: right 0.4s ease-in;

}

.FilledButton:hover:before {
    right: 0;
}

.Module_Social-feed { max-width: 1480px;margin-top: 40px; }
.Module_Social-feed .Item { width: calc(20% - 20px); margin: 10px; float: left; background-position:  center center; background-size: cover;  }
.PagePart.Module_Social-feed { margin-left: 10px; margin-right: 10px;}

@media screen and (min-width: 768px) and (max-width: 1460px) {
    .Module_Social-feed .Item { width: calc(25% - 20px);}
 }

@media screen and (min-width: 0px) and (max-width: 1000px) {
.Module_Social-feed .Item { width: calc(50% - 20px);}

}

@media screen and (min-width: 0px) and (max-width: 767px) {
.Module_Social-feed .Item { width: calc(49% - 20px);}

}



.MobileOnly { display: none;}
.SmallOnly { display: none;}



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

.NoSmall {
    display: none;
}
.SmallOnly { display: block;}

}

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

}
.TabletPortraitOnly { display: none;}


@media screen and (min-width: 0px) and (max-width: 1000px) {
.NoTabletPortrait { display: none;}
.TabletPortraitOnly { display: block;}

 }
@media screen and (min-width: 0px) and (max-width: 767px) {
    .LangSelector { display: none;}
    .NoMobile { display: none;}
    .MobileOnly { display: block;}
    .PagePart { margin-left: 10px; margin-right: 10px;}
}

.Module_Imagebild { text-align: center; padding-top: 20px; }
.Module_Imagebild .Bild { height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center center; max-width: 1480px; }
.Module_Imagebild .Bild.Gross { height: 750px;}

.Module_Imagebild .Inner { background-image: url(/media/images/grid.png); background-repeat: repeat;  }
.Module_Imagebild .NoImage .Inner { background-image: url(/media/images/grid-color.png); background-repeat: repeat;  }

.Module_Imagebild h1 { color: #FFF;  font-size: 8em;  }
.Module_Imagebild .Gross h1 { }

@media screen and (min-width: 768px) and (max-width: 1460px){
.Module_Imagebild .Bild.Gross {
 height:500px;}
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
 .Module_Imagebild .Bild.Gross {
  height:400px;}
 }

@media screen and (min-width: 0px) and (max-width: 767px) {
.Module_Imagebild .Bild { height: 200px;}
.Module_Imagebild .Bild.Gross { height: 250px;}
.Module_Imagebild h1 { font-size: 3em;}
 }

.Module_Moodboard { text-align: left; display: block;  }
.Module_Moodboard .Row { float: left;}
.Module_Produkte .Row { float: left;}

.Module_Moodboard .ItemLeft,
.Module_Produkte .ItemLeft { float: left;}

.Module_Moodboard .RowMR, .Module_Moodboard .ItemMR,
.Module_Produkte .RowMR, .Module_Produkte .ItemMR { margin-right: 20px;}


.Module_Moodboard .Item,
.Module_Produkte .Item{ background-color: #FFF; margin-bottom: 20px;  }
.Module_Moodboard .Item1x1,
.Module_Produkte .Item1x1 { width: 355px; height: 355px;  overflow: hidden; }
.Module_Moodboard .Item2x1,
.Module_Produkte .Item2x1 { width: 730px; height: 355px;  overflow: hidden;}
.Module_Moodboard .Item2x2,
.Module_Produkte .Item2x2{ width: 730px; height: 730px; overflow: hidden;}

/*
.Module_Moodboard .RowMR, .Module_Moodboard .ItemMR { margin-right: 0px;}
.Module_Moodboard .Item1x1 { background-color: #5A4444; width: 25%; overflow: hidden;}
.Module_Moodboard .Item2x1 { background-color: #356A1C; width: 50%; overflow: hidden;}
.Module_Moodboard .Item2x2 { background-color: #8163C0; width: 50%; overflow: hidden;}
*/



.Module_Moodboard .Einzelbild,
.Module_Produkte .Einzelbild{ background-size: cover; background-position: center center; overflow: hidden;}

.Module_Moodboard .Item .Einzelbild,
.Module_Produkte .Item .Einzelbild {
    transform: scale(1.0);
    transition: all .5s;
    cursor: pointer;
}

.Module_Moodboard .Item:Hover .Einzelbild,
.Module_Produkte .Item:Hover .Einzelbild { transform: scale(1.2); }

.Module_Moodboard .Item .Relative  ,
.Module_Produkte .Item .Relative   {
    transform: scale(1.0);
    transition: all .5s;
}
.Module_Moodboard .Item:Hover .Relative  ,
.Module_Produkte .Item:Hover .Relative   { transform: scale(0.85); }

.Module_Moodboard .Item .Padding,
.Module_Produkte .Item .Padding{ padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; }
.Module_Moodboard .Title,
.Module_Produkte .Title { -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; color: #FFF; font-family:Open Sans; font-weight :700;; text-transform: uppercase; padding-bottom: 20px; border-bottom: solid 1px #FFF; padding-top: 10px;  }
.Module_Moodboard .Text,
.Module_Produkte .Text{ color: #FFF; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em;  position: absolute; bottom: 0px; margin-bottom: 0px; }


.Module_Moodboard h1,
.Module_Produkte h1{ font-size: 3em; line-height: 120%;}

@media screen and (min-width: 768px) and (max-width: 1460px) {
.Module_Moodboard h1,
.Module_Produkte h1{ font-size: 2em; line-height: 120%;}
 }




.Module_Moodboard .Text:after,
.Module_Produkte .Text:after {display: inline-block; heights: 100px;}

.Module_Moodboard .BoxText,
.Module_Produkte .BoxText { -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; cursor: pointer; }

.Module_Moodboard .BoxText .Title,
.Module_Produkte .BoxText .Title{ color:#000; border-color:#000; margin-bottom: 20px; }

.Module_Moodboard .BoxText:Hover,
.Module_Produkte .BoxText:Hover { }

.Module_Moodboard .BoxText:Hover .Title,
.Module_Produkte .BoxText:Hover .Title { color: #FFF; border-color: #FFF;  }


.Module_Moodboard .BoxText .Fill,
.Module_Produkte .BoxText .Fill{ position: relative; overflow: hidden; height: auto;    width: auto; z-index:2;  }

.Module_Moodboard .BoxText .Fill:before,
.Module_Produkte  .BoxText .Fill:before {
                                                                           content: "";
                                                                           position: absolute;
                                                                           background: #96c11f;
                                                                           bottom: 0;
                                                                           left: 0;
                                                                           right: 100%;
                                                                           top: 0;
                                                                           z-index: -1;
    transition: right 0.4s ease-in;
                                                                           -webkit-transition: right 0.4s ease-in;
    -moz-transition: right 0.4s ease-in;

}
.Module_Moodboard .BoxText:Hover .Fill:before,
.Module_Produkte .BoxText:Hover .Fill:before { right: 0; }



.Module_Moodboard .BoxText:Hover,
.Module_Produkte .BoxText:Hover { color: #FFF;}

.Module_Moodboard .GalleryText,
.Module_Produkte .GalleryText { -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; color: #000; font-family:bignoodletitlingregular; font-weight :normal;font-size: 1.5em;letter-spacing:0.05em; text-transform: uppercase; padding-top: 90%; width: 100%; text-align: center;   }

.Module_Moodboard .Item.BoxText { }

.Module_Moodboard .Gallery .LeftArrow,
.Module_Produkte .Gallery .LeftArrow { float: left; width: 10%; background-image: url(/media/images/aqp/arrow_left.svg); background-position:  center center; background-repeat: no-repeat; background-size: contain; cursor: pointer}

.Module_Moodboard .BoxContent,
.Module_Produkte .BoxContent {  width: 80%;}

.Module_Moodboard .Item2x2 .BoxContent,
.Module_Produkte .Item2x2 .BoxContent,
.Module_Moodboard .Item2x1 .BoxContent,
.Module_Produkte .Item2x1 .BoxContent {  width: 90%;}





.Module_Moodboard .Gallery .GalleryContent,
.Module_Produkte .Gallery .GalleryContent { float: left; width: 80%;}

.Module_Moodboard .Gallery .RightArrow,
.Module_Produkte .Gallery .RightArrow { float: left; width: 10%;  background-image: url(/media/images/aqp/arrow_right.svg); background-position:  center center; background-repeat: no-repeat; background-size: contain; cursor: pointer; }


.Module_Moodboard .Gallery .Title,
.Module_Produkte .Gallery .Title { border-color: #000;}
.Module_Moodboard .Gallery .Padding,
.Module_Produkte .Gallery .Padding { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}
.Module_Moodboard .Gallery .AlbumName,
.Module_Produkte .Gallery .AlbumName { color: #000; float: left;}
.Module_Moodboard .Gallery .Nav,
.Module_Produkte .Gallery .Nav {  float: right;}
.Module_Moodboard .Gallery .Nav .Bullet,
.Module_Produkte .Gallery .Nav .Bullet { float: left; width: 4px; height: 4px; background-color: #96c11f; border-radius: 2px; margin-left: 4px; margin-top: 5px;}
.Module_Moodboard .Gallery .Nav .Bullet.Active,
.Module_Produkte .Gallery .Nav .Bullet.Active { background-color: #000;}
.Module_Moodboard .Gallery .Space,
.Module_Produkte .Gallery .Space{ height: 20px;}
.Module_Moodboard .Gallery .Item,
.Module_Produkte .Gallery .Item { float: left; background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0px;}
.Module_Moodboard .Gallery .Gallery_ItemHolder_Outer,
.Module_Produkte .Gallery .Gallery_ItemHolder_Outer { overflow: hidden;}
.Module_Moodboard .Gallery .Gallery_ItemHoler,
.Module_Produkte .Gallery .Gallery_ItemHoler { -webkit-transition: all .8s ease-in-out;  -moz-transition: all .8s ease-in-out;  -o-transition: all .8s ease-in-out;  transition: all .8s ease-in-out;; cursor:move;}

/*
.AdjustToParent { border: solid 1px #FFF;}
*/

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

.SmallMoodboard { width: 100%; display: block;}
.Module_Moodboard { }

.Module_Moodboard .Gallery .Padding, .Module_Produkte .Gallery .Padding {
    padding:10px;}

.Module_Moodboard .Gallery .Space, .Module_Produkte .Gallery .Space { height: 10px;}
.Module_Moodboard .Title, .Module_Produkte .Title { padding-bottom: 10px;}
    .Module_Moodboard .Item1x1,
    .Module_Produkte .Item1x1 { width: calc(25%); }

    .Module_Moodboard .Item2x1,
    .Module_Produkte .Item2x1 { width: calc(50%); }


    .Module_Moodboard .Item2x2,
    .Module_Produkte .Item2x2 { width: calc(50%); }


    .Module_Moodboard .Item1x1.ItemMR,
    .Module_Produkte .Item1x1.ItemMR { width: calc(25% - 10px); }

    .Module_Moodboard .Item2x2.ItemMR,
    .Module_Produkte .Item2x2.ItemnMR { width: calc(50% - 10px); }

    .Module_Moodboard .Item2x1.ItemMR,
    .Module_Produkte .Item2x1.ItemMR { width: calc(50% - 10px); }


    .Module_Moodboard .Item.ItemMR,
    .Module_Produkte .Item.ItemMR {  }

.Module_Moodboard .Text, .Module_Produkte .Text {


    font-family:bignoodletitlingregular; font-weight :normal;font-size: 3em;letter-spacing:0.05em;
}

.Module_Moodboard .Item,
.Module_Produkte .Item{ overflow: hidden;}
.Module_Moodboard .RowMR, .Module_Moodboard .ItemMR, .Module_Produkte .RowMR, .Module_Produkte .ItemMR { }

}

.mobile .Module_Moodboard .Item1x1,
.mobile .Module_Produkte .Item1x1 { width: 100%; height: 100vw;}
.mobile .Module_Moodboard .Item2x1,
.mobile .Module_Produkte .Item2x1 { width: 100%; height: 100vw;}
.mobile .Module_Moodboard .Item2x2,
.mobile .Module_Produkte .Item2x2{ width: 100%; height: 100vw;}

.mobile .Module_Moodboard .Row {float: none;}
.mobile .Module_Moodboard .RowMR, .mobile .Module_Moodboard .ItemMR,
.mobile .Module_Produkte .RowMR, .mobile .Module_Produkte .ItemMR { margin-right: 10px;}

.mobile .Module_Moodboard { display: block; }

@media screen and (min-width: 768px) and (max-width: 1460px) {
.Module_Moodboard .BoxText h1 { font-size: 2em;}
 }

@media screen and (min-width: 0px) and (max-width: 1000px) {
.Module_Moodboard .Row {float: none;}

 }

@media screen and (min-width: 0px) and (max-width: 767px) {
.Module_Moodboard .Item1x1,
.Module_Produkte .Item1x1 { width: 100%; height: 100vw; overflow: hidden;}
.Module_Moodboard .Item2x1,
.Module_Produkte .Item2x1 { width: 100%; height: 100vw; overflow: hidden;}
.Module_Moodboard .Item2x2,
.Module_Produkte .Item2x2{ width: 100%; height: 100vw; overflow: hidden;}
 }

/* Icons (made with Icomoon.io) */


.MenuAdditionalContent {
	display: none;;
}

@font-face {
	font-family: 'feather';
	font-weight: normal;
	font-style: normal;
	src: url('/media/styles/font/feather/feather.eot?1gafuo');
	src: url('/media/styles/font/feather.eot?1gafuo#iefix') format('embedded-opentype'), url('/media/styles/font/feather/feather.woff2?1gafuo') format('woff2'), url('/media/styles/font/feather/feather.ttf?1gafuo') format('truetype'), url('/media/styles/font/feather/feather.woff?1gafuo') format('woff'), url('/media/styles/font/feather/feather.svg?1gafuo#feather') format('svg');
}

.icon {
	font-family: 'feather';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-transform: none;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
}

.icon--arrow-left:before {
	content: '\e901';
}

.icon--menu:before {
	content: '\e903';
}

.icon--cross:before {
	content: '\e117';
}


/* Menu styles */

.MenuLogo {
	position: fixed;
	top: 0px;
	left: 0;
	width: 300px;
	height: 120px;
	background: #000000;
	text-align: center;
	z-index: 900;
}

.MenuLogo IMG { padding-top: 40px;}
.menu {
	position: fixed;
	top: 120px;
	left: 0;
	width: 300px;
	height: calc(100vh - 120px);
	background: #000000;
	opacity: 1;
	z-index: 900;
}

.menu__wrap {
	position: absolute;
	top: 3.5em;
	bottom: 0;
	overflow: hidden;
	width: 100%;
}

.menu__level {
	
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	overflow-y: scroll;
	width: calc(100% + 50px);
	height: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menu__level--current {
	visibility: visible;
}

.menu__item {
	display: block;
	width: calc(100% - 50px);
}

.menu__link {
	font-family:bignoodletitlingregular; 
	font-weight :normal;
	font-size: 1.5em;
	letter-spacing: 0.05em;
	position: relative;
	display: block;
	padding: 1em 2.5em 1em 1.5em;
	color: #525252;
	-webkit-transition: color 0.1s;
	transition: color 0.1s;
}

.menu__link[data-submenu]::after {
	content: '\e904';
	font-family: 'feather';
	position: absolute;
	right: 0;
	padding: 0.25em 1.25em;
	color: #96c11f;
}

.menu__link:hover,
.menu__link[data-submenu]:hover::after {
	color: #96c11f;
	cursor: pointer;
}

.menu__link--current::before {
	content: '\00B7';
	font-size: 1.5em;
	line-height: 0;
	position: absolute;
	top: 50%;
	left: 0.5em;
	height: 4px;
	color: #96c11f;
}

[class^='animate-'],
[class*=' animate-'] {
	visibility: visible;
}

.animate-outToRight .menu__item {
	-webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes outToRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.animate-outToLeft .menu__item {
	-webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes outToLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.animate-inFromLeft .menu__item {
	-webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes inFromLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.animate-inFromRight .menu__item {
	-webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromRight {
	from {
		opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes inFromRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.menu__breadcrumbs {
	font-size: 0.65em;
	line-height: 1;
	position: relative;
	padding: 2.5em 3.75em 1.5em 2.5em;
}

.menu__breadcrumbs a {
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #96c11f;
}

.menu__breadcrumbs a:last-child {
	pointer-events: none;
}

.menu__breadcrumbs a:hover {
	color: #FFF;
}

.menu__breadcrumbs a:not(:last-child)::after {
	content: '\e902';
	font-family: 'feather';
	display: inline-block;
	padding: 0 0.5em;
	color: #FFFFFF;
}

.menu__breadcrumbs a:not(:last-child):hover::after {
	color: #33353e;
}

.menu__back {
	font-size: 1.05em;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 2.25em;
	margin: 0;
	padding: 1.365em 0.65em 0 0;
	cursor: pointer;
	color: #2a2b30;
	border: none;
	background: none;
}

.menu__back--hidden {
	pointer-events: none;
	opacity: 0;
}

.menu__back:hover,
.menu__back:focus {
	color: #fff;
	outline: none;
}


/* Open and close buttons */

.action {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background: none;
}

.action:focus {
	outline: none;
}

.action--open { 
	font-size: 1.5em;
	top: 1em;
	left: 1em;
	display: none;
	color: #fff;
	position: fixed;
	z-index: 2000;
}

@media screen and (min-width: 768px) and (max-width: 1460px) {
	.action--open {

	}
}

.action--close {
	font-size: 1.1em;
	top: 1.25em;
	right: 1em;
	display: none;
	color: #45464e;
}

@media screen and (max-width: 1480px) {
	.action--open,
	.action--close {
		display: block;
	}
	.menu {
		z-index: 2000;
		top: 0;
		width: 50%;
		height: 100vh;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
	}
	.menu--open {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	.MenuLogo {display: none;}
	.MainContent { margin: 0px; margin-left: 80px;}
	.MenuOverlay { position: fixed;

		width: calc(80px);
		height: 100%;
		background-color: #000;
		z-index: 1000;
		left: 0px;
		top:0px;
		-webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;
		background-position: center bottom 40px;;
		background-repeat: no-repeat;
		background-size: 70% auto;



	}
	.MenuAdditionalContent {
		display: block;
		position: fixed;
		bottom:40px;
		left:40px;
	}
	.MenuAdditionalContent .Lang UL {list-style-type: none; margin: 0px; margin-top: 0px; padding-bottom: 40px; display: block;}
	.MenuAdditionalContent .Lang UL LI {list-style-type: none; float: left; margin-right: 10px; font-family:bignoodletitlingregular; font-weight :normal;font-size: 1.5em;letter-spacing:0.05em; cursor: pointer;  }
	.MenuAdditionalContent .Lang UL LI A.Active { color: #96c11f;}
	.TRLogo { display: block; z-index: 1002;  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
	.MenuOverlay { width: 35px; background-position: center bottom 30px;}
	.action--open {
		font-size: 1em;
		top: 1em;
		left: 5px;
	}
	.MainContent { margin: 0px; margin-left: 0px; margin-top: 80px;}
	.menu { width: 100%;}
.menu__link { padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 20px; padding-right: 30px;  }
.MenuAdditionalContent IMG {
	height:40px; width: auto;}


.MenuOverlay { display: none}
.action--open {
	display: none;
}


.MobileMenu { background-color: #000000; width: 100%; height: 60px; position: fixed; top: 0px; z-index: 999999; }
.MobileMenuContent { display: none; }


.MobileMenu .MobileMenuLogo { float: left; padding: 10px; padding-left: 20px;}
.MobileMenu .MobileMenuLogo IMG { height: 40px;}
.MobileMenu .MobileMenuBurger { float: right; padding: 10px; padding-right: 20px;}

.MobileMenuContent { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 999999; background-color: #000000; color: #FFFFFF; padding-top: 40px; padding-bottom: 100px; min-height: 100vh; }
.MobileMenuContent { text-align: center;}
.MobileMenuContent UL LI A.Main {
	font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em
	color:#FFFFFF;

}

.MobileMenuContent .MainMenuItem { margin-bottom: 20px;}

.MobileMenuContent UL LI.Sub1  { margin-bottom: 10px; font-weight: bold; letter-spacing: 0.05em; text-transform: uppercase;   }
.MobileMenuContent UL LI.Sub1 A {color: #969696; }
.MobileMenuContent UL LI.Sub2 { margin-bottom: 5px;}
.MobileMenuContent UL LI.Sub2 A {  color: #96c11f; font-weight: bold; letter-spacing: 0.05em; }
.MobileMenuContent .SubMenu1 { margin-top: 10px ; margin-bottom: 40px; }
.MobileMenuBurger .icon { font-size: 250%;}

.MobileMenuContent .LangSelection { position: fixed;
	bottom: 0px;
	left: 0px;
	border:solid 2px #96c11f;
	border-left:none;
	border-bottom:none;
}
.MobileMenuContent .LangSelection UL { list-style-type: none;}
.MobileMenuContent .LangSelection UL LI { float: none; margin-bottom: 10px; font-weight: bold; padding: 10px; }
.MobileMenuContent .LangSelection UL LI.Active { background-color:#96c11f; color:#000000;}
}


.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}






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

}

.Module_Livedaten { margin-left: 0px; margin-right: 0px; background-color: #ffffff; font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em; height: 120px; display: none; }
.Module_Livedaten .Inner {margin-left: 30px; padding-top: 45px }
.Module_Livedaten .Holder { width: 1480px; text-align: center}
.Module_Livedaten .HInner {text-align: center; display: inline-flex;}
.Module_Livedaten .Date { float: left; }
.Module_Livedaten .Row { float: left;}
.Module_Livedaten .Row .Title { float: left; color: #b2b2b2; margin-right: 10px;}
.Module_Livedaten .Row .Value { float: left;}
.Module_Livedaten .Row.ML { margin-left: 100px;}
.Module_Livedaten .Row.ML2 { margin-left: 40px;}

.Module_Livedaten .Boxed { color:#96c11f; border: solid 1px #b2b2b2; float: left; border-right: 0px; padding-left: 8px;  padding-top: 8px; padding-right: 8px; margin-top: -10px;  }
.Module_Livedaten .BoxedLast { border-right: solid 1px #b2b2b2;}

.Module_Livedaten .Icon { background-image: url("/media/images/aqp/artikel.svg"); background-position: 0px 0px; width: 60px;
    height:60px; background-size: contain; background-repeat: no-repeat; float: left; margin-top: -17px;  }
.Module_Livedaten .IconArtikel { background-position:  right center ; width: 60px;}
.Module_Livedaten .IconPakete { background-image: url("/media/images/aqp/pakete.svg"); margin-right: 5px; margin-top: -19px;  }
.Module_Livedaten .IconPaletten{ background-image: url("/media/images/aqp/paletten.svg");   }


@media screen and (min-width: 768px) and (max-width: 1460px) {
     .Module_Livedaten .Holder {
        width: 100%;
    }
.Module_Livedaten .Row .Value { margin-top: 20px;}
.Module_Livedaten  {
    height:auto; padding-bottom: 40px;}
 }


@media screen and (min-width: 0px) and (max-width: 1000px) {


.Module_Livedaten .Row.ML { margin-left: 0px;}
.Module_Livedaten .Date { float: none; margin-bottom: 30px;}
.Module_Livedaten .Row { float: left; width: 28%; }
.Module_Livedaten .HInner { display: block; text-align:left}
.Module_Livedaten .Inner { margin-left: 20px; padding-top: 20px;}
 }

@media screen and (min-width: 0px) and (max-width: 767px) {

.Module_Livedaten,
.Module_Verbinden {
    display: none;
}

}

.Module_Karriere { background-color: #FFF; max-width: 1480px;}
.Module_Karriere .OffeneStellen .Item { padding: 40px; border-bottom:  solid 1px #ededed; cursor: pointer;  padding-bottom: 30px;-webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;; }
.Module_Karriere .OffeneStellen .Item:Hover { background-color: #96c11f;
    color: #FFF;}
.Module_Karriere .OffeneStellen .Item.Active:Hover { background-color: transparent; color: #000;}
.Module_Karriere .OffeneStellen .Item .Text { display: none;}

.Module_Karriere .OffeneStellen .Item .Title { font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em; float: left; width: 70%;}
.Module_Karriere .OffeneStellen .Item .Standort { float: left;  width: 10%; text-align: center;}
.Module_Karriere .OffeneStellen .Item .Mehr { float: left; width: 20%; text-align: center; color: #96c11f; text-transform: uppercase; font-family:bignoodletitlingregular; font-weight :normal;font-size: 1.5em;letter-spacing:0.05em;  text-align: right; }

.Module_Karriere .OffeneStellen .Item.Active .Title { margin-bottom: 10px; }
.Module_Karriere .OffeneStellen .Item:Hover .Mehr { color:#FFF; }
.Module_Karriere .OffeneStellen .Item.Active .Mehr { display: block;}
.Module_Karriere .OffeneStellen .Item.Active .Standort {opacity: 0; }
.Module_Karriere .OffeneStellen .MehrIcon { display: inline-block; margin-left: 30px; width: 40px;
    height:40px; border:solid 1px #ededed; background-color: #FFF; margin-top: -10px; background-image: url(/media/images/aqp/arrow_down.svg); background-size: 30px auto; background-repeat: no-repeat; background-position: center center; -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;;}
.Module_Karriere .OffeneStellen .Item:Hover .MehrIcon { background-position: center bottom;}


.Module_Karriere .OffeneStellen .Item.Active .MehrIcon { background-image: url(/media/images/aqp/arrow_up.svg);}
.Module_Karriere .OffeneStellen .Item.Active .Mehr { color:#FFF;  }


@media screen and (min-width: 768px) and (max-width: 1460px) {
 .Module_Karriere .OffeneStellen .MehrIcon { display: none;}
 }

@media screen and (min-width: 0px) and (max-width: 1000px) {
 .Module_Karriere .OffeneStellen .Item .Standort { display: none;}
.Module_Karriere .OffeneStellen .Item .Mehr { width: 30%;}
.Module_Karriere .OffeneStellen .Item .Title { font-family:bignoodletitlingregular; font-weight :normal;font-size: 1.5em;letter-spacing:0.05em; }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.Module_Karriere .OffeneStellen .Item .Standort { display: none;}
.Module_Karriere .OffeneStellen .Item .Mehr { display: none; }
.Module_Karriere .OffeneStellen  .MehrIcon { display: none; }

.Module_Karriere .OffeneStellen .Item .Title { font-family:bignoodletitlingregular; font-weight :normal;font-size: 1.5em;letter-spacing:0.05em; width: 100%;}
.Module_Karriere .OffeneStellen .Item {
    padding:20px; padding-bottom: 15px;}
}


.Module_Verbinden { margin-left: 0px; margin-top: 80px; background-color: #FFF; margin-right: 0px;}
.Module_Verbinden .Inner { padding: 20px;}
.Module_Verbinden .Text { padding-left: 60px; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; float:none; xwidth: 900px; padding-top: 60px;}
.Module_Verbinden .Button { padding-top: 20px; padding-left: 60px;}


.MainText A { color: #96c11f;}
.MainText A:Hover { color: #000;}

.MainText UL, .MainText OL { margin:20px; margin-left:40px;}
.MainText UL#slider_vertical { margin:20px; padding: 0px; }

.MainText .SHAREBox { margin-top:40px;}
.MainText .SHAREBox { opacity: .7;}
.MainText .SHAREBox:Hove { opacity: 1;}

.Module_Text-auflistung { max-width: 1480px;  background-color: #FFF; background-image: url(/media/images/grid-white.png); min-height: 400px; line-height: 2em;; background-position: -3px 0px;}
.Module_Text-auflistung .Item { margin-bottom: 20px; margin-top: 20px;}
.Module_Text-auflistung .Inner { padding: 80px;}
.Module_Text-auflistung .TextListing .Inner.ShowBrands { float:left; width: 80%;}
.Module_Text-auflistung .TextListing .Brands { float:left; width: 20%; background-color: #FFF;}
.Module_Text-auflistung .MainTitle { font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; margin-bottom: 80px; }
.Module_Text-auflistung .Title { font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em; color:#96c11f; float: left; width: 25%;}
.Module_Text-auflistung .Value { border-left: solid 1px #ededed; padding-left: 70px; float: left; width: 75%}
.Module_Text-auflistung .Value UL {margin-top: 20px ; margin-bottom: 20px; margin-left: 40px; margin-right: 20px; }

@media screen and (min-width: 0px) and (max-width: 1000px) {

.Module_Text-auflistung .TextListing .Inner.ShowBrands {
    float: none;
    width: 100%;
}

.Module_Text-auflistung .TextListing .Brands {
    float: none;
    width: 100%;
    background-color: #FFF;
}

.Module_Text-auflistung .Title {
    width: auto;
    float: none;
}

.Module_Text-auflistung .Value {
    width: auto;
    float: none;
    padding: 0px;
    border: none;
}

.Module_Text-auflistung .Inner {
    padding: 20px;
    padding-top: 40px;
}

.Module_Text-auflistung .Item {
    margin-bottom: 40px;
    margin-top: 40px;
}

}

@media screen and (min-width: 768px) and (max-width: 1460px) {
    .Module_Text-auflistung .TextListing .Inner.ShowBrands { float:none; width: 100%;}
    .Module_Text-auflistung .TextListing .Brands { display: none; }
}

/* bild & text */
.Module_Text-bild { background-color: #FFF;  max-width: 1480px; margin-top: 20px;  margin-bottom: 20px;}
.Module_Text-bild .Text { float: left; width: 50%;}
.Module_Text-bild .Bild { float: left; width: 50%; }
.Module_Text-bild .Text .Inner { padding-top: 100px; padding-bottom: 80px; padding-left: 80px; padding-right: 80px; line-height: 2em;; }
.Module_Text-bild .Text.HasLink .Inner { padding-top: 60px;}
.Module_Text-bild .Text A.ReturnLink  { font-family:Open Sans; font-weight :700;; border-bottom: solid 1px #000; margin-bottom: 60px; display: block; color: #000; padding: 0px; margin-bottom: 60px; line-height: 20px; padding-bottom: 10px; padding-top: 10px; letter-spacing: .01em; text-transform: uppercase;  }
.Module_Text-bild .Text .LinkHolder { background-image: url("/media/images/aqp/overview.svg"); background-repeat: no-repeat; background-position: center center;
    padding:0px; margin: 0px; display: inline-flex; width: 20px;
    height:20px; background-size: 20px  auto; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; margin-right: 10px; }
.Module_Text-bild .Text A:Hover .LinkHolder { margin-right: 5px;}
.Module_Text-bild .Text h1 { margin-bottom: 50px; line-height: 120%;}
.Module_Text-bild .Bild .Overlay { position: absolute; text-align: center;}
.Module_Text-bild .Bild .Overlay IMG { max-width: 25%; opacity: 1;}
.Module_Text-bild .Bild:Hover .Overlay { opacity: .9;}
.Module_Text-bild .Bild .Inner { background-repeat: no-repeat; background-size: cover; background-position: center center;}

@media screen and (min-width: 0px) and (max-width: 1000px) {

.Module_Text-bild .Text,
.Module_Text-bild .Bild {
    float: none;
    width: auto;
}

.Module_Text-bild .Text .Inner {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.Module_Text-bild .BildHolder {
    min-height: 100px;
}

}

@media screen and (min-width: 768px) and (max-width: 1460px) {
 .Module_Text-bild .Text .Inner {
     padding-top: 50px;
     padding-bottom: 50px;
     padding-left: 20px;
     padding-right: 20px;
 }
 }

/* doppelbild */

.Module_Doppelbild-teaser .BildHolder { overflow: hidden;}
.Module_Doppelbild-teaser  { overflow: hidden; background-color: #FFF; max-width: 1480px; margin-top: 20px;  }
.Module_Doppelbild-teaser .Bild { overflow: hidden;
     cursor: pointer; float: left; width: 50%; height: 280px; background-position: center center; background-size: cover; cursor: pointer; $xLinearTransition; background-size: 100%}
.Module_Doppelbild-teaser .Bild:Hover { overflow: hidden; opacity: 1; }
.Module_Doppelbild-teaser .Bild .BildText  { overflow: hidden; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; z-index: 999;  }
.Module_Doppelbild-teaser .Bild:Hover .BildText { margin-left: 0px; }
.Module_Doppelbild-teaser .Inner { padding: 20px;}
.Module_Doppelbild-teaser .BildText {  $xLinearTransition; position: absolute; display: block; text-align: center; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em ; color:#FFF;}
.Module_Doppelbild-teaser .BildHolder {background-position: center center; background-size: cover; text-align: center; transform: scale(1.0); transition: all .5s;}
.Module_Doppelbild-teaser .BildHolder:Hover {transform: scale(1.2); }
.Module_Doppelbild-teaser .Bild .GridDynamic {; }
.Module_Doppelbild-teaser .Bild:Hover .GridDynamic {
    opacity:0.8}


/*
.Module_Doppelbild-teaser .Bild:Hover .BildHolder {
    contrast(1);
    filter: grayscale(100%) contrast(1);
    mix-blend-mode: multiply;

}
.Module_Doppelbild-teaser .TeaserImageOuter {

    background: #a2c617;
    background: -moz-linear-gradient(left, #a2c617 0%, #06486e 100%);
    background: -webkit-linear-gradient(left, #a2c617 0%,#06486e 100%);
    background: linear-gradient(to right, #a2c617 0%,#06486e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c617', endColorstr='#06486e',GradientType=1 );


    mix-blend-mode: overlay;
    z-index: auto;
    position: absolute;
    opacity:1;

}

.Module_Doppelbild-teaser .DoppelbildBild:Hover .TeaserImageOuter {

    opacity: 1;
}
*/

@media screen and (min-width: 0px) and (max-width: 1000px) {

.Module_Doppelbild-teaser .Bild {
    float: none;
    width: auto;
    margin-top: 20px;
}

}
/* LANGTEXT */

.Module_Langtext { max-width: 1480px;  background-color: #FFF; border: solid 1px #ededed; margin-top: 20px;}
.Module_Langtext { padding: 50px; padding-left: 80px; padding-right: 80px;}


/* THEMENBOX */

.Module_Text-themen {  max-width: 1480px; position: relative; z-index: 999;  }
.Module_Text-themen .Box_Livestyle { float: left; width: 50%; background-color: #FFF; height:700px; background-position: center top; background-size: cover;}
.Module_Text-themen .Box_Livestyle .Image { position: absolute; z-index: 100;background-position: center top; background-size: cover; -webkit-transition: opacity .8s linear;  -moz-transition: opacity .8s linear;  -o-transition: opacity .8s linear;  transition: opacity .8s linear;; }
.Module_Text-themen .Box_Livestyle .ButtonHolder { position: absolute; z-index: 200; right: 0px; top:0px; } 
.Module_Text-themen .ThemenHolder.AusrichtungRechts .Box_Livestyle .ButtonHolder { right: auto; left: 0px;}
.Module_Text-themen .Box_Livestyle .ButtonOuterHolder { position: absolute; z-index: 200; }
.Module_Text-themen .Box_Livestyle .ButtonHolder .Button { font-family:bignoodletitlingregular; font-weight :normal;font-size: 1.5em;letter-spacing:0.05em ; background-color: #000; color: #FFF; padding: 40px; padding-bottom: 30px; margin-bottom: 0px; border-top:solid 1px #FFF; cursor: pointer; -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;;  }
.Module_Text-themen .Box_Livestyle .ButtonHolder .Button0 { border-top:none;}
.Module_Text-themen .Box_Livestyle .ButtonHolder .Button.Active, .Module_Text-themen .Box_Livestyle .ButtonHolder .Button:Hover { background-color: #96c11f; }
.Module_Text-themen .Box_Text { float: left; width: 50%; background-color: #FFF; height:700px; overflow: hidden;}
.Module_Text-themen .Box_Text .Inner { padding: 100px; padding-left: 100px; padding-right: 100px;  line-height: 2em;; }
.Module_Text-themen .Box_Text .Inner h1 { margin-bottom: 20px; color: #96c11f; line-height: 120%}
.Module_Text-themen .Box_Text .Slider  { -webkit-transition: all .8s ease-in-out;  -moz-transition: all .8s ease-in-out;  -o-transition: all .8s ease-in-out;  transition: all .8s ease-in-out;; }


.Module_Text-themen .ThemenHolder.AusrichtungLinks .Box_Text { margin-top: -100px; }
.Module_Text-themen .ThemenHolder.AusrichtungRechts .Box_Livestyle { margin-top: -100px; }


/* 2 Spalten */

.Module_Text-2-spaltig {margin-top:20px ; max-width: 1480px; background-color: #FFF;}
.Module_Text-2-spaltig .Inner {
    padding:80px; padding-bottom: 0px;}
.Module_Text-2-spaltig .Oben { margin-bottom: 10px; line-height: 2em;;}
.Module_Text-2-spaltig .Col1 { float: left; width: 50%; line-height: 2em;;}
.Module_Text-2-spaltig .Col1 .Text { margin-right: 20px;}
.Module_Text-2-spaltig .Col2 { float: left; width: 50%; line-height: 2em;; }
.Module_Text-2-spaltig h1 {margin-bottom: 20px;}
.Module_Text-2-spaltig h4 { font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; color:#96c11f; line-height: 120%; }
.Module_Text-2-spaltig .Bild {  height:400px; width: 80%; background-position: center center; background-size: cover; margin-top: 40px;}
.Module_Text-2-spaltig .Unten {
    height:80px;}



@media screen and (min-width: 768px) and (max-width: 1460px) {
    .Module_Text-themen .Box_Text .Inner {

    padding:40px; padding-top: 40px;}

 }



@media screen and (min-width: 0px) and (max-width: 1000px) {

    .Module_Text-2-spaltig .Inner {
        padding: 20px;
        padding-top: 40px;

    }

    .Module_Text-2-spaltig .Col1 { float: none; width: 100%;}
    .Module_Text-2-spaltig .Col2 { float: none; width: 100%;}
    .Module_Text-2-spaltig .Bild { width: 100%; margin-top: 0px; margin-bottom: 20px;
        height:200px;}
    .Module_Text-2-spaltig h4 { font-family:bignoodletitlingregular; font-weight :normal;font-size: 3em;letter-spacing:0.05em; }

    .Module_Text-themen .Box_Livestyle { width: 100%; float: none;}
    .Module_Text-themen .Box_Text { width: 100%; float: none;}
    .Module_Text-themen .Box_Text { height: auto;}
    .Module_Text-themen .Box_Livestyle {  height:auto;}


    .Module_Text-themen .Box_Text .Inner {  padding:20px; padding-top: 40px;}

    .Module_Text-themen .Box_Text IMG {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .Module_Text-themen .Box_Livestyle .ButtonHolder { display: none;}


.Module_Text-themen .ThemenHolder.AusrichtungLinks .Box_Text {
    margin:0px;}

.Module_Text-themen { margin-bottom: 40px;}
}


@media screen and (min-width: 0px) and (max-width: 767px) {
 .Module_Text-themen .Box_Text .Inner h1 { font-size: 2em;}
.Module_Text-bild .BildHolder {
    min-height: 300px;
}

.Module_Text-auflistung .MainTitle { margin-bottom: 0px;}
 }

.Module_Team { margin-top: 20px; max-width: 1480px;}
.Module_Team .Claim { width: 20%; background-color: #000; color: #FFF; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; float: left; text-align: left;}
.Module_Team .Claim .Inner { padding: 80px; padding-left: 40px;}

.Module_Team .Items { float: left; width: 80%;}
.Module_Team .Items .Box { background-color: #FFF; border-top: solid 1px #ededed; float: left; width: 33.332%;}

.Module_Team .Items .Box .Count { font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em ; color:#96c11f;}
.Module_Team .Items .Box .CountSmall { font-size: 2.2em;}

.Module_Team .Items .Box .ImageInsteadofCount { width: 100%;
  height:67px; background-position: center center ; background-repeat: no-repeat; background-size:contain; margin-top: -10px; margin-bottom: 10px;}
.Module_Team .Items .Box .Titel { font-family:bignoodletitlingregular; font-weight :normal;font-size: 1em;letter-spacing:0.05em; font-size: 1.5em; }


.Module_Team .ClaimDummy { float:left; width: 20%;}
.Module_Team .ItemsDummy { float:left; width: 80%;}


.Module_Team .Items .Box .Inner { border-right: solid 1px #ededed;}
.Module_Team .Items .Box3 .Inner, 
.Module_Team .Items .Box6 .Inner,
.Module_Team .Items .Box9 .Inner,
.Module_Team .Items .Box12 .Inner,
.Module_Team .Items .Box15 .Inner,
.Module_Team .Items .Box18 .Inner,
.Module_Team .Items .Box21 .Inner,
.Module_Team .Items .Box24 .Inner,
.Module_Team .Items .Box27 .Inner,
.Module_Team .Items .Box30 .Inner,
.Module_Team .Items .Box33 .Inner,
{ border-right: none;}


.Module_Team .Items .Box1,
.Module_Team .Items .Box2,
.Module_Team .Items .Box3 { border-top: none;}

.Module_Team .Teaser1 { float:left; width:50%; background-color: #96c11f; background-image:url('/media/images/grid-color.png'); font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em ; color:#FFF;; }
.Module_Team .Teaser2 { float:left; width:50%;  background-color: #000000; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em ; color:#FFF;; }

.Module_Team .TeamTeaser .Inner { padding: 30px;}
.Module_Team .TeamTeaser A { padding-right: 100px;}


.mobile .Module_Team .Claim  { width: auto; float: none;}
.mobile .Module_Team .Items  { width: auto; float: none;}
.mobile .Module_Team .Items .Box { float: left; width: 49.999998%;}

.mobile .Module_Team .Items .Box2,
.mobile .Module_Team .Items .Box3 { border-top: solid 1px #ededed;;}

.mobile .Module_Team .ClaimDummy { float:none; width: auto; display: none;}
.mobile .Module_Team .ItemsDummy { float:none; width: auto;}

.mobile .Module_Team .Teaser1 { float:none; width:auto; }
.mobile .Module_Team .Teaser2 { float:none; width:auto; }



button {
    font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em;
  font-size:20pt;
  position: relative;
  //display:block;
  height: auto;
  width: auto;
  margin: 0;
  padding: 5px 5px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
letter-spacing: 2px;
  color: #383736;
  border: 1px #FFF solid;
  border-radius: 0px;
  text-transform: uppercase;
  outline: 0;
  overflow:hidden;
  background: none;
  z-index: 1;
  cursor: pointer;
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}

.fill:hover, .fill:hover a:hover, .fill.Active,.fill.Active a:hover {
  color: #FFF;
}


.fill:before,.fill2:before {
  content: "";
  position: absolute;
  background: #96c11f;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
 
  z-index: -1;
  -webkit-transition: right 0.4s ease-in;
  -ms-transition: right 0.4s ease-in;
  -moz-transition: right 0.4s ease-in;
  transition: right 0.4s ease-in;

}

.fill:hover:before,.fill2:hover:before, .fill.Active:before {
  right: 0;
}

button.fill2 { border: solid 1px #ededed; color: #96c11f; }
button.fill2 A { color: #96c11f;}
button.fill2:Hover A { color: #FFF;}



@media screen and (min-width: 768px) and (max-width: 1460px) {
   .Module_Team .Claim {
     font-family:bignoodletitlingregular; font-weight :normal;font-size: 3em;letter-spacing:0.05em;
   }
  .Module_Team .Claim .Inner {
    padding:40px;}

  .Module_Team .Claim, .Module_Team .ClaimDummy { width: 25%;}
  .Module_Team .Items, .Module_Team .ItemsDummy { width: 75%;}

  .Module_Team .Items .Box { }
 }

@media screen and (min-width: 0px) and (max-width: 1000px) {
.Module_Team .Teaser1 { float:none; width:auto; }
.Module_Team .Teaser2 { float:none; width:auto; }
.Module_Team .Claim  { width: auto; float: none;}
.Module_Team .Items  { width: auto; float: none; width: 100%;}

.Module_Team .ClaimDummy { float:none; width: auto; display: none;}
.Module_Team .ItemsDummy { float:none; width: auto;}

.Module_Team .Items, .Module_Team .ItemsDummy {width: 100%;}

}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .Module_Team .Claim { float: none; width: 100%;}
.Module_Team .Items .Box .Count { font-size: 2em;}
.Module_Team .Items .Box .Titel {font-size: 1em;}
.Module_Team .Claim .Inner {
  padding:40px;}

.Module_Team .TeamTeaser A { padding-right:0px;}
 }






*, *:after, *:before { border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }


a {
	color: #fff;
	text-decoration: none;
	outline: none;
}

a:hover, a:focus {
	color: #c5d3d6;
}

.js .codrops-header,
.js .codrops-top {
	position: fixed;
	z-index: 1000;
}

/* Header */
.codrops-header {
	margin: 0 auto;
	width: 70%;
	left: 15%;
	top: 3.5em;
	pointer-events: none;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.message {
	display: none;
	clear: both;
	color: #f39c12;
}

.codrops-header h1 {
	margin: 0;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.3;
	padding: 1.5em 0 0.25em;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: left;
}

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(40,49,56,0.95);
	z-index: 10000;
	
}

.no-js .overlay, 
.overlay.hide {
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
	visibility: hidden;
}

.info {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 80%;
	width: 100%;
}

.info span {
	display: inline-block;
	width: 180px;
	height: 180px;
	padding: 10px;
	margin: 4px;
	text-align: center;
	vertical-align: top;
	background-size: 75%;
	background-color: rgba(52,73,94,0.7);
	background-repeat: no-repeat;
	background-position: 50% 85%;
}

.info span.info-drag {
	background-image: url(/media/javascript/DraggableDualViewSlideshow/img/drag.svg);
}

.info span.info-keys {
	background-image: url(/media/javascript/DraggableDualViewSlideshow/img/keys.svg);
}

.info span.info-switch {
	background-image: url(/media/javascript/DraggableDualViewSlideshow/img/switchmin.svg);
	background-size: 65%;
}

.info button {
	border: 2px solid #fff;
	background: transparent;
	color: #fff;
	font-weight: bold;
	padding: 1em 2em;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: block;
	margin: 1em auto;
	opacity: 0.7;
	outline: none;
}

.info button:hover {
	opacity: 1;
}

/* To Navigation Style */
.codrops-top {
	width: 100%;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.69em;
	line-height: 2.2;
	top: 0;
	left: 0;
}

.codrops-top a {
	display: inline-block;
	padding: 0 1em;
	text-decoration: none;
	letter-spacing: 1px;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

@media screen and (max-width: 650px) {
	.message {
		display: block;
	}
	.info span.info-keys,
	.info span.info-switch {
		display: none;
	}
}

@media screen and (max-width: 30em) {
	.info span {
		width: 100px;
		height: 100px;
		font-size: 0.5em;
	}
}

@media screen and (max-width: 25em) {
	.codrops-icon span {
		display: none;
	}
}

/* CSS Document */

.Module_Marke { margin-bottom: 20px; max-width: 1480px;}
.Module_Marke .Lifestyle { float: left;width: 50%; height: 10px; overflow: hidden; }
.Module_Marke .Lifestyle .Inner { background-size:cover; position: absolute; background-position: center center; opacity: 0; -webkit-transition: opacity .8s linear;  -moz-transition: opacity .8s linear;  -o-transition: opacity .8s linear;  transition: opacity .8s linear;}
.Module_Marke .Product { float: left; width: 50%; height: 10px; background-color: #FFFFFF; }
.Module_Marke .Product .Padding {  padding: 80px; padding-top: 0px;}
.Module_Marke .BrandModule .TextInner { position: absolute;}
.Module_Marke .BrandModule .Brand { padding: 10px; color: #FFF; border-bottom: solid 1px #FFF; font-family:Open Sans; font-weight :700;; margin-left: 40px; margin-right: 40px; margin-top: 20px; margin-bottom: 20px;}
.Module_Marke .BrandModule .Name { font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; color: #FFF; max-width: 70%; }
.Module_Marke .BrandModule .Text { color: #FFF; max-width: 70%; }

.Module_Marke .Product .Inner { background-size:auto 75%; position: absolute; background-repeat: no-repeat; background-position: top center; opacity: 0; -webkit-transition: opacity .8s linear;  -moz-transition: opacity .8s linear;  -o-transition: opacity .8s linear;  transition: opacity .8s linear;}
.Module_Marke .Additional { height: 10px; background-color: #1A420F; }

.Module_Marke .Produkte .Item { width: 200px; height: 200px; background-color: #FFF; float: left; margin-right: 20px; background-size:contain;  background-repeat: no-repeat; background-position: center center; border:solid 3px #e6e6e6; }
.Module_Marke .Produkte .Item.Active { border-color: #000;}

.Module_Marke .Produkte { margin-top: -250px; position: absolute; width: 100%; max-width: 1480px;}
.Module_Marke .Produkte .Inner { float: right;}

.Module_Marke .MarkeAdditional { display: none;background-image: url('/media/images/grid-white.png'); } 
.Module_Marke .MarkeAdditional .Inner { padding: 100px;}
.Module_Marke .MarkeAdditional .VarBox { float: left; width: 25%;}
.Module_Marke .MarkeAdditional .VarBox .Image Img { width: 80%; height: auto;}
.Module_Marke .MarkeAdditional .Title {font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; margin-bottom: 40px;}
.Module_Marke .MarkeAdditional .Text { font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em;}

/*
übersichtsseite
achtung - base scope von team
 */
.Module_Marken-uebersicht .Items .Box { background-color: #FFF; border-top: solid 1px #ededed; float: left; xwidth: 20%;}
.Module_Marken-uebersicht { max-width: 1480px;}

.Module_Marken-uebersicht .Inner { padding:20px;}
.Module_Marken-uebersicht .Inner .Logo { background-color: #FFF; background-size:contain;  background-repeat: no-repeat;    background-position: center center; -webkit-transition: opacity .8s linear;  -moz-transition: opacity .8s linear;  -o-transition: opacity .8s linear;  transition: opacity .8s linear;; }
.Module_Marken-uebersicht .Inner:Hover .Logo { opacity: .7;}
.Module_Marken-uebersicht .Claim { background-image: url(/media/images/grid-color.png);}

.MarkenLogoName { font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em;}

@media screen and (min-width: 768px) and (max-width: 1460px) {
.Module_Marken-uebersicht .Inner { padding:0px;}

 }

@media screen and (min-width: 768px) and (max-width: 1460px) {
.Module_Marke .Produkte .Item { width: 70px;
 height:70px;}
.Module_Marke .Produkte .Inner { margin-right: 60px;}
.Module_Marke .Produkte { margin-top: -100px;}
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
.Module_Marke .BrandModule .Lifestyle { float: none;width: 100%;}
.Module_Marke .Product { float: none;width: 100%;}
.Module_Marke .Produkte .Item { width: 100px;
 height:100px;}
.Module_Marke .Produkte .Inner { float: none;}
.Module_Marke .Produkte { margin-top: -200px; margin-left: 80px; width: auto;}
}

@media screen and (min-width: 0px) and (max-width: 767px) {
.Module_Marken-uebersicht .Inner { padding:0px;}
.Module_Marke .Produkte { margin: 0px; }
.Module_Marke .Produkte .Item {margin:10px; width: 40%;}
.Module_Marke .Produkte { position: relative; background-color: #FFF;}
.Module_Marke .Product .Padding {
 padding:0px;}
.Module_Marke .Product .Inner { background-size: cover; background-position: center center;}
.Module_Marke .MarkeAdditional .Inner {
 padding:30px;}
.Module_Marke .MarkeAdditional .Title { font-size: 2em; margin-bottom: 10px;}
.Module_Marke .MarkeAdditional .VarBox { width: 100%;}

 }

/*
.Module_Marken-uebersicht .Items .Box .Inner { border-right: solid 1px #ededed;}
.Module_Marken-uebersicht .Items .Box5 .Inner,
.Module_Marken-uebersicht .Items .Box10 .Inner,
.Module_Marken-uebersicht .Items .Box15 .Inner,
.Module_Marken-uebersicht .Items .Box20 .Inner,
.Module_Marken-uebersicht .Items .Box25 .Inner,
.Module_Marken-uebersicht .Items .Box30 .Inner { border-right:none }
*/



/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


.Module_Markenslider { margin-top: 20px; max-width: 1480px; }
.Module_Markenslider .Inner { background-color: #FFF; border:solid 1px #ededed; padding: 30px;}
.Module_Markenslider .Titel { float: left;  font-family:bignoodletitlingregular; font-weight :light;font-size: 3em;letter-spacing:0.05em; width: 25%; text-align: center; line-height: 150px;}
.Module_Markenslider .Logos { float: left;  width: 75%;}
.Module_Markenslider .bx-wrapper { margin: 0px;}
.Module_Markenslider .Logos IMG { height: 50px; width: auto;}
.Module_Markenslider .bx-wrapper .bx-viewport { border: n; background-color: transparent; box-shadow: none;}
.Module_Markenslider .bxslider LI {text-align: center; cursor: pointer;}
.Module_Markenslider .bxslider A { display: inline-block;}

.Module_Markenslider .Logos .Logo { margin: 10px; width: 180px; height: 100px;  background-size: contain; background-repeat: no-repeat; background-position: center center;}
.Module_Markenslider .Logos .Outer {  border:solid 0px #ededed;}
.Module_Markenslider .Logos .Outer:Hover .Logo { opacity:.8; cursor: pointer; }


.Brands .bx-wrapper .bx-viewport { border: n; background-color: transparent; box-shadow: none;}
.Brands .bxslider LI {text-align: center; cursor: pointer; width: 100%; }
.Brands .bxslider A { display: inline-block;}


.Brands .Logo { margin: 10px; margin-right: 30px; margin-left: 0px; width: auto; height: 100px;  background-size: contain; background-repeat: no-repeat; background-position: center center;}
.Brands .Outer {  border:solid 0px #ededed;}
.Brands .Outer:Hover { border-color:#4B4B4B;}
.Brands .Outer:Hover .Logo { opacity:.8; cursor: pointer; }
.Brands .SlideHolder { display: none;}
.Brands .Marken { font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em; color:#000; margin-bottom: 40px;}
.Brands .Inner { padding: 40px;  }

.Module_Markenslider .Arrow { float: left; width: 30px; height: 140px;  background-image: url('/media/images/aqp/arrow_left.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.Module_Markenslider .ArrowRight {background-image: url('/media/images/aqp/arrow_right.svg'); }
.Module_Markenslider .SliderContent { width: 800px; float: left;}
.Module_Markenslider .Arrow A { display: block; width: 30px; height: 100px;}


.Brands .Arrow { width: 100%; height: 40px;  background-image: url('/media/images/aqp/arrow_up.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain;   }
.Brands .ArrowDown { width: 100%; height: 40px;  background-image: url('/media/images/aqp/arrow_down.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain }
.Brands .Arrow A { display: block; width: 100%; height: 40px;}

.SliderMainHolderMobile { display: none;}

@media screen and (min-width: 768px) and (max-width: 1460px) {
 .Module_Markenslider .Titel { float: none; font-size: 20px; line-height: normal; width: auto; text-align: left; }
.Module_Markenslider .SliderContent { width: auto; }
.Module_Markenslider .Logos {width: 100%; float: none;}
 }

@media screen and (min-width: 0px) and (max-width: 767px) {
    .SliderMainHolder { display: none;}
    .SliderMainHolderMobile { display: block; background-color: #FFF;}
    .SliderMainHolderMobile UL { list-style-type: none; background-color: #FFF;}
    .SliderMainHolderMobile UL LI { width: 50%; float: left;}
.Brands .Logo { margin: 0px; margin: 10px;}
.Brands .Inner {
    padding:20px;}
.Module_Markenslider .Titel { float: none; font-size: 20px; line-height: normal; width: auto; text-align: left; }
.Module_Markenslider .Logos { width: 100%; float: none;}
.Module_Markenslider { margin-bottom: 40px;}
.Module_Markenslider .Inner {
    padding:15px;}
}

.Module_Footer { padding-top: 20px;  background-color: #FFF; margin-right: 0px; margin-left: 0px; }
.Module_Footer .Line { border-top: solid 1px #000; margin-bottom: 10px; }
.Module_Footer A { color: #000; margin-right: 40px;}
.Module_Footer A:Hover { border-bottom: solid 1px #000;}

.Module_Footer .Inner { padding: 80px; background-color: #FFF; padding-top: 20px; max-width: 1480px;}
.Module_Footer .Meta { float: left; width: 70%;}
.Module_Footer .Copy { float: right; width: 30%; text-align: right; line-height: 30px;}
.Module_Footer .Copy IMG { margin-left:20px; height: 40px; width: auto; }


@media screen and (min-width: 0px) and (max-width: 1000px) {
 .Module_Footer A { margin-right: 0px;  display: block; }
 }

@media screen and (min-width: 0px) and (max-width: 767px) {
    .Module_Footer A { display: block;}
    .Module_Footer .Meta { width: 100%; float: none;}
    .Module_Footer .Inner { padding: 20px;}
    .Module_Footer .Copy { float: none; width: 100%; text-align: left; margin-top: 20px;}
    .Module_Footer .Copy IMG { display: block; margin: 0px; margin-top: 10px;}
}

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }



.owl-carousel .owl-item img { height: 100px; width: auto;}

.Module_Video { max-width: 1480px;}
.Module_Video .InPagePlayer  { z-index: 0;}

.Module_Video-header { margin-top:20px ;  background-image: url('/media/images/grid-color.png'); max-width: 1480px; }
.Module_Video-header .Inner {  padding:80px; }
.Module_Video-header .Inner .InPagePlayer {float: left;}
.Module_Video-header .Inner .Text {float: left; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; font-size: 90px; color:#FFF; margin-left: -100px; width: 400px; line-height: 120%;    z-index: 99; position: relative; padding-bottom: 0px; padding-top: 100px;   }
.Module_Video-header .Inner .Text .Space {  height:80px;}

.Module_Video-header .Social { float: right; }

.Module_Video .VideoText { position: absolute; }
.Module_Video .VideoText .Title { font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; font-size: 90px; color: #FFFFFF; }



@media screen and (min-width: 1000px) and (max-width: 1700px) {
 .Module_Video-header .Inner .Text { width: 300px; padding-top: 50px; }
}

@media screen and (min-width: 768px) and (max-width: 1460px) {
.Module_Video-header .Inner {  padding:20px; }
.Module_Video-header .Inner .InPagePlayer { float: none; margin-bottom: 20px; width: 100%; }
.Module_Video-header .Inner .Text { $FontMobile_Highlight; font-size: 60px; width: auto; padding: 0px; margin: 0px; width: 100px; }
.Module_Video-header .Inner .Text .Space { display: none;}
.Module_Video .VideoText .Title { font-family:bignoodletitlingregular; font-weight :normal;font-size: 3em;letter-spacing:0.05em; font-size: 70px;  color: #FFFFFF; }


 }



@media screen and (min-width: 0px) and (max-width: 767px) {
.Module_Video-header .Inner {  padding:20px; }
.Module_Video-header .Inner .InPagePlayer { float: none; margin-bottom: 20px; width: 100%; }
.Module_Video-header .Inner .Text { $FontMobile_Highlight; font-size: 60px; width: auto; padding: 0px; margin: 0px; }
.Module_Video-header .Inner .Text .Space { display: none;}
.Module_Video .VideoText .Title { font-family:bignoodletitlingregular; font-weight :normal;font-size: 3em;letter-spacing:0.05em;  color: #FFFFFF; }
 }


.Module_Timeline {max-width: 1480px; }
.Module_Timeline { padding: 80px; padding-top: 0px; padding-bottom: 0px;}
.Module_Timeline .Chronic { float: left; width: 50%;}
.Module_Timeline .Image { float: left; width: 50%;}

.Module_Timeline .Chronic .Inner { width: 80%; background-image: url('/media/images/grid-color.png'); max-height: 700px; margin-bottom: 100px;
   }
.Module_Timeline .Chronic .ScrollContent {  max-height: 500px;}
.Module_Timeline .Image {margin-right:15%; width: 35%; float: left; background-size:contain; background-repeat: no-repeat; margin-top: -100px; background-position: top center;}
.Module_Timeline .Chronic .ScrollOuter {
    padding:40px;}
.Module_Timeline .Chronic UL { list-style-type: none; list-style-image: none; }
.Module_Timeline .Chronic LI { margin-bottom: 40px}
.Module_Timeline .Chronic .Title { font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em; color:#FFF;}
.Module_Timeline .Chronic .Wert { color:#000; font-size: 90%;}


.Module_Timeline .MainTitle { font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; color: #000;  border-bottom: solid 1px #cdeb67;}
.Module_Timeline .MainTitle .MainTitleInner {
    padding:40px; padding-top: 20px; padding-bottom: 10px;}


@media screen and (min-width: 768px) and (max-width: 1460px) {
.Module_Timeline {
    padding:0px;}
.Module_Timeline .Chronic .Inner { width: 100%; margin-bottom: 20px; }
.Module_Timeline .Image {margin-right:0px; margin-left:15%; background-position: top right - 100px; }
 }

@media screen and (min-width: 0px) and (max-width: 1000px) {
.Module_Timeline .Chronic .Inner { width: 100%; margin-bottom: 20px; }
.Module_Timeline {
    padding:0px;}
.Module_Timeline .Chronic { float: none; width: 100%; margin-bottom: 0px;}
.Module_Timeline .Image { float: none; width: 100%; display: block; margin-top: -40px;
    height:400px; margin-bottom: 60px; display: none;}
 }

@media screen and (min-width: 0px) and (max-width: 767px) {
.Module_Timeline {
    padding:0px; background-color: #FFF; padding-bottom: 0px; margin-bottom: 40px; }
.Module_Timeline .Chronic { float: none; width: 100%; margin-bottom: 0px;}
.Module_Timeline .Chronic .Inner { width: 100%; margin-bottom: 0px;}
.Module_Timeline .Image { float: none; width: 100%; display: block; margin-top: -40px;
    height:400px; margin-bottom: 60px; display: none;}
.Module_Timeline .ScrollOuter {  }

}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */


 .mCSB_scrollTools .mCSB_draggerRail { background-color: #FFF; background-color: rgba(255,255,255,0.75); }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {  background-color: #000;   background-color: rgba(0,0,0,0.75); }

.Module_Vertrieb { max-width: 1480px; background-color: #FFF;}
.Module_Vertrieb #vertrieb_map { width: 700px; height:700px;}

.Module_Vertrieb .ContactArea {float: left; width: 50%;}
.Module_Vertrieb .MapArea {float: left; width: 50%;}
.Module_Vertrieb button { line-height: 25px; border: solid 1px #ededed; padding-right: 80px; border-right: none; margin-right: 40px; width: 390px; text-align: left;   }
.Module_Vertrieb button::after {  border: solid 1px #ededed; z-index: 90; content: ''; width: 60px; display:inline-block; height:59px;  position: absolute; background-image: url(/media/images/aqp/arrow_down.svg); background-position: center center; background-repeat: no-repeat;   fill: #FFF; stroke:#FFFFFF; top:-1px; left: calc(100% - 60px); background-size: 30px auto; -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;;}


.Module_Vertrieb .Filter { padding-top: 40px; padding-bottom: 40px; padding-left: 80px; }

.Module_Vertrieb button:hover::after,.Module_Vertrieb button.Active::after {  background-image: url(/media/images/aqp/arrow_down_gray.svg);}

.Module_Vertrieb .Title { background-color: #000;
    padding:40px; padding-bottom: 30px; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; color: #FFF; padding-left: 80px;}

.Module_Vertrieb UL {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.Module_Vertrieb UL LI {
    border-bottom: solid 1px #ededed;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 80px;
    cursor: pointer;

}

.Module_Vertrieb .Name { font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em; color:#96c11f; }
.Module_Vertrieb A { color:#96c11f; }
.Module_Vertrieb A.Phone { color: #000;}
.Module_Vertrieb label { width: 55px; font-weight: bold; display: inline-block;}

.Module_Vertrieb UL LI.Active, .Module_Vertrieb UL LI:Hover {
    background-image: url(/media/images/grid-color.png);

}

.Module_Vertrieb UL LI.Active .Name,
.Module_Vertrieb UL LI:Hover .Name,
.Module_Vertrieb UL LI:Hover A,
.Module_Vertrieb UL LI:Hover .Name
{
    color: #FFF;
}

.Module_Vertrieb .ScrollContent {  max-height: 570px; margin-top: 0px; margin-bottom: 0px;}
.Module_Vertrieb .ScrollOuter {  padding-top:0px;}


@media screen and (min-width: 768px) and (max-width: 1460px) {
.Module_Vertrieb #vertrieb_map { width: 100%; height:400px; pointer-events: none;}
.Module_Vertrieb .Filter { padding: 0px; padding-top: 40px; padding-bottom: 40px; padding-left: 20px;}
 .Module_Vertrieb button { width: 280px; margin-right: 10px;}
.Module_Vertrieb .ContactArea {float: none; width: 100%;}
.Module_Vertrieb .MapArea {float: none; width: 100%;}
 }

@media screen and (min-width: 0px) and (max-width: 1000px) {
 .Module_Vertrieb .MapArea { display: none;}
.Module_Vertrieb button { font-size:14px; width: 190px; margin-right: 10px; padding-right: 40px; padding-top: 10px; padding-bottom: 2px;  }
.Module_Vertrieb button::after { width: 40px;    height:39px; left: calc(100% - 40px);}
.Module_Vertrieb UL LI { padding-top: 30px; padding-bottom: 30px;}
 }

@media screen and (min-width: 0px) and (max-width: 767px) {
 .Module_Vertrieb .Filter {
     padding:10px;  }
.Module_Vertrieb .Filter button { width: 100%; margin-bottom: 10px;}
.Module_Vertrieb .ContactArea { width: 100%;}
.Module_Vertrieb .Title { padding: 10px; font-size: 1.5em; padding-bottom: 5px;}
.Module_Vertrieb UL LI {
    padding:10px;}
 }

.Module_Reports .White { background-color: #FFF; max-width: 1480px; margin-top: 20px; margin-bottom: 40px; padding: 40px; }
.Module_Reports .LogoutArea { float: right; width: 30%; text-align: right;}
.Module_Reports .TextArea { float: left; width: 70%}
.Module_Reports .Reports  {
     max-width: 1480px; }

.Module_Reports .Reports A { color: #000000; }
.Module_Reports .Reports .Item { border-top: solid 1px #ededed; padding-bottom: 10px; padding-top: 10px; padding-left: 0px; padding-right: 0px;}
.Module_Reports .Reports .Item.First  { border-top:none;}
/*
.Module_Reports .Reports .Item:Hover { background-color: #96c11f;}
.Module_Reports .Reports .Item:Hover A { color: #FFF;}
 */
.Module_Reports .Reports .Item { background-color: #FFF;}
.Module_Reports .Reports .Item .Name { float: left; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; font-size: 2em; padding: 20px; padding-bottom: 15px; }
.Module_Reports .Reports .Item .Link { float: right; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; color: #96c11f; font-size: 1.5em;  padding: 20px; padding-bottom: 15px;}
.Module_Reports .Reports .Item .LinkIcon {
    display: inline-block; margin-left: 30px; width: 40px;
    height:40px; border:solid 1px #ededed; background-color: #FFF; margin-top: -10px; background-image: url(/media/images/aqp/arrow_down.svg); background-size: 30px auto; background-repeat: no-repeat; background-position: center center; ;
}

.Module_Reports .Reports .Item .NameActive { }

.Module_Reports .Reports .Item:Hover  { cursor: pointer; background-color: #96c11f; color: #FFFFFF; }
.Module_Reports .Reports .Item:Hover .Link { background-color: #96c11f; color: #FFFFFF; }

.Module_Reports .Reports .ItemActive:Hover { background-color: #FFFFFF; color: #000000; cursor: none;}

.Module_Reports .ReportDisplayHolder { max-width: 1480px; margin-bottom: 40px; background-color: #FFFFFF; display: none; padding: 20px; padding-right: 0px; padding-left: 0px}
.Module_Reports .Close { float: right; padding-right: 20px;}
.Module_Reports IFRAME { margin-top: 20px;}

.Module_Reports h1 { font-size: 3em; line-height: 64px; vertical-align: middle}

.Module_Login { background-image: url(/media/images/grid-color.png); background-repeat: repeat;  padding: 40px; margin-top: 40px; margin-bottom: 40px; max-width: 1480px; color: #FFF;}
.Module_Login h1 { font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; font-size:8em; text-align: center; display: inline-block; margin-bottom: 50px;}
.Module_Login LABEL { float: none;  width: auto; line-height: 40px; color:#000; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; font-size: 1.3em;}
.Module_Login .FieldInput { float: none; }
.Module_Login INPUT { padding: 10px; background-color: #FFFFFF; border: solid 1px #ededed; width: 400px; font-size: 1.3em; }
.Module_Login .Field { margin-bottom: 10px;}

.Module_Login .Button A { background-color: #000000;
    color: #96c11f;}

.Module_Login .Inner { width: 400px; text-align: left; padding-top:120px; padding-bottom: 120px; }
.Module_Login button.fill2 { background-color: #000000; border: none; width: 400px; }
.Module_Login .fill:before, .fill2:before { background: #000000;}
.Module_Login button.fill2 A { color: #96c11f;}


@media screen and (min-width: 0px) and (max-width: 767px) {
.Module_Login h1 { font-size: 4em;}
.Module_Login .Inner { width: 100%; padding-top: 0px; padding-bottom: 0px;}
 .Module_Login INPUT { width: 100%;}
.Module_Login button.fill2 { width: 100%;}
 }

/**
 * Dragdealer.js 0.9.7
 * http://github.com/skidding/dragdealer
 *
 * (c) 2010+ Ovidiu Cherecheș
 * http://skidding.mit-license.org
 */

.dragdealer {
  position: relative;
  height: 30px;
}
.dragdealer .handle {
  position: absolute;
  top: 0;
  left: 0;
}
.dragdealer .red-bar {
  width: 100px;
  height: 30px;
  background: #CC0000;
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}
.dragdealer .disabled {
  background: #898989;
}


html, 
body,
.js .container,
.js .dragslider,
.js .img-dragger .handle {
	height: 100%;
}

html.js,
.js body {
	
	/* position: relative; */
}

.js .dragslider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(.7,0,.3,1);
	transition: transform 0.6s cubic-bezier(.7,0,.3,1);
}

.dragslider.show-content {
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

.dragslider h2 {
	font-family: 'Playfair Display', serif;
	font-size: 8em;
	font-weight: 700;
	margin: 0 auto;
	line-height: 1;
	position: relative;
}

.no-js .dragslider h2 {
	padding: 15px;
}

.dragslider h2 span {
	display: block;
	font-size: 27%;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	padding-top: 0.2em;
}

/* Switch button */
button.slider-switch {
	font-size: 0;
	width: 80px;
	height: 80px;
	padding: 0;
	color: transparent;
	position: relative;
	border: none;
	background: url(/media/javascript/DraggableDualViewSlideshow/img/switchmin.svg) no-repeat center center;
	background-size: 90%;
	float: right;
	outline: none;
	overflow: hidden;
	opacity: 0.7;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	pointer-events: auto;
}

.no-js button.slider-switch {
	display: none;
}

button.slider-switch.view-maxi {
	background-image: url(/media/javascript/DraggableDualViewSlideshow/img/switchmax.svg)
}

button.slider-switch:hover {
	opacity: 1;
}

/* Dragger */
.img-dragger {
	position: relative;
	z-index: 100;
}

.js .img-dragger {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.js .img-dragger-large {
	width: 100%;
	height: 100%;
}

.js .img-dragger .handle {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	white-space: nowrap;
	font-size: 0;
}

.no-js .img-dragger,
.no-js .img-dragger .handle {
	height: auto;
	position: relative;
	text-align: center;
	font-size: 0;
	clear: both;
	white-space: nowrap;
	overflow: auto;
}

.no-js .img-dragger .handle {
	padding: 40px 0 0;
}

.img-dragger .slide {
	display: inline-block;
	position: relative;
	height: 100%;
	background: #567076;
	font-size: 16px;
	white-space: normal;
	cursor: -webkit-grab; 
	cursor: -moz-grab;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: top;
}

.no-js .img-dragger .slide {
	width: 300px;
	font-size: 7px;
	min-height: 200px;
}

.img-dragger .slide:active {
	cursor: -webkit-grabbing; 
	cursor: -moz-grabbing;
}

.img-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.img-wrap img {
	position: absolute;
	display: block;
	height: calc(100% + 0.2px);
	opacity: 0.5;
}

@media screen and (min-aspect-ratio: 1280/850) {
    .img-dragger .img-wrap  img {
        width: calc(100% + 0.2px);
        height: auto;
    }
}

.js .slide h2 {
	color: #fff;
	position: absolute;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.js .img-dragger-large .slide h2 {
	width: 70%;
	left: 15%;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

.img-dragger-small .slide h2 {
	font-size: 2.5em;
	padding-top: 1em;
	top: 100%;
	width: 100%;
	text-align: center;
	color: #34495e;
	/*
	-webkit-animation: slideUpFade 0.4s 0.1s;
	*/
}

@-webkit-keyframes slideUpFade {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,20px,0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
	}
}

.img-dragger-small .slide h2 span {
	font-size: 0.35em;
}

.img-dragger-small .slide.current h2 {
	color: #fff;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-transition: color 0.3s, opacity 0.3s;
	transition: color 0.3s, opacity 0.3s;
}

.slide h2 i {
	font-style: normal;
	font-weight: 400;
}

button.content-switch {
	border: 2px solid #fff;
	width: 160px;
	text-indent: 200%;
	overflow: hidden;
	white-space: nowrap;
	background: transparent;
	color: #fff;
	font-family: 'Lato', sans-serif;
	position: absolute;
	cursor: pointer;
	top: 100%;
	left: 50%;
	-webkit-transform: translate3d(-50%,-200%,0);
	transform: translate3d(-50%,-200%,0);
	padding: 1em 2em;
	font-size: 0.85em;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	outline: none;
	z-index: 1000;
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(.7,0,.3,1), opacity 0.3s, color 0.3s, border-color 0.3s;
	transition: transform 0.6s cubic-bezier(.7,0,.3,1), opacity 0.3s, color 0.3s, border-color 0.3s;
}

.no-js button.content-switch {
	display: none;
}

button.content-switch:hover {
	opacity: 1;
}

button.content-switch::before {
	content: '\e097';
	font-family: 'feathericons';
	speak: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	text-indent: 0;
	font-size: 1.5em;
	line-height: 0.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.show-content .current button.content-switch {
	border-color: #c5d3d6;
	color: #c5d3d6;
	-webkit-transform: translate3d(-50%,100%,0);
	transform: translate3d(-50%,100%,0);
}

.show-content .current button.content-switch::before {
	content: '\e096';
}

/* Content */
.js .pages {
	position: absolute;
	top: 100%;
	height: 0;
	width: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: height 0s 0.6s;
	transition: height 0s 0.6s;
}

.js .show-content .pages {
	-webkit-transition: none;
	transition: none;
	height: 100%;
}

.pages .content {
	background: #dfe3e3;
	text-align: center;
	color: #545b61;
	font-size: 1.5em;
}

.js .pages .content {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	overflow: hidden;
	-webkit-transition: height 0s 0.6s;
	transition: height 0s 0.6s;
}

.pages .content.show {
	height: auto;
	-webkit-transition: none;
	transition: none;
}

.pages .content h2 {
	font-size: 5em;
	max-width: 70%;
	color: #34495e;
	padding: 2.25em 10px 1em;
}

.no-js .pages .content h2 {
	padding-top: 1em;
}

.pages .content h2 span {
	color: #95a5a6;
}

.pages .content p {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0.5em 2em;
	line-height: 1.5;
	text-align: left;
	font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif;
}

.pages .content p:last-child {
	padding: 5em 1em 8em;
	text-align: center;
	font-weight: bold;
}

.js .pages .content h2,
.js .pages .content p {
	-webkit-transform: translate3d(0,200px,0);
	transform: translate3d(0,200px,0);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
	transition-timing-function: cubic-bezier(.7,0,.3,1);
}

.pages .content.show h2,
.pages .content.show p {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.pages .content.show p {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.pages .content a {
	color: #3c89d5;
	display: block;
}

.pages .content a:hover {
	color: #545b61;
}

/* Switch */
.switch-min .img-dragger-large .slide > *:not(.img-wrap),
.switch-max .img-dragger-small .slide > *:not(.img-wrap)  { /* fade out everything except image */
	opacity: 0;
	-webkit-transition: none;
	transition: none;
}

.switch-min .img-dragger-large,
.switch-max .img-dragger-small {
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(.7,0,.3,1);
	transition: transform 0.6s cubic-bezier(.7,0,.3,1);
}

.img-dragger-small button.content-switch {
	opacity: 0;
	pointer-events: none;
}

/* Helper classes */
.no-transition {
	-webkit-transition: none !important;
	transition: none !important;
}

.hide {
	opacity: 0 !important;
	pointer-events: none !important;
}

@media screen and (max-width: 63.125em) {
	.dragslider h2 {
		font-size: 2.8em;
	}
	.pages .content {
		font-size: 100%;
	}
	.pages .content h2 {
		font-size: 3em;
	}
}

@media screen and (max-width: 650px) {
	button.slider-switch {
		display: none;
	}
}



.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: .6em;
    width: calc(100%);
    vertical-align: top;
    margin-left: 0px;
    margin-right: 0px;

}

.input__field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #000;
    font-weight: 500;
    font-family: Open Sans;
    -webkit-appearance: none; /* for box shadows to show on iOS */

}

.input__field:focus {
    outline: none;
}

.input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #696969;
    font-weight: bold;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Open Sans;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none;
}

.icon {
    color: #ddd;
    font-size: 150%;
}


/* Chisato */

.input--chisato {
    padding-top: 1.5em;
}

.input__field--chisato {
    width: 100%;
    padding-top: 1.6em;
    padding-bottom: 1.6em;
    background: transparent;
    border: 1px solid #ededed;
    color: #000;

    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
}

.input__label--chisato {
    width: 100%;
    position: absolute;
    top: 0;
    text-align: left;
    overflow: hidden;
    padding: 0;
    padding-top: 1.2em;
    padding-bottom: 1.2em;

    pointer-events: none;
    -webkit-transform: translate3d(0, 1.8em, 0);
    transform: translate3d(0, 1.8em, 0);
}

.input__label-content--chisato {
    padding: 0 1em;
    font-weight: 500;
    color: #000000;

}

.input__label-content--chisato::after {
    content: attr(data-content);
    position: absolute;
    top: -260%;
    left: 0;
    color: #96c11f;
    font-weight: 800;
}

.input__field--chisato:focus,
.input--filled .input__field--chisato {
    border-color: #96c11f;
}

.input__field--chisato:focus + .input__label--chisato,
.input--filled .input__label--chisato {
    -webkit-animation: anim-chisato-1 0.25s forwards;
    animation: anim-chisato-1 0.25s forwards;
}

.input__field--chisato:focus + .input__label--chisato .input__label-content--chisato,
.input--filled .input__label-content--chisato {
    -webkit-animation: anim-chisato-2 0.25s forwards ease-in;
    animation: anim-chisato-2 0.25s forwards ease-in;
}


@-webkit-keyframes anim-chisato-1 {
    0%, 70% {
        -webkit-transform: translate3d(0, 3em, 0);
        transform: translate3d(0, 3em, 0);
    }
    71%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes anim-chisato-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    70%, 71% {
        -webkit-transform: translate3d(0, 125%, 0);
        transform: translate3d(0, 125%, 0);
        opacity: 0;
        -webkit-animation-timing-function: ease-out;
    }
    100% {
        color: transparent;
        -webkit-transform: translate3d(0, 200%, 0);
        transform: translate3d(0, 200%, 0);
    }
}


@keyframes anim-chisato-1 {
    0%, 70% {
        -webkit-transform: translate3d(0, 1,8em, 0);
        transform: translate3d(0, 1.8em, 0);
    }
    71%, 100% {
        -webkit-transform: translate3d(0, -0.5em, 0);
        transform: translate3d(0, -0.5em, 0);
    }
}

@keyframes anim-chisato-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    70%, 71% {
        -webkit-transform: translate3d(0, 125%, 0);
        transform: translate3d(0, 125%, 0);
        opacity: 0;
        -webkit-animation-timing-function: ease-out;
    }
    100% {
        color: transparent;
        -webkit-transform: translate3d(0, 200%, 0);
        transform: translate3d(0, 200%, 0);
    }
}



/* CSS Document */

.Module_Header { opacity: 0;}
.Module_Header .Inner { margin-top: 20px; width: 100%; max-width: 1480px;   overflow: hidden; margin-bottom: 20px; height: 1480px;}
.Module_Header .Video { float: left; width: 70%; height: 100%; background-color: #5A4F50; }
.Module_Header .VideoDummy { float: left; width: 70%; height: 100%; background-color: #5A4F50;  display: none; background-size: cover;}

.Module_Header .Video .InPagePlayer { width: 100px; height: 100px;}
.Module_Header .RightRow { float: left; width: 30%; height: 100%;  }

.Module_Header .Image { width: 100%; height: 75% ;background-size:cover; -webkit-transition: all .8s ease-in-out;  -moz-transition: all .8s ease-in-out;  -o-transition: all .8s ease-in-out;  transition: all .8s ease-in-out;;  }
.Module_Header .Link { cursor: pointer; width: 100%; height: 25%; background-color: #000; background-image: url(/media/images/aqp/link-outer.png); background-position: center center; background-repeat: no-repeat; -webkit-transition: all .8s ease-in-out;  -moz-transition: all .8s ease-in-out;  -o-transition: all .8s ease-in-out;  transition: all .8s ease-in-out;; background-size: auto 75%; -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;; }


.Module_Header .LinkInner {  background-image: url(/media/images/aqp/link-inner.png); background-position: center center; background-repeat: no-repeat; -webkit-transition: all .8s ease-in-out;  -moz-transition: all .8s ease-in-out;  -o-transition: all .8s ease-in-out;  transition: all .8s ease-in-out;; background-size: auto 75%; -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;; position: absolute;z-index:99; }
.Module_Header .Link:Hover { background-size: auto 50%; }
.Module_Header .Link:Hover .LinkInner {  background-image: url(/media/images/aqp/link-inner.png); background-position: center center; background-repeat: no-repeat; -webkit-transition: all .8s ease-in-out;  -moz-transition: all .8s ease-in-out;  -o-transition: all .8s ease-in-out;  transition: all .8s ease-in-out;; background-size: auto 0%; -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;; position: absolute;z-index:99; }
.Module_Header .Image .Grid { background-position: 4px 0px;}
.Module_Header .LinkText { color: #96c11f; font-family:bignoodletitlingregular; font-weight :normal;font-size: 1.5em;letter-spacing:0.05em; opacity: 0; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;}
.Module_Header .Link:Hover .LinkText {
	opacity:1;}
.Module_Header .Video {  background-repeat: repeat; opacity: 1; }
.Module_Header .PlayerInner { background-size: cover; }

.Module_Header h2 {}


.Module_Header .TextArea {
	z-index: 1000;
	left: 5%;
	bottom: 20%;
	position: absolute;
	width: 50%;
	color:#FFF;
	
}

.Module_Header .Bullets { margin-top: 80px; margin-left: 0px; display: block; position: absolute;}
.Module_Header .Bullets .Bullet { width: 60px; height: 3px; background-color: #96c11f; margin-right: 10px; float: left;}
.Module_Header .Bullets .Bullet.BulletActive { background-color: #FFF;}

.Module_Header .TextArea .Title { font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; font-size: 90px;  font-weight: 300;}
.Module_Header .TextArea p {font-size: 1em;  font-weight: 300; line-height: 200%;}
.img-dragger-small .slide.current h2, .img-dragger-small .slide h2 { font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em;  color:#b2b2b2; }
.img-dragger-small .slide.current h2 { color: #96c11f; }


.js .img-dragger-large {
	width: 100%;
	height: 100%;
	
	
}
.js .dragslider { 
	position: relative;
	width: 100%;
	height: 100%;
}


.js .codrops-header, .js .codrops-top { 
	position: absolute;
}

.overlay, .content-switch { display: none;}

.switch-min .Video { display:none;}
.switch-min .VideoDummy { display:block;}


.switch-max .Video { display:block;}
.switch-max .VideoDummy { display:none;}

.switch-min .Video  { display: none;}
.switch-min .VideoDummy  { width:95%;}
.switch-min .RightRow  { display:none;}


.img-dragger .slide {background-color: transparent;}

.js .img-dragger-large .slide h2 { display: none;}

.codrops-header { width: auto; display: inline-flex}

.js .dragslider { background-color: #FFF; background-image: url('/media/images/grid-white.png');  }



.mobile .Video { display: none;}
.mobile .VideoDummy { display:block;}

.mobile .Module_Header .VideoDummy { width: 100%;}
.mobile .Module_Header .RightRow { display: none;}


@media screen and (min-width: 768px) and (max-width: 1460px) {
 .Module_Header .TextArea .Title {
	 font-size: 70px;
 }
.Module_Header .TextArea { bottom:25%;}
.codrops-header { width: auto; display: block; margin-top: -80px;}
.Module_Header p { display: none; }
.Module_Header .TextArea {margin-bottom: 120px;}
.Module_Header .TextArea .Title { margin-bottom: 80px;}
 }

@media screen and (min-width: 0px) and (max-width: 1000px) {
.Module_Header .TextArea .Title { font-size: 50px; }
.codrops-header { width: auto; display: block; margin-top: 40px;}
.Module_Header .Bullets .Bullet { width: 20px;}
.Module_Header .TextArea { bottom:auto; top: 40px;}
.img-dragger-small .slide.current h2, .img-dragger-small .slide h2 {
	font-size: 2em;
}

.Module_Header .Bullets {margin-top: 125px; margin-left: 80px;}
 }

.Module_Header-mobile { display: none; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	.Module_Header-mobile { display: block;}
	.PagePart.Module_Header-mobile { margin: 0px; margin-bottom: 0px;}

.Module_Header { display: none;}

	.Module_Header-mobile .Bild { width: 100%;
	height:200px; background-size: cover; background-position: center center; }

.Module_Header-mobile h2 { font-family:bignoodletitlingregular; font-weight :normal;font-size: 1.5em;letter-spacing:0.05em; margin-top: 20px; margin-bottom: 10px;  }
.Module_Header-mobile .Inner { padding-left: 0px; padding-right: 0px;}
.Module_Header-mobile p { margin-bottom: 20px;}
.Module_Header-mobile .fill2 { width:auto;}

.MobileHeaderOuterHolderPadding { margin: 20px;}
.MobileHeaderOuterHolder { margin: 0px; overflow: hidden;}
.MobileHeaderOuterHolder .Bullets  { margin-top: 20px; margin-bottom: 20px; text-align: center; display: inline-flex;}
.MobileHeaderOuterHolder .Bullets .BulletItem { width: 30px;
	height: 6px; width: 40px; background-color: #b5b5b5; margin-left: 5px; margin-right: 5px; float: left;}

.MobileHeaderOuterHolder .Bullets .BulletItem.Active { background-color: #96c11f;}

.MobileHeaderElement { float: left; display: none;}


.MobileHeaderInnerHolder.Animateable { -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;}
.MobileHeaderOuterHolder.Animateable { -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;}

}


.Module_Produkte {  }
.Module_Produkte .Line { border-bottom: solid 1px #000; margin-bottom: 20px; max-width: 1480px; }
.Module_Produkte  .ProdukteTeaser { float:left; background-size: cover; background-position: center center;}
.Module_Produkte .Navigator { margin-bottom:40px;}
.Module_Produkte UL { list-style-type: none; }
.Module_Produkte UL LI { font-family:Open Sans; font-weight :700;; float: left; padding-left: 10px; padding-right: 20px; border-bottom: solid 1px #FFF; text-align: left; margin-right: 30px; padding-bottom: 4px; cursor: pointer;}
.Module_Produkte UL LI.Select { width: 250px; padding-left: 0px; cursor: auto;}
.Module_Produkte UL LI.Active { }
.Module_Produkte UL LI:Hover {opacity: .8;}
.Module_Produkte .ProdukteTeaser_Inner { -webkit-transition: all .6s linear;  -moz-transition: all .6s linear;  -o-transition: all .6s linear;  transition: all .4s linear;;  }
.Module_Produkte .ProdukteTeaser_Inner .KTitle { font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; text-align: center; color: #FFF; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);;}

.Produkte_Microline { width: 100px;
    height:4px;
    background-color: #000;
    text-align: left;
    position: absolute;
    z-index:9;
    -webkit-transition: all .8s ease-in-out;  -moz-transition: all .8s ease-in-out;  -o-transition: all .8s ease-in-out;  transition: all .8s ease-in-out;;
}


.Module_Produkte .ProdukteSelectionBox A { color: #96c11f; }
.Module_Produkte .ProdukteSelectionBox:Hover A { color:#c5d3d6;}

@media screen and (min-width: 768px) and (max-width: 1460px) {
    .Module_Produkte UL LI.Select { width: auto; display: none;}
    .Module_Produkte UL LI { padding-right: 20px;  margin-right: 10px;}
 }

@media screen and (min-width: 0px) and (max-width: 1000px) {
.Module_Produkte UL LI { padding-right: 20px;  margin-right: 0px; font-size: 80%;}

 }
@media screen and (min-width: 0px) and (max-width: 767px) {
 .Module_Produkte UL LI { float: none; padding-left: 0px; padding: 10px;}
.Produkte_Microline { display: none;}
.Module_Produkte UL LI.Active { background-color: #96c11f; color: #FFF; }
.Module_Produkte UL LI , .Module_Produkte UL LI.Select { width: 100%;}
.Module_Produkte .Line { display: none;}
 }

.Module_Steuerung .Space { height: 40px;}
.Module_Steuerung .SpaceKlein { height: 20px;}



.Module_Steuerung .Hochruecken { height: 0px; margin-top: -100px;}


.Module_Kontakt { max-width: 1480px;}
.Module_Kontakt .Map .Holder { max-width: 1480px;}

.Module_Kontakt #map {
    pointer-events: none;
}
.Module_Kontakt .Map { position: relative; z-index: 100;}
.Module_Kontakt .Form { width: 50%; float: left;}
.Module_Kontakt .Kontakte { margin-left: 20px; position: relative; z-index: 200; width: calc(50% - 120px); float: left;  background-color: #96c11f; background-image: url('/media/images/grid-color.png'); margin-top: -100px; margin-right: 100px;  }
.Module_Kontakt .Kontakte .Inner { padding: 0px;}
.Module_Kontakt .Kontakte .MainTitle { line-height: 90px; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em; padding: 30px; padding-bottom: 0px;}
.Module_Kontakt .Kontakte .Item { margin-bottom: 40px; padding-top:40px; border-top:solid 1px #cdeb67;; padding-left: 30px; padding-right: 30px; line-height: 2em;;}
.Module_Kontakt .Kontakte .Title { font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em; color:#FFF;}
.Module_Kontakt .Kontakte A { color: #000;}
.Module_Kontakt .Kontakte A.Mail { color: #FFF;}

.Module_Kontakt .Form .Inner {  margin-top: 20px;}

.Module_Kontakt .Kontakte .Telefon:before {content:"T"; font-weight: bold; width: 20px; display: inline-block; }
.Module_Kontakt .Kontakte .Fax:before {content:"F"; font-weight: bold; width: 20px; display: inline-block; }


.Module_Kontakt .Form .Inner .Padding { padding: 20px;}
.Module_Kontakt .MainForm.Inner {  background-color: #FFF;
    padding:40px;}
.Module_Kontakt .OverlayContent { margin-top: -500px;
    height:480px;
    position: relative; z-index: 200; ;}

.Module_Kontakt .BoxTopic .MainTitle { margin-left: 40px; font-family:bignoodletitlingregular; font-weight :normal;font-size: 4em;letter-spacing:0.05em ; background-color: #000; color:#FFF;
    padding:30px; padding-bottom: 20px;}
.Module_Kontakt .BoxTopic .TopicHolder { margin-left:40px; background-color: #FFF; margin-bottom: 40px;}
.Module_Kontakt .BoxTopic .TopicHolder .Topic {  float: left; width: 50%;
    height:100px; }
.Module_Kontakt .BoxTopic .TopicHolder .Topic .Inner { padding: 20px; padding-top:10px; padding-bottom: 10px;}
.Module_Kontakt .BoxTopic .TopicHolder .Topic.Active { background-color: #96c11f; color: #FFF}
.Module_Kontakt .BoxTopic .TopicHolder .Topic.Active .Inner { background-color: transparent;    }

.Module_Kontakt .BoxTopic .TopicHolder .Topic1,
.Module_Kontakt .BoxTopic .TopicHolder .Topic3 { border-right: solid 1px #ededed; border-left:  solid 1px #ededed;}

.Module_Kontakt .BoxTopic .TopicHolder .Topic2,
.Module_Kontakt .BoxTopic .TopicHolder .Topic4 { border-right: solid 1px #ededed; }


.Module_Kontakt .BoxTopic .TopicHolder .Topic1,
.Module_Kontakt .BoxTopic .TopicHolder .Topic2,
.Module_Kontakt .BoxTopic .TopicHolder .Topic3,
.Module_Kontakt .BoxTopic .TopicHolder .Topic4
{ border-bottom: solid 1px #ededed;}



.Module_Kontakt .Field { float: none; width: 100%;}
.Module_Kontakt .Field50 { float: left; width: calc(50% - 10px);}
.Module_Kontakt .Field50A { margin-right: 10px;}
.Module_Kontakt .Field50B { margin-left: 10px;}

.Module_Kontakt .Title { font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em; margin-bottom: 20px;}
.Module_Kontakt .SubTitle { font-family:bignoodletitlingregular; font-weight :normal;font-size: 1.5em;letter-spacing:0.05em; margin-bottom: 0px; margin-top: 0px; color:#96c11f; }
.Module_Kontakt .SpaceX {
    height:20px;}

.Module_Kontakt .Submit { margin-top: 20px; width: 100%;}
.Module_Kontakt .Right { float: right;}

.Module_Kontakt .BrancheWahl { margin-left: 40px;}
.Module_Kontakt .BrancheWahl .SubTitle { font-family:bignoodletitlingregular; font-weight :normal;font-size: 2em;letter-spacing:0.05em; margin-bottom: 10px;}

SELECT.Styled { padding: 20px;  background-color: #FFF; -webkit-appearance: none; border:solid 1px #ededed; background-image: url(/media/images/aqp/arrow_down.svg); background-repeat: no-repeat; background-position:  calc(100% - 10px) 12px; padding-right: 80px; background-size: 30px auto; color: #878787; }


.Module_Kontakt .LeftRow { float: left; width: 75%; font-size: 12px; line-height: 100%; margin: 0px; vertical-align: baseline}
.Module_Kontakt .LeftRow A { font-size: 12px; color: #000; text-decoration: underline; line-height: 100%; margin: 0px; vertical-align: baseline}
@media screen and (min-width: 768px) and (max-width: 1460px) {
.Module_Kontakt .Form {
    width: 60%;
}
 .Module_Kontakt .Kontakte {
     width: 40%;
     margin: 0px;
     margin-top: -100px;
 }
.Module_Kontakt .Kontakte .MainTitle {
    font-size: 3em; line-height: 120%;
}
.Module_Kontakt .Kontakte .Item { padding-top: 20px; padding-bottom: 0px; margin-bottom: 20px; }

.Module_Kontakt .OverlayContent {}
.Module_Kontakt .MainForm.Inner {
    padding:20px;}
 }

@media screen and (min-width: 0px) and (max-width: 1000px) {
.Module_Kontakt .Form {
    width: 100%;

}
.Module_Kontakt .BoxTopic .MainTitle { margin-left: 0px;}
.Module_Kontakt .BoxTopic .TopicHolder {margin-left: 0px;}
.Module_Kontakt .Kontakte {
    width: 100%;
    margin: 0px;
}

.Module_Kontakt .Map { display: none;}
.Module_Kontakt .OverlayContent { margin-top: 40px;
    height:auto;}

.Module_Kontakt .BrancheWahl { margin-left: 0px;}
.Module_Kontakt .BrancheWahl { margin-bottom: 20px;}
 }


@media screen and (min-width: 0px) and (max-width: 767px) {
.Module_Kontakt .Map { display: none;}
 .Module_Kontakt .BoxTopic .MainTitle { padding: 20px; padding-bottom: 10px; font-size: 2em;}
.Module_Kontakt .BoxTopic .TopicHolder .Topic { width: 100%; float: none;
    height:auto;
    padding:10px;}
.Module_Kontakt .Form .Inner { margin-top: 0px;}
.Module_Kontakt .OverlayContent { margin-top: 0px;
    height:auto;}

.Module_Kontakt .BrancheWahl { margin-left: 0px;}
.Module_Kontakt .BrancheWahl { margin-bottom: 20px;}
SELECT.Styled { width: 100%;  }
.Module_Kontakt .MainForm.Inner {
    padding:0px;}

.Module_Kontakt .Field50 { float: none; width: 100%;}
.Module_Kontakt .Field50A { margin-right: 0px;}
.Module_Kontakt .Field50B { margin-left: 0px;}

.Module_Kontakt .Title { font-size: 1.5em;}
 }

.cc_banner-wrapper{z-index:9001;position:fixed; bottom:0px;}.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{display:none;text-indent:-1000px;overflow:hidden;width:100px;height:22px;background-size:cover;background-image:url(//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/logo.png);opacity:0.9;transition:opacity 200ms}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_banner-wrapper{height:66px}.cc_container{padding:15px 15px 15px;overflow:hidden;position:fixed;bottom:0;left:0;right:0}.cc_container .cc_btn{padding:8px 10px;background-color:#b07f47;cursor:pointer;text-align:center;display:block;width:33%;margin-left:10px;float:right;max-width:120px}.cc_container .cc_message{display:block}@media screen and (min-width: 500px){.cc_container .cc_message{margin-top:0.5em}}@media screen and (min-width: 768px){.cc_container{padding:15px 30px 15px}.cc_container .cc_btn{padding:8px 15px}}.cc_container{background:#fff;color:#999;font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;box-sizing:border-box;border:1px solid #ccc}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#FFF;background-color:#b07f47;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#b07f47;color:#FFF;opacity:0.8}.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#555}@-webkit-keyframes slideDown{0%{margin-top:-66px}100%{margin-top:0}}@keyframes slideDown{0%{margin-top:-66px}100%{margin-top:0px}}@-webkit-keyframes growDown{0%{height:0}100%{height:66px}}@keyframes growDown{0%{height:0}100%{height:66px}}.cc_container{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:slideDown;animation-name:slideDown}.cc_banner-wrapper{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-name:growDown;animation-name:growDown}



.cc_container .cc_btn, .cc_container .cc_btn:visited { background-color: #96c11f; border-radius: 0; font-family: Open Sans }
.cc_container { background-color: #000; color: #FFF; border: none; border-bottom: solid 1px #FFF; font-family: Open Sans ; font-size: 14px;}


@media screen and (min-width: 0px) and (max-width: 767px) { .cc_banner {   bottom:0px;                     height:100px;} }

.cc_container .cc_btn:Hover, .cc_container .cc_btn:hover { color: #000; background-color: #FFFFFF;}


@media screen and (min-width: 0px) and (max-width: 320px) {
    .Module_Moodboard .Text, .Module_Produkte .Text {font-size: 2em;}
}

.zone_aqp {

}