/* questrial-regular - latin */
@font-face {
  font-family: 'Questrial';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/questrial-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/questrial-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/questrial-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/questrial-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/questrial-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/questrial-v18-latin-regular.svg#Questrial') format('svg'); /* Legacy iOS */
}


/*
.container-non-responsive {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 1150px;
    overflow-x: hidden;
}
*/

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    text-align: center;
    width: 100%;
  	text-transform:uppercase;
}

.anfragezuruck [type=button] {
    -webkit-appearance: none;
}

.anfragezuruck a {
  cursor: pointer;
}

.icons {
    font-size: 14px;
    padding-right: 7px;
  	display:inline-block;
  	margin-top:7px
}

/*Slick Slider*/
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

@media (min-width:1600px){.container{max-width:1570px}}

.col-md-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}


@media (min-width: 992px) {
  .col-md-5ths {
    max-width: 20%;
    float: left;
  }
}



html, body {
    overflow-x: hidden
}

body {
    font-family: 'Questrial', sans-serif;
    font-size: 14px!important;
    letter-spacing: 1px;
    color: #561c5b;
    font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

a {
    color: #561c5b;
	text-decoration: none;
}
a:hover {
    color: #000;
	text-decoration: none;
}

a:focus {
    outline: none;
}

:focus{
    outline: none;
}

figure {
    margin: 0;
    padding: 0;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    border: none;
}

.blocksatz {
    text-align: justify;
}

.readon {
    display: inline-block;
    position: relative;    
}

.readon:before {
    content: "> ";
    font-size: 16px;
    position: absolute;
    width: 15px;
    height: 30px;
    left: -17px;
    top: -3px;

}
.readon:after {
    content: " <";
    font-size: 16px;
    position: absolute;
    width: 15px;
    height: 30px;
    right: -17px;
    top: -3px;
}

.homeintro {
  color:#561c5b
}

.homeintro h2 {
  font-size: 32px;
  font-weight: bold;
}

/*Header*/
#sticky {
    z-index: 2000;
    width: calc(100% + 30px);
}

.logo {
    padding-top: 5px;
    padding-bottom: 0px;
    display: inline-block
}
@media(max-width:767px){
.logo {
    padding-top: 5px;
    padding-bottom: 0px;
}   
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu-container {
  width: 100%;
  margin: 0 auto;
  background-image: url(../images/bg-border-nav.png), url(../images/bg-border-nav.png);
  background-position: center top, center bottom;
  background-repeat: no-repeat, no-repeat;
    font-size: 14px;
}

.menu-container img{
  	max-width: 100%;
    height: auto;
  	margin-left:auto;
  	margin-right:auto
}

@media (max-width: 991px) {
    .menu-container img{
      /*max-width: 100%;
        height: auto;*/
        max-height: 200px!important;
        width: auto;
        margin-left:auto;
        margin-right:auto
    }
}



.menu-mobile {
  display: none;
  padding: 20px;
}
.menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
}
.menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
  background: #fff;
  color: #333;
}
.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
  text-align: center!important
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
    display:inline-block!important;
    *display:inline!important; /*IE7*/
    *zoom:1!important; /*IE7*/
  padding: 0;
  margin: 0;
}
.menu > ul > li a {
  text-decoration: none;
  padding: 1.5em 3em;
  display: block;
}
.menu > ul > li:hover {
  background: #f9f7fa;
  background-image: url(../images/bg-border-nav.png), url(../images/bg-border-nav.png);
  background-position: center top, center bottom;
  background-repeat: no-repeat, no-repeat;
}
.menu > ul > li > ul {
  display: none;
  width:100%;
  /* background: #f9f7fa;*/
  background: #fff;
  padding: 20px 10% 20px 20%;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  background-image: url(../images/bg-border-nav.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 20%;
  background: none;
  float: left;
}
.menu > ul > li > ul > li:hover,
.imghover:hover{
  background: #f9f7fa;

}
.menu > ul > li > ul > li a {
  color: #777;
  padding: .2em 0;
  /*width: 95%;*/
  width:100%;
  text-align:center;
  display: block;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 5px 0;
  margin: 0;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;
}
.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
  
  .quadheaderimage,
  .slider_one img{
    object-fit: cover;
    height:300px!important;
  }
  
  
  .menu-container {
    width: 100%;
  }
  .menu-mobile {
    display: block;
  }
  .menu-dropdown-icon:before {
    display: block;
      border: 1px solid #818181
  }
  .menu > ul {
    display: none;
  }
  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
    text-align: left
  }
  .menu > ul > li a {
    padding: 1.5em;
    width: 100%;
    display: block;
  }
  .menu > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    text-align: center;
      margin-bottom: 10px
  }
  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu .show-on-mobile {
    display: block;
  }
}

