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/white.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;  }

.OverLayField DIV#ImageImage { max-width: 1280px; }

.DarkMode .OverLayField{
    background-image:url(/media/images/black.png);
}


A { text-decoration: none;}
BODY {
    background-color: #FFFFFF;

    font-style: normal;
    font-weight: 300; font-size: 12pt;
}
BODY {
    font-family: "Open Sans", "Arial";
    font-weight: 350;
    font-size: 12pt;
    -webkit-font-smoothing: antialiased;
    font-optical-sizing: auto;
    font-variation-settings:
            "wdth" 87.5;
}


BODY.NOScrollLeft { overflow-x: hidden;}
h1 { font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; margin-bottom: 20px;  text-transform: none  }
h2 { font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; margin-bottom: 10px; font-size: 1.4em; letter-spacing: 0.01em; text-transform: none}
h3 { font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; margin-bottom: 10px; font-size: 1em;}

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


DIV.MenuOuter { background-color: #FFF; padding-top: 30px; padding-bottom: 10px; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;}


DIV.MenuOuter.Fixed {
    position:  fixed; width: 100%; top:0px; padding-top: 10px; padding-bottom: 0px;


    border-bottom: solid 0px #CCCCCC;
    z-index: 999999;
    -webkit-box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);
    -box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);


}
DIV.MenuOuterHolder { background-color: #FFFFFF; position: fixed;
    top: 0px; left: 0px; z-index: 999999; width: 100%; }

DIV.MenuHolder { max-width: 1282px; z-index: 200 ; }
DIV.MenuHolder .Logo { line-height: 70px;  margin-top: 0px;}

DIV.MenuHolder .Logo IMG { vertical-align: top; height: 40px; width: auto;}
.Relative { position: relative;}


DIV.MenuHolder.FixedOverBG {
    position: absolute;
    top:20px;

    z-index: 999999;
    width: 100%;
    background-color: #FFFFFF;

    padding:20px;
    padding-bottom: 10px;
    line-height: 40px;
    background-image: url('/media/images/white-alpha.png');
}

DIV.MenuHolder.FixedOverBG .Logo {line-height: 50px;}
.FixedOverBG nav.Main ul li a, .FixedOverBG nav.Main ul li a:visited {
    line-height: 40px;
}

.Fixed DIV.MenuHolder .Logo { line-height: 40px;  margin-top: 10px;}
.Fixed DIV.MenuHolder .Logo IMG { height: 20px; width: auto }
.Fixed nav ul li a, .Fixed nav ul li a:visited {
    line-height: 40px;
}

.Fixed nav.Main ul li a, .Fixed nav.Main ul li a:visited {
    line-height: 40px;
}

.MainContent {
	xposition: relative;
	min-height: 0px;
	margin: 0 0 0 0px;
    margin-top: 120px;
	
}


