@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
	padding: 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:none;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
@font-face {
  font-family: 'HelveticaNeueLTStd-LtCn';
  font-style: normal;
  font-weight: 300;
  src: local('HelveticaNeueLTStd-LtCn'),
  local('HelveticaNeueLTStd-LtCn'),
  url('/fileadmin/templates/fonts/HelveticaNeueLTStd-LtCn.otf') format('opentype');
}

@font-face {
  font-family: 'HelveticaNeueLTStd-Cn';
  font-style: normal;
  font-weight: 400;
  src: local('HelveticaNeueLTStd-Cn'),
  local('HelveticaNeueLTStd-Cn'),
  url('/fileadmin/templates/fonts/HelveticaNeueLTStd-Cn.otf') format('opentype');
}

@font-face {
  font-family: 'HelveticaNeueLTStd-Roman';
  font-style: normal;
  font-weight: 400;
  src: local('HelveticaNeueLTStd-Roman'),
  local('HelveticaNeueLTStd-Roman'),
  url('/fileadmin/templates/fonts/HelveticaNeueLTStd-Roman.otf') format('opentype');
}

@font-face {
  font-family: 'HelveticaNeueLTStd-MdCn';
  font-style: normal;
  font-weight: 400;
  src: local('HelveticaNeueLTStd-MdCn'),
  local('HelveticaNeueLTStd-MdCn'),
  url('/fileadmin/templates/fonts/HelveticaNeueLTStd-MdCn.otf') format('opentype');
}
*/

@font-face {
 font-family: 'HelveticaNeueLTStd-LtCn';
 font-style: normal;
 font-weight: 300;
 src: url("/fileadmin/templates/fonts/HelveticaNeueLTStd-Cn.otf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: 'HelveticaNeueLTStd-LtCn';
 font-style: normal;
 font-weight: 300;
 src: url("/fileadmin/templates/fonts/HelveticaNeueLTStd-Cn.woff") /* EOT file for IE */
}

@font-face {
 font-family: 'HelveticaNeueLTStd-Cn';
 font-style: normal;
 font-weight: 400;
 src: url("/fileadmin/templates/fonts/HelveticaNeueLTStd-Cn.otf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: 'HelveticaNeueLTStd-Cn';
 font-style: normal;
 font-weight: 400;
 src: url("/fileadmin/templates/fonts/HelveticaNeueLTStd-Cn.woff") /* EOT file for IE */
}

@font-face {
 font-family: 'HelveticaNeueLTStd-Roman';
 font-style: normal;
 font-weight: 400;
 src: url("/fileadmin/templates/fonts/HelveticaNeueLTStd-Roman.otf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: 'HelveticaNeueLTStd-Roman';
 font-style: normal;
 font-weight: 400;
 src: url("/fileadmin/templates/fonts/HelveticaNeueLTStd-Roman.woff") /* EOT file for IE */
}

@font-face {
 font-family: 'HelveticaNeueLTStd-MdCn';
 font-style: normal;
 font-weight: 400;
 src: url("/fileadmin/templates/fonts/HelveticaNeueLTStd-MdCn.otf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: 'HelveticaNeueLTStd-MdCn';
 font-style: normal;
 font-weight: 400;
 src: url("/fileadmin/templates/fonts/HelveticaNeueLTStd-MdCn.woff") /* EOT file for IE */
}


* {
      font-family: 'HelveticaNeueLTStd-MdCn';
}


.bluehome img {
    display: none;
}

.bluehome img.overlay {
    display: block;
}

h1, h2 {
    color: #44c8f5;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.6em;
    margin-bottom: 25px;
    font-weight: 400;
}

h3 {
    font-size: 1.2em;
    font-weight: 400;
}

p {
    color: #333;
}

p a {
    color: #333;
    text-decoration: underline;
}

p a:hover {
	color: #333;
}



strong a {
    color: #333;
    font-family: 'HelveticaNeueLTStd-MdCn';
	font-style: normal;
    font-weight: 400;
    font-size: 25px;
    text-decoration: underline;
    line-height: 1em;
}

strong a:hover {
    text-decoration: none;
	color: #333;
}


.lightergrey {
    background-color:#f1f1f1;
}

.lightgrey {
    background-color:#ebebeb;
}

.grey {
    background-color: #e1e1e1;
}

.auto-size {
    width: 100%;
    height:auto;
}

.spacer {
	margin-bottom:20px;
}


/*---Font-styles---*/

p, a, li,
.blue-bckgrd a span, .single-icon h3, .blue-bckgrd .col-12 div, footer h3, .subfooter, .locations label, .locations input, button{
    font-family: 'HelveticaNeueLTStd-Roman';
    font-style: normal;
    font-weight: 300;
    font-size:20px;
}


.container b, strong{
  font-family: 'HelveticaNeueLTStd-MdCn';
  font-size:1.3em;
  line-height:1.3em;
}

.solutions li a{
  font-family: 'HelveticaNeueLTStd-Cn';
  font-style: normal;
  font-weight: 400;
}

.locations {

}

.icon-row .single-icon h3,.single-icon h3 p{
    font-size:15px;
    margin-bottom: 0px;
   color: #999999;
}

.icon-row .single-icon h3,.single-icon h3 p a:hover{
    font-size:13px;
    margin-bottom: 0px;
  	 color: #00ffff;
  	 text-decoration: none;
}


/*---header---*/

body {
    background-image: url(../images/header-background.png);
    background-position: 72% 0%;
    background-size: auto 111px;
    background-repeat: no-repeat;
}



#logo {
    padding-bottom: 15px;
}

#logo img {
    width: 100%;
    height: auto;
}

header li, footer li, .solutions li {
    list-style:none;
}


#headerlinks li {
    margin: 0 10px 0 10px;
}

#headerlinks ul {
    margin-bottom: 0;
}