/* Arrows */
.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next,.slick-prev{font-size:0;line-height:0;z-index:1900;position:absolute;top:50%;display:block;width:40px;height:40px;margin-top:-30px;padding:0;cursor:pointer;border:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.7}.slick-next:before,.slick-prev:before{font-size:60px;line-height:1;font-weight:300;opacity:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:15px}.slick-prev:before{content:'<'}.slick-next{right:25px}.slick-next:before{content:'>'}


/*Main*/
main {
    padding-left: 10px;
    padding-right: 10px;
}

.mainimage {
    position: relative;
    margin-top: 0px;
}
.mainimage figcaption {
    position: absolute;
    top: 40%;
    left: 20%;
    display: none;
    width: 40%;
    font-size: 24px;
    z-index: 1200;
        
}
.quadratcontent {
    margin-top: 20px;
    text-align: center;
    padding: 15px;
    background-image: url(../images/bg-boxen.jpg);
    background-position: center center;
}

.rustbg {
    background-image: url(../images/bg-boxen.jpg);
    background-position: center center;
    background-size: 100% auto
}
@media(max-width:767px){
    .rustbg {
        background-size: auto 100% ;
    }
  
.menu > ul > li > ul {
  padding: 20px 10%;
} 
  
}

.quadratcontent img {
    position: absolute;
    height: calc(100% - 150px);
    width: auto;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.quadratcontent .squarecontent {
    position: absolute;
    top: calc(100% - 140px);
    width: calc(100% - 50px);
    text-align: center;
}
@media(min-width:768px) and (max-width:991px){
    .quadratcontent .squarecontent {
        top: calc(100% - 110px);
    }
}

.home figure .infotextboxen {
    position:absolute; 
    bottom:10px;
    left: 0;
    display: inline-block;
    height:80px;
    width: 100%;
    opacity: 1;
}

@media(min-width:768px) and (max-width:991px){
    .home figure .infotextboxen {
        bottom:10px;
        height:40px;
    }  
}

.home figure:hover .infotextboxen {
    opacity: 0.3;
}

.home figure .infotextboxen h2,
.home figure .infotextboxen p {
    margin-left: 10px;
    margin-right: 10px;
}

.home figure .infotextboxen h2,
.home figure:hover .infotextboxen h2{
    visibility: visible;
    margin: 0 0 15px 0;
    opacity: 1;
    -webkit-transform:translateY(0);
    transform:translateY(0);    
}



.home figure figcaption>div{
    display: none;    
}
.home figure:hover figcaption>div{
    display: inline-block;
}

/*Footer*/
footer {
    margin-top: 20px;
    margin-bottom: 60px;
    padding-bottom: 25px;
    font-size: 14px;
    border-bottom: 1px solid #ccc
}


.h-borderfooter, 
.bottomrow {
    border-top: 1px solid #ccc
}

.h-borderfooter {
    border-bottom: 1px solid #ccc
}

@media(max-width:767px){
.h-borderfooter {
    border-bottom: 0px solid #ccc
}
}

footer h4 {
    font-size: 16px;
    font-weight: normal
}

footer nav img {
    display: none;
}

footer ul,
footer ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}


/*Kategorie*/