.Module_Download { max-width: 1282px; border-top:  solid 1px #ededed; margin-left: 0px; margin-right: 0px; }


@media screen and (min-width: 0px) and (max-width: 1460px) {
     DIV.MenuOuter { padding-left: 30px; padding-right: 30px;}
 }



.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; background-color: #000;}
A.Button SPAN { vertical-align: baseline; font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; color: #3f3f3f;  display: inline-block;   height: calc(2em - 32px);}

A.ButtonLarge { width: 100%; padding: 40px; text-align: center}

.LangSelector { position: fixed; left: 40px; bottom:40px; z-index: 999; color: #3f3f3f; text-transform: uppercase; font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase}
.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: #3f3f3f;}
.LangSelector A.Active { color: #ffd340;}

.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: #FFFFFF;

    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: 1282px;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;}



.Field .FieldInput INPUT.Field {padding: 10px; border: solid 1px #ededed; margin-bottom: 20px;}
.Field label { margin-bottom: 10px; display: block;}

@media screen and (min-width: 640px) and (max-width: 1100px) {
    .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: 640px) {
.Module_Social-feed .Item { width: calc(49% - 20px);}

}



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

.Space {
    height:20px;}


.nivoSlider { width:180px; height:180px; overflow:hidden;  position:relative; border: solid 1px #ccc; cursor:pointer; transition: all .3s ease-in-out;}
.nivoSlider:Hover { opacity:.8;}
.nivoSlider IMG { width:180px; height:180px;}



.MinifiedHead { max-width: 1282px; padding-top: 40px; padding-bottom: 20px;}
.MinifiedHead .Left { float: left;}
.MinifiedHead .Right { float: right;}

.MinifiedHead .TextSetter { text-align: left;}
@media screen and (min-width: 640px) and (max-width: 1100px) {
DIV.MenuHolder { max-width: 90%; }
.NoSmall {
    display: none;
}
.SmallOnly { display: block;}

}

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

}
.TabletPortraitOnly { display: none;}


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

 }

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

.MinifiedHead .Left { float: none; margin-bottom: 20px; text-align: center;}
.MinifiedHead .Right { float: none; margin-bottom: 0px; text-align: center;}

}


.Module_Blog { max-width: 1282px; text-align: left;}


.Module_Home-slider { margin:0px;}
.Module_Home-slider .Outer { width: 100%; overflow: hidden;}
.Module_Home-slider .Inner { }
.Module_Home-slider .Item { float: left; height: 500px; width: 100px; background-size: cover; background-repeat: no-repeat; }

.Module_Home-slider .HomesliderOverlay { margin-top: 20px; margin-bottom: 20px;}
.Module_Home-slider .HomesliderOverlay .HomesliderOverlayInner { display: inline-flex;}
.Module_Home-slider .HomesliderOverlay .LinkItem {float: left; margin-left: 10px; margin-right: 10px; color: #000000; background-color: #686769; width: 10px;
    height:10px; border-radius: 5px; }



DIV.Link { color: #000000; cursor: pointer; text-transform: uppercase;}
DIV.SubTitle { color: #000000; cursor: pointer; font-family: "Open Sans";    font-style: normal;  font-weight :700;; text-transform: uppercase; margin-bottom: 10px;}
DIV.FormZone { border:solid 1px #ededed; padding: 20px; background-color: #FFFFFF; line-height: 2em;;}



@media screen and (min-width: 0px) and (max-width: 640px) {
    DIV.FormZone { border: none;  }

 }


.Menu_Vertical { display: none;}

@media screen and (min-width: 600px) and (max-width: 1280px) {
    DIV.MenuHolder { max-width: 100%}

}
$ViewPortSmal1l {
    .Menu_Vertical { display: block;}
    .MenuOuter { display: none;}
    .MainContent { margin-left: 50px;}





}
@media screen and (min-width: 0px) and (max-width: 640px) {
    h1 { font-size: 1em;}
    .Menu_Vertical { display: block;}
    .MenuOuter { display: none;}
    .MainContent { margin-left: 50px;}

}

@media screen and (min-width: 0px) and (max-width: 1000px) {
.MinifiedPage .MainContent { margin: 0px;}
.MinifiedPage DIV#DIEGO_ContentHolder {margin-left: 0px; margin-right: 0px;}
}

.Module_Home-slider-4 { margin:0px;   padding-top: 0px; padding-bottom: 0px; background-color: #FFFFFF; margin-bottom: 40px; }
.Module_Home-slider-4 .Outer {overflow: hidden; width: 100%; max-width: 1282px; }
.Module_Home-slider-4 .Item {  height: 500px; width: 100px; background-size: cover; background-repeat: no-repeat; position: absolute; border:solid 0px #000000; background-position: center top}



@media screen and (min-width: 0px) and (max-width: 640px) {
 .Module_Home-slider-4 {margin: 10px;}
.MinifiedPage DIV#DIEGO_ContentHolder {margin-left: 0px; margin-right: 0px;}
 }

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400);


.TransferHolder {
    max-width: 1282px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;

}
.TransferHolderMenu {

    padding-top: 40px;
    padding-bottom: 40px;
    text-align: left;
    background-color: #FFFFFF;

}



.TransferHolder DIV.MenuHolder { text-align: left; width: 100%; max-width: 1282px;}
.TransferHolder A { color: #000000;}
.TransferHolder .FieldInput { padding: 0px; margin-top: 10px; margin-bottom: 10px;}
.TransferHolder .FieldInput INPUT.Field { border:solid 1px #666666; outline: none;}


div.Tabs UL { margin:0px; padding:0px; list-style-type:none;}
div.Tabs {
    height:42px;
    margin-bottom:10px;
}
div.Tabs UL LI, div.ArticleBorder3 DIV.Tabs ul li {
    list-style-type:none;
    float:left;
    margin-right:6px;
    -moz-user-select:none;
    padding:10px;

    background-color:#333;
    background-repeat:repeat-x;
    color:#FFF;

    font-size:9pt;
    padding:8px;

    text-align:center;


}

div.Tabs UL LI.Active, div.ArticleBorder3 DIV.Tabs ul li.Active {
    background-color:#F0D092;
    background-repeat:repeat-x;
    color:#333;

    font-size:9pt;
    letter-spacing:.1em;
    padding:8px;
    cursor:pointer;
    opacity:1;
}

div.Tabs UL LI.Active A {
    color:#333;
}

div.Tabs A {
    color:#ccc;
    text-decoration:none;
    -moz-user-select:none;
}

/*
DIV.MainContentRotate { display: none;}
DIV.MainContent { display: block;}
.landscape.mobile DIV.MainContent {

    display: none;

}

.landscape.mobile DIV.MainContentRotate {
    display: block;
    height: 100vh;
    font-weight: 500;
    letter-spacing: 0.05em;
}

DIV.MainContentRotate IMG { height: 50vh; margin-bottom: 10px;}
*/

.Module_Text-bild20 {}
.Module_Text-bild20 .Holder { max-width: 1282px;}
.Module_Text-bild20 .Inner { text-align: left;}

.Module_Text-bild20 .TextBild20TextImage { width: calc(40%  - 40px); margin-right: 40px; float: left; }
.Module_Text-bild20 .TextBild20TextImage .TextBild20TextImageInner { background-size: cover; background-position: center center;}
.Module_Text-bild20 .TextBild20Text { width: calc(60%); float: left; text-align: left; font-size: 110%; line-height: 150%; }
.Module_Text-bild20 .TextBild20Text { background-color: #ffffff; margin-top: 10px;  margin-left: 0px; padding:10px; }
.Module_Text-bild20 .TextBild20Text A { color: #3f3f3f; text-decoration: underline;}
.Module_Text-bild20 .TextBild20Text UL { margin: 0px; padding: 0px; list-style-position: outide; margin-bottom: 20px; margin-left: 20px; }

@media screen and (min-width: 0px) and (max-width: 640px) {
    .Module_Text-bild20 .TextBild20TextImage { width: calc(100% ); margin: 0px; float: none; }
    .Module_Text-bild20 .TextBild20Text { width: calc(100% ); margin: 0px; float: none; font-size: 90% }

 }

.Module_Imagebild {max-width: 1282px; margin-bottom: 30px;}
.Module_Imagebild, .Module_Story, .Module_Galerie { text-align: center; padding-top: 20px; }
.Module_Imagebild .Bild , .Module_Story .Bild  { background-size: cover; background-repeat: no-repeat; background-position: center center;  }
.Module_Imagebild .Bild.Gross, .Module_Story .Bild.Gross  { height: 750px;}

.Module_Imagebild .Inner, .Module_Story .Inner{   }

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

.Module_Imagebild h1 , .Module_Story h1 { color: #FFF;  font-size: 4em;  margin-bottom: 0px; }
.Module_Imagebild .Gross h1, .Module_Story .Gross h1 { }
.Module_Imagebild .Klein h1, .Module_Story .Klein h1 { padding-top: 80px; padding-bottom: 80px; font-size: 2em;}

.Module_Imagebild .Klein { background-color: #004074; }

.Module_Imagebild .Klein.NoImage { }
.Module_Imagebild .Klein.NoImage .Inner.AddGrid {  background-image: url('/media/images/grid.png');}
.Module_Imagebild .Klein.NoImage .Inner {  background-image: none; }

.Weddings .Module_Imagebild h1, .Weddings  .Module_Story h1 {
 font-size: 2.4em;
 text-align: left;
 padding-left: 20px;
 -webkit-font-smoothing: antialiased;
}

.Weddings .Module_Imagebild .Inner, .Weddings  .Module_Story .Inner {
 max-width: 1282px;
}

@media screen and (min-width: 640px) and (max-width: 1100px){
.Module_Imagebild .Bild.Gross, Module_Story .Bild.Gross {
 height:500px;}

.Module_Imagebild {max-width: 100%; margin-left: 20px; margin-right: 20px; }


}

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

@media screen and (min-width: 0px) and (max-width: 640px) {
.Module_Imagebild .Bild{ height: 200px;}
.Module_Imagebild .Bild.Gross { height: 250px;}
.Module_Imagebild h1, .Module_Story h1 { font-size: 3em;}
.Module_Imagebild h1 , .Module_Story h1 { color: #FFF;  font-size: 2em; line-height: normal; }

.Weddings .Module_Imagebild h1, .Weddings  .Module_Story h1 {
 font-size: 1.8em;
}

.Weddings .Module_Imagebild, .Weddings .Module_Story, .Weddings .Module_Galerie {  padding-top: 0px; }

 }

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


.Module_Moodboard { max-width: 1282px;  padding-top: 30px; padding-bottom: 30px;}
.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; }
.Module_Moodboard .Item2x1,
.Module_Produkte .Item2x1 { width: 730px; height: 355px;}
.Module_Moodboard .Item2x2,
.Module_Produkte .Item2x2{ width: 730px; height: 730px;}

/*
.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;}

.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-style: normal;  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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase;  position: absolute; bottom: 0px; margin-bottom: 0px; }


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

@media screen and (min-width: 640px) and (max-width: 1100px) {
.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: #3f3f3f;
                                                                           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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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;}

.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;}


.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: #3f3f3f; 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: 640px) and (max-width: 1100px) {

.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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase;
}

.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: 640px) and (max-width: 1100px) {
.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: 640px) {
.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: 20px; height: 30px; width: auto;}
.menu {
	position: fixed;
	top: 120px;
	left: 0;
	width: 300px;
	height: calc(100vh - 120px);
	background: #000000;
	opacity: 1;
	z-index: 900;
	text-align: left;
}

.menu__wrap {
	position: absolute;
	top: 140px;
	left: 8px;
	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: "Gotham Narrow A", "Gotham Narrow B";
	font-weight :normal;
	font-size: 1em;
	letter-spacing: 0.05em;
	position: relative;
	display: block;
	padding: 1em 2.5em 1em 1.5em;
	padding-top:20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 40px;
	color: #FFFFFF;
	-webkit-transition: color 0.1s;
	transition: color 0.1s;
}

.menu__link[data-submenu]::after {
	content: '\25BE';
	font-family: 'feather';
	position: absolute;
	margin-left: 10px;
	padding: 0px;
	padding-right: 0px;
	padding-top: 0px;
	color: #FFFFFF;
	font-size: 80%;
}

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

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

UL.MainMenu { list-style-type: none;
	margin:0px;}
UL.MainMenu LI {float: left;}

[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: fixed;
	padding-top: 100px;
	padding-left: 29px;
}

.menu__breadcrumbs.NoBC {
	display: none;;
}

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

.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: 640px) and (max-width: 1100px) {
	.action--open {

	}
}

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

@media screen and (max-width: 1282px) {
	.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;
		overflow: hidden;;
	}
	.menu--open {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	.MenuLogo {display: none;}
	.MainContent { margin: 0px; margin-left: 0px; margin-top: 120px;}


	.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: 50% auto;



	}
	.MenuAdditionalContent {
		display: block;
		position: fixed;
		bottom:20px;
		left:30px;
	}
	.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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; cursor: pointer;  }
	.MenuAdditionalContent .Lang UL LI A.Active { color: #ffd340;}
	.TRLogo { display: block; z-index: 1002;  }
}

.SideMenuLogo IMG { margin: 30px; width: 100px;
	height:auto;}

@media screen and (min-width: 640px) and (max-width: 1100px)1 {
.MainContent { margin: 0px; margin-left: 80px;}
.MenuAdditionalContent IMG {
	height:40px; width: auto;}

.MenuOuterHolder { display: none;}



 }

@media screen and (min-width: 0px) and (max-width: 640px) {
	.MenuOverlay { width: 40px; background-position: center bottom 60px; background-size: 20px; auto;}
	.action--open {
		font-size: .8em;
		top: 1em;
		left: 5px;
	}
	.MainContent { margin: 0px; margin-left: 0px; margin-top: 80px;}
	.Weddings  .MainContent { margin: 0px; margin-left: 0px; margin-top: 60px;}

	.MinifiedPage .MainContent { margin-left: 0px;}
	.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;}
.menu__breadcrumbs { padding-top: 90px;}
.menu__wrap { top:110px;}
.MenuOuterHolder { display: none;}


.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: 0px;}

.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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase;
	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: #3f3f3f; 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 #3f3f3f;
	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:#3f3f3f; 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: 1282px) {

}


.MinifiedPage  .MainContent { margin-top: 0px;}

.Module_Livedaten { margin-left: 0px; margin-right: 0px; background-color: #ffffff; font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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:#3f3f3f; 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: 640px) and (max-width: 1100px) {
     .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: 640px) {

.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: #3f3f3f;
    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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: #3f3f3f; text-transform: uppercase; font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase;  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: 640px) and (max-width: 1100px) {
 .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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; }
}
@media screen and (min-width: 0px) and (max-width: 640px) {
.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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; float:none; xwidth: 900px; padding-top: 60px;}
.Module_Verbinden .Button { padding-top: 20px; padding-left: 60px;}


.MainText A { color: #3f3f3f;}
.MainText A:Hover { color: #000;}

.MainText UL, .MainText OL { margin:20px; margin-left:40px;}
.MainText UL#slider_vertical { margin:20px; padding: 0px; }
.MainText { margin-bottom: 20px; line-height: 170%;}
.MainText .SHAREBox { margin-top:40px; }
.MainText .SHAREBox { opacity: .7;}
.MainText .SHAREBox:Hove { opacity: 1;}
.MainText .Inner { text-align: left; }


.MainText A.Button, .SchnellbuchungInner A.Button, .Module_Shop A.Button, .Module_News-detail A.Button , .Diego A.Button { background-color: #000000; color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; border: none; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; font-family: "Open Sans";    font-style: normal;  font-weight :700;; cursor: pointer; text-transform: none; border:solid 1px #000000; letter-spacing: 0.05em;}
.MainText A.Button:Hover, .SchnellbuchungInner A.Button:Hover, .Module_Shop A.Button:Hover, .Module_News-detail A.Button:Hover, .Diego A.Button:Hover  { background-color: #FFFFFF; color: #000000; }

.Module_Text-auflistung { max-width: 1282px;  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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; margin-bottom: 80px; }
.Module_Text-auflistung .Title { font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; color:#3f3f3f; 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; }


.MainText .BildImText { float: left; width: 20%;}
.MainText .BildImText .Inner {  width: 90%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; background-position: center center;}
.MainText .Text { float: left; width: 80%;}

.MainText .Box { border: solid 1px #666666; background-color: #EEEEEE; padding: 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: 640px) and (max-width: 1100px) {
    .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: 1282px; 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-style: normal;  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: 640px) and (max-width: 1100px) {
 .Mo
 .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: 1282px; 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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase ; 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 */
.PagePart.Module_Langtext { margin: 0px; margin-bottom: 0px;}

.Module_Langtext {   background-color: #FFF; }
.Module_Langtext { padding-top: 30px; padding-bottom: 30px; }
.Module_Langtext .Inner { max-width: 1282px;}
.Module_Langtext p { margin-bottom: 1em;}

/* THEMENBOX */

.Module_Text-themen {  max-width: 1282px; 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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase ; 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: #3f3f3f; }
.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: #3f3f3f; 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: 1282px; 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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; color:#3f3f3f; 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: 640px) and (max-width: 1100px) {
    .PagePart.Module_Langtext { margin-left: 20px; margin-right: 20px; border: solid 1px #ededed;}
    .Module_Langtext .Inner { margin-left:20px; margin-right: 20px;  background-color: #FFF; }
    .Module_Text-themen .Box_Text .Inner {

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


    .MainText .BildImText { float: left; width: 30%;}
    .MainText .BildImText .Inner {  width: calc(100% - 20px); border-radius: 50%; margin-left: 0px; }
    .MainText .Text { float: left; width: 70%;}

 }



@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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; }

    .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: 640px) {
.Module_Langtext { padding: 20px; padding-left: 20px; padding-right: 20px;}
.Module_Text-themen .Box_Text .Inner h1 { font-size: 2em;}
.Module_Text-bild .BildHolder {    min-height: 300px;}

.Module_Text-auflistung .MainTitle { margin-bottom: 0px;}
.MainText .BildImText { float: none; width: 60%; margin-left: 20%; margin-right: 20%; margin-top: 20px; }
.MainText .BildImText .Inner {  width: 100%;   }
.MainText .Text { float: none; width: 100%;}

.MainText A.Button, .SchnellbuchungInner A.Button { width: 100%; text-align: center; text-transform: none}


 }


.Module_Team { margin-top: 20px; max-width: 1282px;}
.Module_Team .Claim { width: 20%; background-color: #000; color: #FFF; font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase ; color:#3f3f3f;}
.Module_Team .Items .Box .CountSmall { font-size: 2.2em;}

.Module_Team .Items .Box .Titel { font-family:"Open Sans";     font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: #3f3f3f; background-image:url('/media/images/grid-color.png'); font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase ; color:#FFF;; }
.Module_Team .Teaser2 { float:left; width:50%;  background-color: #000000; font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase ; 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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase;
  font-size:16pt;
  position: relative;
  //display:block;
  height: auto;
  width: auto;
  margin: 0;
  padding: 5px 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
letter-spacing: 0px;
  color: #383736;
  border: none;
  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: #FFFFFF;
  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 #000000; color: #FFFFFF; background-color:#000000 ; }
button.fill2 A { color: #FFFFFF;}
button.fill2:Hover A { color: #000000;}



@media screen and (min-width: 640px) and (max-width: 1100px) {
   .Module_Team .Claim {
     font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase;
   }
  .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: 640px) {
  .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: 1282px;}
.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-style: normal;  font-weight :700;; margin-left: 40px; margin-right: 40px; margin-top: 20px; margin-bottom: 20px;}
.Module_Marke .BrandModule .Name { font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: 1282px;}
.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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; margin-bottom: 40px;}
.Module_Marke .MarkeAdditional .Text { font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase;}

/*
ü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: 1282px;}

.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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase;}

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

 }

@media screen and (min-width: 640px) and (max-width: 1100px) {
.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: 640px) {
.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: 1282px; }
.Module_Markenslider .Inner { background-color: #FFF; border:solid 1px #ededed; padding: 30px;}
.Module_Markenslider .Titel { float: left;  font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: 640px) and (max-width: 1100px) {
 .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: 640px) {
    .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;  margin-right: 0px; margin-left: 0px;  font-size: 90% }
.Module_Footer .Line { border-top: solid 1px #000; margin-bottom: 10px; }
.Module_Footer A { color: #000; margin-right: 20px; text-transform: uppercase; }
.Module_Footer A:Hover { border-bottom: solid 1px #000;}

.Module_Footer .Copy A, .Module_Footer .Copy A:Hover { border-bottom: none; text-decoration: none; margin: 0px;}
.Module_Footer .MData { background-color: #FFF;}
.Module_Footer .Inner { padding-top: 80px; padding-bottom: 80px; background-color: #FFF; padding-top: 20px; max-width: 1282px; text-align: left;}
.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; vertical-align: middle; height: 20px;margin-top: -5px; }
.Module_Footer .Copy IMG:Hover {opacity: .7;}


.Module_Footer .Blacked { background-color: #000000; color:#FFF; }
.Module_Footer .Blacked .Inner { background-color: transparent; padding-top: 40px; padding-bottom: 40px;}
.Module_Footer .Block { float: left; }
.Module_Footer .BlockA { margin-right: 40px;}

.Module_Footer .Title { text-transform: uppercase; margin-bottom: 10px; font-weight: 400;}

.IGItem {float: left; width: calc(16.666666666667% - 0px); margin-right: 0px;  background-repeat: no-repeat; background-size: cover; }

.zone_tom .Module_Footer .MData,
.zone_tom .Module_Footer .MData .Inner{
    background-color: #000000;
    color:#FFFFFF;
}

.zone_tom .Module_Footer .Blacked .Inner { padding-top: 40px; padding-bottom: 20px;}

.zone_tom .Module_Footer .Line { border-top-color: #ffffff;}
.zone_tom .Module_Footer A { color: #FFFFFF; }
.zone_tom .Module_Footer A:Hover { color: #CCCCCC; border-color: #CCCCCC; }
.zone_tom .Module_Footer .Copy IMG { filter: invert(); }
@media screen and (min-width: 0px) and (max-width: 1460px) {
 .Module_Footer .Blacked, .Module_Footer .MData { padding-left: 20px; padding-right: 20px;}
 }

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

 .Module_Footer .IGHolder { margin-bottom: 20px; margin-left: -2px; width: calc(100% + 4px); }
.IGItem {float: left; width: calc(16.666666666667% - 4px); margin-left: 2px; margin-right: 2px;  background-repeat: no-repeat; background-size: cover; }
.Module_Footer .Blacked{ background-color: #000000;  color: #FFFFFF; border-top: solid 1px #ededed; padding-left: 20px; padding-right: 20px; }
.Module_Footer .Inner, .Module_Footer .MData  { background-color: #FFFFFF; }
.Module_Footer .MData { padding-left: 20px; padding-right: 20px;}
.Module_Footer .Blacked .Inner { padding-bottom: 0px; padding-top: 20px;}
.Module_Footer .Meta { float: none; width: auto; margin-bottom: 20px;}
.Module_Footer .Meta A { margin-bottom: 8px;}
.Module_Footer .Copy { float: none; width: auto; text-align: left; line-height: normal;  }
.Module_Footer .Copy A { display: inline; float: right;}
.Module_Footer .Line { display: none;}
.Module_Footer .Inner { padding-bottom: 20px;}
}




@media screen and (min-width: 0px) and (max-width: 640px) {
    .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;}

    .Module_Footer .IGHolder { margin-bottom: 20px; margin-left: -2px; width: calc(100% + 4px); }
    .IGItem {float: left; width: calc(33.333333% - 4px); margin-left: 2px; margin-right: 2px;  background-repeat: no-repeat; background-size: cover; }

}





/**
 * 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: 1282px;}
.Module_Video .InPagePlayer  { z-index: 0;}

.Module_Video-header { margin-top:20px ;  background-image: url('/media/images/grid-color.png'); max-width: 1282px; }
.Module_Video-header .Inner {  padding:80px; }
.Module_Video-header .Inner .InPagePlayer {float: left;}
.Module_Video-header .Inner .Text {float: left; font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: 640px) and (max-width: 1100px) {
.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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; font-size: 70px;  color: #FFFFFF; }


 }



@media screen and (min-width: 0px) and (max-width: 640px) {
.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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase;  color: #FFFFFF; }
 }


.Module_Timeline {max-width: 1282px; }
.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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; color:#FFF;}
.Module_Timeline .Chronic .Wert { color:#000; font-size: 90%;}


.Module_Timeline .MainTitle { font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; color: #000;  border-bottom: solid 1px #686769;}
.Module_Timeline .MainTitle .MainTitleInner {
    padding:40px; padding-top: 20px; padding-bottom: 10px;}


@media screen and (min-width: 640px) and (max-width: 1100px) {
.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: 640px) {
.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: 1282px; 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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; color:#3f3f3f; }
.Module_Vertrieb A { color:#3f3f3f; }
.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: 640px) and (max-width: 1100px) {
.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: 640px) {
 .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_Story {  }

.Module_Story h1, .Module_Vorschau h1 {  padding-top: 100px; }
.Module_Story .Head, .Module_Galerie .Head, .Module_Vorschau .Head { max-width: 1282px; }
.Module_Story .ButtonArea .Inner { max-width: 1282px; background-color: #FFF;
    padding:40px; border:solid 1px #ededed;}
.Module_Story .Head .Hand { color: #FFF; font-size: 3em; margin-top: 0px; }
.Module_Story .Space {
    height:10px;}

.PagePart.Module_Vorschau  { padding-top: 40px;}
.Module_Vorschau .Head .Bild { background-size: cover; background-repeat: no-repeat;}
.Module_Story .StoryHolder, .Module_Vorschau .StoryHolder, Module_News-detail .StoryHolder { max-width: 1282px; }
/* ---- grid ---- */
.Module_Vorschau .Head .Bild { color: #FFFFFF; }
.Module_Vorschau .Head .Bild h1 { font-size: 3em; color: #FFFFFF; }

.Module_Story .PackeryToGrid, .Module_Vorschau .PackeryToGrid, .Module_Galerie .PackeryToGrid, .Module_News-detail .PackeryToGrid {margin-left: -10px; }
@media screen and (min-width: 0px) and (max-width: 640px) {
.Module_Story .PackeryToGrid, .Module_Vorschau .PackeryToGrid, .Module_Galerie .PackeryToGrid, .Module_News-detail .PackeryToGrid {margin-left: 0px; }

 }

.Module_News-detail .GalleryDarkHolder  .PackeryToGrid { margin-left: 0px !important; }

.grid-item { -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; opacity: 0; width: calc(25% - 0px);  border:solid 0px #000; }
.grid-item--width2 { width: 25%; }
.grid-item--width2.LandscapeLarge { width: 50%; }
.grid-item--width2.LandscapeLarge100 { width: 100%; }

.grid-item--portrait.PortraitLarge { width: 50%; }

.grid-item .padding {     padding:10px;  }
.grid-item .padding .item {  background-size: cover; background-repeat: no-repeat; background-position: center center}



.AllPictures .grid-item { width: 16.66666%; }
.AllPictures .grid-item--width2 { width: 16.6666%; }
.AllPictures .grid-item--width2.LandscapeLarge { width: 25%; }


.Module_Story DIV#Filterbox { background-color: #004074; color: #FFF; max-width: 1282px; margin-bottom: 20px;}
.Module_Story DIV#Filterbox .Padding { padding: 20px; text-align: left;}
.Module_Story DIV#Filterbox .Anzeige { float: left; margin-right: 0px;}
.Module_Story DIV#Filterbox .Kapitel { float: right; line-height: 40px; }
.Module_Story DIV#Filterbox .Kapitel SELECT { margin-left: 10px; padding: 10px;   height:40px; }

.AllPictures .grid-item .padding { padding:3px;  }


.PagePart.Module_Galerie, .PagePart.Module_Vorschau { max-width: 1282px;  }

@media screen and (min-width: 1400px) {
.Module_Galerie .grid-item { width: 25%;}
.Module_Galerie .grid-item--width2 { width: 25%; }
.Module_Galerie .grid-item--width2.LandscapeLarge { width: 50%; }
.Module_Galerie .grid-item--width2.LandscapeLarge100 { width: 100%; }


.Module_Vorschau .grid-item { width: 25%;}
.Module_Vorschau .grid-item--width2 { width: 25%; }
.Module_Vorschau .grid-item--width2.LandscapeLarge { width: 50%; }
.Module_Vorschau .grid-item--width2.LandscapeLarge100 { width: 100%; }
 }

.Module_Story .Anzeige .StorySelectionLabel { float: left; margin-right: 20px; background-color: #004074; color: #FFF;
    height:36px; line-height: 36px; padding-left: 0px; padding-right: 0px; cursor: pointer; border-bottom:solid 4px #004074; color:#FFF; font-size: 80%; text-transform: uppercase; letter-spacing: .05em; }

.Module_Story .Anzeige .StorySelectionLabelActive { border-bottom-color: #ffd340; }

.Module_Story .Anzeige .StorySelectionLabel INPUT { display: none;}

.Module_Multialbum {padding-top: 40px; padding-bottom: 40px;}
.Module_Multialbum { max-width: 1282px}
.Module_Multialbum .Selector { background-color: #FFFFFF; border: solid 1px #333333; padding: 30px;}
.Module_Multialbum .Item { cursor: pointer; width: calc(100% / 3) ; float: left; padding-top: 8px; padding-bottom: 8px; line-height: 22px;}
.Module_Multialbum .Item:Hover,.Module_Multialbum .Item.Active { font-weight: bold;}
.Module_Multialbum .Item.Active {color: #686769;}
.Module_Multialbum .GalleryDisplayHolderSelect { background-color: #FFFFFF; border: solid 1px #333333; padding: 30px;}


.grid__item.Portrait IMG { display: inline-block;}

.Module_Multialbum  .Gross .grid__item.Portrait { background-color: transparent;}
@media screen and (min-width: 640px) and (max-width: 1100px){
.Module_Imagebild .Bild.Gross {
    height:500px;}
.grid-item .padding {
    padding:5px;  }
}

@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: 640px) {
.grid-item { width: 100%; }
.grid-item--width2 { width: 100%; }
.grid-item--width2.LandscapeLarge { width: 100%; }
.grid-item--width2.LandscapeLarge100 { width: 100%; }

.Module_Story .Head .Hand { color: #FFF; font-size: 1.5em; margin-top: 0px; }
.grid-item .padding {
    padding:0px; padding-bottom: 10px;  }
.Module_Story .ButtonArea .Inner { padding:20px; }
.Module_Story .Head { margin-bottom: 10px; }

.AllPictures .grid-item { width: 33.333333%; }
.AllPictures .grid-item--width2 { width: 33.333333%; }
.AllPictures .grid-item--width2.LandscapeLarge { width: 50%; }
.AllPictures .grid-item--width2.LandscapeLarge100 { width: 100%; }



.Module_Multialbum .Item {float: none; width: auto;}
.Module_Multialbum .GalleryDisplayHolderSelect { background-color: none; border: none; padding: 0px;}
}

DIV#CloseButton { display: none; position: fixed;
    right:20px;
    top:20px; z-index: 99999999;}



@charset "UTF-8";
.navigation {
    height: 70px;
    background: transparent;
}



.brand {
    position: absolute;
    padding-left: 20px;
    float: left;
    line-height: 70px;
    text-transform: uppercase;
    font-size: 1.4em;
}
.brand a,
.brand a:visited {
    color: #ffffff;
    text-decoration: none;
}

.nav-container {
    max-width: 1282px;
    margin: 0 auto;
}

nav.Main {
    float: left;
    margin-left: 20px;
}
.zone_tom nav.Main {
    float: right;;
}
nav.Main ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav.Main ul li {
    float: left;
    position: relative;
}
nav.Main ul li a,
nav.Main ul li a:visited {
    "Open Sans";
    display: block;
    padding: 0px;
    line-height: 70px;
    text-transform: uppercase;
    background: none;
    color: #959595;
    text-decoration: none;
    font-family: "Open Sans";
    font-style: normal;
    font-size: 11px;
    letter-spacing: 0pt;
    font-weight: 600;
    padding-left: 20px;
}
.zone_tom nav.Main ul li a,
.zone_tom nav.Main ul li a:visited {
    font-family:"Open Sans";
    text-transform: none;
    font-weight: 400;
    font-size:100%;
    color: #000000;
    font-variation-settings:
            "wdth" 90;

}

.zone_tom nav.Main ul li a:not(:only-child):after,
.zone_tom nav.Main ul li a:visited:not(:only-child):after {
    top:13px;
}

nav.Main ul li a:hover,
nav.Main ul li a:visited:hover {
    color: #004074;
}
nav.Main ul li a:not(:only-child):after,
nav.Main ul li a:visited:not(:only-child):after {
    padding-left: 4px;
    content: '▾';
    position: absolute;
    top:10px;
    right: calc(50% - 20px);
    font-size: 120%;
}
nav.Main ul li ul li {
    min-width: 190px;
    background-color: #FFF;
}
nav.Main ul li ul li a {
    padding: 15px;
    line-height: 20px;
}

.nav-dropdown {
    position: absolute;
    display: none;
    z-index: 300;
/*    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); */
}

/* Mobile navigation */
.nav-mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #FFFFFF;
    height: 70px;
    width: 70px;
}


/*
@media only screen and (max-width: 1100px) {
    .nav-mobile {
        display: block;
    }

    nav {
        width: 100%;
        padding: 70px 0 15px;
    }
    nav ul {
        display: none;
    }
    nav ul li {
        float: none;
    }
    nav ul li a {
        padding: 15px;
        line-height: 20px;
    }
    nav ul li ul li a {
        padding-left: 30px;
    }

    .nav-dropdown {
        position: static;
    }
}
*/
@media screen and (min-width: 1100px) {
    .nav-list {
        display: block !important;
    }
}

.nav-list.Hidden { display: none !important;}

#nav-toggle {
    position: absolute;
    left: 18px;
    top: 22px;
    cursor: pointer;
    padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #ffffff;
    position: absolute;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
    top: -10px;
}
#nav-toggle span:after {
    bottom: -10px;
}
#nav-toggle.active span {
    background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
}
#nav-toggle.active span:before {
    transform: rotate(45deg);
}
#nav-toggle.active span:after {
    transform: rotate(-45deg);
}

article {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
}


.Module_Diego .Holder {
    max-width: 1282px;
}

IMG.ImageViewerIcons {
    cursor:pointer;
    margin-right:10px;
    margin-top:0px;
    height: 30px;
    width: auto;
    z-index: 999;
}

body {background-image:none;}

.Header, .MenuWBG { background-color:#FFF;}


.Diego DIV.Padding {
    padding:20px;

}

.Diego { text-align:left;}
.Diego DIV.Content { margin-top:40px; margin-left:40px; width:800px;}
.Diego DIV.Space { height:20px;}


.Diego .PartOverviewButton {
    border:solid 1px #2d2d2d;
    margin-bottom: 10px;
    background-color: #2d2d2d;
    font-weight: bold;
    padding: 10px;
    float: left;
    margin-right: 20px;
    color:#FFD340;
}

.Diego .PartOverviewButton:Hover {
    cursor: pointer;
    background-color: #FFD340;
    color: #000000;
}

.Diego DIV.FooterContact { background-color:#151515;}

.Diego DIV.Footer DIV.Padding { padding:20px;}
.Diego DIV.Footer DIV.PaddingSmall { padding-left:0px; padding-right:0px; padding-top:8px; font-size:8p9;}
.Diego DIV.Right { float:right;}
.Diego DIV.Left { float:left;}
.Diego DIV.Clear { clear:both;}

.Diego A { text-decoration:none;}
.Diego .Footer A { color:#CCC;}
.Diego h2 { margin:0px; padding:0px; color:#000000; font-size:14pt; margin-bottom:20px; font-weight:normal;}
.Diego h1 { margin:0px; padding:8px; color:#000000; font-size:14pt; margin-bottom:20px; background-color:#2d2d2d; border-bottom: solid 5px #ffd340; font-weight:normal;	 }

.Diego .PageHeader { margin:0px; padding:8px; color:#FFD340; font-size:14pt; margin-bottom:20px; background-color:#2d2d2d; border-bottom: solid 3px #ffd340; border-top: solid 3px #ffd340; font-weight:normal;	 }
.Diego .PageHeader Label { font-size:10pt; line-height:30px }

.Diego INPUT.Field { padding:8px; border:solid 1px #CCC;}
.Diego INPUT.Button {  margin:0px; padding:8px; color:#FFD340; font-size:10pt; margin-bottom:20px; background-color:#2d2d2d;  border:none; border-bottom: solid 5px #ffd340;}
.Diego INPUT.Button2 { display:inline;  margin:0px; padding:4px; color:#FFD340; font-size:9pt; background-color:#2d2d2d;  border:none ; border-bottom: solid 3px #ffd340;}
.Diego INPUT.Button:Hover,INPUT.Button2:Hover { background-color:#000; }
.Diego INPUT.DownloadButton { background-image:url(/media/images/icon_download.gif); background-repeat:no-repeat; background-position: 8px center; text-indent:22px;   }
.Diego INPUT.DownloadButton:Hover {background-position:8px 11px;}

.Diego SELECT { padding:4px; border:solid 1px #CCC; font-family: "Open Sans"; font-weight: 300;}
.Diego A { color:#333;}
.Diego UL.Listing {list-style-type:none; margin:0px; padding:0px;}
.Diego UL.Listing LI { padding:8px; border-top: solid 1px #efefef;}
.Diego DIV.Datum { width:100px;}

.Diego DIV.Menu UL { margin:0px; padding:0px; list-style-type:none; margin:0px;}
.Diego DIV.Menu UL LI { float: left; margin-right:4px; padding:16px; border-bottom: solid 5px #2d2d2d;}
.Diego DIV.Menu {background-color:#151515; }
.Diego DIV.Menu A { color:#CCC;}
.Diego DIV.Menu LI.Active {border-bottom: solid 5px #ffd340;}

.Diego DIV.DiegoLogo {color:#CCC; border-bottom: solid 5px #ffd340; margin-top:70px; font-size:14px; line-height:20px;}
.Diego UL.SideMenu { margin:0px; padding:0px; list-style-type:none;}
.Diego UL.SideMenu LI { padding:8px; border-top: solid 1px #efefef;}



.Diego DIV.Paging A {  color:#FFD340; padding:3px; padding-left:6px; padding-right:6px; font-size:10pt;  }
.Diego DIV.Paging A.Active { color:#141414; background-color:#FFD340; border-bottom:solid 1px #131313; }
.Diego DIV.Paging { line-height:28px; background-color:#2d2d2d ; }
.Diego DIV.Paging DIV.Padding { padding:10px;}

.Diego DIV.ImageHolder { background-color:#2d2d2d;}
.Diego DIV.ImageHolder DIV.Padding { padding:10px;}

.Diego .Show { display:block;}
.Diego .Hide { display:none;}

.Diego DIV#OrderZone { float:none; padding: 40px; }

.Diego DIV#ImageZone { float:left; width:100%;}


.Diego.OrderBox .Padding { padding:8px;}
.Diego DIV.OrderBox { background-color:#FFFFFF;}
.Diego DIV.OrderBox DIV.RowA, DIV.OrderBox DIV.RowB { padding:8px;}
.Diego DIV.OrderBox DIV.RowA {  }
.Diego DIV.OrderBox .E1, DIV.OrderBox .E3, DIV.OrderBox .E2 { float:left;}
.Diego DIV.OrderBox .E4 { float:right;}
.Diego DIV.OrderBox .E1 { width:60px;}
.Diego DIV.OrderBox .E2 { width:60px;}
.Diego DIV.OrderBox .E3 { width:200px;}
.Diego DIV.OrderBox {  }




.Diego DIV.RowA { }
.Diego DIV.OrderBox H2 { color:#333; padding-bottom:8px; margin-bottom:0px; font-size:11pt; font-weight:bold; }

.Diego DIV.OrderBoxHighlight {    }

.Diego DIV.Notify { background-color:#2d2d2d; margin-bottom:10px; padding:10px; color:#FFD340;}

.Diego DIV.Box { background-color:#efefef;}
.Diego DIV.Box DIV.Padding { padding:20px;}

.Diego DIV.FieldTitle {float:left; width:120px;}
.Diego DIV.FieldInput { float:left; width:600px;}
.Diego DIV.FieldInput INPUT { width:600px;}

.Diego DIV.Checkout h1 { margin-bottom:0px;}#
.Diego IMG { border:none;}
.Diego A IMG { border:none;}

.Diego DIV.LoadInfo { font-size:9pt; color:#000000;}
.DarkMode .LoadInfo IMG { display: none;}
.Diego DIV.FieldTitle { padding:0px; line-height:36px;}
.Diego .DImage3 .LoadInfo { color: #FFFFFF;}

.Diego INPUT#Query { width:690px;}

.Diego DIV.RowC { border-bottom:solid 1px #999999; line-height:30px; font-size:11pt;}
.Diego DIV.RowC .E1 { float:left; width:80px;}
.Diego DIV.RowC .E5 { float:left; width:200px;}
.Diego DIV#MoreInfoZone { margin-left:20px; width:320px; float:left; }
.Diego DIV.Error { margin-top:5px; margin-bottom:15px; background-color:#CCC; font-weight:bold; font-size:10pt; padding:10px; border-top:solid 1px #999999; border-bottom:solid 1px #999;}


.DiegoLarge { }
.DiegoBG { background-color:#FFF;}

.Diego .GalleryImage { background-color:#efefef; border: solid 1px #ddd; margin:0px; float: left;}
.Diego .GalleryImageImage { margin:10px; cursor:pointer; }

/*
.Diego .GalleryImage1 { margin-right:10px; margin-bottom:10px;}
.Diego .GalleryImage2 { margin-right:10px;margin-bottom:10px;}
.Diego .GalleryImage3 { margin-right:10px;margin-bottom:10px;}
.Diego .GalleryImage4 { margin-right:10px;margin-bottom:10px;}
*/

.Diego .GalleryImage:Hover { border:solid 1px #000; opacity:0.8;}

.DiegoInnerHolder { max-width: 1282px; text-align:left;}
.DiegoLine { border-bottom: solid 3px #ffd340;}

DIV.Overlay { position:absolute;  background-color:#333; z-index:999; display:none; opacity: 1}
DIV.DImage { position:absolute; left:0px; top:0px; z-index:999999; }
DIV.DImage3 { position:absolute; left:0px; top:0px; z-index:999999; width:100%;  }


.ShawdowElement {
    -webkit-box-shadow: 2px 2px 21px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 21px 1px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 21px 1px rgba(0,0,0,0.75);
}


.RightShadow {
    -webkit-box-shadow: 10px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    10px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         10px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

DIV.Image3Holder { width:100%; opacity:1; }
DIV.Image3Holder .Balken {  display:block; position:fixed; top:0px; right:0px; }
DIV.Image3Holder .Balken .Button {border-bottom:none; margin:0px; padding:10px; margin:10px; cursor:pointer; border: solid 1px #ffd340; }
DIV.Image3Holder .Balken IMG { margin:10px;}

DIV.Image3Holder .Image3Actions { background-color:#1c1c1c; float:left; border-right: solid 0px #000;


    -webkit-box-shadow: inset -4px 0px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset -4px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: inset -4px 0px 3px 0px rgba(0,0,0,0.75);
    text-align: left;

}
DIV.Image3Holder .Image3Area { background-color:#2d2d2d; float:left;


}
DIV.Image3AreaInner {background-size:contain;   background-repeat:no-repeat; background-position: center center; max-width: 100%; max-height: 100%; max-width: 1440px; max-height: 1440px;}

DIV.Image3Holder .Image3Actions .Padding { padding:20px;}

.NavigationbuttonPrev, .NavigationbuttonNext {position: absolute; top:0px; left:0px; border:solid 0px #efefef; opacity:0; }
.NavigationbuttonPrev { background-image:url(/media/diego/images/prev1.png); background-repeat:no-repeat; background-position:center center;}
.NavigationbuttonNext { background-image:url(/media/diego/images/next1.png); background-repeat:no-repeat; background-position:center center;}

.NavigationbuttonPrev:Hover, .NavigationbuttonNext:Hover { opacity:.08;}

.NavigationbuttonPrev INPUT.Button, .NavigationbuttonNext INPUT.Button { padding:30px; padding-left:40px; padding-right:40px; margin-bottom:0px; border: solid 1px #ffd340; opacity:.5; }

DIV.Image3Holder .Image3Actions {color:#979797; font-size:10pt;}
DIV.Image3Holder .Image3Actions h3 { color:#FFd340; font-size:11pt; font-weight:normal; margin-bottom:10px; }

DIV.Image3Holder .Image3Actions TD.Label { color:#848484; vertical-align: top;}
DIV.Image3Holder .Image3Actions TD.Value { padding-left:10px; padding-bottom:4px; color:#999999; vertical-align: top;}

DIV.Image3Holder .Image3Actions UL { margin:0px; padding:0px; list-style-type:none;}
DIV.Image3Holder .Image3Actions UL LI {   }
DIV.Image3Holder .Image3Actions A { color:#C3C3C3; text-decoration:none; }
DIV.Image3Holder .Image3Actions A:Hover { color:#ffd340;}

DIV#ImageActionsScroller {height:100px; overflow:auto;}

INPUT.ToCart { width:36px; height:36px; background-image:url(/media/diego/images/34627a.png); border:none; background-color:transparent; background-position: 0px 0px;

    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;;
}
INPUT.ToCart:Hover { cursor:pointer; background-position: -36px 0px;}

.StarArea IMG { cursor:pointer;}
IMG.StarInactive { opacity:.3;}
IMG.StarInactive:Hover { opacity:.9;}

DIV#StarAreaTom IMG { cursor:pointer; opacity:.4 }
DIV#StarAreaTom IMG.StarInactiveTom { opacity:.1;}

TR.Highlight { border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
DIV.Image3Holder .Image3Actions TR.Highlight TD.Label { color:#ffd340;   }


DIV.Shareselect_Info { border: solid 1px #ccc; background-color:#FCFFF4; padding:10px; margin-bottom:20px;}

UL.ShareSelect { margin:0px; padding:0px; list-style-type:none; }
UL.ShareSelect LI.RowA { background-color:#DFDFDF;  }
UL.ShareSelect LI.RowB { background-color:#EDEDED;  }
UL.ShareSelect .Inner { padding:10px; }

DIV.PageHeader A.Button {color:#FFD340; font-size:12px; font-weight:400; line-height:32px;}
.PageHeader .Title { font-size:17px; line-height:32px;  }
.PageHeader .Tools { line-height:auto; margin-top: 4px;}

.SummaryRow { line-height:normal; background-color:#EDEDED; border-top:solid 1px #2d2d2d; border-bottom:solid 1px #2d2d2d; margin-top:20px; }
.SummaryRow .Inner { padding:10px;}
.SummaryRow .R { border-bottom: solid 1px #B9B9B9; padding-top:5px; padding-bottom:5px; text-transform:uppercase; }
.SummaryRow INPUT.Button, .Shareselect_Info INPUT.Button { margin:0px;}

INPUT.Button { cursor:pointer;}

UL.HelpArea { margin:0px; padding:0px; list-style-type:none; }
UL.HelpArea LI {  padding:10px; border-left:solid 2px #ccc; border-bottom:solid 1px #ccc; background-color:#efefef; cursor:pointer; margin-bottom:4px;}
UL.HelpArea .Active { font-weight:bold;}
UL.HelpArea LI .SectionB { display:none; margin-bottom:10px; margin-top:10px; background-color:#fff; padding:10px; border:solid 1px #ccc;}


.DIEGO_MiniNavigation  { width: 1282px; background-color: #3f3f3f; text-align: left; margin-bottom: 40px;}
.DIEGO_MiniNavigation UL { margin:0px;    padding:0px; list-style-type: none;  }
.DIEGO_MiniNavigation LI { float: left; margin-right: 20px; list-style-type: none;}
.DIEGO_MiniNavigation LI .Box {
    padding:20px;}

TABLE.DiegoListing TD { border-bottom: solid 1px #CCC; padding: 10px; }


.DiegoImagesHolder { padding-top: 40px; padding-bottom: 40px; margin-left: 20px; margin-right: 20px;}
.DiegoImagesHolder .GalleryImage { width: calc(100% / 5 - 30px); margin-left: 10px; margin-right: 10px; margin-top:10px; margin-bottom:10px ;overflow: hidden; }



.TransferDownload_Box { border:solid 1px #4c4c4c; margin-bottom: 20px; background-color: #efefef; font-size: 90%;}
.TransferDownload_Box h2 { text-transform: uppercase; margin-bottom: 10px; font-size: 14px; font-weight: bold; letter-spacing: 0.04em; color: #000000;}
.TransferDownload_Box .Item { margin-bottom: 10px; border-bottom:  solid 1px #4c4c4c; padding-bottom: 4px;}
.TransferDownload_Box .Item .Icon { width: 0px;
    height:24px;  background-size: contain; background-position: left center; float: left; background-repeat: no-repeat; }
.TransferDownload_Box .Item .Name{ float: left; width: calc(70% - 0px); line-height: 28px;   }
.TransferDownload_Box .Item .Size{ float: left; width: 10%; text-align: right; line-height: 28px; }
.TransferDownload_Box .Item .Download{ float: left; width: 20%; text-align: right; line-height: 28px;}

.TransferDownload_Box A.Button {  margin:0px; padding:4px; color:#FFD340; font-size:9pt; margin-bottom:0px; background-color:#2d2d2d;  border:none;  cursor: pointer;}
.TransferDownload_Box .Item:Hover { }



.HashTagFilter { text-align: left;}
.HashTagFilter .Item { display: inline; margin-right: 20px; text-transform: uppercase; cursor: pointer; }
.HashTagFilter .Item.Active { font-weight: bold;  line-height: 130%;}

DIV#ImageArea { }



.NavigationbuttonPrevViewer, .NavigationbuttonNextViewer {
    position: absolute;
    width: 100px;
    left: 10px;
    top:100px;
    height: calc(100vh - 200px);

}

.NavigationbuttonPrevViewer:HOVER, .NavigationbuttonNextViewer:HOVER {
    border: solid 1px #666666;
    border-radius: 5px;
}

.NavigationbuttonNextViewer {
    right: 10px;
    left: auto;;
}

.NavigationbuttonPrevViewer { background-image:url(/media/images/a-prev.png); background-repeat:no-repeat; background-position:center center; xbackground-size: ;}
.NavigationbuttonNextViewer { background-image:url(/media/images/a-next.png); background-repeat:no-repeat; background-position:center center;bxackground-size: contain;}

.DarkMode .NavigationbuttonPrevViewer, .DarkMode .NavigationbuttonNextViewer {
    filter:invert(100%);
}

.NavigationbuttonNextViewer:Hover { opacity: .9; cursor: pointer;}
.NavigationbuttonPrevViewer:Hover { opacity: .9; cursor: pointer;}

.ImageLogoViewer { position: absolute; left: 20px;
    top:20px;}

.DarkMode .ImageLogoViewer {

}

.ImageCloseViewer { position: absolute; right: 20px;
    top:20px;
z-index: 999999;}

.DarkMode .ImageCloseViewer {
    filter: invert(100%);
}
.DownloadAreaViewer { font-size: 90%;}
.DownloadAreaViewer A { color: #000000;}


.desktop.portrait .DiegoImagesHolder .GalleryImage { width: calc(100% / 4 - 30px); margin-left: 15px; margin-right: 15px; margin-top:20px; margin-bottom:20px ;overflow: hidden; }


.Diego DIV.OrderBox { width: 100%;  border-top:solid 2px #000000;  padding-bottom: 20px}
.Diego DIV.OrderBox DIV.RowA, DIV.OrderBox DIV.RowB { padding:8px;}
.Diego DIV.OrderBox DIV.RowA { }
.Diego DIV.OrderBox .E1, DIV.OrderBox .E3, DIV.OrderBox .E2 { float:left;}
.Diego DIV.OrderBox .E4 { float:right;}
.Diego DIV.OrderBox .E1 { width:60px;}
.Diego DIV.OrderBox .E2 { width:60px;}
.Diego DIV.OrderBox .E3 { width:200px;}
.Diego DIV.OrderBox {  }

.Diego DIV.OrderBox H2 { color:#333; padding-bottom:8px; margin-bottom:0px; font-size:11pt; font-weight:bold; }

.Diego DIV.Notify { background-color:#2d2d2d; margin-bottom:10px; padding:10px; color:#FFD340;}


DIV#OrderZone3, DIV#OrderZoneShipping {
    background-color: #FFFFFF ;
    padding: 40px;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    max-width: 600px;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, 0%);
    z-index: 999999999;
}
DIV#OrderZoneShipping {
    max-width: 1460px;
}
DIV#OrderZone3 .Right, DIV#OrderZoneShipping .Right { float: right;}
DIV#OrderZone3 .Left, DIV#OrderZoneShipping .Left  { float: left;}

DIV#ImageCartIconNum {
    background-color: #000000;
    border-radius: 8px;
    padding: 0px;
    color: #FFFFFF;
    font-size: 8px;
    line-height: 14px;
    width: 16px;
    height: 16px;
    text-align: center;
    border:solid 1px #FFFFFF;
    display: inline-block;
    margin-left: 4px;
}


.Diego .Splash .ButtonHolder {

    padding-top: 20px;
    padding-bottom: 10px;


}


.Diego .Splash .ButtonHolder INPUT {
    border: solid 0px #efefef;
    background-color: #004074;
    padding: 30px;
    color: #FFFFFF;
    text-transform: uppercase;
    -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;
    margin: 0px;
    width: calc(50% - 5px);


}

.Diego .Splash .ButtonHolder INPUT.ButtonSplashLeft {
    margin-right: 5px;
}

.Diego .Splash .ButtonHolder INPUT.ButtonSplashRight {
    margin-left: 5px;
}

.Diego .Splash .ButtonHolder INPUT:Hover {
    color:#000000;
    background-color: #ffd340;
    cursor: pointer;
}
.Diego .Splash .Info {
    line-height: 20px;
    margin-bottom: 20px;
}

.Diego IMG.InfoBarImage {
    height: 24px;
    width: auto;
    cursor: pointer;
    margin-right: 8px;
}


.Diego .ProductGroupSwitch UL {
    list-style-type: none;
    margin: 0px;
    padding: 0px;

}
 .Diego .ProductGroupSwitch UL LI {
    float: left;
    margin-right: 0px;
     padding: 7px;
     cursor: pointer;
}
 @media screen and (min-width: 0px) and (max-width: 640px) {
  .Diego .ProductGroupSwitch UL LI {
      float: none;
      clear: both;
  }
DIV#OrderZone3, DIV#OrderZoneShipping {
    padding: 10px;
}
  }
.Diego .ProductGroupSwitch UL LI.Active {
    background-color: #000000;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}

.Diego .OrderBox {
    display: none;
}
.Diego .OrderBox.Active {
    display: block;
}

.Diego .OrderBox .Intro {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 90%;line-height:160%;color:#666666;
    border:solid 1px #333333;
    background-color: #efefef;
    padding: 10px;

}

.Diego .OrderBox .Line {

    border-bottom: solid 1px #666666;
    line-height: 40px;
    vertical-align: center;
}

.Diego .OrderBox SELECT {
    box-sizing: border-box;
    width: 60px;
    height: 32px;
    padding: 4px;
    padding-right: 10px;
    text-align: right;
    margin-bottom: 4px;
    margin-top: 4px;
    webkit-appearance: none; appearance: none
}

.Diego .OrderBox .Line .Amount, .Diego .OrderBox .Line .Product {
     float: left;
    line-height: 40px;
    margin-right: 10px;
}

.Diego .OrderBox .Line .Price {
    float: right;
    line-height: 40px;
    padding-right: 4px;
}


DIV.DownloadAreaViewer {
    position: fixed;
    bottom:0px;
    left: 0px;
    width: auto;
    padding:0px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 18px;
    background-color: #ffffff;
    vertical-align: middle;
    border-top:none;
}

DIV.DownloadAreaViewer IMG.Icon {
    height: 14px;
    width: auto;
    margin-right: 5px;
    margin-top: 2px;
}
DIV.DownloadAreaViewer IMG.Icon.Autoplay {
    margin-right: 0px;
    margin-left: 5px;
}
SPAN.BalkenItem {

    float: left;
    padding-right: 20px;
    padding-left: 20px;
    border-left: solid 1px #dddddd;
    border-top: solid 1px #dddddd;
    border-bottom: solid 0px #dddddd;
    font-weight: 200;

    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;
   -webkit-font-smoothing: antialiased;
}
SPAN.BalkenItem.First {
}
SPAN.BalkenItem.Last {
    border-right: solid 1px #dddddd;
}
SPAN.BalkenItemClickable:Hover {
    filter: invert(100);
    cursor: pointer;
    background-color: #FFFFFF;
}

.DarkMode SPAN.BalkenItem{
    filter: invert(100);
    background-color: #FFFFFF;}

.DarkMode SPAN.BalkenItemClickable:Hover {
    background-color: #dddddd;
}





@media screen and (min-width: 0px) and (max-width: 1000px) {
.DiegoImagesHolder .GalleryImage { width: calc(100% / 3 - 20px); margin-left: 10px; margin-right: 10px; margin-top:10px; margin-bottom:10px ;overflow: hidden; }
 }

@media screen and (min-width: 640px) and (max-width: 1200px) {
    .DiegoImagesHolder .GalleryImage {
        width: calc(100% / 3 - 30px);
    }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .DiegoImagesHolder .GalleryImage {
        width: calc(100% / 4 - 30px);
    }
}
@media screen and (min-width: 0px) and (max-width: 1400px) {

    .DiegoInnerHolder {
        max-width: 100%;
    }

    .Diego .PageHeader, .TransferDownload_Box, .Paging {
        margin-left: 20px;
        margin-right: 20px;
    }

    .DiegoImagesHolder { padding-top: 0px;}

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

.Diego .GalleryImageImage { margin: 0px;}
.DiegoImagesHolder .GalleryImage { width: calc(100% / 1 - 0px); margin-left: 0px; margin-right: 0px; margin-top:0px; margin-bottom:10px ;overflow: hidden; }
.TransferDownload_Box .Item .Download{ display: none; }
.TransferDownload_Box .Item .Name{ float: none; width: calc(100% - 0px); line-height: 28px;   }
.TransferDownload_Box .Item .Size{ float: none; width: 100%; text-align: left; line-height: 28px; }

.DiegoInnerHolder { margin-left: 10px; margin-right: 10px;}
.HashTagFilter .Item { display: inline-block; font-size:80%; white-space:nowrap; line-height: 150%; background-color: #efefef; border: solid 1px #CCCCCC; padding: 5px; margin-bottom: 5px; margin-right: 5px; }

.DiegoImagesHolder { margin-top: 20px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding: 0px;}

.DiegoImagesHolder .ItemMobile { margin-bottom: 20px; background-color:#efefef; padding-left: 0px; padding-right: 0px; padding-bottom: 10px;  }
.DiegoImagesHolder .ItemMobile IMG { width: 100%; height: auto; padding-bottom: 10px;}

.DiegoImagesHolder .ItemMobile .Actions A {
    margin-right: 10px;
}
.DiegoImagesHolder .ItemMobile .Actions {
    line-height: 16px;
    vertical-align: middle;
}

.DiegoImagesHolder .ItemMobile .Actions IMG.Icon {
    height: 16px;
    width: auto;
    margin-right: 5px;
    padding: 0px;
}

.DiegoImagesHolder .ItemMobile .Actions { text-align: left; font-size: 90%;  padding-left: 10px; }


.Diego .Splash .ButtonHolder INPUT {
    width: 100%;
    margin: 0px;
    margin-bottom: 20px;

}

.Diego .PartOverviewButton {
    border:solid 1px #2d2d2d;
    margin-bottom: 10px;
    background-color: #2d2d2d;
    font-weight: bold;
    padding: 5px;
    float: none;
    margin-right: 0px;
    color:#FFD340;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: normal;
}


 }

IMG#CurrentZoomImage {
    max-width: calc(95vw - 200px) ;max-height: calc(100vh - 160px); width: auto; height: auto; margin-top: calc(80px);
}


.Module_Shop {
    max-width: 1282px;
    padding-top: 40px;
    padding-bottom: 40px;
}


.ShopArea { text-align: left;}
.ShopArea DIV.Product {  text-transform:uppercase; cursor:pointer;  }

.ShopArea DIV.Product {
    float:left;
    width:236px;
    height:236px;
    background-color:#efefef;
    border-right: solid 5px #FFF;
    border-bottom: solid 5px #FFF;

}

.ShopArea DIV.ProductLast {
    border-right:none;

}
.ShopArea DIV.Product DIV.Inner {
    cursor:pointer;background-size:cover; background-repeat:no-repeat; background-position:center center;
}

.ShopArea .Product .ProductDescription {

    display:none;
    padding:0px;
    height:236px;
    margin-top:0px;
    opacity:0;


}
.ShopArea .Product .ProductDescription .Text { padding:40px; margin-top:0px; padding-top:110px;}
.ShopArea .Product:Hover .ProductDescription { display:block; margin-top:-236px; background-color:#000000; color:#FFF; opacity:.8; }
.ShopArea .ProductDescription { margin-left:0px; margin-right:0px; text-align:center;}
.ShopArea DIV.Space40 {
    height:40px;
}
.ShopArea DIV.Space30 {
    height:30px;
}
.ShopArea DIV.Space20 {
    height:20px;
}
.ShopArea DIV.Space10 {
    height:10px;
}

.ShopArea DIV.Space8 {
    height:8px;
}

.ShopArea DIV.Sep {
    float:left;
    width:0px;
    background-image:url('/media/images/sep.png');
    background-repeat:no-repeat;
    background-position:40px 0px;
    height:190px;

}

.ShopArea .Image IMG { width:400px; height:auto; }
.ShopArea .Image { width:400px; float:left;}
.ShopArea .Info { width:400px; float:left; margin-left:40px;}
.ShopArea h3 { margin-bottom:10px; font-size:16px; font-weight:normal;}
.ShopArea h2 { margin-bottom:10px; font-size:20px; font-weight:bold;}

.ShopArea .Time { font-size:90%; color:#878787;}
/* .ShopArea .Button { background-color:#333; padding:10px;} */

.ShopArea .Toolbar {background-color:#FFFFFF; padding:10px; border:solid 1px #CCCCCC;}
/* .ShopArea .Button A { color:#ffd340;} */

.ShopArea .BlackBox { background-color:#efefef; border:solid 1px #ccc; margin-bottom:20px;}
.ShopArea  .Line { color:#efefef; border-bottom:none;}
.ShopArea .FieldLabel { width:105px;margin-top:0px; margin-left:0px; line-height: 58px; }
.ShopArea .FieldInput INPUT { height:30px;width:550px;text-indent:4px; }
.ShopArea .FieldInput SELECT { height:32px;width:552px;text-indent:4px; }
.ShopArea .Price { border:solid 1px #CCC; background-color:#efefef; display:inline; padding:10px;}
.ShopArea .ToCart { border:solid 1px #efefef; background-color:#FFF; display:inline; padding:10px; background-color:#333; color:#ffd340;}
.ShopArea .Line2 { border-bottom:solid 1px #CCC; padding-top: 8px;}
.ShopArea .BlackBox .Padding {padding:20px;}

.ShopArea UL.Menu { margin:0px; padding:0px; list-style-type:none; margin-bottom:20px;}
.ShopArea UL.Menu LI { float:left; padding-left:10px;  padding-right:10px; border-left: solid 1px #ccc; }
.ShopArea UL.Menu LI.Inactive A { color:#AAA;}

.FAQ .Frage { font-weight:bold; padding-top:10px;  padding-bottom:10px; cursor:pointer; border-bottom: solid 1px #efefef;}
.FAQ .Antwort { display:none; padding-top:10px; padding-bottom:10px; }

.ShopArea .ShopRow_Product { width: 25%; float: left;text-align: left;}
.ShopArea .ShopRow_Info1 { width: 15%; float: left;}
.ShopArea .ShopRow_Info2 { width: 15%; float: left;}
.ShopArea .ShopRow_Info3 { width: 15%; float: left;}
.ShopArea .ShopRow_Price { width: 20%; float: right;}



/* NEW PAGE */



.Module_Shop .Shop-Item { float: left; width: calc(25% - 20px); height: 10px;  overflow: hidden; margin: 10px; overflow: hidden; }

.Module_Shop .ShopItemHolder { margin-left: -10px; width: calc(100% + 20px);  }

.Module_Shop .Shop-Item .Outer {
    background-size: cover; background-position: center center; background-repeat: no-repeat;
    -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;
    overflow: hidden;;
    position: relative;;
}
.Module_Shop .Shop-Item .Inner { margin-left: -10px; width: calc(100% + 20px); }

.Module_Shop .Shop-Item .Inner {  -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; background-image: url(/media/images/white.png); background-repeat: repeat; opacity: 0; margin: 10px; cursor: pointer; -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;; width: auto;  }
.Module_Shop .Shop-Item:Hover .Outer { transform: scale(1.1); }
.Module_Shop .Shop-Item:Hover .Inner { opacity: .8; transform: scale(0.9); }
.Module_Shop .Shop-Item .TeasserTitle { font-family: "Open Sans";    font-style: normal;  font-weight :700;;  font-size: 1.5em;}

.Module_Shop .ShopImage { float: left; width:  calc(50% - 20px); margin-right: 20px; }
.Module_Shop  .ShopPrice { width: 100%; text-align: center; font-size: 2em; text-transform: uppercase; margin-bottom: 10px; margin-top: 20px;}


.Module_Shop .ShopCategories .Shop-Item .Outer {transform: scale(1.0); }
.Module_Shop .ShopCategories .Shop-Item .Inner { opacity: .8; transform: scale(0.9); }
.Module_Shop .ProductCatTitle {
    padding: 10px; background-color: #333333;color: #FFFFFF;font-weight: bold;letter-spacing: 0.01em;
    -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;
}
.Module_Shop .Shop-Item:Hover { cursor: pointer; opacity: .9;}
.Module_Shop .Shop-Item:Hover .ProductCatTitle {
    background-color: #FFFFFF;
    color: #000;
    padding-left: 20px;
}

.Module_Shop .ShopImage IMG { width: 100%;
    height:auto;}
.Module_Shop .ShopText { float: left; width:  calc(50% - 20px); left: 20px; }

.Module_Shop .ShopText .productGroup { border:solid 0px #efefef; margin-bottom: 4px; }
.Module_Shop .ShopText .productGroup .Title { cursor: pointer; border:solid 1px #004074; padding: 10px;}
.Module_Shop .ShopText .productGroup .Text {  display: none;}
.Module_Shop .ShopText .productGroup .Sizes {  display: none;}
.Module_Shop .ShopText .productGroup .Select {  width: 0px; overflow:  hidden; display: inline-block; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;
    font-weight: bold; vertical-align: top; }

.Module_Shop .ShopText .productGroup.Active { border:solid 0px #000000;}
.Module_Shop .ShopText .productGroup.Active .Title { background-color: #004074; color: #FFF; padding: 10px; font-weight: bold;}
.Module_Shop .ShopText .productGroup.Active .Text { display: block; margin-top: 10px; margin-bottom: 10px; padding-left: 0px; padding-right: 0px;}
.Module_Shop .ShopText .productGroup.Active .Sizes {  display: block; padding-left: 0px; padding-right: 0px; margin-bottom: 20px;}
.Module_Shop .ShopText .productGroup.Active .Select { width: 20px; }

.Module_Shop .ShopText .Intro { margin-bottom: 10px;}
.Module_Shop  .ProductSelectHolder {background-color: #FFFFFF; padding: 40px;}

.Module_Shop .ShopText .productGroup.Active .Sizes TABLE TD { border-bottom: solid 1px #cccccc; padding: 5px; cursor: pointer;}
.Module_Shop .ShopText .productGroup.Active .Sizes TABLE TD.SelectedProductRow.Selected {  background-color: #004074; color:#FFFFFF;}

.SelectedProduct { width: 20px; font-weight: bold; text-align: center;}
.Selected .SelectedProduct { background-color: #004074; color:#FFFFFF; }

.ShopInfo { display: none;}
.ShopIntro { margin-top: 10px; text-align: center; display: block;}
.ShopImageCart .ProductRow_1 { float: left; width: calc(30% - 20px); margin-right: 20px; }
.ShopImageCart .ProductRow_2 { float: left; width: 40%; }
.ShopImageCart .ProductRow_3 { text-align: center;  float: left; width: 10%;}
.ShopImageCart .ProductRow_4 { text-align: center; float: left; width: 10%;}
.ShopImageCart .ProductRow_5 { float: right; width: 10%;}


.Module_Shop .Shop-Item { }
.ShopImageCart .ProductRow_1 IMG { width: 100%; height: auto;}
.Module_Shop .ShopButtonRight { float: right;}
.Module_Shop .CategorySelectHolder { background-color: #FFFFFF; margin-bottom: 20px; padding: 20px;}

.Module_Shop .CategorySelect { float: left; margin-right: 10px; border:solid 1px #004074; background-color: #FFFFFF; cursor: pointer; padding: 6px; border-radius: 0px; font-size: 10px; color: #004074; text-transform: uppercase;}
.Module_Shop .CategorySelect.CategorySelectActive { background-color:#004074; color: #FFFFFF; }

.ButtonMarginLeft { margin-left: 20px;}

.Module_Shop .InfoBox { border:solid 1px #004074; padding: 10px; margin-bottom: 20px;  }


A.xInfo { font-size: 80%; color: #333333;}


@media screen and (min-width: 0px) and (max-width: 640px) {
.PagePart.Module_Shop { margin-left: 0px; margin-right: 0px;}
.Module_Shop  { padding: 20px; background-color: #FFFFFF;}
.Module_Shop .CategorySelect { margin-bottom: 10px;}
.Module_Shop .CategorySelectHolder { padding: 0px;}
.Module_Shop .ProductSelectHolder { padding: 10px; background-color: #FFFFFF;}
.Module_Shop .ShopItemHolder { margin-left: 0px; width: calc(100% + 0px);  }
.Module_Shop .Shop-Item { float: none; width: calc(100% - 0px); overflow: hidden; margin: 0px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; overflow: hidden; }

.Module_Shop .ShopImage { float: none; width:  calc(100% - 0px); margin-right: 0px; margin-bottom: 20px; }
.Module_Shop .ShopImage .ShopPrice { width: 100%; text-align: center; font-size: 2em; text-transform: uppercase; margin-bottom: 10px; margin-top: 20px;}

.Module_Shop .ShopImage IMG { width: 100%;    height:auto;}
.Module_Shop .ShopText { float: none; width:  calc(100% - 0px); left: 0px; }
.Module_Shop .ShopButtonRight {float: none;}
.Module_Shop .ShopButtonRight A { width: 100%;}
.Module_Shop .BackButton { width: 100%;} 


.ShopImageCart .ProductRow_1 { float: none; width: 100%; margin: 0px; }
.ShopImageCart .ProductRow_2 { float: none; width: 100%; }
.ShopImageCart .ProductRow_3 { float: none; width: 100%;}
.ShopImageCart .ProductRow_4 {  float: none; width: 100%;}
.ShopImageCart .ProductRow_5 { float: none; width: 100%;}

.ShopImageCart .ProductRowHeader { display: none;}

.ShopArea .Toolbar .Left { float: none;}
.ShopArea .Toolbar .Left A.Button { width: 100%; margin-bottom: 20px;}

.Module_Shop .ShippingX .ProductRow_1  { float: left; width: auto; margin: 0px; }
.Module_Shop .ShippingX .ProductRow_5  { float: right; width: auto; margin: 0px; }
.Module_Shop .ShippingX .ProductRow_2, .Module_Shop .ShippingX .ProductRow_3,.Module_Shop .ShippingX .ProductRow_4 { display: none;}
.ButtonMarginLeft { margin-left: 0px;}
 }




.Module_Page-teaser { max-width: 1282px; padding-top: 30px; padding-bottom: 30px; background-size: cover; background-repeat: no-repeat;}
.Module_Page-teaser .Teaser-Item { float: left; width: calc(33.33333333333% - 20px); height: 10px;  overflow: hidden; margin: 10px; overflow: hidden; }


.Module_Page-teaser .Teaser-Item .Outer {
    background-size: cover; background-position: center center; background-repeat: no-repeat;
    -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;
    overflow: hidden;;
    position: relative;;
}

.Module_Page-teaser .Inner { margin-left: -10px; width: calc(100% + 20px); }

.Module_Page-teaser .Teaser-Item .Inner {  -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; background-image: url(/media/images/white.png); background-repeat: repeat; opacity: 1; margin: 10px; cursor: pointer; -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;; width: auto;  }

.Module_Page-teaser .Teaser-Item:Hover .Outer { transform: scale(1.1); }
.Module_Page-teaser .Teaser-Item:Hover .Inner { opacity: .8; transform: scale(0.9); }
.Module_Page-teaser .Teaser-Item .TeasserTitle { font-family: "Open Sans";    font-style: normal;  font-weight :700;;  font-size: 1.5em;}

.Module_Page-teaser .TeaserTitleMobile { display: none; }

@media screen and (min-width: 640px) and (max-width: 1100px) {
.Module_Page-teaser .Teaser-Item { float: left; width: calc(50% - 20px); }
 }


@media screen and (min-width: 0px) and (max-width: 640px) {
.Module_Page-teaser .Inner { margin:0px; width: 100%;}
.Module_Page-teaser .Teaser-Item { float: none; width: calc(100%); margin: 0px; margin-bottom: 20px; }
.Module_Page-teaser .PageTeaserEinleitung { margin-bottom: 20px;}
.Module_Page-teaser .Teaser-Item .Inner { opacity: 0; background-image: url(/media/images/white-alpha.png);}
.Module_Page-teaser .Teaser-Item .TeasserTitle { font-family: "Open Sans";    font-style: normal;  font-weight :700;;  font-size: 1em;}
.Module_Page-teaser .TeaserTitleMobile { display: block; margin-bottom: 10px; font-family: "Open Sans";    font-style: normal;  font-weight :700;;  }
}


.PagePart.Module_Gutscheininfo { margin:0px;}
.PagePart.Module_Gutscheininfo .GHolder { background-color: #FFFFFF; }
.PagePart.Module_Gutscheininfo .GHolder .Inner { max-width: 1282px;  text-align: left; padding-top: 30px; padding-bottom: 30px;}
.Module_Gutscheininfo p {
    margin-bottom: 1em;
}

.Module_Gutscheininfo UL {margin-top: 20px ; margin-bottom: 20px; margin-left: 40px; margin-right: 20px; }
@media screen and (min-width: 0px) and (max-width: 640px) {

.Module_Gutscheininfo .GHolder {
    padding: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.Module_Gutscheininfo UL {
    margin-left: 20px;
}


}

.Module_Devcon5 { max-width: 100%; padding-top: 30px; padding-bottom: 30px; background-size: cover; background-repeat: no-repeat; background-color: #333333; color:#FFFFFF; margin: 0px; }

.Module_Devcon5  A { color: #FFFFFF;}

.Module_Devcon5 .Inner { text-align: left; width: 1282px;}
.Module_Devcon5 UL { margin-top: 20px; margin-bottom: 20px; list-style-type: none; display: inline-block;}
.Module_Devcon5 UL LI { border-bottom: solid 1px #000000; padding: 20px;}



.Module_Devcon5 .Filter { background-color: #444444; padding: 20px; border:solid 1px #000000; margin-bottom: 20px;}
.Module_Devcon5 .Filter SELECT.Field { padding: 20px; padding-right: 0px; margin-top: 20px;}

.Module_Datenschutz {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    line-height: 140%;
    letter-spacing: 0.01em;
;
}
.Module_Datenschutz .Inner {
    max-width: 1282px;
}

.Module_Datenschutz .InfoBox { border:  solid 1px #000a28; }
.Module_Datenschutz .InfoBox .Padding {
    padding:20px;}

.Module_Instagate {
    max-width: 1282px;
    padding-top: 40px;
    padding-bottom: 40px;
}


.Module_Instagate .Item { padding-bottom:10px; margin-bottom: 10px; border-bottom: solid 1px #4a4a4a;}
.Module_Instagate .Item .ImagePreview { float: left; width: calc(20% - 10px); margin-right: 10px; min-height: 250px; }
.Module_Instagate .Item .HashtagsShort { float: left; width: calc(40% - 10px); margin-right: 10px; }
.Module_Instagate .Item .Hashtags { float: left; width: calc(40% - 10px); margin-right: 10px; }
.Module_Instagate .Item .Text { float: left; width: calc(40% - 10px); margin-right: 10px; }
.Module_Instagate .Item .Comments { float: left; width: calc(40% - 10px); margin-right: 10px; }

.Module_Instagate .Item .ImagePreview IMG { width: 100%; height: auto;}
.Module_Instagate .Item { font-size: 70%;}
.Module_Instagate .Item TEXTAREA {width: calc(100% - 0px); height: 80px; resize: none; margin-bottom: 10px;}
.Module_Instagate .Item .InstaSaveHandler { margin-bottom: 20px;}
.Module_Instagate .Item A { color: #000000; }
.Module_Instagate INPUT.Button {background-color: #004074; border: none; color: #FFFFFF; padding: 10px; width: 100%;}
.Module_Instagate .InstaSaveHandler { display: none;}

.Module_Instagate .FormArea { margin-bottom: 40px; border: solid 1px #333333; padding: 20px;}

.Module_Instagate .Item .Buttons { float: left; width: calc(25% - 10px); margin-right: 10px; }


@media screen and (min-width: 0px) and (max-width: 640px) {
.Module_Instagate .Item .ImagePreview { float: none; width: 100%; margin-right: 0px; margin-bottom: 10px; min-height: 0px; }
.Module_Instagate .Item .HashtagsShort { float: none; width: 100%; margin-right: 0px; }
.Module_Instagate .Item .Hashtags { float: none; width: 100%; margin-right: 0px; }
.Module_Instagate .Item .Text { float: none; width: 100%; margin-right: 0px; }
.Module_Instagate .Item .Comments { float: none; width: 100%; margin-right: 0px; }
.Module_Instagate INPUT.Button { margin-bottom: 20px;}
.Module_Instagate .Item TEXTAREA {width: calc(100% - 0px); height: 40px; resize: none; margin-bottom: 5px;}

.Module_Instagate .Item .Buttons { float: none; width: 100%; margin-right: 0px; }

}


.Module_Tasks{
    max-width: 1282px;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: left;
}

.Module_Tasks .Item { padding-bottom:0px; margin-bottom: 0px; }

.Module_Tasks .Item .Date { float: left; width: calc(10% - 10px); margin-right: 10px; }
.Module_Tasks .Item .Text { float: left; width: calc(60% - 10px); margin-right: 10px; }
.Module_Tasks .Item .From { float: left; width: calc(10% - 10px); margin-right: 10px; }
.Module_Tasks .Item .To { float: left; width: calc(10% - 10px); margin-right: 10px; }
.Module_Tasks .Item .Save { float: left; width: calc(10% - 10px); margin-right: 10px; }

.Module_Tasks .Item TEXTAREA {width: calc(100% - 0px); height: 24px; line-height: 18px; resize: none; margin-bottom: 2px; padding-left: 10px;}
.Module_Tasks .Space {
    height:20px;}


.Module_Tasks INPUT.Button {background-color: #004074; border: none; color: #FFFFFF; padding: 4px; line-height: 16px; width: 100%; font-size: 80%; font-weight: bold; text-transform: uppercase;}
.Module_Tasks .Item.Done  TEXTAREA { text-decoration: line-through;}
.Module_Tasks .Item.Done {opacity: .3;}

@media screen and (min-width: 0px) and (max-width: 640px) {
.Module_Tasks .Item .Date { float: left; width: calc(50% - 5px); margin: 0px; margin-right: 5px; }
.Module_Tasks .Item .From { float: left; width: calc(50% - 5px); margin: 0px; margin-left: 5px; }
.Module_Tasks .Item .Text { float: none; width: calc(100%); margin: 0px; }
.Module_Tasks .Item { margin-bottom: 20px; }

.Module_Tasks .Item .Save { float: left; width: calc(50% - 10px); margin-right: 10px; margin-left:0px; }
.Module_Tasks .Item .Save.Done { float: left; width: calc(50% - 10px); margin-right: 0px; margin-left:10px; }

.Module_Tasks{

    padding-top: 20px;
    padding-bottom: 20px;
}
 }

/*==================  RD Parallax    ======================*/
.parallax {
    position: relative;
    overflow: hidden;
}
.parallax_image, .parallax_pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center center;
    will-change: transform;
}
.parallax_image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.parallax_pattern {
    background-repeat: repeat;
}
.parallax_cnt {
    position: relative;
}

.parallax1, .parallax2, .parallax3 {
    font-size: 14px;
    line-height: 21px;
    padding-top: 60px;
    padding-bottom: 65px;
    color: #fff;
}
.parallax1 a, .parallax2 a, .parallax3 a {
    display: inline-block;
}
.parallax1 .fa-wr + *, .parallax2 .fa-wr + *, .parallax3 .fa-wr + * {
    margin-top: 12px;
}
.parallax1 a:hover, .parallax2 a:hover, .parallax3 a:hover {
    color: $Gold;
}
.parallax1 dl, .parallax2 dl, .parallax3 dl {
    display: inline-block;
}
.parallax1 dl:before, .parallax1 dl:after, .parallax2 dl:before, .parallax2 dl:after, .parallax3 dl:before, .parallax3 dl:after {
    display: table;
    content: "";
    line-height: 0;
}
.parallax1 dl:after, .parallax2 dl:after, .parallax3 dl:after {
    clear: both;
}
.parallax1 dl dt, .parallax2 dl dt, .parallax3 dl dt {
    float: left;
}
.parallax1 dl dd, .parallax2 dl dd, .parallax3 dl dd {
    float: right;
}
.parallax1 .fa, .parallax2 .fa, .parallax3 .fa {
    display: inline-block;
    height: 131px;
    width: 131px;
    border: 5px solid #a7a7a7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
}
.lt-ie9 .parallax1 .fa, .lt-ie9 .parallax2 .fa, .lt-ie9 .parallax3 .fa {
    background: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#33FFFFFF', endColorstr='#33FFFFFF')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33FFFFFF', endColorstr='#33FFFFFF');
    zoom: 1;
}
.parallax1 .fa:before, .parallax2 .fa:before, .parallax3 .fa:before {
    font-size: 36px;
    line-height: 131px;
    color: #fff;
    background: transparent;
}
.parallax1 .fa:hover, .parallax2 .fa:hover, .parallax3 .fa:hover {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.parallax1 .fa-wr, .parallax2 .fa-wr, .parallax3 .fa-wr {
    display: block;
    text-align: center;
}

.parallax2, .parallax3 {
    padding-top: 83px;
    padding-bottom: 58px;
}
.parallax2 h3, .parallax2 h5, .parallax3 h3, .parallax3 h5 {
    color: #fff;
}
.parallax2 p, .parallax2 .terms-list dd, .terms-list .parallax2 dd, .parallax3 p, .parallax3 .terms-list dd, .terms-list .parallax3 dd {
    color: #c7c5c5;
    font-size: 12px;
    line-height: 18px;
    padding: 0 40px;
}
.parallax2 .fa:before, .parallax3 .fa:before {
    font-size: 30px;
}
.parallax2 h3 + .row, .parallax3 h3 + .row {
    margin-top: 16px;
}
.parallax2 .fa-wr + *, .parallax3 .fa-wr + * {
    margin-top: 22px;
}
.parallax2 * + p, .parallax2 .terms-list * + dd, .terms-list .parallax2 * + dd, .parallax3 * + p, .parallax3 .terms-list * + dd, .terms-list .parallax3 * + dd {
    margin-top: 7px;
}

.parallax3 {
    padding-top: 83px;
    padding-bottom: 88px;
}
.parallax3 .border_wr {
    position: relative;
}
.parallax3 .border_wr .fa-wr {
    overflow: hidden;
    display: inline-block;
    padding-top: 10px;
    height: 151px;
    width: 151px;
    margin-top: -10px;
}
.parallax3 .border_wr .fa-wr + * {
    margin-top: 14px;
}
.parallax3 .border_wr:before {
    content: '';
    position: absolute;
    right: -96px;
    top: 90px;
    height: 1px;
    width: 176px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #ffea00;
}
.parallax3 .border_wr:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 13px;
    border-color: transparent transparent transparent #ffea00;
    right: -21px;
    top: 53px;
    -moz-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    transition: 0.4s ease all;
}

@media (min-width: 768px) and (max-width: 979px) {
    .parallax1 {
        font-size: 12px;
        line-height: 19px;
    }
}
/*========================================================*/

.Trenner { background-size:cover; font-size:200%; text-transform:uppercase; text-align:left; height: 600px;}
.Trenner .Text { font-size:200%; line-height:120%; }

.My { background-color: #eef0f4; }

BODY.My.NotLoggedIn { background-image: url("/media/images/my/my-loginback1.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed;}
.My .FieldInput { min-height: 58px;}
.My .Meta { font-size: 80%;}
.My .Meta A { color: #000000;}
.My .Meta A:Hover { color: #3f3f3f;}

.My DIV.MenuOuter {
 background-color: #11285b;
}

.My A {
 color: #000000;
}


.My .MenuOuter {
 padding-top: 20px;
 padding-bottom: 20px;
}

.My DIV.MenuHolder .Logo {
 line-height: 40px;
}
.My nav.Main ul li a,
.My nav.Main ul li a:visited {
 line-height: 40px;
 color: #FFFFFF;
 font-weight: normal;
}
.My .MenuOuterHolder {  left: 0px;  width: 100%; border-bottom-left-radius: 8px; right: 8px; margin-bottom: 20px;   }
.My .MenuHolder .Logo{ padding-left: 40px;}
 DIV.MenuOuter.Fixed {}
.My .LoginBox { margin: 40px; width: 400px; margin-top: 100px; }
.My .LoginBox UL { margin: 0px; padding: 0px; list-style-type: none;}
.My .LoginBox UL LI { float: left; margin-left: 10px;  }
.My .LoginBox .Meta { float: right; margin-top: 10px;}

.My .LoginBox .Button { width: 100%; text-align: center; font-weight: bold;}

.My .LoginBox .Logo { border-bottom:solid 1px #dddddd; padding-bottom: 20px;  margin-bottom: 20px; text-align: right; }
.My .LoginBox .Logo IMG { width: 120px; height: auto;}

.My .Headline IMG {width: 20px; height: auto; margin-right: 20px; vertical-align: center;}
.My  IMG.PendingIcon {width: 20px; height: auto; margin-right: 10px; vertical-align: middle;}
.My .Headline { line-height: 24px; margin-bottom: 10px; }

.My .LeftCol { margin-right:10px; width: calc(100% /3 - 10px);  max-width: calc(50% - 10px); float: left}
.My .RightCol { margin-left:10px; width: calc(100% /3 - 10px); max-width: calc(50% - 10px); float: left; }

.My .ColBlockUL {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

.My .ColBlockUL LI  {
 width: calc(100% /3 - 20px);
 margin-left: 20px;
 float: left;
 box-sizing: border-box;

}
.My .ColBlockUL LI:first-child  {
 margin-left: 0px;

}

.My .ColBlockUL UL {
 border-radius: 4px;
 border: solid 0px #0d3349;
 box-sizing: border-box;
 padding: 00px;
}

.My .ColBlockUL UL LI {
 padding-left: 10px;
 padding-right: 10px;

}

.My .ColBlockUL UL LI:first-child {
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}
.My .ColBlockUL UL LI:last-child {
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;
}

.My .ColBlockUL UL LI:nth-child(odd) {
 background-color: #efefef;

}
.My .ColBlockUL UL LI:nth-child(even) {
 background-color: #ffffff;
}

.My .ColBlock, .My .ColBlockUL A {color: #000000;}
.My .ColBlock { border: solid 1px; border-radius: 8px; padding: 10px;}
.My .ColBlockUL UL, .My .ColBlock UL { list-style-type: none; margin: 0px; }
.My .ColBlockUL UL LI , .My .ColBlock UL LI { border-bottom:  solid 1px #efefef; line-height: 200%; margin: 0px;  margin-bottom: 0px; float: none; width: 100%;}
.My .ColBlockUL UL LI:last-child, .My .ColBlock UL LI:last-child { xorder-bottom: none;}

.My SPAN.Name { float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%;}
.My SPAN.Date { float: right;}
.My SPAN.Clear { clear: both; display: block;}
.My SPAN.Size { color: #cccccc; margin-left: 10px;}
.My .ColBlock  { color: #000000;  }
.My .ColBlock LI { -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; border-radius: 6px; padding-left: 10px; padding-right: 10px;}
.My .ColBlock LI:HOVER,.My .ColBlockUL UL LI:HOVER { background-color:#11285b; cursor: pointer;   }
.My .ColBlock LI:HOVER, .My .ColBlockUL UL LI:HOVER  { color: #FFFFFF;}

.My SPAN.IsPackage { width: 18px; height: 18px; background-image: url('/media/images/my/pack.png'); background-size: contain; display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-left: 5px;}

.My h1 { margin-bottom: 0px;}
.My .Smaller { font-size: 80%;}
.My h1:after {
 content:"";
 display: block;
 height: 0.5em;
 vertical-align: bottom;
 width: 100%;
 margin-right: -100%;
 margin-left: 0px;
 margin-top: 10px;
 border-top: 1px solid black;
 }

.My h2:after {
 content:"";
 display: block;
 height: 0.5em;
 vertical-align: bottom;
 width: 100%;
 margin-right: -100%;
 margin-left: 0px;
 margin-top: 10px;
 border-top: 1px solid black;
}

.My .Inner { max-width: 100%; text-align: left;; margin-left: 20px; margin-right: 20px; background-color: #ffffff; border-radius: 8px; padding: 40px; margin-bottom: 80px; box-sizing: border-box}


.My .Listing { width: 100%; margin-bottom: 40px;  }

.My .Listing .TD.THEAD { background-color: #004074; color:#FFFFFF; }

.My .Listing .TD { border-bottom:solid 1px #dddddd; padding: 4px; float: left; padding-top: 8px; padding-bottom: 8px; }
.My .Listing .Row A { color: #000000; font-weight: bold; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; color:$Color1Highlight}
.My .Listing .Row A:Hover { color: #686769; }

.My .Listing .Row:Hover { background-color: #efefef;}
.My .Listing .TD.Name { width: 70%;}
.My .Listing .TD.Datum { width: 10%; text-align: right;}

.My .Listing .TD.LinkArea { width: 20%; text-align: right;}


.My .Listing .TD.DownloadName { width: 35%;}
.My .Listing .TD.DownloadDatum { width: 35%;}

.My .Listing .TD.DownloadLinkArea{ width: 30%; text-align: right;}


.My .Info { font-size: #cccccc; background-color: #efefef; border:solid 1px #CCCCCC; padding: 10px; font-size: 90%;}

.My .Text { line-height: 160%;}
.My .Text UL {margin: 0px; padding: 20px;}


.My DIV#PassError {display: none; margin-bottom: 20px;}

.My DIV#PassError .Message {
 background-color: #edf0c2;
 border:solid 1px #CCCCCC;
 margin-bottom: 20px;
 padding: 10px;
}


.My DIV.Button { cursor: pointer; color:#004074;  -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear; ;font-weight:bold;}
.My DIV.Button:Hover { color: #000000}

.My DIV.Button A { cursor: pointer; color:#004074;  -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear; ;font-weight:bold;}
.My DIV.Button:Hover A:Hover { color: #000000}

.My h3 { font-size:80%; color:#444444;}

.My .Col1 {float: left; width: calc(50% - 10px); margin-right: 10px;}
.My .Col2 {float: left; width: calc(50% - 10px); margin-left: 10px;}

.My .SchnellbuchungInner .FieldInput { margin-top: 5px; margin-bottom: 10px; }

.My .InfoMessage { font-size: 90%; font-weight: bold; color: #AAAAAA;}


.My .MyForm {
 background-color: #efefef;
 border: solid 1px #cccccc;
 padding: 20px;

}
.My .FieldDisplayHolder { margin-bottom: 12px;}
.My .FieldDisplayTitle { float: left; width: calc(200px);  box-sizing: border-box; }
.My .FieldDisplayValue { float: left; width: calc(100% - 200px);  box-sizing: border-box;}

.My TABLE.Data TD { padding-bottom: 4px;}
.My TABLE.Data TD.Value { padding-left: 10px; }
.My .MyForm .FieldHolder { margin-bottom: 20px; }
.My .MyForm .FieldTitle { margin-bottom: 10px;}

.My .MyForm SELECT.FieldInput { border: solid 1px #cccccc; }

.My .MyForm .FieldInput { border: solid 1px #cccccc;}
.My .MyForm .CheckBoxHolder { border: solid 1px #CCCCCC; padding: 20px; margin-bottom: 10px; background-color: #FFFFFF;}
.My .MyForm A.Button { width: 100%; cursor: pointer; display: block; text-align: center; font-weight: bold;}

.My .InlineInfo { margin-left:10px; margin-right: 10px; font-size:60%; vertical-align: middle; color:#aaaaaa;}


.My .DiegoImagesHolder {margin: 0px; margin-left: -10px; width: calc(100% + 20px); padding: 0px;}
.My .SearchBox {margin-bottom: 20px; background-color: #efefef ; border:solid 1px #CCCCCC;  padding: 20px; }

.My .Diego .GalleryImageImage {
 margin: 5px;
}
.My .DiegoImagesHolder .GalleryImage {
 width: calc(100% / 4 - 20px);
 margin-left: 10px;
 margin-right: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
 overflow: hidden;
}

.My .SepLine {
 border-bottom:solid 1px #333333;
 margin-top: 5px; margin-bottom: 20px;
}


.Diego DIV.Paging {
 background-color: #004074;

}

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

 .My .MainContent.NotLoggedIn { margin: 0px;}

.My .Inner { margin: 0px; min-height: 100vh; padding: 15px;}
 .My .Listing .TD.THEAD { display: none;}
.My .Listing .Row { margin-bottom: 0px; border-bottom:solid 1px #cccccc; padding: 10px;}
.My .Listing .TD { border-bottom:solid 1px #dddddd; padding: 0px; float: none; border-bottom:none; }


.My .Listing .TD.Name, .My .Listing .TD.Datum,.My .Listing .TD.LinkArea,
.My .Listing .TD.DownloadName,
.My .Listing .TD.DownloadDatum,
.My .Listing .TD.DownloadLinkArea { width: 100%; margin-bottom: 5px;}
.My .Listing .TD.Name { font-weight: bold; margin-bottom: 5px; }
.My .Listing .TD.LinkArea { text-align: left; display: block; margin-top: 10px; font-size: 80%}
.My .Listing .TD.Datum { font-size: 80%;}

.My .Listing .Row { background-color: #efefef;}
.My .Listing .Row:nth-child(2n) { background-color: #cccccc;}
.My .Listing .TD.DownloadLinkArea { text-align: left;}


.My .MyForm {
 background-color: #efefef;
 border: solid 1px #cccccc;
 padding: 10px;

}

DIV.FormZone {
 padding: 0px;}


.My .LoginBox { margin: 20px; width: calc(100% - 40px);  }
.My .LoginBox .FormZone { border:solid 1px #CCCCCC; padding: 20px;}


.My .Col1 {float: none; width: 100%; margin:0px;}
.My .Col2 {float: none; width: 100%; margin:0px;}


.My .InlineInfo { margin: 0px; float: none; display: block; margin-top: 10px; font-weight: normal; margin-bottom: 10px;}
.My .Listing .TD.Datum { text-align: left;}
.My .Listing .TD.THEAD { display: none;}



.My .DiegoImagesHolder { margin: 0px; width: 100%;}

.Diego DIV.Paging { margin-bottom: 20px;}

.My .Inner { width: auto; max-width: none;  }
.My .LeftCol { margin-right:0px; width: 100%;  max-width: none; float: none; margin-bottom: 20px;}
.My .RightCol { margin-left:0px; width: 100%; max-width: none; float: none; margin-bottom: 20px;}
.My .action--open {
 display: block;
}

.My .Menu_Vertical {
 background-color: #0b0c0e;
}

.My .MainContent { padding: 20px;}

.My .ColBlock UL LI { line-height: 150%; margin-bottom: 10px;}
.My SPAN.Name { max-width: 100% ; }
.My SPAN.Date { width: 100%; display: block; color: #cccccc; font-size: 80%;}
.My {
 background-color: #11285b;
}
 }

.Module_News { max-width: 1282px; background-color: $ColorDark1; color: $ColorLight1; padding-top: $ContentPaddingTop; padding-bottom: $ContentPaddingBottom; }
.Module_News h1 { margin-bottom: 20px;}
.Module_News h2 { color: $ColorLight2; margin-bottom: 40px;}

.Module_News .OverallTitle { text-align: left; margin-bottom: 40px; margin-top: 40px; text-transform: none; font-weight: 300; font-size: 120%; }
.Module_News .Headline {
    float: left;}
.Module_News .Archiv {
    float: right;}

.Module_News .Items, .PageTeaser2  { margin-top: 30px; margin-bottom: 30px; margin-left: -30px;}

.Module_News .Item, .PageTeaser2 .Item {
    float: left;
    width: calc(25% - 30px);
    margin-left: 30px;
    margin-bottom: 30px;
    cursor: pointer;
    background-color: #000000;

}

.Module_News .Item .Image, .PageTeaser2 .Item .Image {
    background-color: none;
    overflow: hidden;;

}


.Module_News .Einleitung { line-height: 200%; margin-bottom: 80px;}


.Module_News .Item .Image .InnerImage, .PageTeaser2 .Item .Image .InnerImage { background-size: cover; background-position: center center; -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;;  opacity: 1;
    border: solid 0px #000000; position: absolute;}

.Module_News .Item:Hover .Image .InnerImage, .PageTeaser2 .Item:Hover .Image .InnerImage { opacity: 0.4;}

.Module_News .ImageFill, .PageTeaser2 .ImageFill { background-color: #FFFFFF; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; opacity: 0;}
.Module_News .Item .Image:Hover .ImageFill, .PageTeaser2 .Item .Image:Hover .ImageFill { opacity: .2;}

.Module_News .Item .Date { color: $ColorLight2; font-size: 80%; margin-bottom: 10px; }
.Module_News .Item .Title, .PageTeaser2 .Item .Title { font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; color: #FFFFFF; margin-bottom: 10px; text-transform: none; position: absolute; opacity: 0; font-size: 110%; letter-spacing: 0.05em; border:solid 1px #FFFFFF;   font-weight: 300;  }

.Module_News .Item .Title.FTransition, .PageTeaser2 .Item .Title.FTransition {
    -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;
}

.Module_News .Item .Title .Typ {
    font-familiy:"Metropolis Light"; font-size: 80%; font-weight: 300; margin-top: 10px; color:#cccccc;
}
.Module_News .Item:Hover .Title, .PageTeaser2 .Item:Hover .Title { opacity: 1;}
.Module_News .Item .Link { color: #3f3f3f; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;  }
.Module_News .Item .Link:Hover { color:#FFFFFF;}

.Module_News .Archiv:Hover A {  color: #3f3f3f;}


.PageTeaser2 .Item { background-color: #FFFFFF;}
.PageTeaser2 .Item:Hover { background-color: #000000;}
.PageTeaser2 .Item .Image .InnerImage { opacity: 0.6;}
.PageTeaser2 .ImageFill { background-color: #FFFFFF; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; opacity: 0;}
.PageTeaser2 .Item .Image .ImageFill { opacity: .2;}
 .PageTeaser2 .Item .Title { padding-left: 20px; padding-right: 20px;   opacity: 1; color: #000000; font-weight: 400; letter-spacing: 0.05em; font-size: 120%;}
.PageTeaser2 .Item:Hover .Title { color: #FFFFFF;}
.Module_News-detail {
    background-color: $ColorDark1; color: $ColorLight1; padding-top: $NewsPaddingTop; padding-bottom: 0;
    line-height: 150%;

    padding-top: 30px; padding-bottom: 30px;
    margin: 0px;
}

.Module_News-detail .Inner {
    max-width: 1282px;
}
.Module_News-detail .Author {
    float: left;
    width: 350px;
}

.Module_News-detail .Intro {
    float: none;
    width: calc(100% - 0px);
    margin-bottom: 40px;
    text-align: left;
}

.Module_News-detail .Author .AuthorImage { width: calc(100% - 40px); background-position: center center; background-size: cover; margin-right: 40px; margin-bottom: 10px;}

.Module_News-detail .Author .AuthorImage2 { width: 40%; background-position: center center; background-size: cover; margin-top: 40px; border-radius: 50%;}

.Module_News-detail .Name { font-size: 90%; padding-top: 20px;}
.Module_News-detail .Funktion { color: $ColorLight2; padding-bottom: 20px; font-size: 70%;}
.Module_News-detail .Date { color: $ColorLight2; font-size: 80%; margin-bottom: 20px; }
.Module_News-detail h1 { margin: 0px; margin-bottom: 40px;}
.Module_News-detail .Text  { margin-left: 0px; line-height: 120%; text-align: left;  }
.Module_News-detail .grid-item-text { width: 33%;}
.Module_News-detail .Text .Text h2 { font-size: 160%;}
.Module_News-detail .Text IMG { width: 100%;
    height:auto; margin-top: 40px; margin-bottom: 40px;}

.Module_News-detail { background-color: #FFFFFF;}
.Module_News-detail .gridItemText  {  }

.Module_News-detail .Galerie { margin-left: 0px; width: calc(100% + 0px); }
.Module_News-detail A {color: #000000;}
.Module_News-detail .Navigator { margin-top: 20px;}
.Module_News-detail .Navigator .Prev, .Module_News-detail .Navigator .Next, .Module_News-detail .Navigator .Back, .Module_News-detail .Navigator .Title { float: left;  }
.Module_News-detail .Navigator .Back {  }
.Module_News-detail .Navigator .Next {  }


.Module_News-detail .Text { width: 60%; line-height: 150%}
.Module_News-detail .Text .Typ,.Module_News-detail .Text .Client { color: #cccccc;}
.Module_News-detail .Text .TypValue,.Module_News-detail .Text .ClientValue { font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; text-transform: none; margin-bottom: 20px; font-size: 120%; font-weight: 500;}





.Module_News-detail .Navigator .Prev:Hover, .Module_News-detail .Navigator .Back:Hover , .Module_News-detail .Navigator .Next:Hover { cursor: pointer ; opacity: .6;}

.Module_News-detail .Navigator IMG { width: 20px;}
.Module_News-detail .Navigator .Back { }
.Module_News-detail .Navigator .Back { margin-right: 10px;}
.Navigator .Title { margin-left: 10px; margin-right: 10px; line-height: 20px;}

.Module_News-detail .Navigator { margin-bottom: 20px;}

@media screen and (min-width: 600px) and (max-width: 1280px) {
.Module_News, .Module_News-detail, .PageTeaser2   {
   margin-left: 30px;
    margin-right: 30px;

}

    .Module_News .Item, .PageTeaser2 .Item   {
        width: calc((100% / 3) - 30px);
    }

    .Module_News-detail {
        padding-top: 0px;
    }

    .Module_News-detail .Galerie {
        margin-left: -20px;
        width: calc(100% + 20px);
    }
 }

.Module_News-detail .Navigator IMG { margin: 0px;}

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

.Module_News { padding-top: 0px; padding-bottom: 0px;  padding-left: 10px; padding-right: 10px;}
.PageTeaser2 { padding: 0px; margin: 0px; padding-left: 10px; padding-right: 10px;}
.Module_Page-teaser .PageTeaserEinleitung { padding-left: 10px;}
.Module_News .OverallTitle { text-align: left; margin-bottom: 20px; margin-top: 0px;  }
.PageTeaser2  { margin: 0px;}

.Module_News .Item {
    float: left;
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 0px;

}

.PageTeaser2 .Item {
    float: none;
    width: calc(100% - 0px);
    margin: 0px; padding: 0px;
    margin-bottom: 20px;
}


.Module_News .Headline {
    float: none; text-align: center;}
.Module_News .Archiv {
    display: none}

.Module_News .Item .Image { margin-bottom: 0px;}
.Module_News .Item .Title { font-size: 100%; }
.Module_News .Items { margin-left: -10px; margin-right: 0px; width: calc(100% + 20px);}
.Module_News .Item .Link { }



.Module_News-detail { padding-top: 40px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px;}

.Module_News-detail .Author { float: none; width: 100%;}
.Module_News-detail .Intro { float: none; width: 100%;}
.Module_News-detail h1 {font-size: 100%;}

.Module_News-detail .Text .Text { margin: 0px;}
}




@media screen and (min-width: 0px) and (max-width: 640px) {
.Module_News-detail { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px;}
.Module_News-detail .Text { width: auto; float: none;}
.Module_News-detail .Navigator {
    margin: 0px;
    padding: 0px;}

.grid-item--portrait.PortraitLarge { width: 100% }
.Module_News-detail .Navigator { margin-bottom: 20px;}


 }



.Module_Diegoviewer { max-width: 1282px; margin-top: 40px; }
.Diegoviewer_DetailHolder IMG { max-width: 100%;}
.Diegoviewer { margin-left: -20px; width: calc(100% + 40px);   }
.Diegoviewer .Item { width: calc(25% - 40px); margin: 20px; margin-bottom: 60px; float: left; }
.Diegoviewer .Item .Inner { background-position:   calc(50% - 10px) center; background-repeat: no-repeat; background-size: cover;}
.Diegoviewer .Item .TextInner { background-color: #0b0c0e; color: #FFFFFF; padding: 0px; height: 40px; overflow: hidden;}

.DiegoViewerImagesItem { position: absolute; background-size: cover;}
.Diegoviewer_DetailHolder { z-index: 9999999;}

.Diegoviewer button.fill2 {
 padding: 0px;

}

@media screen and (min-width: 0px) and (max-width: 640px) {
.Diegoviewer .Item { width: calc(100% - 0px); margin: 0px; margin-bottom: 40px; float: left; }
 }



.Module_Gruender {max-width: 1282px; margin-bottom: 30px;}

/**
 * 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;
	}
}



*,
*::after,
*::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {

}

.loading::before,
.loading::after {
	content: '';
	position: fixed;
	z-index: 1000;
}

.loading::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #2c2d31;
}

.loading::after {
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	border: 8px solid #383a41;
	border-bottom-color: #565963;
	border-radius: 50%;
	animation: animLoader 0.8s linear infinite forwards;
}

@keyframes animLoader {
	to { transform: rotate(360deg); }
}

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

a:hover,
a:focus {

}

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}

main {
	display: flex;
	flex-wrap: wrap;
}

/* Icons */
.icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}

.content--side {
	position: relative;
	z-index: 100;
	width: 15vw;
	min-width: 130px;
	max-height: 100vh;
	padding: 0 1em;
	order: 2;
}

.content--center {
	flex: 1;
	max-width: calc(100vw - 260px);
	order: 3;
}

.content--right {
	order: 4;
}

.content--related {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 8em 1em 3em;
	text-align: center;
	order: 5;
}

.media-related {
	width: 100%;
}

.media-item {
	padding: 1em;
}

.media-item__img {
	max-width: 100%;
	opacity: 0.7;
	transition: opacity 0.3s;
}

.media-item:hover .media-item__img,
.media-item:focus .media-item__img {
	opacity: 1;
}

.media-item__title {
	font-size: 1em;
	max-width: 220px;
	padding: 0.5em;
	margin: 0 auto;
}

/* Header */
.codrops-header {
	position: relative;
	z-index: 100;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 3em 1em 4em;
	order: 1;
}

.codrops-header__title {
	font-size: 1em;
	font-weight: normal;
	flex: 1;
	margin: 0 7em 0 0;
	text-align: center;
	text-transform: lowercase;
}

.codrops-header__title::before,
.codrops-header__title::after {
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	padding: 0 0.25em;
	color: #42454c;
}

.codrops-header__title::after {
	content: '\2309';
	vertical-align: sub;
}

.codrops-header__title::before {
	content: '\230A';
}

/* GitHub corner */
.github-corner {
	position: absolute;
	top: 0;
	right: 0;
}

.github-corner__svg {
	fill: #82888a;
	color: #2c2d31;
	position: absolute; 
	top: 0; 
	border: 0; 
	right: 0;
}

.github-corner:hover .octo-arm {
	animation: octocat-wave 560ms ease-in-out;
}

@keyframes octocat-wave {
	0%,
	100% {
		transform: rotate(0);
	}
	20%,
	60% {
		transform: rotate(-25deg);
	}
	40%,
	80% {
		transform: rotate(10deg);
	}
}

@media (max-width:500px) {
	.github-corner:hover .octo-arm {
		animation: none;
	}
	.github-corner .octo-arm {
		animation: octocat-wave 560ms ease-in-out;
	}
}


/* Top Navigation Style */
.codrops-links {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 2.75em;
	margin: 0 0 0 2.25em;
	text-align: center;
	white-space: nowrap;
	background: #1f2125;
}

.codrops-links::after {
	content: '';
	position: absolute;
	top: -10%;
	left: calc(50% - 1px);
	width: 2px;
	height: 120%;
	background: #2c2d31;
	transform: rotate3d(0,0,1,22.5deg);
}

.codrops-icon {
	display: inline-block;
	padding: 0 0.65em;
}

/* Controls */
.control--grids {
	margin: 0 0 2.5em;
	text-align: right;
}

.control__title {
	font-size: 0.85em;
	display: block;
	width: 100%;
	margin: 0 0 1em;

}

.control__item {
	position: relative;
	display: block;
	margin: 0 0 0.5em;
}

.control__radio {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.control__label {
	white-space: nowrap;
}

.control__radio:checked + .control__label {
	color: #fff;
	background: #673ab7;
}

.control__radio:not(:checked):hover + .control__label,
.control__btn:hover {
	color: white;
}

.control__btn {
	display: block;
	width: 100%;
	margin: 0 0 0.5em;
	padding: 0;
	text-align: left;
	color: inherit;
	border: none;
	background: none;
}

.control__btn:focus {
	outline: none;
}

/* Grid */

.grid {
	position: relative;
	z-index: 2;
	display: block;
	margin: 0 auto;
}

.grid--hidden {
	position: fixed !important;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	pointer-events: none;
	opacity: 0;
}

.js .grid--loading::before,
.js .grid--loading::after {
	content: '';
	z-index: 1000;
}

.js .grid--loading::before {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #2c2d31;
}

.js .grid--loading::after {
	position: absolute;
	top: calc(25vh - 20px);
	left: 50%;
	width: 40px;
	height: 40px;
	margin: 0 0 0 -20px;
	border: 8px solid #383a41;
	border-bottom-color: #565963;
	border-radius: 50%;
	animation: animLoader 0.8s linear forwards infinite;
}

.grid__sizer {
	margin-bottom: 0 !important;
}

.grid__link,
.grid__img {
	display: block;
	cursor: pointer;
}
.grid__item:hover {
	opacity: .8;
}
.grid__img {
	width: 100%;
}

.grid__deco {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.grid__deco path {
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
}

.grid__reveal {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	background-color: #2c2d31;
}

.grid .grid__item,
.grid .grid__sizer {
	width: calc(50% - 20px);
	margin: 0 10px 20px;
}

@media screen and (min-width: 60em) {
	.grid .grid__item,
	.grid .grid__sizer {
		width: calc((100% / 3) - 20px);
		margin: 0 10px 20px;
	}
}

@media screen and (min-width: 70em) {
	.grid .grid__item,
	.grid .grid__sizer {
		width: calc(25% - 30px);
		margin: 0 15px 30px;
	}
	/* Grid types */
	.grid--type-b .grid__item,
	.grid--type-b .grid__sizer {
		width: calc(20% - 20px);
		margin: 0 10px 20px;
	}

	.grid--type-c .grid__item,
	.grid--type-c .grid__sizer {
		width: calc(25% - 16px);
		margin: 0 8px 16px;
	}

	.Gross .grid .grid__item,
	.Gross .grid .grid__sizer {
		width: calc(100% - 0px);
		margin: 0 15px 0px;
		margin-bottom: 20px;
	}

	.Gross .grid--type-c .grid__item,
	.Gross .grid--type-c .grid__sizer {
		width: calc(100% - 0px);
		margin: 0 8px 0px;
		margin-bottom: 20px;
	}

	.Gross .grid__item.Portrait .grid__img  { max-width: 700px;}
	.Gross .grid__item.Portrait { background-color: #3f3f3f; padding-top: 20px; padding-bottom: 20px; }
}



@media screen and (max-width: 50em) {
	main {
		display: block;
	}
	.codrops-header {
		padding: 1em;
		flex-wrap: wrap;
	}
	.codrops-links {
		margin: 0;
	}
	.codrops-header__title {
		width: 100%;
		text-align: left;
		flex: none;
		margin: 1em 0;
	}
	.content--side {
		width: 100%;
	}
	.content--right {
		order: 3;
	}
	.content--center {
		max-width: 100vw;
	}
	.control {
		margin: 0 0 1em;
		text-align: left;
	}
	.control__item,
	.control__btn {
		display: inline-block;
	}
	.control__btn {
		width: auto;
	}
}


@media screen and (min-width: 0px) and (max-width: 640px) {
 .grid .grid__item, .grid .grid__sizer {
	 width: 100%;
 }
.grid .grid__item, .grid .grid__sizer {
	margin: 0px;
	margin-bottom: 20px;
}
 }

.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: 300;
    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: 300;
    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;
    padding-left: 10px;

    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: #3f3f3f;
    font-weight: 300;
}

.input__field--chisato:focus,
.input--filled .input__field--chisato {
    border-color: #3f3f3f;
}

.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: #3f3f3f; font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: 140px; display: block; position: absolute;}
.Module_Header .Bullets .Bullet { width: 60px; height: 3px; background-color: #3f3f3f; margin-right: 10px; float: left;}
.Module_Header .Bullets .Bullet.BulletActive { background-color: #FFF;}

.Module_Header .TextArea .Title { font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase;  color:#b2b2b2; }
.img-dragger-small .slide.current h2 { color: #3f3f3f; }


.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: 640px) and (max-width: 1100px) {
 .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: 640px) {
	.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: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; margin-top: 20px; margin-bottom: 10px;  }
.Module_Header-mobile .Inner { padding-left: 20px; padding-right: 20px;}
.Module_Header-mobile p { margin-bottom: 20px;}
.Module_Header-mobile .fill2 { width:100%;}
}


.Module_Produkte {  }
.Module_Produkte .Line { border-bottom: solid 1px #000; margin-bottom: 20px; max-width: 1282px; }
.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-style: normal;  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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; text-align: center; color: #FFF; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);;}

.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;;
}

@media screen and (min-width: 640px) and (max-width: 1100px) {
    .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: 640px) {
 .Module_Produkte UL LI { float: none; padding-left: 0px; padding: 10px;}
.Produkte_Microline { display: none;}
.Module_Produkte UL LI.Active { background-color: #3f3f3f; 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: 1282px; border-top:  solid 1px #ededed; margin-left: 0px; margin-right: 0px; }
.Module_Kontakt .Map .Holder { !max-width: 1480px;}

.Module_Kontakt #map {
    pointer-events: none;
}

.Module_Kontakt .Holder2 { max-width:  1282px; text-align: left; }
.Module_Kontakt .Map { position: relative; z-index: 10; border-bottom:  solid 1px #ededed; }
.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: #3f3f3f; 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: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; padding: 30px; padding-bottom: 0px; display: none;}
.Module_Kontakt .Kontakte .Item { margin-bottom: 40px; padding-top:40px; border-top:solid 1px #686769;; padding-left: 30px; padding-right: 30px; line-height: 2em;;}
.Module_Kontakt .Kontakte .Title { font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; color:#FFF;}
.Module_Kontakt .Kontakte A { color: #FFFFFF;}
.Module_Kontakt .Kontakte A.Mail { color: #FFF;}

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

.Module_Kontakt .Kontakte .Telefon:before {content:"T"; font-weight: bold; width: 20px; display: inline-block; color:#FFFFFF; }
.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: -400px;
    height:410px;
    position: relative; z-index: 180; ;}

.Module_Kontakt .BoxTopic .MainTitle { margin-left: 40px; font-family: "Open Sans";  font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase ; background-color: #004074; color:#FFF;
    padding:30px; padding-bottom: 30px;}
.Module_Kontakt .BoxTopic .TopicHolder { margin-left:40px; background-color: #FFF; margin-bottom: 40px;}
.Module_Kontakt .BoxTopic .TopicHolder .Topic {  float: left; width: 50%;    height:auto; text-transform: uppercase; }
.Module_Kontakt .BoxTopic .TopicHolder .Topic .Inner { padding: 10px; padding-left: 20px; cursor: pointer;}
.Module_Kontakt .BoxTopic .TopicHolder .Topic.Active { background-color: #3f3f3f; 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;}



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

.Module_Kontakt .Title { font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; margin-bottom: 20px;}
.Module_Kontakt .SubTitle { font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; margin-bottom: 0px; margin-top: 0px; color:#3f3f3f; }
.Module_Kontakt .SpaceX {
    height:20px;}

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

.Module_Kontakt .BrancheWahl { margin-left: 40px;}
.Module_Kontakt .BrancheWahl .SubTitle { font-family: "Open Sans";    font-style: normal;    letter-spacing: 0pt;    font-weight: 500; font-size:1.5em; text-transform:uppercase; 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: 640px) and (max-width: 1100px) {
.Module_Kontakt .Form {
    width: 60%;
}
 .Module_Kontakt .Kontakte {
     width: 40%;
     margin: 0px;
     margin-top: -200px;
     color:#FFF;
 }
.Module_Kontakt .Kontakte .MainTitle {
    font-size: 3em; line-height: 120%;
    display: none;;
}
.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: 640px) {
.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;}
 }


.Module_Schnellbuchung { padding-top: 30px; padding-bottom: 30px; }
.Module_Schnellbuchung .Row {margin-bottom: 5px;}
.Module_Schnellbuchung A.Link { color: #000000; }
DIV.Label25 { background-color: #000000; color: #FFF; float: left; width: calc(25% - 10px); height: 60px; margin-right: 10px;}
DIV.Label100 { background-color: #000000; color: #FFF; float: left; width: calc(100% - 0px); height: 60px; margin-right: 0px;}

DIV.Label25 .Inner { padding-left: 10px; line-height: 60px; }
DIV.Label100 .Inner { padding-left: 10px; line-height: 60px; padding-right: 10px; }

.PagePart.Module_Schnellbuchung {margin: 0px;}
.Module_Schnellbuchung { background-color: #FFFFFF;  }
.Module_Schnellbuchung DIV.FormZone { max-width: 1282px;
    padding:0px; border: none; text-align: left;}
.FieldInput { font-family:"Open Sans";  line-height: 58px; width: calc(100% - 0px); border:solid 1px #ededed; padding-left: 20px; padding-right: 20px; font-size: 12pt; font-weight: 300;   }
.FieldInput.Field33 {  width: 33%;}
.FieldInput.FieldInputMR.Field33 { margin-right: 10px; width: calc(33% - 10px) }
.FieldInput.Field25 {  width: 25%;}
.FieldInput.FieldInputMR.Field25 { margin-right: 10px; width: calc(25% - 10px) }
.FieldInput.FieldInputMR.Field25Delete { margin-right: 10px; width: calc(25% - 60px) }
.Field25DeleteIcon { margin-right: 0px; width: 50px;
    height:58px; line-height: 58px; color: #FFFFFF; float: right; background-color: #000000; text-align: center; font-family: "Open Sans";    font-style: normal;  font-weight :700;; }



TEXTAREA.FieldInput { padding: 10px; border:solid 1px #ededed; width:  calc(100% - 0px); height: 200px; font-family:"Open Sans"; line-height: normal; resize: none;}
SELECT.FieldInput { padding: 20px; border:solid 1px #ededed; width:  calc(100% - 0px);  font-family:"Open Sans"; line-height: normal; resize: none; background-color: #FFFFFF;}

.Module_Schnellbuchung .SumRow  { border-bottom: solid 1px #000000; padding-bottom: 10px; padding-top: 10px;}
.Module_Schnellbuchung .SumRowLast {border-bottom: none;}
.Module_Schnellbuchung .SumTitle   { float: left;}
.Module_Schnellbuchung .SumValue   { float: right;}

.Module_Schnellbuchung .Col1, .Module_Checkout .Col1 { width: calc(50% - 20px); float: left; margin-right: 20px;}



.Module_Schnellbuchung .Col2, .Module_Checkout .Col2 { width: calc(50% - 20px); float: left; margin-left: 20px;}
.Module_Schnellbuchung .FieldHolder, .Module_Checkout .FieldHolder { margin-bottom: 15px;}
.Module_Schnellbuchung .FieldHolder .FieldTitle, .Module_Checkout .FieldHolder .FieldTitle { font-size: 90%; margin-bottom: 5px;}

.Module_Schnellbuchung .MultiCheckbox SPAN { cursor: pointer;}
.Module_Schnellbuchung .Checkbox { margin-right: 10px;}
.Module_Schnellbuchung .Checkbox.ML { margin-left: 40px;}

.FieldError { background-color: #fbc2c4;}


A.Text {color: #000000; text-decoration: underline;}


TABLE.ListingSlots {

}
TABLE.ListingSlots TH { background-color: #000000; color: #686769; padding: 10px;}


INPUT.ButtonSlotter {
    padding:0px;
    border:solid 0px #000000;
    line-height: 20px;
    width: 60px;
    height:62px;
    line-height: 60px;
    background-color: #004074;
    font-weight: bold;;
    color:#FFFFFF;
}

@media screen and (min-width: 900px) and (max-width: 1280px) {
    .PagePart.Module_Schnellbuchung {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1100px) {
.PagePart.Module_Schnellbuchung { margin-left: 30px; margin-right: 30px;  }
    DIV.FormZone, .Module_Schnellbuchung DIV.FormZone { padding-left: 20px; padding-right: 20px;   }
 }


@media screen and (min-width: 0px) and (max-width: 640px) {
.FieldInput.FieldInputMR.Field25 { margin-right: 0px; width: calc(100% - 0px) ;float: none; }
DIV.Label25 {
    float: none; width: calc(100% - 0px); }
 }

@media screen and (min-width: 0px) and (max-width: 1000px) {
.PagePart.Module_Schnellbuchung {   }
.Module_Schnellbuchung .Col1, .Module_Schnellbuchung .Col2,.Module_Checkout .Col1, .Module_Checkout .Col2 { float: none; width: 100%; margin: 0px; margin-bottom: 10px;}
.Module_Schnellbuchung DIV.FormZone { padding: 10px; }
.Module_Schnellbuchung .Holder.HOME .SumValue { float: none; width: 100%; }

}


@media screen and (min-width: 0px) and (max-width: 640px) {
.PagePart.Module_Schnellbuchung { margin: 0px; padding: 0px; padding-left: 10px; padding-right: 10px;  }
.Module_Schnellbuchung .Col1, .Module_Schnellbuchung .Col2,.Module_Checkout .Col1, .Module_Checkout .Col2 { float: none; width: 100%; margin: 0px; margin-bottom: 10px;}
.Module_Schnellbuchung DIV.FormZone { padding: 10px; }
.Module_Schnellbuchung .Holder.HOME .SumValue { float: none; width: 100%; }

}



.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: #3f3f3f; 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: 640px) { .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 {

}

.Weddings BODY { ovexrflow: hidden;}
.Weddings DIV.MenuHolder { max-width: none; width: 100%; left: 0px;}
.Weddings DIV.MenuHolder  { background-color: #FFFFFF; background-image:none; padding-bottom: 20px; top:0px; left: 0px;}
.Weddings DIV.MenuHolder .Logo IMG { height: 50px; margin-top: 10px;   }
.Weddings .MainText { margin-bottom: 0px;}

.Weddings DIV.MenuHolder .Logo IMG:Hover { opacity: .7; }

.Weddings DIV.MenuHolder .Inner { max-width: 1282px; }

.Weddings nav.Main ul li a, .Weddings nav.Main ul li a:visited { color: #333333; line-height: 70px; font-size: 100%; padding-left: 40px; padding-right: 0px; letter-spacing: 0.1em; font-weight:400; $xFastTransition}
.Weddings nav.Main ul li a:hover, .Weddings nav.Main ul li a:visited:hover { color: #333333; }
.Weddings nav.Main ul li:hover { }
.Weddings nav.Main ul li.Active A:after, .Weddings nav.Main ul li:hover A:after {

    content: '';
    height: 1px;
    background: #333333;
    display:block;
    margin-top:-20px;

}

.Weddings DIV.MenuOuter.Fixed nav.Main ul li.Active A:after, .Weddings DIV.MenuOuter.Fixed nav.Main ul li:hover A:after {
    margin-top:-4px;
}

.Weddings nav.Main { margin-top: 0px; margin-bottom: 10px; float: right;}

.Weddings .PagePart { margin-left:0px; margin-right: 0px; margin-bottom: 0px; margin-top: 0px; }


.Module_Weddings-textundboxen { background-color: #FFFFFF;  }
.Module_Weddings-textundboxen .MainText { max-width: 900px; padding-top: 60px; padding-bottom: 60px;}



.Weddings .LangTextOuter { line-height: 190%;}
.Weddings DIV.MenuOuterHolder { background-color: transparent;}

.Weddings DIV.MenuHolder { padding-top: 20px; padding-bottom: 20px;}
.Weddings DIV.MenuHolder.FixedOverBG {
    position: absolute;
    top:0px;
    padding:0px;
    padding-bottom: 20px;
    padding-top: 20px;

}

.Weddings DIV.MenuOuter.Fixed {
    -webkit-box-shadow: 0 4px 6px -6px #222;
    -moz-box-shadow: 0 4px 6px -6px #222;
    box-shadow: 0 4px 6px -6px #222;
}

    /*



.Weddings .Module_Home-slider-4 { margin-bottom: 0px;}

.Module_Weddings-textundboxen .Box { width: calc(50%); float: left; background-color: #efefef; overflow: hidden; cursor: pointer;}
.Module_Weddings-textundboxen .BoxHolder { margin-top: 0px; margin-bottom: 0px;}
.Module_Weddings-textundboxen .BoxInner { background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; }
.Module_Weddings-textundboxen .Box:Hover .BoxInner { transform: scale(1.05); }

.Module_Weddings-textundboxen .BoxOuter { position: absolute;  overflow: hidden; }
.Module_Weddings-textundboxen .BoxInner { position: absolute; z-index: 90;}
.Module_Weddings-textundboxen .BoxBlack { position: absolute; background-color: #000000; z-index: 100; opacity: .5; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;}

.Module_Weddings-textundboxen .Box:Hover .BoxBlack { opacity: .0;}

.Module_Weddings-textundboxen .BoxHolder .Text {    color: #FFFFFF;  position: absolute; opacity: 1; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; z-index: 120; text-align: left;  }
.Module_Weddings-textundboxen .BoxHolder .Box:Hover .Text { opacity: .8;}

.Module_Weddings-textundboxen .BoxHolder .InfoBox { background-color: #FFFFFF; color: #000000; width: 30%; opacity: 0;  padding: 40px; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;}
.Module_Weddings-textundboxen .BoxHolder .Box:Hover .InfoBox { opacity: 1;}

.Module_Weddings-textundboxen .BoxHolder .Title { font-family: "Open Sans";    font-style: normal;  font-weight :700;; letter-spacing: .1em; font-size: 20px; margin-bottom: 10px;  }
.Module_Weddings-textundboxen .BoxHolder .Link { font-size: 80%;}

*/

.Weddings .Module_Imagebild { max-width: none; padding: 0px; margin: 0px; }
.Weddings .Module_Imagebild .Klein  { height: 50vh ; }
.Weddings .Module_Footer { padding-top: 0px;}

.Weddings DIV.MenuOuter { padding-top: 0px; padding-bottom: 0px; background-color: #FFFFFF;}
.Weddings .Fixed DIV.MenuHolder .Logo { line-height: 40px;  margin-top: 0px;}
.Weddings .Fixed DIV.MenuHolder .Logo IMG { height: 40px; width: auto; margin-top: 0px; }
.Weddings .Fixed nav ul li a, .Weddings  .Fixed nav ul li a:visited {
    line-height: 40px;
}

.Weddings .Fixed nav.Main ul li a,.Weddings .Fixed nav.Main ul li a:visited {
    line-height: 40px;
}
.Weddings DIV.MenuOuter.Fixed { border-bottom:none;}
.Weddings .Fixed nav.Main { margin-top: 0px; margin-bottom: 20px; }
.Weddings DIV.MenuHolder { padding-bottom: 0px; }

.Weddings .Module_Schnellbuchung { background-color: #f6f6f6; }
.Weddings DIV.FormZone { background-color: #f6f6f6; }


.Module_Langtext p { margin-bottom: 0px;}


.Weddings .PagePart.Module_Galerie,.Weddings .PagePart.Module_Vorschau {
    max-width: none;
}


.Weddings .Module_Weddings-selector {
    width: 85%;
}
.Weddings .Module_Weddings-selector .Box,.Weddings .VideoSelector .Box {
    width: calc(100% / 3 - 20px);


    float: left;;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;

    overflow: hidden;
}

.Box,.Weddings .VideoSelector .Box {
    width: calc(100% / 2 - 20px);
}



.Weddings .Module_Weddings-selector .Box .Adjust3zu2, .Weddings .VideoSelector .Box .Adjust3zu2 { border: solid 4px #FFFFFF; z-index: 9}

.Module_Weddings-selector .BoxLabel, .VideoSelector .BoxLabel {
    margin-top: -35px;
    z-index: 999;
    position: relative;
    width: 100%;
}


.Weddings .Module_Weddings-selector .BoxLabel .LabelInner, .Weddings .VideoSelector .BoxLabel .LabelInner {

    width: 60%;

    background-image: url("/media/images/white-alpha.png");
    padding: 4px;

}

.Weddings .Module_Weddings-selector .BoxLabel .Inner2, .Weddings .VideoSelector .BoxLabel .Inner2 {

    padding: 20px;
    background-color: #FFFFFF;
    font-size: 90%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;


}




.Weddings .Module_Weddings-selector { padding-bottom: 80px; padding-top: 80px;}
.Weddings .Module_Weddings-selector A,.Weddings .Module_Weddings-selector A:Hover, .Weddings .VideoSelector A,.Weddings .VideoSelector A:Hover { color: #333333;  }

.Weddings .Module_Weddings-selector .Box .Outer,.Weddings .VideoSelector .Box .Outer { background-color: #FFFFFF; opacity: 0; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; position: absolute; z-index: 9}
.Weddings .Module_Weddings-selector .Box:Hover .Outer, .Weddings .VideoSelector .Box .Outer { opacity: 0.2;}

.Weddings .Module_Weddings-selector .Box .Text, .Weddings .VideoSelector .Box .Text { position: absolute; font-size: 3em; letter-spacing: 0.01em; }

.Weddings .Module_Weddings-selector .Box .Inner, .Weddings .VideoSelector .Box .Inner { position: absolute; overflow: hidden; z-index: 9}
.Weddings .Module_Weddings-selector .Box:Hover .Inner, .Weddings .VideoSelector .Box:Hover .Inner {  }


.Weddings .Module_Weddings-selector .Box .Bild, .Weddings .VideoSelector .Box .Bild { -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; background-size: cover; background-position: center center; }
.Weddings .Module_Weddings-selector .Box:Hover .Bild, .Weddings .VideoSelector .Box:Hover .Bild { transform: scale(1.05); }


.Module_Weddings-statements {background-color: #FFFFFF; padding-top: 80px; padding-bottom: 60px; text-align: left;}
.Module_Weddings-statements .Inner { max-width: 1282px; }


.Module_Weddings-statements .StatementHolder { width:calc(70%); border: solid 0px #000000}
.Module_Weddings-statements .Inner .Icon { background-color: #1A315F; border:solid #cccccc; width: 100px; height: 100px; border-radius: 50%; float: left; margin-right: 40px;}
.Module_Weddings-statements .Inner .Statement {  text-align:left; font-size: 1.6em; letter-spacing: 0.05em; float: left; width: calc(100% - 140px);  }
.Module_Weddings-statements .Inner .Statement .Name { text-align: right; font-size: 50%; font-weight: 500; margin-top: 20px;}

.Weddings .Module_Schnellbuchung { padding-top: 80px; padding-bottom: 80px;}

.Weddings .Hochruecken { margin-top: -160px;  padding: 40px; padding-bottom: 40px; padding-top: 40px;   line-height:140%;letter-spacing: 0.05em;}
.Weddings .Hochruecken { padding: 6px;  background-image: url("/media/images/white-alpha.png"); }
.Weddings .LangTextOuter { padding: 40px; background-color: #FFFFFF; text-align: center}


.Weddings .Module_Weddings-textundboxen { padding-top: 120px; padding-bottom: 80px;}
.Weddings .Module_Weddings-textundboxen .BoxHolder {
    width: 85%;
}


.Weddings .Module_Weddings-textundboxen .Box {
    width: calc(50% - 20px);
    float: left;;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    overflow: hidden;
   margin-bottom: 40px;
}

.Weddings .Module_Weddings-textundboxen .Box .Adjust3zu2 { border: solid 4px #FFFFFF; z-index: 9}



.Module_Weddings-textundboxen .BoxLabel {
    margin-top: -35px;
    z-index: 999;
    position: relative;
    width: 100%;
}


.Weddings .Module_Weddings-textundboxen .BoxLabel .LabelInner {

    width: 60%;

    background-image: url("/media/images/white-alpha.png");
    padding: 4px;

}

.Weddings .Module_Weddings-textundboxen .BoxLabel .Inner2 {

    padding: 20px;
    background-color: #FFFFFF;
    font-size: 90%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;


}



.Weddings .Module_Weddings-textundboxen .Box .Inner {  }
.Weddings .Module_Weddings-textundboxen .Box:Hover .Inner {
}


.Weddings .Module_Weddings-textundboxen A,.Weddings .Module_Weddings-selector A:Hover { color: #333333;  }

.Weddings .Module_Weddings-textundboxen .Box .Outer { background-color: #FFFFFF; opacity: 0; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; position: absolute; z-index: 9}
.Weddings .Module_Weddings-textundboxen .Box:Hover .Outer { opacity: 0.2;}

.Weddings .Module_Weddings-textundboxen .Box .Text { position: absolute; font-size: 3em; letter-spacing: 0.01em; }

.Weddings .Module_Weddings-textundboxen .Box .Inner { position: absolute; overflow: hidden; z-index: 9}
.Weddings .Module_Weddings-textundboxen .Box:Hover .Inner {  }


.Weddings .Module_Weddings-textundboxen .Box .Bild { -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;; background-size: cover; background-position: center center; }
.Weddings .Module_Weddings-textundboxen .Box:Hover .Bild { transform: scale(1.05); }


.Weddings .VideoSelector { width: 60% }

.Weddings .PlayerHolder { display: none;}
.Weddings .Module_Video-selector { padding-top: 0px; padding-bottom: 80px;}
.Weddings .PlayerHolder { width: calc(60% - 20px); margin-bottom: 20px;}
.Weddings .PlayerHolder .Player { border: solid 0px #000000; }

.Weddings .Module_Video-selector .Play { background-image: url("/media/images/weddings/play-icon.png"); background-size: 50px auto; background-repeat: no-repeat; background-position: center center; opacity: .4; position: absolute; z-index: 999; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear;;}
.Weddings .Module_Video-selector .Box:Hover  .Play { opacity: .9;}

.Weddings .Module_Video-selector .SelectorHint {margin-top: 20px; text-align: left; font-size: 70%; color: #666666; font-weight: bold; text-transform: uppercase;}

.Module_Weddings-fotobox { padding-top: 80px; padding-bottom: 80px;}
.Module_Weddings-fotobox .FeatureHolder { width: 80%;}
.Module_Weddings-fotobox .FeatureHolder .Box { width: calc(33.333% - 20px); margin-left: 10px; margin-right: 10px; margin-bottom: 40px; float: left;}
.Module_Weddings-fotobox .FeatureHolder .Box {background-color:#FFFFFF; }

.Module_Weddings-fotobox .FeatureHolder .Box .Text { text-align: left; padding: 40px; line-height: 150%}
.Module_Weddings-fotobox .FeatureHolder .Box .Text .Label { font-size: 1.2em; font-weight: 600; margin-bottom: 10px;}

.Module_Weddings-textundboxen  { background-color: #f6f6f6;  }

.Module_Weddings-textundboxen .MainText {background-color: #FFFFFF;}


.Module_Weddings-post .Images { max-width: calc(1282px + 40px); margin-left: -0px;}
.Module_Weddings-post .BlogImage {width: 100px; height: 100px; margin: 00px; padding: 20px; }
.Module_Weddings-post .BlogImage .Inner {background-size: cover; background-position: bottom center: }
.Module_Weddings-post .BlogImage1_3 {width: calc(33.3333% - 0px); float: left; height: 600px; }
.Module_Weddings-post .BlogImage1_2 {width: calc(50% - 0px); float: left; height: 900px; }
.Module_Weddings-post .BlogImage1_2.OLandscape {width: calc(50% - 0px); float: left; height: 400px; }

.Module_Weddings-post .BlogImage2_3 {width: calc(66.6666% - 0px); float: left; height: 600px;}
.Module_Weddings-post .BlogImageFull {width: 100%; height: 800px; float: none; clear: both;}

.Module_Weddings-post .TextLong { margin-top: 40px;margin-bottom: 40px; background-color: #FFFFFF; padding-top: 80px; padding-bottom: 80px;}
.Module_Weddings-post .TextLong .InnerText { max-width: 1282px;}



@media screen and (min-width: 0px) and (max-width: 640px) {
 .Weddings .LangTextOuter {padding: 0px; }



.Weddings .Module_Weddings-selector .Box, .Weddings .VideoSelector .Box {
    margin-left:0px;
    margin-right: 0px;
    margin-bottom: 20px;
    float: none;
    width: 100%;
}


.StatementHolder {width: 100%;}
.Module_Weddings-statements .Inner .Icon { width: 200px; height:200px; float: none; margin: 0px; margin-bottom: 20px;}
.Module_Weddings-statements .Inner .Statement { width: 100%; float: none; font-size: 1.5em;}
.Module_Schnellbuchung .MultiCheckbox SPAN:after { content: '\A'; white-space: pre; }
.Module_Schnellbuchung .Checkbox.ML {margin-left: 0px;}


.Weddings .Hochruecken {margin: 0px; padding: 0px; background-image: none;}

.Weddings .Module_Weddings-textundboxen .Box { width: 100%; float: none; margin: 0px; margin-bottom: 20px;}
.Trenner { height: 200px;}
.Weddings .VideoSelector { width: 90%; }
.Weddings .Module_Weddings-textundboxen {padding-top: 40px; padding-bottom: 40px;}
.Weddings .Module_Weddings-textundboxen .BoxHolder { width: 90%; }
.Weddings .PlayerHolder { width: 90%;}

.Module_Weddings-fotobox .FeatureHolder { width: 90%;}
.Module_Weddings-fotobox .FeatureHolder .Box { float: none; width: 100%; margin: 0px; margin-bottom: 20px;}


.Module_Weddings-post .Images {width: 90%;}
.Module_Weddings-post .BlogImage { width: 100%; padding: 0px; padding-bottom: 20px;}

.Module_Weddings-post .BlogImage1_3 {width: calc(100%); float: none; height: 500px; }
.Module_Weddings-post .BlogImage1_2 {width: calc(100% - 0px); float: none; height: 500px; }
.Module_Weddings-post .BlogImage1_2.OLandscape { width:100%; float: none; height: 250px; }
.Module_Weddings-post .BlogImage2_3 {width: calc(100% - 0px); float: none; height: 250px;}
.Module_Weddings-post .BlogImageFull {width: 100%; height: 250px; float: none; clear: both;}


 }

.Weddings .SideMenuLogo IMG {
    width:150px; height: auto;;
}

.Weddings .MenuAdditionalContent { display: none;}

.Weddings .Menu_Vertical .menu { background-image: url('/media/images/weddings/menu-back.jpg'); background-size: cover; background-position: bottom right; height: 101vh;}
.Weddings .Menu_Vertical .menu__link { font-size: 1.2em; font-weight: lighter; letter-spacing: 0.05em;}


.tablet.portrait .action--open { left: 10px; }
.tablet.portrait .menu__wrap {left: 20px;}

@media screen and (min-width: 0px) and (max-width: 1000px) {
 .Module_Weddings-fotobox .FeatureHolder .Box { float:none; width:100%; margin:0px; margin-bottom: 20px;}
 }