#headerlinks li a {
    color: #999999;
    font-size: 0.7em;
}

#headerlinks select {
    color: #999999;
    font-size: 0.8em;
	background-color: transparent;
	margin-top: 5px;
}

.headertextblockright {
	margin: 20px;
}

.imageoverlay {

}
.bluehome {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 30vw;
}

.bluehome img {
    width: 100%;
}

.bckgrd-spot p strong {
	font-size:22px;
}

.bckgrd-spot p {
	font-size:17px;
}

.carrier h2 {
	padding-bottom:0px;
	margin-bottom:0px;
}

.carrier b {
	font-size:22px;
}
.carrier p {
	font-size:16px;
}

.mw-mobile {
    padding-top: -10px;
    margin-top:-10px;
}

.sitemap ul ul {
	margin-left:20px;
}

.langselect option:checked {
    display: none;
}
/*---navi---*/
.goToTop {
  position:fixed;
  top:0;
  width: 100%;
  z-index:100;
}

#stickynav {
    background-color: #fff;
    width: 100%;
    height:100px;
}

nav a {
    color:#000;
    white-space: nowrap;
    font-size: 16px;
}

nav a:hover {
    text-decoration: none;
    color: inherit;
}
nav>ul{
	width:100%;
}
nav>ul>li {
	margin-right: 25px;
}
nav>ul>li>ul li {
    position: relative;
     text-transform: none;
      -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

nav ul>li>ul a {
    border-top: 1px solid #ddd;
    line-height: 2.2;
    display: block;
    text-indent: 20px;
    margin-right: 40px;
}


@media(max-width: 1199px) {
    nav #mobilesearch+ul a {
        font-size: 13px;
    }
}

nav>ul>li>ul>li:hover {
    background-color: transparent;
}

nav>ul>li>ul>li.has-child:hover {
    background-color: #f5f5f5;
}

nav>ul>li>ul>li>a:hover {
    background-color: #f5f5f5;
}

nav>ul>li>ul>li>a.has-child:hover {
    background-color: transparent;
}


nav>ul>li>ul>li>ul>li>a {
    background-color: #f5f5f5;
}

nav>ul>li>ul>li>ul>li:hover {
    background-color: transparent;
}

nav>ul>li>ul>li>ul>li.has-child:hover {
    background-color: #e6e6e6;
}

nav>ul>li>ul>li>ul>li:hover>a {
    background-color: #e6e6e6;
}

nav>ul>li>ul>li>ul>li.has-child:hover>a {
    background-color: transparent;
}

nav>ul>li>ul>li>ul>li>ul>li>a {
    background-color: #e6e6e6;
}

nav>ul>li>ul li:last-of-type a {
    border-bottom: 1px solid #ddd;
}

nav>ul>li>ul li:hover>a {
    text-decoration: underline!important;
}

nav>ul>li>ul {
    display: none;
    min-width: 320px;
    padding-top:50px;
    padding-bottom:50px;
    z-index: 300;
}

nav>ul>li {
    position: relative;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 3px transparent;

}

nav>ul>li>ul>li>ul, nav>ul>li>ul>li>ul>li>ul {
    position: absolute;
    left:100%;
    min-width: 100%;
    top:0;
    padding-bottom:50px;
}

nav>ul>li>ul, nav>ul>li>ul>li>ul, nav>ul>li>ul>li>ul>li>ul {
    display: none;
}

nav>ul>li:hover>ul, nav>ul>li>ul>li:hover>ul, nav>ul>li>ul>li>ul>li:hover>ul {
    display: block;
}

nav>ul>li.has-child>a::after {
    content: url("../images/navdown.png");
    position: absolute;
    left: 100%;
    padding-left: 5px;
}

nav>ul>li>a:hover {
    text-decoration:none !important;
}

nav>ul>li:hover, .active {
    border-bottom: solid 3px #44c8f5;
}

nav ul>li>ul li.has-child>a::after {
    content: url("../images/navlink.png");
    top: 50%;
    position: absolute;
    right: 50px;
    transform: translateY(-50%);
    line-height: 1;
}

nav ul>li>ul li.has-child:hover>a::after {
    content: url("../images/navlink-hover.png");
    top: 50%;
    position: absolute;
    right: 50px;
    transform: translateY(-50%);
    line-height: 1;
}

div.nav-bg {
    position: fixed;
    width: 100vw;
    max-width: 100%;
    height: 350px;
    background-color: #fff;
    left: 0;
    z-index: 100;
    margin-top: 20px;
    display: none;

}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

li.has-child:hover>div.nav-bg {
    display: block;
     #-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
      # -moz-animation: fadein 1s; /* Firefox < 16 */
       # -ms-animation: fadein 1s; /* Internet Explorer */
        # -o-animation: fadein 1s; /* Opera < 12.1 */
         #   animation: fadein 1s;
}


.carousel-indicators li {
   width: 10px;
    height: 10px;
    border-radius: 100%;
}

/*---mobile menue---*/
#main-nav {
    display: block;
    text-transform: uppercase;
}

#mobmen {
    display: none;
}

.menu-mobile-arrow {
    display: none !important;
}

#mobmen-overlay, #mobilesearch {
    display: none;
}


/*
.mainslider .active {
	 border-bottom: none;
}
*/

@media(max-width: 991px) {

body {
    background-image: none;
}

    header.container.mw-mobile {
        max-width: 100%;
        background-color: #fff;
        #background-image: url(../images/bluehome-mobile.png) !important;
        background-position: 100% 0%;
        background-size: auto;
        background-repeat: no-repeat;
    }

    #mobilesearch {
        display:flex;
        justify-content: center;
        padding: 5px 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #999;
    }

    #mobilesearch .searchform {
        width: 80%;
        max-width: 500px;
    }

    nav ul>li>ul a {
        border-top: none;
        text-indent: 0;
        margin-right: 0;
    }

    nav li a {
        position: relative;
        display: block;
    }

    nav li a .fa {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
    }

    li.li-open>a>i.fa {
        transform: rotate(180deg);
        margin-top: -8px;
    }

    nav>ul>li>ul li:last-of-type a {
        border-bottom: none;
    }


    #main-nav {
        display: none;
        background-color: #fff;
    }


    #mobmen {
        display: block;
        position: relative;
        padding-top:10px
    }


    #main-nav .position-absolute {
        position: relative !important;
    }

    .menu-mobile-arrow {
        display: inline-block !important;
    }

    nav>ul>li>ul>li>ul, nav>ul>li>ul>li>ul>li>ul {
        position: relative;
        left: auto;

    }

    nav>ul>li:hover>ul, nav>ul>li>ul>li:hover>ul, nav>ul>li>ul>li>ul>li:hover>ul, {
        display: none;
    }


    #mobmen-overlay {
        display: none;
    }

    .menu-open #mobmen-overlay {
        display: block;
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: 9;
        top:0;
        min-height:100%;
        background-color:rgba(0, 0, 0, 0.64);
    }


    .navigation ul {
        font-size: 1.1rem;
    }

    .navigation>ul {
        padding-bottom: 35px;
        overflow: hidden;
    }

    .navigation ul li  {
        width: 100%;
        border-bottom: 1px solid #999;
        padding: 20px;
        display: block;
        float: none;
        margin: 0;
    }

    .navigation ul li a,.navigation ul li a:focus, .navigation ul li a:hover, .navigation ul li a:visited   {
        color: #000;
    }

    ul.subnav {
        position: relative;
        text-align: left;
        height: auto;
        transform: none;
        padding-left: 0;
        padding-bottom: 0;
    }

    li.has-subnav.open .fa.fa-caret-up {display: none !important;}

    ul.subnav li {
        display: block;
        border-bottom: none;
        font-weight: normal;
        padding: 10px 0;
        font-size: 1rem;
    }

    ul.subnav li::after {
        content: none;
    }

    header {
        top:0;
        z-index: 10;
        position: relative;
    }

    #main-nav {
        position: absolute;
        z-index: 10;
        width: 100vw;
        max-width: unset;
    }

    nav>ul>li>ul {
        min-width: unset;
        padding-top: 0;
        padding-bottom: 0;
        z-index:inherit;
    }

    nav ul>li>ul a {
        margin-right: 0;
    }

    nav ul>li>ul li.has-child>a::after, nav ul>li>ul li.has-child:hover>a::after {
       content:none;
    }

    nav a {
        text-transform: uppercase;
    }

    #main-nav, #main-nav>ul {
        margin:0;
        padding:0;
    }

    #main-nav li {
        border-bottom: solid 1px #999;
    }

    #main-nav>ul>li {
        padding: 10px 30px 10px 20px;
    }

    header.container.mw-mobile.pt-3>.row>div {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between;
    }


    div#headerlinks ul.d-flex.flex-row, .row.mobile-dbi div#search {
        display: none !important;
    }

    .row.mobile-dbi {
        display: inline-block;
    }

    #headerlinks select {
        color: #000;
    }

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
        background-color: #000;
    }


    nav>ul>li.has-child>a::after {
        display: none;
    }





}

@media (min-width: 577px) {

    .mobile {
        display: none;
    }
}

@media (max-width: 576px) {
li.has-child:hover>div.nav-bg {
    display: none;
}
    .desk {
        display: none;
    }

    .mobile, .flex  {
        display: block;
     }

    .no-pad {
        padding: 0 0 25px 0;
     }


}

@media (max-width: 350px) {
li.has-child:hover>div.nav-bg {
    display: none;
}
    .icon-row.smll .single-icon{
       align-items: baseline;
    }

    .icon-row.smll .single-icon a img {
        width: 10px;
        margin: 0 5px 0 0;
    }

header.container.mw-mobile {
    background-size: contain;
}
}




.hamburger {
    position:relative;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

  .hamburger:hover {
    opacity: 0.7;
}
  .hamburger.is-active:hover {
    opacity: 0.7;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}
  .hamburger-inner::before {
    top: -10px;
}
  .hamburger-inner::after {
    bottom: -10px;
}


.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*=== Searchfiels ===*/

#search label img {
    width:20px;
    margin-top:10px;
    cursor:pointer;
}

#topsearch {
    display: none;
}

#searchfield {
    display:none;
    position: absolute;
    z-index: 200;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #999;
    width: 300px;
    right: 0;
}

#topsearch:checked + label + div{
  display: block;
}

.formbox {
    background-color:white;
    border: .5px solid #ccc;
    height:auto;
    padding: 2% 2%;
    margin:0;
}

.formboxcont {
    margin-left:0;
}

input.searchform {
    height:3rem;
    border: .5px solid #e1e1e1;
    border-radius:0;

}

#searchfield input[type="image"]{
    background-color:#44c8f5;
    height:3rem;
    width:3rem;
    padding:10px;
}


.featured a {
    color:#44c8f5;
    border:.5px solid #44c8f5;
    padding:10px;
    line-height:3;
    font-weight:300;
}

.lupe-icon {
	display:block;
	margin-left: 10px;
}

/*== Searchresults ==*/

.formboxcont ~ div:nth-child(3){
    display: none;
}

.formboxcont ~ div h6{
    margin-top:10px;
}

.results a {
    color:#666;
    padding-top:5px;
    display:block
}


/*---main---*/

/*start Head-slides*/
.headslides .row>div {
    height:50vh;
}

/*
.headslides .row img {
    height: auto !important;
    width: auto !important;
    object-fit: cover;
}
*/

.fullwidthslide h1 {
    font-size: 80px;
    color:#fff;
    text-shadow: 0 0 10px #000;
}

.fullwidthslide p {
    color:#fff;
    font-weight: 600;
    text-shadow: 0 0 5px #000;
}


.headslides .slick-dots {
    bottom:10px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

/*end head-slides*/

.topslider.col-12 {
    padding: 0 0;
}
.solutions li a {
    color:#888;
    font-size: 1.1em;
}

.solutions h2 {
	margin-top: 20px;
}

.flex, .carousel-item .flex {
    display: flex;
}

.carousel-control-next, .carousel-control-prev {
    opacity: 1 !important;
    width: auto;
}

.carousel-control-prev-icon, span.carousel-control-prev-icon.slickarr.slickprev.slick-arrow {
    background-image: url(/fileadmin/templates/images/controller-left.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -30px;
}

.carousel-control-next-icon, span.carousel-control-next-icon.slickarr.slicknext.slick-arrow {
    background-image: url(/fileadmin/templates/images/controller-right.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: -30px;
}

.sub-line:after {
    content: "";
    height: 1px;
    background-color: #999;
    width: 100%;
    display: block;
    margin-top: 35px;
}

@media (min-width: 577px) {

.mobile {
    display: none;
}
}

@media (max-width: 576px) {
li.has-child:hover>div.nav-bg {
    display: none;
}
.desk {
    display: none;
}

.mobile {
    display: block;
 }


.flex {
    display: block;
}

.no-pad {
    padding: 0 0 25px 0;
 }


}

@media (max-width: 350px) {

.icon-row.smll .single-icon{
   align-items: baseline;
}

.icon-row.smll .single-icon a img {
    width: 10px;
    margin: 0 5px 0 0;
}
}

/*---- Background + H1 ----*/

.bg-img-h1{
    height:690px;
    width:100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-h1 .container .col-12{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.bg-img-h1 h1{
    color:#44c8f5;
    font-size: 45px;
    line-height:46px;
    padding-bottom:0.3em;
    margin-bottom:0.7em;
    border-bottom: 1px gray solid;
    margin-top:20px;
}
.width500 p{
	width:600px;

}
@media (max-width: 1100px) {
	.bg-img-h1{
		background-image: none !important;
		height: auto;
	}
	.col-md-6 {
		flex:0 0 100%;
		max-width:100%;
	}
	.p-md-3 {
		margin-left: 50px;
	}
	.width500 p{
		width:100%;
	}
}

@media only screen and (min-width:768px){
/*
    .bg-img-h1{
        color: #44c8f5
        height:690px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
*/

/*
    .bg-img-h1 h1{
    color:#44c8f5;
    text-shadow: 0 0 0;
*/
}
}
/*---silder 3x --*/
.slickarr {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;

}

.slickprev {
    left: 0;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}

.slicknext {
    right: 0;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}

#icon-slider a {
    width:100%
}

/*-- homepage/index --*/
body.home {
    background-image: none;
}

.bckgrd-spot {
    background-image: url(../images/blue-elnt-start.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
background-position-x: 72%;
    min-height: 408px;

}

.col-12.col-lg-4.pt-4.pb-4.spot {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 28px;
}

.col-12.col-sm-8.pt-4.pb-4 a span {
   color: #44c8f5;
}
.col-12.col-sm-8.pt-4.pb-4 a.d-block:hover {
    color: #44c8f5;
    text-decoration: underline;
}

.col-12.col-sm-8.pt-4.pb-4 a.d-block img {
    width: 25px;
}

@media (max-width: 991px) {
.bckgrd-spot {
    background-image: none;
}

.desk.tbl, .bluehome img.overlay  {
    display: none;
}

.container-fluid.p-0.lightgrey.chng-bgrcl {
    background-color: #fff;
}

.container-fluid.p-0.lightgrey.chng-bgrcl .container.solutions.mt-4:before   {
    content: "";
    height: 1px;
    background-color: #999;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.container-fluid.p-0.lightgrey.chng-bgrcl .container.solutions.mt-4:after {
    content: "";
    height: 1px;
    background-color: #999;
    width: 100%;
    display: block;
    margin-top: 15px;
}

.container-fluid.p-0.lightgrey.chng-bgrcl a {
    color: #999;
}

.m-icon-row.mobile.px-4.tbl .slick-list.draggable .slick-track {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.mobile.tbl  {
    display: block;
}

}

/*-- Searchfield and Locations ---*/

.locations img {
    height:1.5rem;
    margin-right:4px;
    margin-top: 12px;
}

.locations input,
.locations label {
    height:2rem;
    padding:2% 5%;
    background-color:#ebebeb;
    width:80%;
    display:block;
    float:right;
    cursor: pointer;
    color:#888;
    font-size: 16px;
    margin-bottom: 8px;
    margin-top:8px;
}

.locations row.col-4{
    width:100%;
    margin:0;
}

/*== Ein- und Ausblenden Locations ==*/
#locations,
#locations2{
    display:none
}

#locations:checked + label + #location-nav
{
    display:block;
}

/*=== Accordion Container ===*/
#location-nav {
    display:none;
    position:absolute;
    right:10px;
    width:600px;
    background-color:#e1e1e1;
    border:.5px solid #999;
    z-index:400;
    list-style:none;
    padding:0 25px
}

#locationTab .card a,
#locationTab .card-header{
    background-color:transparent;
    border:none;
    border-bottom:none;
    width:500px;
    padding:25px
}

#accordion-location .flex {
    white-space:nowrap;
}

#location-nav>#accordion {
    flex-direction: row;
    display: flex;
}

#locationTab {
    background-color:transparent;
    border:none;
}

.contcard>ul {
 -webkit-columns: 2;
 -moz-columns: 2;
  columns: 2;

}

/*=== Accordion Inhalte ===*/

#location-nav li {
    list-style: none;
}


/*=== Accordion Überpunkte ===*/


#location-nav button{
    text-decoration:none;
    white-space:nowrap;
}

#locationTab button.collapsed {
    color:#666;
}

#locationTab button,
#locationTab button:hover,
#locationTab.contcard a:hover{
    color: #44c8f5;
}

#locationTab button:after {
   font-family: FontAwesome;
    color:transparent;
   content: "\f0d7";
    padding-left:5px;
}

#locationTab button:hover:after {
   font-family: FontAwesome;
    color:#000;
   content: "\f0d7";
    padding-left:5px;
}


/*=== Accordion Listenpunkte ==*/

#location-nav li{
    color: #333;
    font-size: 15px;
}

#location-nav li:hover{
    color: #44c8f5;
    text-decoration:underline;
}

#location-nav p {
	font-size:16px;
}
.contcard li i:before,
.contcard li:hover.collapsed i:before{
        font-family: FontAwesome;
        content:"\f0da";
        color:#000;
        text-shadow:1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000;
        margin-right:7px
}

.contcard li.collapsed i:before{
        font-family: FontAwesome;
        content:"\f0da";
        color:#e1e1e1;
        text-shadow:1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000;
        margin-right:7px;
}

.contcard div {
    padding-bottom:15px
}



/*== Read More Button ==*/
#accordionReadMore .card-header,
#accordionReadMore .card{
    background-color:transparent;
    border:none;
}


#accordionReadMore button {
    width:100%;
    text-align: center;
}

/*== LinkedIn ==*/

.container.linkedin .col-12.col-sm-3.pt-4.pb-4.position-relative {
    max-height: calc(255px + 3rem);
}

.container.linkedin .col-12.col-sm-3.pt-4.pb-4.position-relative p.position-absolute {
    bottom: 0;
    color: #fff;
    font-size: 1.25rem;
    padding: 1rem;
	text-shadow: 0px 0px 5px #000000;

}

.container.linkedin .row div img {
    filter: grayscale(.7);
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.container.linkedin .row div img:hover {
    filter: grayscale(0);
    transition-duration: 0.15s;
    transition-timing-function: ease;
}


@media (max-width: 991px) {
 .container.linkedin .col-12.col-sm-3.pt-4.pb-4.position-relative p.position-absolute {
    font-size: 1rem;
    }
}

@media (max-width: 91px) {
 .container.linkedin .col-12.col-sm-3.pt-4.pb-4.position-relative p.position-absolute {
    font-size: .75rem;
    }
}

@media (max-width:  576px) {

.container.linkedin .col-12.col-sm-3.pt-4.pb-4.position-relative {
     max-height: 100%;
}
 .container.linkedin .col-12.col-sm-3.pt-4.pb-4.position-relative p.position-absolute {
    font-size: 1.25rem;
    }
}

/*== CONTACT FORM ==*/

.container.contact-form input, .container.contact-form select {
    font-weight: lighter;
    font-size: 0.95rem;}

.container.contact-form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
    cursor: pointer;
}

.container.contact-form select::-ms-expand {
  display: none;
}

.container.contact-form input, .container.contact-form select {
    width: 100%;
    border-bottom: solid 1px #000;
    margin-bottom: 25px;
}

.container.contact-form select
{
    color: #ccc;
}

.container.contact-form select:valid
{
    color: #000;
}

.container.contact-form option
{
    color: #000;
}
.container.contact-form option:first-child
{
    color: #ccc;
}

.container.contact-form .selectlabel {
    position: relative;
    width: 100%;
}

.container.contact-form .selectlabel::before {
    content: url(../images/navdown.png);
    position: absolute;
    right: 5px;
    top: 1.5rem;
    pointer-events: none;

}

.container.contact-form textarea {
    background-color: #f1f1f1;
    width: 100%;
    margin-bottom: 25px;
        min-height: 330px;
}

.container.contact-form label {
    text-transform: uppercase;
    font-size: 1rem;
}

.container.contact-form p, .container.contact-form p a {
    font-size: 1rem;
    font-family: 'HelveticaNeueLTStd-MdCn';

}

.container.contact-form input[type="file"] {
    border: none;
}

/*
.container.contact-form div div div.flex p, .container.contact-form div div div.flex p a {
    text-transform: initial;
    color: #999;
    font-size: 16px;
}
*/

.container.contact-form input[type="checkbox"] {
    width: 25px;
    height: 25px;
    margin-right: 15px;
}

.container.contact-form input.submit {
    width: 200px;
    background-color: #44c8f5;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    padding: .5rem 1rem;
}

.container.contact-form span {
    color:#ff00ff;
}

.container.contact-form {
    margin-top:1rem;
    margin-bottom: 1rem;
}

/*--------Industry Pages----------*/

@media (max-width: 991px) {
	.container.p-0.top-vid {
		max-width: 100%;
	}
	.container .bckgrd-spot p {
	  text-align:center;

	}
}
.industrymargin {
	margin: 0px 30px 0 -50px;
	font-weight: 100;
}
/*Icon-Row*/

.icon-row, .single-icon {
    display: flex;
}

.m-icon-row img {
    width: 20%;
    float: left;
}

.m-icon-row h3 {
    font-size: 0.9em;
    margin-left: 2px;
    color:#999;
}



.icon-row h3 {
    font-size: 1em;
    color: #999;
}

.col-12.sep:before {
    content: "";
    height: 1px;
    background-color: #999;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.col-12.sep:after {
    content: "";
    height: 1px;
    background-color: #999;
    width: 100%;
    display: block;
    margin-top: 15px;
}



.icon-row.desk {
    justify-content: space-between;
}

.icon-row .slick-track, .icon-row.desk .single-icon, .slick-track .single-icon {
    align-items: center;
    text-align: center;
    display: flex;
}

.icon-row.desk .single-icon img, .icon-row.mobile .single-icon img {
    width: 60px;
}

.icon-row.mobile div#SliderControls {
    min-height: 68px;
}



.icon-row.smll .single-icon p {
    font-size: 1.1em;
}

.icon-row.smll .single-icon a img {
    width: 20px;
    margin: -7px 10px 0 10px;
}



@media (min-width: 577px) {

img.w-100.mobile, .icon-row.mobile{
    display: none;
}
    .container b{
  text-align:center;

}
}

@media (max-width: 576px) {
li.has-child:hover>div.nav-bg {
    display: none;
}

.icon-row.desk, img.w-100.desk {
    display: none;
}

img.w-100.mobile {
    display: block;
 }



.container-fluid.p-0.industry-no-movie-top {
        border: none;
}
.container .bckgrd-spot p {
  text-align:center;

}
}


/*------- Product Groups -----*/

.container-fluid.p-0.product-top, .container-fluid.p-0.industry-no-movie-top {
    background-color: #fff;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
}


div#accordionProduct .card, div#accordionProduct .card .card-header {
    background-color: #c2c2c2;
    color: #fff;
    border: none;
}

div#accordionProduct .card a, div#accordionProduct h3  {
    color: #fff;
    font-size: 26px;
    padding: 0;
    margin: 0;
}
div#accordionProduct .card a  {
    font-size: 20px;
}

div#accordionProduct .btn-link, div#accordionProduct .btn-link:hover {
    color: #fff;
    text-decoration: none;
}

div#accordionProduct .btn-link {
    width: 100%;
}


div#accordionProduct .btn-link .flex {
    display: flex;
    justify-content: space-between;
align-items: center;
}

/*Accordeon-Icons*/

button.btn.btn-link.collapsed img.open, button.btn.btn-link img.closed {
    display: none;
}

button.btn.btn-link img.open, button.btn.btn-link.collapsed img.closed {
    display: block;
}

/**/

.blue-bckgrd {
    background-color: #44c8f5;
}

.blue-bckgrd h2 {
    color: #fff;
    text-decoration: none;
    font-size:1.3em;
}
.blue-bckgrd h2.contactteaser {
	margin-left: -18px;
}
.blue-bckgrd p, .blue-bckgrd a, .blue-bckgrd a span {
    color: #fff;
    text-decoration: none;
    font-size:16px;
}


.blue-bckgrd a:hover {
    text-decoration: underline;
}

.blue-bckgrd .row {
    #align-items: center;
}

.blue-bckgrd .col-12 div .bluelinkelement {
	font-size:16px;
}
@media (max-width: 576px) {
li.has-child:hover>div.nav-bg {
    display: none;
}
.container-fluid.p-0.product-top, .container-fluid.p-0.industry-no-movie-top {
        border: none;
}

.col-12.col-sm h2.mb-0 {
    margin-bottom: 25px !important;
}
}
/*------ Ranges Pages --------*/
.frame-space-before-extra-small {
	margin-top: 10px;
}
.frame-space-before-small {
	margin-top: 20px;
}
.frame-space-before-medium {
	margin-top: 30px;
}
.frame-space-before-large {
	margin-top: 50px;
}
.frame-space-before-extra-large {
	margin-top: 100px;
}
.frame-space-after-extra-small {
	margin-top: 10px;
}
.frame-space-after-small {
	margin-top: 20px;
}
.frame-space-after-medium {
	margin-top: 30px;
}
.frame-space-after-large {
	margin-top: 50px;
}
.frame-space-after-extra-large {
	margin-top: 100px;
}
.textcentered h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fffffd;
    font-weight: 400;
    font-size: 3.5vw;
    width: 100%;
    text-align: center;
    text-shadow: 0px 0px 10px #000000;
}

.col-12.col-md-6.link-list.pt-4.pb-4 .col-12.col-sm-8.flex {
    align-items: initial;
    justify-content: space-between;
}

.btn-outline-primary {
    color: #44c8f5;
    border-color: #44c8f5;
	padding-top: 8px;
}

.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #44c8f5;
    border-color: #44c8f5;
}

@media (max-width: 576px) {
li.has-child:hover>div.nav-bg {
    display: none;
}
img.blue-elmt-head {
    display: none;
}

.col-12.col-md-6.link-list.pt-4.pb-4 .col-12.col-sm-8.flex {
    display: flex;
}

}

/*------ Ranges Pages Experience --------*/

.col.flex.link-list.exp {
    flex-direction: column;
}


.col.flex.link-list.exp a {
    color: #333;
}

.exp img.mr-3 {
    width: 20px;
}


.col-12.col-lg-4.flex.exp.pt-4.pb-4 {
    align-items: center;
}



@media (max-width: 576px) {
li.has-child:hover>div.nav-bg {
    display: none;
}
.col.flex.link-list.exp {
    display: flex;
}
.col.flex.link-list.exp a {
    font-size: .8rem;
}
}

/*------SINGLE NEWS-------------*/

h2.date-place {
    color: #b7b7b7;
}

.col-12.col-md-8 ul {
    padding-left: 25px;
}

a.dark-font {
    color: #333;
}

/*------------PRESS/NEWS------*/

.row.press:after {
    content: "";
    height: 1px;
    background-color: #b7b7b7;
    display: block;
    width: 100%;
    margin: 25px 0;
}

.row.press a {
    color: #44c8f5;
}

h3.date-info {
    color: #b7b7b7;
}

h3.date-info:after {
    content: "";
    height: 1px;
    background-color: #b7b7b7;
    display: block;
    width: 100%;
    margin: 10px 0;
}

.col-12.col-lg-6.mt-3.mb-3.press-release h2 {
    color: #333;
    font-size: 24px;

}

div.grey-bg-archive {
    width: 100%;
    background-color: #ebebeb;
}

.col-12.news-archive .col-12.col-lg-4 a {
    display: block;
}

/*---footer---*/

footer  li a, footer  li a:hover {
    color:#949292;
    font-size:0.7em
}

footer h3 {
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    font-size: 1em;
}

footer h3 a, footer h3 a:hover {
	font-weight: 400;
    text-transform: uppercase;
    color: #000;
    font-size: 1em;
}

.socialicon {
    margin-left: 8%;
}

footer a.socialicon img,
.blue-bckgrd .col-12 a div>img{
    width:25px;
    height:25px;
}

.subfooter a, .subfooter .col-md-6 {
    color:#949292;
    font-size:0.8em
}

/*
header {
    z-index:10;
}
*/

#main-nav>ul, #headerlinks, #logo, #search  {
    z-index:30;
}

div.nav-bg {
    position: fixed;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.9);
    left: 0;
    top:0;
    z-index: 1;
    margin-top: 0;
    display: none;
}

#main-nav>ul:hover+div.nav-bg {
    display: block;
}


.carousel-indicators li {
   width: 10px;
    height: 10px;
    border-radius: 100%;
}
.imprintfooter {
	padding-top:3px;
}
.imprintfooter a {
	    font-size: 1.0em;
}