/*Hover Effekt Kategorie*/
.kategorieimage{position:relative;display:inline-block;overflow:hidden;width:100%;color:#fff;text-align:center;margin-bottom: 13px}.kategorieimage *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease;transition:all .25s ease}.kategorieimage:before{position:absolute;bottom:10px;left:10px;right:10px;top:100%;content:'';-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-transition-delay:.25s;transition-delay:.25s}.kategorieimage a,.kategorieimage figcaption{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.kategorieimage img{vertical-align:top;max-width:100%;backface-visibility:hidden}.kategorieimage figcaption{align-items:center;display:flex;flex-direction:column;justify-content:center}.kategorieimage h3,.kategorieimage h2{margin:0 0 5px;opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);text-transform:uppercase;-webkit-transition-delay:50ms;transition-delay:50ms}.kategorieimage.hover:before,.kategorieimage:hover:before{top:10px;-webkit-transition-delay:0s;transition-delay:0s}.kategorieimage.hover h3,.kategorieimage.hover h5,.kategorieimage:hover h3,.kategorieimage:hover h2{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.kategorieimage.hover h3,.kategorieimage:hover h3{-webkit-transition-delay:.3s;transition-delay:.3s}.kategorieimage.hover h2,.kategorieimage:hover h2{-webkit-transition-delay:.2s;transition-delay:.2s}


.fancybox-bg {
    background: #ffffff
}

.fancybox-is-open .fancybox-bg {
    opacity: 1;
}

.fancybox-caption {
    display: none;
}
/*
.zusatzbilder img{
    max-height: 200px;
    width: auto;
}
*/
.fixvert img {
  max-width:auto;
  height:100%;
}


.kategorieimage h3 {
    padding-left: 10px;
    padding-right: 10px;
}


.sociallinks {
    margin-top: 15px;
}

.sociallinks>a {
   cursor: pointer;
}

#anfrage {
    cursor: auto;
}

.modal {
    top: 0px;
    background-color: #fff;
    z-index: 999999
}
.modal-content {
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.popover-title {
    border-bottom: 0px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 100%;
    padding: 1px;
    font-family: 'jirgenswebfontmedium', Calibri, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto;
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-bottom-width: 0;
}

.popover-content {
    width: auto;
    display: inline-block;
}

.popover-content a {
    float: left;
    font-size: 24px;
    margin: 0 5px
}


/*Highlight*/
.parallaxParent {
    height: 80vh;
    overflow: hidden;
}

.parallaxParent > * {
    height: 200%;
    position: relative;
    top: -100%;
}

.hintergrund {
    height: 150%;
    position: relative;
    top: -75%;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
@media(max-width:767px){
    .hintergrund {
        background-size: auto 100%;
    }
}

/*Presse und Events*/
.object-fit_fill { object-fit: cover}
.quadratpresse {overflow:hidden; margin-bottom:20px; cursor:pointer}


/*Company*/

#company .parallaxParent {
    height: 70vh;
    overflow: hidden;
}

#company .parallaxParent > * {
    height: 200%;
    position: relative;
    top: -100%;
}

#company .hintergrund {
    height: 150%;
    position: relative;
    top: -75%;
    background-size: auto 100%;
    background-position: center center;
}
@media(max-width:991px){
    #company .hintergrund {
        background-size: auto 100% ;
    }
}



.companyslider article {
    padding-left: 10px;
    padding-right: 10px;
}

.companyslider figcaption {
    text-align: center;
    background-color: #eee;
    padding: 5px;
    min-height: 150px;
}

.companyslider .slick-prev {
    left: -30px;
}

.companyslider .slick-next {
    right: -30px;
}

/*Responsive Video*/
.videoWrapper {
	
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.blogpost {
    background-color: #f5f5f5;
    padding: 40px;
    margin-bottom: 30px;
    text-align: justify;
}
ul.sigProResponsive li.sigProThumb a.sigProLink,
ul.sigProResponsive li.sigProThumb a.sigProLink:hover {
    color: #f5f5f5!important;
    text-decoration: none;
    background-color: #f5f5f5!important;
    border: 6px solid #f5f5f5!important;
}

.blogsubnav {
    padding: 0 30px
}

.blogsubnav h3 {
    margin: 5px 0 20px 0
}

.blogsubnav ul {
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0;
}

.blogsubnav ul li {
    margin: 0;
    padding: 0;
    line-height: 1.6
}

.blogsocialicons {
    font-size: 22px;
    margin-left: -10px
}


@media (min-width: 768px) {  
    .modal-dialog {
        max-width: 900px;
        margin: 30px auto;
    }
}


.produktmitte { 
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.produktanfrage  {
    text-align: left!important;
    padding-left: 10px;
    padding-right: 10px;
    width: calc (100% - 20px)
}

.produktanfrage .radio {
    float: left;
}

.form-control {
    display: block;
    width: 100%;
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 11px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}





/*
.socialicons {
    float: right;
    display: inline-block;
    padding-top: 8px;
    font-size: 22px;
}

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.icon-twitter:before { content: '\f099'; }
.icon-facebook:before { content: '\f09a'; } 
.icon-instagram:before { content: '\f16d'; }
.icon-pinterest:before { content: '\f231'; }
.icon-vimeo:before { content: '\f27d'; }
.icon-gplus:before { content: '\f30f'; }

*/


.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #b5b5b5;
    border-radius: 0px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    height: 38px;
    line-height: 38px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0!important;
    right: 0!important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9;
    width: 100%;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent!important
}

.nice-select .option {
    cursor: pointer;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #d1d1d1
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}




.slick-dots {
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    border-radius: 10px;
}



/* HIGHLIGHTS PARAIBA TURMALINE*/
.pth {
    line-height: 2;
    padding-top: 50px;
}

.pth,
.pth h1, 
.pth h2{
    color: #446c91
}

.pth h1, 
.pth h2{
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
}

.pth_no_slider {
    margin-top: 20px;
}

.pth_bildbeschreibung {
    margin-top: -80px;
    margin-bottom: 35px;
    text-align: center;
}

.pth .slick-dots li button {
    background-color: #446c91;
}

.pth .slick-dots li.slick-active button {
    background-color: rgba(68, 108, 145, 0.76);
}

.pth .slick-next:before, .pth .slick-prev:before {
    color: #446c91;
}

.pth .kategorieimage {
    background-image: none!important;
    background-color: #f0fbff!important
}

/* HIGHLIGHTS WELO OPALE*/
.woh {
    line-height: 2;
    padding-top: 50px;
}

.woh,
.woh h1, 
.woh h2{
    color: #00a4b5
}

.woh h1, 
.woh h2{
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.woh_no_slider {
    margin-top: 20px;
}

.woh_bildbeschreibung {
    margin-top: -80px;
    margin-bottom: 35px;
    text-align: center;
}

.woh .slick-dots li button {
    background-color: #00a4b5;
}

.woh .slick-dots li.slick-active button {
    background-color: rgba(0, 164, 181, 0.76);
}

.woh .slick-next:before, .woh .slick-prev:before {
    color: #00a4b5;
}

.woh .kategorieimage {
    background-image: none!important;
    background-color: #effcff!important
}


/* HIGHLIGHTS Clear Clrystals*/
.cch {
    line-height: 2;
    padding-top: 50px;
}

.cch,
.cch h1, 
.cch h2{
    color: #00a4b5
}

.cch h1, 
.cch h2{
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.cch_no_slider {
    margin-top: 20px;
}

.cch_bildbeschreibung {
    margin-top: -80px;
    margin-bottom: 35px;
    text-align: center;
}

.cch .slick-dots li button {
    background-color: #00a4b5;
}

.cch .slick-dots li.slick-active button {
    background-color: rgba(0, 164, 181, 0.76);
}

.cch .slick-next:before, .cch .slick-prev:before {
    color: #00a4b5;
}

.cch .kategorieimage {
    background-image: none!important;
    background-color: #effcff!important
}



/* HIGHLIGHTS Trinity Transformers*/
.tth {
    line-height: 2;
    padding-top: 50px;
}

.tth,
.tth h1, 
.tth h2{
    color: #818181
}

.tth h1, 
.tth h2{
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.tth_no_slider {
    margin-top: 20px;
}

.tth_bildbeschreibung {
    margin-top: -80px;
    margin-bottom: 35px;
    text-align: center;
}

.tth .slick-dots li button {
    background-color: #818181;
}

.tth .slick-dots li.slick-active button {
    background-color: rgba(129, 129, 129, 0.76);
}

.tth .slick-next:before, .tth .slick-prev:before {
    color: #818181;
}

.tth .kategorieimage {
    background-image: none!important;
    background-color: #d1d1d1!important
}

.bg-vimeo {
  background-image:url(../images/bg-vimeo.jpg);
  background-repeat: repeat-y;
  background-position: center top;
}

.embed-container 
{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 

.embed-container iframe, .embed-container object, .embed-container embed 
{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }