/*
 Theme Name:   5th Avenue Child
 Description:  Child theme
 Author:       Conecto.at | Jakob Kronsteiner
 Author URI:   https://www.conecto.at
 Template:     fifthavenue
 Version:      1.0
 Text Domain:   fifthavenue-child
*/

header {
    background-color: white;
    z-index: 99;
}
.pswp,
html {
 -webkit-text-size-adjust:100%
}
main .search-form {
 margin:5em 0 2.5em
}
main .search-form .kesearchbox {
 position:relative;
 max-width:100%;
 width:450px
}
main .search-form .kesearchbox input[type=text] {
 padding:.5em 1em;
 width:100%;
 height:3em;
 border:1px solid #ccc
}
main .search-form .kesearchbox button[type=submit] {
 position:absolute;
 top:0;
 right:0;
 width:3em;
 height:3em;
 color:#fff;
 background:#005eb8;
 border:none
}
.search-results {
 margin-bottom:5em
}
.search-results .search-num-results {
 margin-bottom:2.5em
}
.search-results .result-list-item {
 margin-bottom:2.5em;
 padding-bottom:2.5em;
 border-bottom:1px solid #ccc
}
.search-results .result-list-item:after {
 display:table;
 content:'';
 clear:both
}
.search-results .teaser-icon {
 float:left;
 margin-right:15px;
 width:150px
}
.search-results .teaser-icon>img {
 max-width:100%;
 width:auto;
 height:auto
}
.search-results .has-image .result-text {
 width:100%;
 float:right;
 padding-left:165px;
 margin-left:-165px
}
@media (max-width:640px) {
 .search-results .teaser-icon {
  float:left;
  margin-right:15px;
  width:100px
 }
 .search-results .has-image .result-text {
  padding-left:115px;
  margin-left:-115px
 }
}
.search-results .result-text a {
 color:#005eb8
}
.search-results .result-title {
 margin-bottom:1em
}
.search-results .result-title a {
 text-decoration:none;
 color:#000
}
.search-results .hit {
 background-color:#b2ceea;
 padding:0 .15em
}
.search-results .result-meta {
 clear:both;
 padding-top:1em
}
.search-results-pagebrowser>ul {
 padding:0;
 overflow:hidden
}
.search-results-pagebrowser>ul>li {
 display:block;
 float:left;
 margin:0 .33333em 0 0
}
.search-results-pagebrowser>ul>li:before {
 display:none;
 content:''
}
.search-results-pagebrowser>ul>li>a {
 display:block;
 color:#fff;
 background:#005eb8;
 border:1px solid #005eb8;
 text-decoration:none;
 line-height:3em;
 width:3em;
 text-align:center
}
.search-results-pagebrowser>ul>li>a.current {
 background:#fff;
 color:#000
}
.search-results-pagebrowser>ul>li>a.next,
.search-results-pagebrowser>ul>li>a.prev {
 width:auto;
 padding:0 1.33333em
}
.search-autosuggest-results {
 position:relative;
 max-width:100%;
 width:450px;
 margin-top:-.8em
}
.search.autosuggest-active {
 overflow:visible!important
}
.search .search-autosuggest-results {
 width:100%;
 margin-top:-1.5em;
 line-height:1.15em;
 text-align:left;
 -webkit-transition:all .35s ease-in-out;
 -moz-transition:all .35s ease-in-out;
 transition:all .35s ease-in-out
}
body.scrolled .search .search-autosuggest-results {
 width:100%;
 margin-top:0;
 opacity:0;
 visibility:hidden
}
.search-autosuggest-results>div {
 background:#fff;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 box-shadow:0 0 5px 0 rgba(0,0,0,.25)
}
.position-relative,
.vertically-aligned,
sub,
sup {
 position:relative
}
.offcanvas-open .offcanvas-menu,
.scrolled header,
.scrolled.cart-open .shopping-cart-items {
 -webkit-box-shadow:0 0 1.3333333333333333em rgba(0,0,0,.15);
 -moz-box-shadow:0 0 1.3333333333333333em rgba(0,0,0,.15)
}
.search-autosuggest-results--loading,
.search-autosuggest-results--no-results {
 padding:1em
}
.search-autosuggest-results--container {
 max-height:80vh;
 overflow-y:auto
}
.search-autosuggest-results--container.hidden,
.search-autosuggest-results--loading.hidden {
 display:none
}
.search-autosuggest-results--container .result-list-item {
 display:block;
 padding:1em;
 border-bottom:1px solid #ccc;
 text-decoration:none;
 color:#000
}
.search-autosuggest-results--container .result-list-item:after {
 display:table;
 content:'';
 clear:both
}
.search-autosuggest-results--container .result-list-item:hover {
 background:#f5f5f5
}
.search-autosuggest-results--container .result-list-item .teaser-icon {
 float:left;
 margin-right:15px;
 width:80px
}
.search-autosuggest-results--container .result-list-item .teaser-icon>img {
 max-width:100%;
 height:auto
}
.search-autosuggest-results--container .result-list-item.has-image .result-text {
 width:100%;
 float:right;
 padding-left:95px;
 margin-left:-95px
}
.search-autosuggest-results--container .result-list-item h4 {
 margin-bottom:.5em
}
.search-autosuggest-results--container button[type=submit] {
 display:block;
 width:100%;
 border:none;
 background:#005eb8;
 color:#fff;
 line-height:3em
}
.display-flex,
.row {
 display:-ms-flexbox; 

}
body {
 font-size:15
}
.container,
.container-fluid {
 margin-right:auto;
 margin-left:auto;
 padding-left:1rem;
 padding-right:1rem
}
.container-fluid {
 padding-right:2rem;
 padding-left:2rem
}
.row {
 box-sizing:border-box;
 display:-webkit-box;
 display:flex;
 -webkit-box-flex:0;
 -ms-flex:0 1 auto;
 flex:0 1 auto;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-right:-.5rem;
 margin-left:-.5rem; 
 width: 100% !important;
 max-width: 100% !important;

}
.col.reverse,
.row.reverse {
 -webkit-box-direction:reverse
}
.row.reverse {
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row-reverse;
 flex-direction:row-reverse
}
.col.reverse {
 -webkit-box-orient:vertical;
 -ms-flex-direction:column-reverse;
 flex-direction:column-reverse
}
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9 {
 box-sizing:border-box;
 -webkit-box-flex:0;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 padding-right:.5rem;
 padding-left:.5rem
}
.col-xs {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 -ms-flex-preferred-size:0;
 flex-basis:0;
 max-width:100%
}
.col-xs-1 {
 -ms-flex-preferred-size:8.33333333%;
 flex-basis:8.33333333%;
 max-width:8.33333333%
}
.col-xs-2 {
 -ms-flex-preferred-size:16.66666667%;
 flex-basis:16.66666667%;
 max-width:16.66666667%
}
.col-xs-3 {
 -ms-flex-preferred-size:25%;
 flex-basis:25%;
 max-width:25%
}
.col-xs-4 {
 -ms-flex-preferred-size:33.33333333%;
 flex-basis:33.33333333%;
 max-width:33.33333333%
}
.col-xs-5 {
 -ms-flex-preferred-size:41.66666667%;
 flex-basis:41.66666667%;
 max-width:41.66666667%
}
.col-xs-6 {
 -ms-flex-preferred-size:50%;
 flex-basis:50%;
 max-width:50%
}
.col-xs-7 {
 -ms-flex-preferred-size:58.33333333%;
 flex-basis:58.33333333%;
 max-width:58.33333333%
}
.col-xs-8 {
 -ms-flex-preferred-size:66.66666667%;
 flex-basis:66.66666667%;
 max-width:66.66666667%
}
.col-xs-9 {
 -ms-flex-preferred-size:75%;
 flex-basis:75%;
 max-width:75%
}
.col-xs-10 {
 -ms-flex-preferred-size:83.33333333%;
 flex-basis:83.33333333%;
 max-width:83.33333333%
}
.col-xs-11 {
 -ms-flex-preferred-size:91.66666667%;
 flex-basis:91.66666667%;
 max-width:91.66666667%
}
.col-xs-12 {
 -ms-flex-preferred-size:100%;
 flex-basis:100%;
 max-width:100%
}
.col-xs-offset-0 {
 margin-left:0
}
.col-xs-offset-1 {
 margin-left:8.33333333%
}
.col-xs-offset-2 {
 margin-left:16.66666667%
}
.col-xs-offset-3 {
 margin-left:25%
}
.col-xs-offset-4 {
 margin-left:33.33333333%
}
.col-xs-offset-5 {
 margin-left:41.66666667%
}
.col-xs-offset-6 {
 margin-left:50%
}
.col-xs-offset-7 {
 margin-left:58.33333333%
}
.col-xs-offset-8 {
 margin-left:66.66666667%
}
.col-xs-offset-9 {
 margin-left:75%
}
.col-xs-offset-10 {
 margin-left:83.33333333%
}
.col-xs-offset-11 {
 margin-left:91.66666667%
}
.start-xs {
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:flex-start;
 text-align:start
}
.center-xs {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 text-align:center
}
.end-xs {
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 text-align:end
}
.top-xs {
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start
}
.middle-xs {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.bottom-xs {
 -webkit-box-align:end;
 -ms-flex-align:end;
 align-items:flex-end
}
.around-xs {
 -ms-flex-pack:distribute;
 justify-content:space-around
}
.between-xs {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.first-xs {
 -webkit-box-ordinal-group:0;
 -ms-flex-order:-1;
 order:-1
}
.last-xs {
 -webkit-box-ordinal-group:2;
 -ms-flex-order:1;
 order:1
}
@media only screen and (min-width:768px) {
 .container {
  width:734px
 }
 .col-sm,
 .col-sm-1,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-offset-0,
 .col-sm-offset-1,
 .col-sm-offset-10,
 .col-sm-offset-11,
 .col-sm-offset-12,
 .col-sm-offset-2,
 .col-sm-offset-3,
 .col-sm-offset-4,
 .col-sm-offset-5,
 .col-sm-offset-6,
 .col-sm-offset-7,
 .col-sm-offset-8,
 .col-sm-offset-9 {
  box-sizing:border-box;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding-right:.5rem;
  padding-left:.5rem
 }
 .col-sm {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  -ms-flex-preferred-size:0;
  flex-basis:0;
  max-width:100%
 }
 .col-sm-1 {
  -ms-flex-preferred-size:8.33333333%;
  flex-basis:8.33333333%;
  max-width:8.33333333%
 }
 .col-sm-2 {
  -ms-flex-preferred-size:16.66666667%;
  flex-basis:16.66666667%;
  max-width:16.66666667%
 }
 .col-sm-3 {
  -ms-flex-preferred-size:25%;
  flex-basis:25%;
  max-width:25%
 }
 .col-sm-4 {
  -ms-flex-preferred-size:33.33333333%;
  flex-basis:33.33333333%;
  max-width:33.33333333%
 }
 .col-sm-5 {
  -ms-flex-preferred-size:41.66666667%;
  flex-basis:41.66666667%;
  max-width:41.66666667%
 }
 .col-sm-6 {
  -ms-flex-preferred-size:50%;
  flex-basis:50%;
  max-width:50%
 }
 .col-sm-7 {
  -ms-flex-preferred-size:58.33333333%;
  flex-basis:58.33333333%;
  max-width:58.33333333%
 }
 .col-sm-8 {
  -ms-flex-preferred-size:66.66666667%;
  flex-basis:66.66666667%;
  max-width:66.66666667%
 }
 .col-sm-9 {
  -ms-flex-preferred-size:75%;
  flex-basis:75%;
  max-width:75%
 }
 .col-sm-10 {
  -ms-flex-preferred-size:83.33333333%;
  flex-basis:83.33333333%;
  max-width:83.33333333%
 }
 .col-sm-11 {
  -ms-flex-preferred-size:91.66666667%;
  flex-basis:91.66666667%;
  max-width:91.66666667%
 }
 .col-sm-12 {
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  max-width:100%
 }
 .col-sm-offset-0 {
  margin-left:0
 }
 .col-sm-offset-1 {
  margin-left:8.33333333%
 }
 .col-sm-offset-2 {
  margin-left:16.66666667%
 }
 .col-sm-offset-3 {
  margin-left:25%
 }
 .col-sm-offset-4 {
  margin-left:33.33333333%
 }
 .col-sm-offset-5 {
  margin-left:41.66666667%
 }
 .col-sm-offset-6 {
  margin-left:50%
 }
 .col-sm-offset-7 {
  margin-left:58.33333333%
 }
 .col-sm-offset-8 {
  margin-left:66.66666667%
 }
 .col-sm-offset-9 {
  margin-left:75%
 }
 .col-sm-offset-10 {
  margin-left:83.33333333%
 }
 .col-sm-offset-11 {
  margin-left:91.66666667%
 }
 .start-sm {
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  text-align:start
 }
 .center-sm {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center
 }
 .end-sm {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  text-align:end
 }
 .top-sm {
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
 }
 .middle-sm {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
 .bottom-sm {
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end
 }
 .around-sm {
  -ms-flex-pack:distribute;
  justify-content:space-around
 }
 .between-sm {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
 }
 .first-sm {
  -webkit-box-ordinal-group:0;
  -ms-flex-order:-1;
  order:-1
 }
 .last-sm {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
}
@media only screen and (min-width:980px) {
 .container {
  width:980px
 }
 .col-md,
 .col-md-1,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-offset-0,
 .col-md-offset-1,
 .col-md-offset-10,
 .col-md-offset-11,
 .col-md-offset-12,
 .col-md-offset-2,
 .col-md-offset-3,
 .col-md-offset-4,
 .col-md-offset-5,
 .col-md-offset-6,
 .col-md-offset-7,
 .col-md-offset-8,
 .col-md-offset-9 {
  box-sizing:border-box;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding-right:.5rem;
  padding-left:.5rem
 }
 .col-md {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  -ms-flex-preferred-size:0;
  flex-basis:0;
  max-width:100%
 }
 .col-md-1 {
  -ms-flex-preferred-size:8.33333333%;
  flex-basis:8.33333333%;
  max-width:8.33333333%
 }
 .col-md-2 {
  -ms-flex-preferred-size:16.66666667%;
  flex-basis:16.66666667%;
  max-width:16.66666667%
 }
 .col-md-3 {
  -ms-flex-preferred-size:25%;
  flex-basis:25%;
  max-width:25%
 }
 .col-md-4 {
  -ms-flex-preferred-size:33.33333333%;
  flex-basis:33.33333333%;
  max-width:33.33333333%
 }
 .col-md-5 {
  -ms-flex-preferred-size:41.66666667%;
  flex-basis:41.66666667%;
  max-width:41.66666667%
 }
 .col-md-6 {
  -ms-flex-preferred-size:50%;
  flex-basis:50%;
  max-width:50%
 }
 .col-md-7 {
  -ms-flex-preferred-size:58.33333333%;
  flex-basis:58.33333333%;
  max-width:58.33333333%
 }
 .col-md-8 {
  -ms-flex-preferred-size:66.66666667%;
  flex-basis:66.66666667%;
  max-width:66.66666667%
 }
 .col-md-9 {
  -ms-flex-preferred-size:75%;
  flex-basis:75%;
  max-width:75%
 }
 .col-md-10 {
  -ms-flex-preferred-size:83.33333333%;
  flex-basis:83.33333333%;
  max-width:83.33333333%
 }
 .col-md-11 {
  -ms-flex-preferred-size:91.66666667%;
  flex-basis:91.66666667%;
  max-width:91.66666667%
 }
 .col-md-12 {
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  max-width:100%
 }
 .col-md-offset-0 {
  margin-left:0
 }
 .col-md-offset-1 {
  margin-left:8.33333333%
 }
 .col-md-offset-2 {
  margin-left:16.66666667%
 }
 .col-md-offset-3 {
  margin-left:25%
 }
 .col-md-offset-4 {
  margin-left:33.33333333%
 }
 .col-md-offset-5 {
  margin-left:41.66666667%
 }
 .col-md-offset-6 {
  margin-left:50%
 }
 .col-md-offset-7 {
  margin-left:58.33333333%
 }
 .col-md-offset-8 {
  margin-left:66.66666667%
 }
 .col-md-offset-9 {
  margin-left:75%
 }
 .col-md-offset-10 {
  margin-left:83.33333333%
 }
 .col-md-offset-11 {
  margin-left:91.66666667%
 }
 .start-md {
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  text-align:start
 }
 .center-md {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center
 }
 .end-md {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  text-align:end
 }
 .top-md {
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
 }
 .middle-md {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
 .bottom-md {
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end
 }
 .around-md {
  -ms-flex-pack:distribute;
  justify-content:space-around
 }
 .between-md {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
 }
 .first-md {
  -webkit-box-ordinal-group:0;
  -ms-flex-order:-1;
  order:-1
 }
 .last-md {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
}
@media only screen and (min-width:1600px) {
 .container {
  width:1600px
 }
 .col-lg,
 .col-lg-1,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-offset-0,
 .col-lg-offset-1,
 .col-lg-offset-10,
 .col-lg-offset-11,
 .col-lg-offset-12,
 .col-lg-offset-2,
 .col-lg-offset-3,
 .col-lg-offset-4,
 .col-lg-offset-5,
 .col-lg-offset-6,
 .col-lg-offset-7,
 .col-lg-offset-8,
 .col-lg-offset-9 {
  box-sizing:border-box;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding-right:.5rem;
  padding-left:.5rem
 }
 .col-lg {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  -ms-flex-preferred-size:0;
  flex-basis:0;
  max-width:100%
 }
 .col-lg-1 {
  -ms-flex-preferred-size:8.33333333%;
  flex-basis:8.33333333%;
  max-width:8.33333333%
 }
 .col-lg-2 {
  -ms-flex-preferred-size:16.66666667%;
  flex-basis:16.66666667%;
  max-width:16.66666667%
 }
 .col-lg-3 {
  -ms-flex-preferred-size:25%;
  flex-basis:25%;
  max-width:25%
 }
 .col-lg-4 {
  -ms-flex-preferred-size:33.33333333%;
  flex-basis:33.33333333%;
  max-width:33.33333333%
 }
 .col-lg-5 {
  -ms-flex-preferred-size:41.66666667%;
  flex-basis:41.66666667%;
  max-width:41.66666667%
 }
 .col-lg-6 {
  -ms-flex-preferred-size:50%;
  flex-basis:50%;
  max-width:50%
 }
 .col-lg-7 {
  -ms-flex-preferred-size:58.33333333%;
  flex-basis:58.33333333%;
  max-width:58.33333333%
 }
 .col-lg-8 {
  -ms-flex-preferred-size:66.66666667%;
  flex-basis:66.66666667%;
  max-width:66.66666667%
 }
 .col-lg-9 {
  -ms-flex-preferred-size:75%;
  flex-basis:75%;
  max-width:75%
 }
 .col-lg-10 {
  -ms-flex-preferred-size:83.33333333%;
  flex-basis:83.33333333%;
  max-width:83.33333333%
 }
 .col-lg-11 {
  -ms-flex-preferred-size:91.66666667%;
  flex-basis:91.66666667%;
  max-width:91.66666667%
 }
 .col-lg-12 {
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  max-width:100%
 }
 .col-lg-offset-0 {
  margin-left:0
 }
 .col-lg-offset-1 {
  margin-left:8.33333333%
 }
 .col-lg-offset-2 {
  margin-left:16.66666667%
 }
 .col-lg-offset-3 {
  margin-left:25%
 }
 .col-lg-offset-4 {
  margin-left:33.33333333%
 }
 .col-lg-offset-5 {
  margin-left:41.66666667%
 }
 .col-lg-offset-6 {
  margin-left:50%
 }
 .col-lg-offset-7 {
  margin-left:58.33333333%
 }
 .col-lg-offset-8 {
  margin-left:66.66666667%
 }
 .col-lg-offset-9 {
  margin-left:75%
 }
 .col-lg-offset-10 {
  margin-left:83.33333333%
 }
 .col-lg-offset-11 {
  margin-left:91.66666667%
 }
 .start-lg {
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  text-align:start
 }
 .center-lg {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center
 }
 .end-lg {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  text-align:end
 }
 .top-lg {
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
 }
 .middle-lg {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
 .bottom-lg {
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end
 }
 .around-lg {
  -ms-flex-pack:distribute;
  justify-content:space-around
 }
 .between-lg {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
 }
 .first-lg {
  -webkit-box-ordinal-group:0;
  -ms-flex-order:-1;
  order:-1
 }
 .last-lg {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {
 font-family:sans-serif;
 -ms-text-size-adjust:100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display:block
}
audio,
canvas,
progress,
video {
 display:inline-block
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],
template {
 display:none
}
a {
 background-color:transparent
}
a:active,
a:hover {
 outline:0
}
abbr[title] {
 border-bottom:1px dotted
}
b,
optgroup,
strong {
 font-weight:700
}
dfn {
 font-style:italic
}
mark {
 background:#ff0;
 color:#000
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
svg:not(:root) {
 overflow:hidden
}
hr {
 box-sizing:content-box;
 height:0
}
pre,
textarea {
 overflow:auto
}
code,
kbd,
pre,
samp {
 font-family:monospace,monospace;
 font-size:1em
}
button,
input,
optgroup,
select,
textarea {
 color:inherit;
 font:inherit;
 margin:0
}
button {
 overflow:visible
}
.pswp,
.pswp__item,
.pswp__scroll-wrap,
.site-wrapper,
.sujet {
 overflow:hidden
}
button,
select {
 text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],
html input[disabled] {
 cursor:default
}
.cursor-pointer,
.hamburger,
.sci-closer,
.search-trigger,
.shopping-cart.hascontent,
nav.offcanvas li.extends i {
 cursor:pointer
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 border:0;
 padding:0
}
input {
 line-height:normal
}
input[type=checkbox],
input[type=radio] {
 box-sizing:border-box;
 padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 height:auto
}
input[type=search] {
 -webkit-appearance:textfield;
 box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
fieldset {
 border:1px solid silver;
 margin:0 2px;
 padding:.35em .625em .75em
}
legend {
 padding:0
}
table {
 border-collapse:collapse;
 border-spacing:0
}
td,
th {
 padding:0
}
*,
:after,
:before {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
*,
a {
 outline:0!important
}
body {
 margin:0;
 font-family:Arial,sans-serif
}
.header-slider ul.slick-dots,
ul.reset {
 list-style-type:none;
 margin:0;
 padding:0
}
.w100 {
 width:100%
}
.h100 {
 height:100%
}
.hauto {
 height:auto
}
.pswp,
.pswp__bg,
.pswp__scroll-wrap {
 width:100%;
 height:100%;
 left:0
}
figure {
 margin:0
}
.display-inline-block {
 display:inline-block
}
.display-block {
 display:block
}
.display-table {
 display:table
}
.display-none {
 display:none
}
.display-flex {
 display:-webkit-box;
 display:-moz-box;
 display:-webkit-flex;
 display:flex
}
.justify-content-space-between {
 -webkit-box-pack:justify;
 -moz-box-pack:justify;
 -ms-flex-pack:justify;
 -webkit-justify-content:space-between;
 justify-content:space-between
}
.pl20 {
 padding-left:1.33333333em
}
.pr20 {
 padding-right:1.33333333em
}
.pt15 {
 padding-top:1em
}
.pt20 {
 padding-top:1.33333333em
}
.vertically-aligned {
 top:50%;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%)
}
.pswp,
.pswp__bg,
.pswp__container,
.pswp__error-msg,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
 position:absolute
}
.child-vertically-aligned {
 display:-webkit-box;
 display:-moz-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -moz-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -moz-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-size:1em;
 margin:0
}
.text-left {
 text-align:left
}
.text-right {
 text-align:right
}
.text-center {
 text-align:center
}
@media screen and (max-width:767px) {
 .hidden-xs {
  display:none
 }
}
@media screen and (min-width:768px) {
 .mobile-only {
  display:none !important;
 }
}
@media screen and (min-width:768px) and (max-width:979px) {
 .hidden-sm {
  display:none
 }
}
@media screen and (min-width:980px) and (max-width:1599px) {
 .hidden-md {
  display:none
 }
}
@media screen and (min-width:1600px) {
 .hidden-lg,
 .mobile-and-tablet-only {
  display:none
 }
}

@font-face {
 font-family:icomoon;
 src:url(/wp-content/themes/fifthavenue-child/assets/fonts/icomoon.eot?9v5306);
 src:url(/wp-content/themes/fifthavenue-child/assets/fonts/icomoon.eot?9v5306#iefix) format('embedded-opentype'),
 url(/wp-content/themes/fifthavenue-child/assets/fonts/icomoon.ttf?9v5306) format('truetype'),
 url(/wp-content/themes/fifthavenue-child/assets/fonts/icomoon.woff?9v5306) format('woff'),
 url(/wp-content/themes/fifthavenue-child/assets/fonts/icomoon.svg?9v5306#icomoon) format('svg');
 font-weight:400;
 font-style:normal
}
 
[class*=" icon-"],
[class^=icon-] {
 font-family:icomoon!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.icon-haushalt:before {
 content:"\e900"
}
.icon-industrie:before {
 content:"\e901"
}
.icon-karo_gitter:before {
 content:"\e902"
}
.icon-karo_kasterl:before {
 content:"\e903"
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp {
 display:none;
 top:0;
 -ms-touch-action:none;
 touch-action:none;
 z-index:1500;
 outline:0
}
.pswp * {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.pswp img {
 max-width:none
}
.pswp--animate_opacity {
 opacity:.001;
 will-change:opacity;
 -webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);
 transition:opacity 333ms cubic-bezier(.4,0,.22,1)
}
.pswp--open {
 display:block
}
.pswp--zoom-allowed .pswp__img {
 cursor:-webkit-zoom-in;
 cursor:-moz-zoom-in;
 cursor:zoom-in
}
.pswp--zoomed-in .pswp__img {
 cursor:-webkit-grab;
 cursor:-moz-grab;
 cursor:grab
}
.pswp--dragging .pswp__img {
 cursor:-webkit-grabbing;
 cursor:-moz-grabbing;
 cursor:grabbing
}
.pswp__scroll-wrap {
 top:0
}
.pswp__container,
.pswp__zoom-wrap {
 -ms-touch-action:none;
 touch-action:none;
 left:0;
 right:0;
 top:0;
 bottom:0
}
.pswp__container,
.pswp__img {
 user-select:none;
 -webkit-touch-callout:none
}
.pswp__zoom-wrap {
 width:100%;
 -webkit-transform-origin:left top;
 -ms-transform-origin:left top;
 transform-origin:left top;
 -webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);
 transition:transform 333ms cubic-bezier(.4,0,.22,1)
}
.pswp__bg {
 top:0;
 background:#000;
 opacity:0;
 will-change:opacity;
 -webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);
 transition:opacity 333ms cubic-bezier(.4,0,.22,1)
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
 -webkit-transition:none;
 transition:none
}
.pswp__item {
 left:0;
 right:0;
 top:0;
 bottom:0
}
.pswp__img {
 width:auto;
 height:auto;
 top:0;
 left:0
}
.pswp__img--placeholder--blank {
 background:#222
}
a.logo:after,
header {
 background:#fff;
 width:100%
}
.pswp--ie .pswp__img {
 width:100%!important;
 height:auto!important;
 left:0;
 top:0
}
.pswp__error-msg {
 left:0;
 top:50%;
 width:100%;
 text-align:center;
 font-size:14px;
 line-height:16px;
 margin-top:-8px;
 color:#CCC
}
a.logo {
 font-size:18px;
 line-height: 3.52941176em;
}
nav.offcanvas li.extends:nth-child(3) {
 margin-bottom: 2rem;
}
nav.offcanvas>ul>li:not(.navigation-category) > a {
 font-size: 14px;
}
.pswp__error-msg a {
 color:#CCC;
 text-decoration:underline
}
header {
/*height:7.33333333em;*/
position:fixed;
top:50px;
left:0;
-webkit-transition:all ease-in-out .33s;
-moz-transition:all ease-in-out .33s;
-o-transition:all ease-in-out .33s;
transition:all ease-in-out .33s;
backface-visibility:hidden
}
.header-meta {
 height: 50px;
 background-color: #005eb8;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 padding: 0 2rem;
 display: flex;
 align-items: center;
 z-index: 999;
}
.header-meta > span {
 margin-right: 3rem;
 display: flex;
 align-items: center;
}
.header-meta .fa, .header-meta a {
 color: #ffffff;
 margin-right: 1rem;
}
a.linkeffect:after,
a.logo:after {
-moz-transition:all ease-in-out .22s;
-o-transition:all ease-in-out .22s
}
.scrolled header {
box-shadow:0 0 1.3333333333333333em rgba(0,0,0,.15);
height:auto;
}
@media screen and (max-width:767px) {
.scrolled header,
header {
 height:auto;
 -webkit-box-shadow:0 0 1.3333333333333333em rgba(0,0,0,.15);
 -moz-box-shadow:0 0 1.3333333333333333em rgba(0,0,0,.15);
 box-shadow:0 0 1.3333333333333333em rgba(0,0,0,.15)
}
}
a.logo {
float:left;
position:relative;
}
a.logo:after {
display:none;
content:"";
position:absolute;
height:.66666667em;
left:0;
bottom:0;
opacity:0;
-webkit-transition:all ease-in-out .22s;
transition:all ease-in-out .22s
}
a.logo img,
a.microsite-logo:before {
-moz-transition:all ease-in-out .33s
}
a.logo img {
width:9.33333333em;
height:auto;
margin:2em 0 0 2.66666667em;
-webkit-transition:all ease-in-out .33s;
-o-transition:all ease-in-out .33s;
transition:all ease-in-out .33s
}
.karriere a.logo img {
width:19.33333333em;
margin:0
}
a.microsite-logo {
display:block;
float:left;
position:relative;
margin-left:2em;
padding-left:2em
}
@media (max-width:979px) {
a.microsite-logo {
 display:none
}
}
a.microsite-logo img,
a.microsite-logo:before {
display:block;
-webkit-transition:all ease-in-out .33s;
-o-transition:all ease-in-out .33s
}
a.microsite-logo:before {
position:absolute;
content:'';
left:0;
bottom:0;
height:4.33333333em;
border-left:1px solid #ccc;
transition:all ease-in-out .33s
}
a.microsite-logo img {
margin-top:1.33333333em;
width:auto;
height:5.06666667em;
-moz-transition:all ease-in-out .33s;
transition:all ease-in-out .33s
}
.scrolled a.logo:after {
opacity:1;
bottom:.26666667em
}
.scrolled a.logo img {
margin-top:1em;
margin-bottom:1em;
width:9em
}
.scrolled.karriere a.logo img {
margin-top:0;
width:12em
}
.scrolled a.microsite-logo {
margin-left:1em;
padding-left:1.66666667em
}
.scrolled a.microsite-logo:before {
height:3em
}
.scrolled a.microsite-logo img {
margin-top:1em;
height:3.33333333em
}
@media screen and (max-width:767px) {
a.logo img {
 width:7.33333333em;
 margin:.33333333em 0 0 1em
}
.scrolled a.logo:after {
 opacity:0;
 bottom:0
}
.scrolled a.logo img {
 width:5.33333333em;
 margin:.33333333em 0 0 .66666667em
}
body.offcanvas-open {
 overflow-y:hidden
}
}
.sites-languages-switchers {
float:right;
margin:2.6em 2.66666667em 0 0;
-webkit-transition:all ease-in-out .33s;
-moz-transition:all ease-in-out .33s;
-o-transition:all ease-in-out .33s;
transition:all ease-in-out .33s
}
.menuslider ul.slick-dots li button,
.sites-switcher ul {
-webkit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s
}
@media (min-width:768px) and (max-width:1599px) {
.sites-languages-switchers {
 float:none;
 position:absolute;
 top:0;
 right:-300px;
 margin:0;
 width:300px;
 z-index:1000;
 padding:15px
}
.sites-languages-switchers .languages-switcher {
 display:inline-block!important
}
}
.scrolled .sites-languages-switchers {
margin-top:2.6em
}
.languages-switcher,
.sites-switcher {
float:right
}
.chosen {
height:2.06666667em;
line-height:2.06666667em;
text-transform:uppercase;
border:1px solid #ccc;
padding:0 1.33333333em
}
@media (max-width:767px) {
.chosen {
 text-align:left
}
.chosen i {
 float:right;
 margin-top:.4em
}
.sites-switcher {
 width:100%;
 margin-bottom:1px
}
}
.chosen a {
padding:0 .13333333em 0 0;
color:#000;
text-decoration:none
}
.chosen a span {
font-size:.93333333em
}
.sites-switcher {
position:relative;
z-index:50
}
.sites-switcher ul {
display: none !important;
}
.sites-switcher ul, .sites-switcher ul li {
height: 0px !important;
margin-top: 0 !important;
}
.sites-switcher:hover ul {
opacity:1;
height: auto !important;
display: block !important;
}
.sites-switcher:hover ul li{
opacity:1;
margin: initial !important;
height: auto !important;
}
.sites-switcher ul {
list-style-type:none;
margin:-1px 0 0;
position:absolute;
top:100%;
right:0;
padding:0;
background:#fff;
opacity:0;
transition:all ease-in-out .3s
}
.sites-switcher ul li:last-child {
padding-bottom:0
}
.sites-switcher ul li a {
color:#000;
text-decoration:none;
display:block;
padding-left:1.33333333em;
text-align:left
}
.sites-switcher ul li a b {
text-transform:uppercase
}
.languages-switcher {
margin-left:.6em
}
.languages-switcher .chosen {
padding:0 .46666667em
}
.languages-switcher .chosen span {
padding:0
}
@media screen and (max-width:1599px) {
.sites-languages-switchers .languages-switcher,
.sites-languages-switchers .sites-witcher {
 display:none
}
}
.sujet {
background-color:#000;
-lh-property:0;
background-size:cover;
background-repeat:no-repeat;
background-position:0 center;
width:100vw;
color:#fff;
display:block;
text-decoration:none;
line-height:1;
text-transform:none;
-webkit-transition:top ease-in-out .33s;
-moz-transition:top ease-in-out .33s;
-o-transition:top ease-in-out .33s;
transition:top ease-in-out .33s;
position:absolute;
height:auto;
left:0;
top:0;
right:0
}
@media (max-width:767px) {
.sujet {
 background:0 0!important
}
.sujet>.row {
 display:block
}
}
.sujet>div {
background-image:none;
background-size:100% auto
}
nav.mainnav ul.submenu li.contains-sujet .sujet {
-webkit-transition:visibility .2s,opacity .2s;
-moz-transition:visibility .2s,opacity .2s;
-o-transition:visibility .2s,opacity .2s;
transition:visibility .2s,opacity .2s;
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
-o-transition-delay:.3s;
transition-delay:.3s;
opacity:0;
visibility:hidden
}
nav.mainnav.no-transition ul.submenu li.contains-sujet.sujet-visible .sujet {
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none
}
.gradient,
nav.offcanvas .second {
-webkit-transition:all ease-in-out .33s;
-moz-transition:all ease-in-out .33s;
-o-transition:all ease-in-out .33s
}
.scrolled nav.mainnav ul.submenu li.contains-sujet.sujet-visible .sujet {
-lh-property:0;
height:-webkit-calc(100vh - 7.333333333333333em);
height:-moz-calc(100vh - 7.333333333333333em);
height:calc(100vh - 7.333333333333333em)
}
nav.mainnav ul.submenu li.contains-sujet.sujet-visible .sujet {
-lh-property:0;
height:-webkit-calc(100vh - 7.333333333333333em);
height:-moz-calc(100vh - 7.333333333333333em);
height:calc(100vh - 7.333333333333333em);
opacity:1;
visibility:visible
}
body.microsite nav.mainnav ul.submenu li.contains-sujet.is-active.sujet-visible .sujet {
display:none!important
}
.gradient {
position:relative;
-lh-property:0;
height:-webkit-calc(100vh - 7.333333333333333em);
height:-moz-calc(100vh - 7.333333333333333em);
height:calc(100vh - 7.333333333333333em);
transition:all ease-in-out .33s;
background:0 0!important
}
@media (max-width:767px) {
.gradient {
 padding-bottom:2em;
 height:auto!important
}
}
@media (min-width:980px) {
.gradient:after {
 content:'';
 display:block;
 position:absolute;
 top:0;
 left:-10%;
 bottom:0;
 right:0;
 z-index:0;
 background:-moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 30%);
 background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 30%);
 background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 30%)
}
}
.gradient>div {
position:relative;
padding:0 15%;
max-width:100%;
z-index:1
}
.scrolled .gradient {
-lh-property:0;
height:-webkit-calc(100vh - 7.333333333333333em);
height:-moz-calc(100vh - 7.333333333333333em);
height:calc(100vh - 7.333333333333333em)
}
.sujet-text,
nav.mainnav:hover>ul li .sujet-text,
nav.mainnav>ul li.sujet-visible .sujet-text {
padding:0;
text-align:left;
color:#fff;
display:block;
text-decoration:none;
line-height:1;
text-transform:none;
margin-bottom:20%
}
@media (max-width:1599px) {
.sujet-text,
nav.mainnav:hover>ul li .sujet-text,
nav.mainnav>ul li.sujet-visible .sujet-text {
 margin-bottom:10%
}
}
.sujet-text .title,
nav.mainnav:hover>ul li .sujet-text .title,
nav.mainnav>ul li.sujet-visible .sujet-text .title {
line-height:1;
font-weight:700;
margin-bottom:2em;
color:#fff
}
.sujet-text .title span,
nav.mainnav:hover>ul li .sujet-text .title span,
nav.mainnav>ul li.sujet-visible .sujet-text .title span {
font-size:2.33333333em;
white-space:normal
}
.sujet-text .text,
nav.mainnav:hover>ul li .sujet-text .text,
nav.mainnav>ul li.sujet-visible .sujet-text .text {
line-height:1.6em;
margin-bottom:2em;
color:#fff
}
.sujet-text .text span,
nav.mainnav:hover>ul li .sujet-text .text span,
nav.mainnav>ul li.sujet-visible .sujet-text .text span {
font-size:1.06666667em;
white-space:normal
}
.sujet-text .arrow-animation,
nav.mainnav:hover>ul li .sujet-text .arrow-animation,
nav.mainnav>ul li.sujet-visible .sujet-text .arrow-animation {
text-transform:none;
line-height:1;
padding:0;
margin-top:0!important
}
.menuslider .product-title,
nav.offcanvas a {
display:block;
color:#000
}
.menuslider {
line-height:1
}
@media (max-width:767px) {
.menuslider {
 max-width:36.66666667em;
 margin-left:auto;
 margin-right:auto
}
}
.menuslider .product {
position:relative;
line-height:1;
padding:0 .16666667em
}
.menuslider .product-title {
line-height:1;
position:absolute!important;
top:1.2em;
width:100%;
text-align:center
}
.menuslider .product-title span {
font-size:1.06666667em
}
.menuslider img {
width:100%;
height:auto
}
.menuslider .slick-list {
margin-bottom:2em
}
.menuslider ul.slick-dots {
padding:0
}
.menuslider ul.slick-dots li {
margin:0 .5em
}
.menuslider ul.slick-dots li button {
border-radius:100%;
border:2px solid #666;
background:0 0;
text-indent:-9999em;
width:11px;
height:11px;
transition:all ease-in-out .3s;
padding:0
}
.site-canvas,
body.microsite .header-slider .sujet ul.slick-dots li button {
-webkit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s
}
.menuslider ul.slick-dots li.slick-active button {
border:2px solid #fff;
background:#fff
}
@media screen and (max-width:979px) {
.gradient {
 background:0 0
}
.sujet>div {
 background-color:#000;
 background-position:center top;
 background-repeat:no-repeat
}
.sujet>div>div {
 margin:0 auto
}
.vh40 {
 height:24em
}
.gradient>div {
 padding:0 6%
}
.sujet-text,
nav.mainnav.is-active>ul li .sujet-text,
nav.mainnav:hover>ul li .sujet-text {
 margin-bottom:1.33333333em
}
.sujet-text .title,
nav.mainnav.is-active>ul li .sujet-text .title,
nav.mainnav:hover>ul li .sujet-text .title {
 margin-bottom:.33333333em
}
.sujet-text .title span,
nav.mainnav.is-active>ul li .sujet-text .title span,
nav.mainnav:hover>ul li .sujet-text .title span {
 font-size:1.73333333em
}
.sujet-text .text,
nav.mainnav.is-active>ul li .sujet-text .text,
nav.mainnav:hover>ul li .sujet-text .text {
 margin-bottom:1em
}
.sujet .child-vertically-aligned {
 display:block
}
.sujet span.arrow {
 padding:0
}
.sujet .menu-slider {
 padding:0 1.33333333em
}
.sujet-text {
 font-size:14px
}
}
@media screen and (min-width:980px) {
.sujet>div {
 background:0 0!important
}
}
body.microsite .header-slider {
position:relative
}
@media (max-width:767px) {
body.microsite .header-slider {
 height:auto;
 margin-top:64px
}
body.microsite .header-slider .sujet {
 position:relative;
 left:auto;
 top:auto;
 right:auto;
 bottom:auto;
 width:100%
}
body.microsite .header-slider .sujet .vh40 {
 height:0;
 padding-bottom:60%
}
}
body.microsite .header-slider .sujet ul.slick-dots {
position:relative;
bottom:auto;
left:auto
}
body.microsite .header-slider .sujet ul.slick-dots li {
margin:0 .5em
}
body.microsite .header-slider .sujet ul.slick-dots li button {
border-radius:100%;
border:2px solid #666;
background:0 0;
text-indent:-9999em;
width:11px;
height:11px;
transition:all ease-in-out .3s;
padding:0
}
body.microsite .header-slider .sujet ul.slick-dots li.slick-active button {
border:2px solid #fff;
background:#fff
}
body.microsite .header-slider .sujet .gradient {
-lh-property:0;
height:-webkit-calc(100vh - (7.333333333333333em - 48px));
height:-moz-calc(100vh - (7.333333333333333em - 48px));
height:calc(100vh - (7.333333333333333em - 48px))
}
@media (min-width:768px) {
body[class*=microsite-] .header-slider .sujet {
 top:0
}
}
.hamburger {
width:30px;
height:12px;
position:relative;
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
-webkit-transition:ease-in-out .5s;
-moz-transition:ease-in-out .5s;
-o-transition:ease-in-out .5s;
transition:ease-in-out .5s
}
.hamburger span {
display:block;
position:absolute;
height:2px;
width:100%;
background:#005eb8;
opacity:1;
left:0;
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
-webkit-transition:ease-in-out .25s;
-moz-transition:ease-in-out .25s;
-o-transition:ease-in-out .25s;
transition:ease-in-out .25s
}
.hamburger span:nth-child(1) {
top:0
}
.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
top:5px
}
.hamburger span:nth-child(4) {
top:10px
}
.hamburger.open span:nth-child(1),
.hamburger.open span:nth-child(4) {
top:5px;
width:0%;
left:50%
}
.hamburger.open span:nth-child(2) {
top:11px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)
}
.hamburger.open span:nth-child(3) {
top:11px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.site-canvas,
.site-wrapper {
width:100%;
position:relative
}
.hamburger.open:after {
opacity:0
}
.site-canvas {
height:100%;
left:0;
transition:all ease-in-out .3s
}
.offcanvas-menu,
.search {
-webkit-transition:all ease-in-out .3s
}
.offcanvas-menu {
width:300px;
height:100vh;
position:fixed;
top:0;
right:-300px;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
transition:all ease-in-out .3s;
opacity:0;
z-index:101;
background:#fff;
 padding-top: 8.5em !important;
}
@media (min-width:768px) and (max-width:1599px) {
.sites-switcher {
 float:none
}
.offcanvas-menu {
 padding-top:100px
}
}
.offcanvas-menu li>.fa-angle-down, .offcanvas-menu li>.fa-angle-right {
position:absolute;
right:20px;
top:0
}
.offcanvas-menu li>.icon-haushalt,
.offcanvas-menu li>.icon-industrie {
position:absolute;
top:0;
left:0;
pointer-events:none
}
.offcanvas-menu .offcanvas>ul>li.extends {
position:relative
}
.offcanvas-menu .offcanvas>ul>li.extends a>span>strong {
display:inline-block;
padding-left:3.66666667em;
padding-right:4.33333333em
}
.offcanvas-menu .offcanvas>ul>li.extends:first-child a>span>strong {
max-width:16.66666667em
}
.offcanvas-open .site-canvas{
left:-300px
}
.offcanvas-open .offcanvas-menu {
opacity:1;
right:0;
box-shadow:0 0 1.3333333333333333em rgba(0,0,0,.15);
z-index: 1 !important;
}
@media screen and (min-width:1600px) {
.offcanvas-open .site-canvas,
.offcanvas-open header {
 left:0
}
.offcanvas-open .offcanvas-menu {
 right:-300px;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
}
nav.offcanvas {
height:100%;
overflow-y:auto
}
nav.offcanvas ul {
text-align:left
}
nav.offcanvas>ul {
padding-bottom:7.33333333em;
 overflow-y: scroll;
}
nav.offcanvas li {
float:left;
clear:left;
overflow:hidden;
width:100%;
 margin-bottom: 5px;
}
nav.offcanvas li.navigation-category>a {
display:flex;
 align-items: center;
height:3.52941176em;
line-height:.94117647em;
padding:0 .88235294em 0 .88235294em;
 margin: 0 20px;
 border: 1px solid black;
}
nav.offcanvas>ul>li:not(.navigation-category)>a {
 padding:0 .88235294em 0 .88235294em;
 margin: 0 20px;
 border: 1px solid black;
}
nav.offcanvas li.extends i {
float:right;
line-height:1;
padding:0 1.33333333em
}
nav.offcanvas li.extends i:before {
font-size:1.6em;
float:left
}
nav.offcanvas li.extends i[class^=icon] {
float:left;
color:#005eb8;
padding-left:1.33333333em;
padding-right:0
}
nav.offcanvas li.extends i[class^=icon]:before,
nav.offcanvas li.extends i[class^=icon-industrie]:before {
font-size:1.52941176em
}
nav.offcanvas li.extends i.fa-angle-right {
 height: 100%;
 display: flex;
 align-items: center;
}
nav.offcanvas a {
font-size:1.06666667em;
line-height:2.46666667em;
padding:0 1em;
text-decoration:none;
}
nav.offcanvas li.offcanvas-products a span {
display:table-cell;
height:2.52941176em;
vertical-align:middle;
}
nav.offcanvas .second {
background:#ffffff;
 position: fixed;
 top: 3.8em;
 bottom: 0;
 right: 0;
 width: 100%;
 z-index: 1;
max-height:0;
overflow:hidden;
opacity:0;
transition:all ease-in-out .33s;
}
.search .fa-close,
nav.mainnav>ul li a,
nav.mainnav>ul li>span {
-moz-transition:all ease-in-out .33s;
-o-transition:all ease-in-out .33s
}
nav.offcanvas .second ul {
margin:0;
overflow:hidden
}
nav.offcanvas .second li {
display:block;
width:100%
}
nav.offcanvas .second li a span {
height:3.23529412em;
font-size:1em!important
}
nav.offcanvas .second li:last-child {
border-bottom:none
}
nav.offcanvas .second.active {
max-height:999em;
opacity:1
}
html[data-useragent*="iPhone OS 7"].offcanvas-open,
html[data-useragent*="iPhone OS 7"].offcanvas-open .site-canvas,
html[data-useragent*="iPhone OS 7"].offcanvas-open .site-wrapper,
html[data-useragent*="iPhone OS 7"].offcanvas-open body.offcanvas-open {
height:100%
}
nav.mainnav {
z-index:100;
display: flex;
flex-direction: column;
align-items: flex-start;
}
nav.mainnav>ul,
nav.mainnav>ul li {
display:inline-block
}
nav.mainnav>ul li a,
nav.mainnav>ul li>span{
display:block;
line-height:3.33333333em;
text-decoration:none;
padding:0 1.33333333em;
color:#000;
-webkit-transition:all ease-in-out .33s;
transition:all ease-in-out .33s
}
nav.mainnav>ul li a .fa {
 margin-left: 10px;
}
nav.mainnav>ul a>span {
font-size:1.06666667em
}
nav.mainnav.is-active>ul li a,
nav.mainnav:hover>ul li a {
color:rgba(0,0,0,.6)
}
nav.mainnav.is-active>ul li a.is-active,
nav.mainnav.is-active>ul li a:hover,
nav.mainnav:hover>ul li a.is-active,
nav.mainnav:hover>ul li a:hover {
color:#000
}
@media (max-width:767px) {
.language-microsite nav.mainnav>ul,
body[class*=microsite-] nav.mainnav>ul {
 line-height:4em
}
}
.language-microsite nav.mainnav>ul li>a>span strong,
body[class*=microsite-] nav.mainnav>ul li>a>span strong {
font-weight:400
}
.scrolled nav.mainnav>ul li a,
.scrolled nav.mainnav>ul li>span {
line-height:3.33333333em
}
@media screen and (max-width:1599px) {
.mainnav-search {
 float:right;
 padding-right:2em
}
.contains-hamburger {
 padding-left:1.33333333em;
 position:relative;
 z-index: 9;
}
.contains-hamburger:before {
 content:'';
 position:absolute;
 left:0;
 top:-.73333333em;
 height:2.2em;
 border-left:1px dotted #ccc
}
.mainnav-search .contains-hamburger {
 vertical-align:middle
}
}
@media screen and (max-width:767px) {
a.logo {
 -webkit-transition:all ease-in-out .33s;
 -moz-transition:all ease-in-out .33s;
 -o-transition:all ease-in-out .33s;
 transition:all ease-in-out .33s;
 opacity:1
}
.scrolled nav.mainnav>ul li,
nav.mainnav>ul li {
 display:none;
 height:4em
}
.scrolled nav.mainnav>ul li a,
.scrolled nav.mainnav>ul li span,
nav.mainnav>ul li a,
nav.mainnav>ul li span {
 line-height:4em
}
.scrolled nav.mainnav>ul li.mobile-and-tablet-only,
nav.mainnav>ul li.mobile-and-tablet-only {
 display:inline-block
}
.scrolled nav.mainnav>ul li.contains-hamburger,
nav.mainnav>ul li.contains-hamburger {
 height:auto
}
.scrolled nav.mainnav>ul li.contains-search,
nav.mainnav>ul li.contains-search {
 -webkit-transition:-webkit-transform ease-in-out .3s;
 -moz-transition:-moz-transform ease-in-out .3s;
 -o-transition:-o-transform ease-in-out .3s;
 transition:-webkit-transform ease-in-out .3s,-moz-transform ease-in-out .3s,-o-transform ease-in-out .3s,transform ease-in-out .3s;
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1)
}
.scrolled nav.mainnav>ul li.mobile-only,
nav.mainnav>ul li.mobile-only {
 -webkit-transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 transform:scale(0)
}
.scrolled nav.mainnav>ul li.mobile-only a,
nav.mainnav>ul li.mobile-only a {
 color:#000
}
.offcanvas-open nav.mainnav>ul li.mobile-only {
 display:inline-block;
 -webkit-transition:all ease-in-out .3s;
 -moz-transition:all ease-in-out .3s;
 -o-transition:all ease-in-out .3s;
 transition:all ease-in-out .3s;
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1)
}
.offcanvas-open nav.mainnav>ul li.contains-search {
 opacity:0;
 visibility:hidden;
 width:0
}
.languages-switcher {
 display:none;
 float:none
}
.languages-switcher .chosen {
 border:none
}
.offcanvas-menu {
 width:0;
}
 .offcanvas-menu a.logo {
  position: absolute;
  left: 0;
  top: 50px;
 }
.sites-languages-switchers {
 float:none;
 display:block;
 background:#fff;
 margin:0;
 clear:both;
 -webkit-transition:all ease-in-out .3s;
 -moz-transition:all ease-in-out .3s;
 -o-transition:all ease-in-out .3s;
 transition:all ease-in-out .3s;
 padding-top:0;
 padding-bottom:1em;
 border-bottom:1px solid #ccc;
 position:fixed;
 top:4em;
 right:-300px;
 width:0
}
.sites-languages-switchers .sites-witcher {
 display:block;
 padding:0 1em
}
.sites-languages-switchers .sites-witcher span {
 float:left
}
.sites-languages-switchers .sites-witcher i {
 float:right;
 line-height:2em
}
.offcanvas-open .sites-languages-switchers {
 width:100%;
 right:0;
 z-index:1000;
 padding-left:1.33333333em;
 padding-right:1.33333333em
}
.scrolled .sites-languages-switchers,
.scrolled.offcanvas-open .sites-languages-switchers {
 margin-top:0
}
.offcanvas-open .site-canvas,
.offcanvas-open header {
 left:0
}
.offcanvas-open .offcanvas-menu {
 width:100%;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
}
@media screen and (min-width:768px) and (max-width:1599px) {

nav.mainnav>ul li a span {
 padding:.46666667em 0
}
nav.mainnav>ul li.mobile-and-tablet-only,
nav.mainnav>ul li.tablet-only {
 display:inline-block
}
}
@media screen and (min-width:1600px) {
nav.mainnav>ul li {
 display:inline-block
}
nav.mainnav>ul li.contains-hamburger,
nav.mainnav>ul li.contains-phone {
 display:none
}
}
@media screen and (max-width:767px) {
.scrolled nav.mainnav ul.submenu,
.scrolled nav.mainnav>ul.submenu,
nav.mainnav ul.submenu,
nav.mainnav>ul.submenu {
 display:none
}
}
@media screen and (min-width:768px) {
nav.mainnav>ul li.contains-submenu {
 position:relative
}
nav.mainnav>ul li.contains-submenu .sujet {
 z-index:-1
}
nav.mainnav>ul li.contains-submenu:hover > ul.submenu {
 display:block;
 background:#fff;
 opacity:1;
 visibility:visible;
}
nav.mainnav > ul li.contains-submenu li.contains-submenu:hover > ul.submenu {
 transition: auto;
}
nav.mainnav > ul li.contains-submenu li.contains-submenu > ul.submenu {
display: none;
 position: relative;
 right: 0;
 top: 0;
}
nav.mainnav > ul li.contains-submenu li.contains-submenu:hover > ul.submenu {
 display: block;
 background: white;
 opacity: 1;
 visibility: visible;
 position: absolute;
 right: -100%;
 top: 0;
 left: auto;
 width: 100%;
}

.scrolled nav.mainnav ul.submenu,
.scrolled nav.mainnav>ul.submenu,
nav.mainnav ul.submenu,
nav.mainnav>ul.submenu {
 background:#fff;
 position:absolute;
 left:0;
 opacity:0;
 visibility:hidden;
 white-space:nowrap;
 top:3.33333333em;
 text-align:left;
 -webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
 -moz-box-shadow:0 0 5px rgba(0,0,0,.2);
 box-shadow:0 0 5px rgba(0,0,0,.2);
 -webkit-transition:all ease-in-out .33s;
 -moz-transition:all ease-in-out .33s;
 -o-transition:all ease-in-out .33s;
 transition:all ease-in-out .33s;
 -webkit-transition-delay:.2s;
 -moz-transition-delay:.2s;
 -o-transition-delay:.2s;
 transition-delay:.2s
}
.scrolled nav.mainnav ul.submenu>li,
.scrolled nav.mainnav>ul.submenu>li,
nav.mainnav ul.submenu>li,
nav.mainnav>ul.submenu>li {
 position:relative;
 z-index:2
}
.scrolled nav.mainnav ul.submenu>li:first-child,
.scrolled nav.mainnav>ul.submenu>li:first-child,
nav.mainnav ul.submenu>li:first-child,
nav.mainnav>ul.submenu>li:first-child {
 margin-left:0
}
.scrolled nav.mainnav ul.submenu>li:right-child,
.scrolled nav.mainnav>ul.submenu>li:right-child,
nav.mainnav ul.submenu>li:right-child,
nav.mainnav>ul.submenu>li:right-child {
 margin-right:0
}
.scrolled nav.mainnav ul.submenu>li>a,
.scrolled nav.mainnav ul.submenu>li>span,
.scrolled nav.mainnav>ul.submenu>li>a,
.scrolled nav.mainnav>ul.submenu>li>span,
nav.mainnav ul.submenu>li>a,
nav.mainnav ul.submenu>li>span,
nav.mainnav>ul.submenu>li>a,
nav.mainnav>ul.submenu>li>span {
 position:relative;
 line-height:3em;
 text-transform:none;
 color:#000 !important;
}
.scrolled nav.mainnav ul.submenu>li>a,
.scrolled nav.mainnav>ul.submenu>li>a,
nav.mainnav ul.submenu>li>a,
nav.mainnav>ul.submenu>li>a {
 -webkit-transition:all ease-in-out .2s;
 -moz-transition:all ease-in-out .2s;
 -o-transition:all ease-in-out .2s;
 transition:all ease-in-out .2s
}
.scrolled nav.mainnav ul.submenu>li.is-active>a,
.scrolled nav.mainnav ul.submenu>li:hover>a,
.scrolled nav.mainnav>ul.submenu>li.is-active>a,
.scrolled nav.mainnav>ul.submenu>li:hover>a,
nav.mainnav ul.submenu>li.is-active>a,
nav.mainnav ul.submenu>li:hover>a,
nav.mainnav>ul.submenu>li.is-active>a,
nav.mainnav>ul.submenu>li:hover>a {
 background:#005eb8;
 color:#fff !important;
}
nav.mainnav>ul li>a span {
 position:relative
}
nav.mainnav>ul li>a span:after {
 content:"";
 position:absolute;
 -lh-property:0;
 width:-webkit-calc(100% + 20px);
 width:-moz-calc(100% + 20px);
 width:calc(100% + 20px);
 -webkit-transition:all ease-in-out .4s;
 -moz-transition:all ease-in-out .4s;
 -o-transition:all ease-in-out .4s;
 transition:all ease-in-out .4s;
 opacity:0;
 height:2px;
 background:#005eb8;
 bottom:-10px;
 left:-10px
}
nav.mainnav>ul li.is-active ul.submenu,
nav.mainnav>ul li:hover ul.submenu {
 left:0
}
nav.mainnav>ul li.is-active ul.submenu:before,
nav.mainnav>ul li:hover ul.submenu:before {
 height:3em;
 left:0;
 opacity:1
}
nav.mainnav>ul li.is-active>a span:after,
nav.mainnav>ul li:hover>a span:after {
 opacity:1;
 bottom:-23px
}
nav.mainnav:hover>ul li.contains-submenu:not(.is-active),
nav.mainnav:hover>ul li.contains-submenu:not(.is-active) ul.submenu,
nav.mainnav>ul li.contains-submenu:hover,
nav.mainnav>ul li.contains-submenu:hover ul.submenu {
 z-index:50
}
}
.sci-closer,
.shopping-cart .nr,
.shopping-cart-items {
color:#fff;
position:absolute
}
nav.mainnav ul.submenu {
left:0;
min-width:200px;
white-space:nowrap
}
nav.mainnav ul.submenu ul.submenu {
left:0;
min-width:200px;
white-space:nowrap
display:none;
}
nav.mainnav ul.submenu:hover {
display: block;
}
nav.mainnav ul.submenu>li {
display:block;
float:none
}
nav.mainnav>ul li.contains-submenu.is-active > ul.submenu,
nav.mainnav>ul li.contains-submenu:hover > ul.submenu {
left:0
}
.woocommerce-search-field {
 flex: 1 1 auto;
 margin-right: 1em;
 max-width: 450px;
}
.woocommerce-search-field input#product-search-field-1 {
border:.2em solid #005eb8;
}
.search .fa-close {
position:absolute;
right:1.33333333em;
top:0;
line-height:7.33333333em;
-webkit-transition:all ease-in-out .33s;
transition:all ease-in-out .33s;
opacity:0
}
.cluster .fwt-content,
.shopping-cart-holder {
-webkit-transition:all ease-in-out .33s;
-moz-transition:all ease-in-out .33s;
-o-transition:all ease-in-out .33s
}
.scrolled .search:not(.reset),
.scrolled .search .fa-close {
line-height:4.3333333em
}
.search-active .search,
.search-active .search .fa-close {
opacity:1
}
@media screen and (max-width:767px) {
 .woocommerce-search-field {
  flex: 0 0 auto;
  margin-right: 0;
 }
 .woocommerce-search-field .product-search {
  display: none;
 }
.mainnav-search {
 position:relative;
 z-index:102;
}
.offcanvas-open .mainnav-search {
 z-index:102
}
.search .fa-close {
 line-height:5.33333333em;
 right:2em;
 cursor:pointer
}
.search-active .search {
 padding:0 1em;
 -webkit-box-shadow:0 .6666666666666666em .6666666666666666em rgba(0,0,0,.07);
 -moz-box-shadow:0 .6666666666666666em .6666666666666666em rgba(0,0,0,.07);
 box-shadow:0 .6666666666666666em .6666666666666666em rgba(0,0,0,.07)
}
.search-active nav.mainnav>ul li.contains-search {
 -webkit-transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 transform:scale(0)
}
}
@media screen and (min-width:768px) and (max-width:1599px) {
.search {
 right:5.13333333em
}
}
.shopping-cart-holder {
width:2.66666667em;
height:2.66666667em;
overflow:hidden;
position:relative;
visibility:hidden;
float:right;
transition:all ease-in-out .33s;
-webkit-transform-origin:center center;
-moz-transform-origin:center center;
-ms-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center;
opacity:0;
-webkit-transform:scale(4);
-moz-transform:scale(4);
-ms-transform:scale(4);
-o-transform:scale(4);
transform:scale(4);
margin-left:-2.66666667em
}
.shopping-cart-holder.visible {
margin-top:-.26666667em;
margin-left:2.66666667em;
overflow:visible;
opacity:1;
visibility:visible;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
.shopping-cart {
width:2.66666667em;
height:2.66666667em;
border-radius:100%;
background:#005eb8;
color:#fff;
position:relative
}
.shopping-cart .nr {
display:inline-block;
background-color:#d10000;
line-height:1em;
padding:0 .26666667em;
top:-.26666667em;
right:-.4em;
-webkit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
transition:all ease-in-out .3s;
-webkit-transition-delay:.33s;
-moz-transition-delay:.33s;
-o-transition-delay:.33s;
transition-delay:.33s;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
.shopping-cart .nr span {
font-size:.8em
}
.shopping-cart.hascontent .nr {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
.sci-closer {
width:24px;
height:24px;
line-height:24px;
text-align:center;
top:20px;
right:20px
}
.shopping-cart-items {
cursor:default;
top:4.66666667em;
right:1.33333333em;
background:#005eb8;
width:34.66666667em;
padding:2em;
-webkit-transition:all ease-in-out .36s;
-moz-transition:all ease-in-out .36s;
-o-transition:all ease-in-out .36s;
transition:all ease-in-out .36s;
-webkit-transform-origin:top right;
-moz-transform-origin:top right;
-ms-transform-origin:top right;
-o-transform-origin:top right;
transform-origin:top right;
max-height:0;
opacity:0;
overflow:hidden
}
.cart-open .shopping-cart-items {
display:block;
overflow:visible;
max-height:9999em;
opacity:1;
top:6.33333333em
}
.item-holder .shop-teaser .st-amount-order,
.item-holder .shop-teaser .st-price {
display:none
}
.scrolled.cart-open .shopping-cart-items {
box-shadow:0 0 1.3333333333333333em rgba(0,0,0,.15);
top:5.33333333em
}
.sci-triangle {
width:0;
height:0;
border-style:solid;
border-width:0 10px 10px;
border-color:transparent transparent #005eb8;
position:absolute;
right:2em;
top:-10px
}
.sci-title {
margin-bottom:1.33333333em
}
.sci-title span {
font-size:1.33333333em
}
.item-holder {
float:left;
width:100%;
margin-bottom:1.33333333em;
-lh-property:0;
max-height:-webkit-calc(100vh - 26.666666666666668em);
max-height:-moz-calc(100vh - 26.666666666666668em);
max-height:calc(100vh - 26.666666666666668em);
overflow-y:scroll
}
.sci-shipping-cost,
.sci-total-price {
width:100%;
clear:left;
float:left
}
#cookieman-modal .clearfix,
#cookieman-modal .modal-footer,
#cookieman-modal .modal-header,
.slick-track:after,
main:after {
clear:both
}
.sci-shipping-cost {
padding:0 .66666667em;
line-height:2.6em;
border-top:1px solid #4d8fcd
}
.sci-shipping-cost span.fs14 {
font-size:.93333333em
}
.sci-total-price {
padding:.66666667em .66666667em 0;
border-top:3px solid #4d8fcd;
line-height:1.33333333em
}
.sci-total-price span.fs14 {
font-size:.93333333em
}
.sci-total-price span.total {
font-weight:700;
font-size:1.33333333em
}
.item-holder .shop-teaser .st-title span,
.sci-submit span {
font-size:1em
}
.sci-submit {
margin-top:2em;
background:#d10000;
border:2px solid #fff;
line-height:3.06666667em;
padding:0 4em;
text-transform:uppercase;
font-weight:700
}
.item-holder .shop-teaser {
position:relative;
padding:1.33333333em;
width:100%;
background:#fff;
float:left;
margin-bottom:1px
}
.item-holder .shop-teaser img {
max-width:5.33333333em;
margin-right:1.33333333em;
border-right:1px solid #d9d9d9;
float:left
}
.item-holder .shop-teaser .st-content {
width:100%;
float:left;
padding-left:0;
text-decoration:none
}
.item-holder .shop-teaser .st-title {
color:#000;
line-height:1.2em;
font-weight:700;
margin-bottom:.33333333em
}
.item-holder .shop-teaser .st-amount,
.item-holder .shop-teaser .st-subtitle {
color:#000;
line-height:1.2em;
opacity:.6
}
.item-holder .shop-teaser .st-amount span,
.item-holder .shop-teaser .st-subtitle span {
font-size:.93333333em
}
.item-holder .shop-teaser .basket-st-price {
text-align:right;
color:#000;
line-height:1.2em;
font-weight:700
}
.item-holder .shop-teaser .basket-st-price span {
font-size:1.06666667em
}
@media screen and (max-width:767px) {
.shopping-cart-holder,
.shopping-cart-holder.visible {
 margin:0;
 float:none;
 position:fixed;
 right:1.66666667em;
 bottom:1em
}
.shopping-cart {
 border:2px solid #fff
}
.cart-open .sites-languages-switchers {
 z-index:999
}
.item-holder .shop-teaser .st-title {
 padding-right:2em
}
.cart-open .shopping-cart-items,
.scrolled.cart-open .shopping-cart-items,
.shopping-cart-items {
 right:0;
 left:0;
 width:auto;
 padding:.66666667em;
 height:100vh;
 top:0;
 bottom:0
}
.cart-open .shopping-cart-items,
.scrolled.cart-open .shopping-cart-items {
 position:fixed;
 overflow-y:scroll
}
}
@media screen and (min-width:768px) and (max-width:1599px) {
.scrolled .sites-languages-switchers {
 margin:0;
 float:none;
 -webkit-transition:none;
 -moz-transition:none;
 -o-transition:none;
 transition:none
}
.shopping-cart-holder {
 margin:0;
 float:none;
 position:fixed;
 top:auto;
 right:1.66666667em;
 bottom:1.66666667em;
 z-index:999
}
.shopping-cart-holder.visible {
 margin:0
}
.shopping-cart-holder .shopping-cart {
 border:2px solid #fff
}
.shopping-cart-items {
 top:auto;
 right:0;
 bottom:3.33333333em;
 -webkit-box-shadow:0 0 1.3333333333333333em rgba(0,0,0,.15);
 -moz-box-shadow:0 0 1.3333333333333333em rgba(0,0,0,.15);
 box-shadow:0 0 1.3333333333333333em rgba(0,0,0,.15);
 position:fixed
}
.cart-open .shopping-cart-items,
.scrolled.cart-open .shopping-cart-items {
 top:auto;
 bottom:6.66666667em
}
.sci-triangle {
 top:auto;
 bottom:-10px;
 right:2.66666667em;
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 transform:rotate(180deg)
}
}
@media screen and (min-width:768px) {
header {
 display:flex
}
}
a.logo {
text-align:left
}
@media screen and (min-width:980px) {
a.logo {
 flex:0 0 9em;
}
}
@media screen and (max-width:767px) {
a.logo {
 margin-right:-.66666667em;
 padding-top:.33333333em;
 width:7.66666667em
}
.karriere a.logo {
 margin-right:0
}
}
@media screen and (min-width:768px) and (max-width:979px) {
header {
 height:auto;
 font-size:15px
}
a.logo {
 flex:0 0 10.66666667em;
 max-width:10.66666667em
}
.karriere a.logo {
 flex:1 1 10.66666667em;
 max-width:14.66666667em
}
a.logo img {
 margin:.66666667em 0 0
}
.karriere a.logo img {
 margin:0
}
nav.mainnav>ul.mainnav-list>li>a,
nav.mainnav>ul.mainnav-list>li>span {
 line-height:6em
}
}
.mainnav-list {
text-align:center;
margin-right: 0 !important;
margin-left: auto !important;
}
.mainnav-list>li.mobile-only.contains-phone {
display:none!important
}
@media screen and (max-width:979px) {
a.logo {
 padding-left:1em
}
.karriere a.logo {
 padding-left:0
}
.karriere a.logo img,
a.logo img {
 width:60%;
 height:auto;
 margin-left: 0 !important;
}
.karriere a.logo img,
.scrolled.karriere a.logo img {
 width:10em
}
.product-nav--visible header a.logo img {
 width:75%
}
}
@media screen and (min-width:768px) {
.mainnav-search {
 flex-grow:1
}
}
@media screen and (max-width:1599px) {
.mainnav-search .contains-hamburger:before {
 display:none
}
.mainnav-search .contains-hamburger .hamburger {
 padding-bottom:1.66666667em
}
.mainnav-search .contains-hamburger .hamburger:after {
 display:block;
 content:'Menü';
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 text-transform:uppercase;
 font-size:10px;
 text-align:center;
 color: #005eb8;
}
}
.breadcrumb,
.content-element h1,
.content-element h2,
.content-element h3,
.content-element h4,
.content-element.content-element--media--overlay .content-element--header h1,
.content-element.content-element--media--overlay .content-element--header h2,
.content-element.content-element--media--overlay .content-element--header h3,
.content-element.content-element--media--overlay .content-element--header h4,
.content-element.content-element--media--overlay .content-element--header h5,
ul.product-nav {
font-size:15px
}
.button,
.sites-switcher ul li a span {
line-height:3em
}
/** Unternehmen - btn
@media screen and (min-width:768px) and (max-width:1599px) {
 * @JK 10.02.2022
 * Wird nicht mehr gewünscht, steht ohnehin im Burgermenü
nav.mainnav>ul.mainnav-list>li:first-child {
 display:inline-block
}
}
 */
@media screen and (max-width:450px) {
 nav.mainnav>ul.mainnav-list>li.contains-search {
  display:none
 }
}
nav.mainnav>ul.mainnav-list>li.contains-language {
 display:inline-block
}
@media screen and (max-width:767px) {
 a.logo img {
  margin:.33333333em 0 0
 }
 .karriere a.logo img {
  margin:0
 }
 .mainnav-search {
  padding-right:1em
 }
 .mainnav-search .contains-hamburger {
  padding-left:.66666667em
 }
 nav.mainnav>ul.mainnav-list>li.contains-language {
  display:none
 }
 .offcanvas-open nav.mainnav>ul.mainnav-list>li.contains-language {
  display:block;
  position:absolute;
  left:-64px;
  top:0
 }
 .offcanvas-open nav.mainnav>ul.mainnav-list>li.contains-language>a {
  padding-right:0
 }
}
nav.mainnav>ul.mainnav-list>li.contains-language:after {
 display:block;
 content:'';
 position:absolute;
 top:50%;
 right:0;
 height:27px;
 transform:translateY(-50%);
 border-left:1px dotted #ccc
}
.search-active .search {
 width:85%
}
@media screen and (min-width:768px) and (max-width:979px) {
 nav.mainnav>ul.mainnav-list ul.submenu {
  top:6em
 }
 .search-active .search {
  width:89%
 }
}
.search-trigger {
 position:relative
}
@media screen and (max-width:767px) {
 nav.mainnav>ul.mainnav-list>li.contains-language:after {
  display:none
 }
 .search-active .search {
  width:100%
 }
 .search-trigger {
  padding:0 1em
 }
}
.search-trigger:after,
.search-trigger:before {
 display:block;
 content:'';
 position:absolute;
 top:50%;
 height:27px;
 transform:translateY(-50%);
 border-left:1px dotted #ccc
}
.search-trigger:before {
 left:0
}
.search-trigger:after {
 right:0
}
@media screen and (min-width:768px) and (max-width:979px) {
 .search .search-close {
  transform:translateY(-.66666667em)
 }
}
.sites-switcher .chosen {
 padding-left:0;
 padding-right:0;
 border:none
}
@media screen and (max-width:767px) {
 .search-trigger:before {
  display:none
 }
 .sites-switcher {
  padding:0 8px;
  border:1px solid #ccc
 }
}
@media screen and (min-width:1600px) {
 .sites-languages-switchers {
  flex:0 0 11.5625em;
  max-width:11.5625em
 }
 .language-microsite .sites-switcher:before {
  display:block;
  content:'';
  position:absolute;
  left:-30px;
  top:50%;
  height:27px;
  transform:translateY(-50%);
  border-left:1px dotted #ccc
 }
}
.sites-switcher i.fa {
 margin-left:5px
}
.sites-switcher ul {
 width:auto;
 left:auto;
 border:none;
 -webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
 -moz-box-shadow:0 0 5px rgba(0,0,0,.2);
 box-shadow:0 0 5px rgba(0,0,0,.2)
}
@media screen and (min-width:1600px) {
 .sites-switcher ul {
  margin-top:2.66666667em;
  min-width:12.53333333em
 }
 .sites-switcher ul:before {
  display:block;
  content:'';
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:2.66666667em;
  -webkit-transform:translateY(-100%);
  -moz-transform:translateY(-100%);
  transform:translateY(-100%)
 }
}
.sites-switcher ul li a {
 padding:0 1.33333333em;
 white-space:nowrap;
 -webkit-transition:background-color .3s,color .3s;
 -moz-transition:background-color .3s,color .3s;
 transition:background-color .3s,color .3s
}
.sites-switcher ul li a:hover {
 background:#005eb8;
 color:#fff
}
ul.product-nav {
 position:relative;
 text-align:left
}
@media screen and (min-width:1600px) and (max-width:1730px),screen and (min-width:979px) and (max-width:1080px) {
 ul.product-nav {
  /*margin-left:10% */
 }
}
@media screen and (max-width:1000px) {
 ul.product-nav {
  margin-left:1.33333333em
 }
}
@media screen and (min-width:768px) and (max-width:979px) {
 ul.product-nav {
  margin-top:1.33333333em
 }
}
@media screen and (max-width:767px) {
 ul.product-nav {
  margin:0;
  height:2.2em;
  vertical-align:middle;
  float:none
 }
}
ul.product-nav:hover {
 z-index:11
}
nav.mainnav>ul.product-nav>li a {
 line-height:1;
 padding:0;
 text-transform:none
}
.content-element .shield-container,
.content-element.content-element--media--overlay .content-element--header h1 span,
.content-element.content-element--media--overlay .content-element--header h2 span,
.content-element.content-element--media--overlay .content-element--header h3 span,
.content-element.content-element--media--overlay .content-element--header h4 span,
.content-element.content-element--media--overlay .content-element--header h5 span,
.content-element.content-slider-products .slide button,
.covid19-button,
.cta,
.table-responsive table tr th,
a.shop-link,
footer address span[itemprop=addressCountry],
nav.mainnav>ul.product-nav>li>a {
 text-transform:uppercase
}
nav.mainnav:hover>ul.product-nav>li a {
 color:#000
}
nav.mainnav>ul.product-nav>li>a {
 position:relative;
 padding:.6em .66666667em .53333333em;
 width:11.33333333em;
 height:3.33333333em;
 background:#fff;
 color:#000;
 text-align:center;
 border:1px solid #ccc;
 cursor:pointer;
 white-space:nowrap
}
@media screen and (max-width:767px) {
 nav.mainnav>ul.product-nav>li>a {
  padding:.26666667em 0;
  width:7em;
  height:2.2em
 }
 html[lang*=en] nav.mainnav>ul.product-nav>li>a {
  width:8em
 }
 nav.mainnav>ul.product-nav>li>a,
 nav.mainnav>ul.product-nav>li>a span {
  line-height:1
 }
}
nav.mainnav>ul.product-nav>li>a span {
 display:inline-block;
 position:static;
 padding:0;
 text-align:left;
 font-weight:700;
 font-size:16px
}
@media screen and (max-width:767px) {
 nav.mainnav>ul.product-nav>li>a span {
  font-size:12px
 }
}
a.shop-link,
ul.product-nav .product-nav--container>ul>li>a {
 font-size:16px;
 font-weight:700
}
nav.mainnav>ul.product-nav>li>a span:after {
 position:absolute;
 display:block;
 content:'';
 top:100%;
 left:50%;
 bottom:auto;
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 transform:translateX(-50%);
 width:0;
 height:0;
 opacity:0;
 visibility:hidden;
 background:0 0;
 border-top:.33333333em solid #000;
 border-left:.33333333em solid transparent;
 border-right:.33333333em solid transparent
}
nav.mainnav>ul.product-nav>li {
 display:inline-block
}
nav.mainnav>ul.product-nav>li.is-touched>a,
nav.mainnav>ul.product-nav>li:hover>a,
nav.mainnav>ul.product-nav>li>a:hover {
 background:#000;
 color:#fff;
 border-color:#000
}
#cookieman-modal .modal-body a,
.cookies-closer,
.cookies-content a,
ul.product-nav .product-nav--container>ul>li>a:hover {
 color:#005eb8
}
html:not(.has-touch) ul.product-nav>li:hover>.product-nav--container,
nav.mainnav>ul.product-nav>li.is-touched>a span:after,
nav.mainnav>ul.product-nav>li:hover>a span:after,
nav.mainnav>ul.product-nav>li>a:hover span:after,
ul.product-nav>li.is-touched>.product-nav--container {
 opacity:1;
 visibility:visible;
}
ul.product-nav .product-nav--container {
 position:absolute;
 left:0;
 top:100%;
 margin-top:2.13333333em;
 width:52em;
 background:#fff;
 -webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
 -moz-box-shadow:0 0 5px rgba(0,0,0,.2);
 box-shadow:0 0 5px rgba(0,0,0,.2);
 opacity:0;
 visibility:hidden;
 -webkit-transition:opacity .33s,visibility .33s;
 -moz-transition:opacity .33s,visibility .33s;
 transition:opacity .33s,visibility .33s;
 -webkit-transition-delay:.2s;
 -moz-transition-delay:.2s;
 transition-delay:.2s
}
@media screen and (min-width:768px) {
 ul.product-nav .product-nav--container {
  display:flex
 }
}
@media screen and (min-width:1001px) and (max-width:1150px) {
 ul.product-nav .product-nav--container {
  -webkit-transform:translateX(-7.73333333em);
  -moz-transform:translateX(-7.73333333em);
  transform:translateX(-7.73333333em)
 }
}
@media screen and (max-width:1000px) {
 ul.product-nav .product-nav--container {
  width:100vw
 }
}
@media screen and (min-width:768px) and (max-width:1000px) {
 ul.product-nav .product-nav--container {
  -webkit-transform:translateX(-16.33333333em);
  -moz-transform:translateX(-16.33333333em);
  transform:translateX(-16.33333333em)
 }
}
@media screen and (min-width:768px) and (max-width:979px) {
 ul.product-nav .product-nav--container {
  margin-top:1.33333333em;
  -webkit-transform:translateX(-12em);
  -moz-transform:translateX(-12em);
  transform:translateX(-12em)
 }
}
@media screen and (max-width:767px) {
 nav.mainnav>ul.product-nav>li {
  height:auto
 }
 ul.product-nav .product-nav--container {
  margin-top:1em;
  left:auto;
  right: -50px;
  height:calc(100vh - 64px);
  -webkit-transform:translateX(8.2em);
  -moz-transform:translateX(8.2em);
  transform:translateX(8.2em);
  overflow-y:auto
 }
}
.header-slider,
.header-slider--hidden,
.modal,
.modal-open,
.slick-list {
 overflow:hidden
}
@media screen and (max-width:450px) {
 ul.product-nav .product-nav--container {
  -webkit-transform:translateX(4.06666667em);
  -moz-transform:translateX(4.06666667em);
  transform:translateX(4.06666667em)
 }

 ul.product-nav .product-nav--container {
  right: -110px;
 }
}
ul.product-nav .product-nav--container:before {
 display:block;
 content:'';
 position:absolute;
 left:0;
 top:0;
 width:11.33333333em;
 height:2.13333333em;
 -webkit-transform:translateY(-100%);
 -moz-transform:translateY(-100%);
 transform:translateY(-100%)
}
@media screen and (min-width:1001px) and (max-width:1150px) {
 ul.product-nav .product-nav--container:before {
  left:7.73333333em
 }
}
@media screen and (min-width:768px) and (max-width:1000px) {
 ul.product-nav .product-nav--container:before {
  left:16.33333333em
 }
}
@media screen and (min-width:768px) and (max-width:979px) {
 ul.product-nav .product-nav--container:before {
  left:12em;
  height:1.33333333em
 }
}
@media screen and (max-width:767px) {
 ul.product-nav .product-nav--container:before {
  display:none
 }
}
ul.product-nav .product-nav--container>ul {
 display:block
}
@media screen and (min-width:768px) {
 ul.product-nav .product-nav--container>ul {
  flex:0 0 50%;
  max-width:50%;
  padding:2.33333333em 2.66666667em;
  width:50%
 }
 ul.product-nav .product-nav--container .products-private {
  border-right:2px solid #f2f2f2
 }
}
ul.product-nav .product-nav--container>ul li {
 display:block
}
@media screen and (max-width:767px) {
 ul.product-nav .product-nav--container>ul {
  padding:2em
 }
 ul.product-nav .product-nav--container>ul li {
  height:auto
 }
 ul.product-nav .product-nav--container .products-private {
  border-bottom:5px solid #f2f2f2
 }
}
#cookieman-modal .panel .panel-heading a,
.minicart .shopping-cart-items .sci-button,
a.arrow-animation,
a.shop-link,
span.arrow-animation {
 color:#000;
 text-decoration:none
}
ul.product-nav .product-nav--container>ul>li>ul {
 padding-top:1.33333333em
}
ul.product-nav .product-nav--container>ul>li>ul li>a {
 position:relative;
 margin-bottom:1px;
 padding:.4em .66666667em .4em 1.33333333em;
 line-height:1.2
}
ul.product-nav .product-nav--container>ul>li>ul li>a:before {
 display:block;
 content:'\f105';
 position:absolute;
 left:.53333333em;
 top:.4em;
 font-family:FontAwesome
}
ul.product-nav .product-nav--container>ul>li>ul li.is-current>a,
ul.product-nav .product-nav--container>ul>li>ul li>a:hover {
 background:#f2f2f2
}
ul.product-nav .product-nav--container>ul>li>ul>li>ul>li>a {
 padding-left:2.53333333em
}
ul.product-nav .product-nav--container>ul>li>ul>li>ul>li>a:before {
 left:1.66666667em
}
ul.product-nav .product-nav--container .products-private>li>ul>li>a {
 padding-left:.66666667em
}
ul.product-nav .product-nav--container .products-private>li>ul>li>a:hover {
 background:0 0;
 cursor:default
}
ul.product-nav .product-nav--container .products-private>li>ul>li>a:before {
 display:none;
 content:''
}
@media screen and (min-width:768px) {
 ul.product-nav .product-nav--container .products-business {
  border-left:3px solid #f2f2f2
 }
}
a.shop-link {
 display:block;
 float:left;
 margin:2.1875em 0 0 .625em;
 padding:1em .9375em;
 height:3.125em;
 background:#fff;
 text-align:center;
 border:1px solid #ccc;
 white-space:nowrap;
 -webkit-transition:color .4s,background-color .4s,border .4s;
 -moz-transition:color .4s,background-color .4s,border .4s;
 transition:color .4s,background-color .4s,border .4s
}
@media screen and (min-width:768px) and (max-width:979px) {
 a.shop-link {
  margin-top:1.25em
 }
}
@media screen and (max-width:767px) {
 a.shop-link {
  padding:.4375em .5em;
  height:2.0625em;
  display:inline-block;
  margin:0;
  float:none;
  vertical-align:middle
 }
}
a.shop-link:hover {
 background:#000;
 color:#fff;
 border-color:#000
}
a.shop-link i.fa {
 font-size:18px
}
a.shop-link span {
 display:inline-block;
 margin-left:.2em
}
@media screen and (max-width:1000px) {
 a.shop-link span {
  display:none
 }
}
.slick-list,
.slick-slider,
.slick-track {
 display:block;
 position:relative
}
.slick-slider {
 box-sizing:border-box;
 -webkit-touch-callout:none;
 -khtml-user-select:none;
 user-select:none;
 -ms-touch-action:pan-y;
 touch-action:pan-y
}
.slick-list {
 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 {
 left:0;
 top:0
}
.slick-track:after,
.slick-track:before {
 content:"";
 display:table
}
.slick-loading .slick-track {
 visibility:hidden
}
.slick-slide {
 float:left;
 height:100%;
 min-height:1px;
 display:none
}
[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-loading .slick-slide {
 visibility:hidden
}
.slick-vertical .slick-slide {
 display:block;
 height:auto;
 border:1px solid transparent
}
.header-slider .header-slide.no-text.no-title .background-image:before,
.slick-arrow.slick-hidden,
.subpage.business .header-slider .header-slide .background-image:before {
 display:none
}
.header-slider {
 width:100%;
 -lh-property:0;
 height:-webkit-calc(100vh - 7.333333333333333em);
 height:-moz-calc(100vh - 7.333333333333333em);
 height:calc(100vh - 7.333333333333333em);
 position:relative;
 margin-top:7.33333333em
}
.subpage:not(.microsite) .header-slider {
 height:75vh
}
.subpage.large-header:not(.microsite) .header-slider {
 -lh-property:0;
 height:-webkit-calc(100vh - 7.333333333333333em);
 height:-moz-calc(100vh - 7.333333333333333em);
 height:calc(100vh - 7.333333333333333em)
}
@media (max-width:767px) {
 .subpage:not(.microsite) .header-slider .container {
  bottom:60px
 }
 .subpage.large-header:not(.microsite) .header-slider .container {
  bottom:110px
 }
}
@media (min-width:980px) {
 .subpage.business .header-slider {
  min-height:730px
 }
}
.subpage.karriere .header-slider {
 height:50vh
}
.subpage.karriere .header-slider .container {
 bottom:2em
}
@media screen and (min-width:768px) and (max-width:979px) {
 .header-slider {
  font-size:15px;
  -lh-property:0;
  height:-webkit-calc(100vh - 6em);
  height:-moz-calc(100vh - 6em);
  height:calc(100vh - 6em);
  margin-top:6em
 }
}
.header-slider .header-slide {
 position:relative;
 -webkit-box-pack:center;
 -moz-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -moz-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 outline:0;
 color:#fff
}
.subpage.business .header-slider .header-slide .container {
 max-width:none;
 bottom:1.5em;
 left:0;
 right:0;
 width:auto
}
.subpage.business .header-slider .header-slide .container .headline {
 text-align:center;
 text-shadow:1px 0 0 #333
}
.header-slider .header-slide video {
 position:absolute;
 display:block;
 left:0;
 top:0;
 width:100%;
 height:100%;
 object-fit:cover
}
.header-slider .background-image {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 background-size:cover;
 background-position:top center;
 z-index:1
}
.header-slider .background-image:before {
 display:block;
 content:'';
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 background:#000;
 opacity:.2
}
.header-slider .container {
 z-index:2;
 max-width:50%;
 opacity:0;
 -webkit-transition:all ease-in-out .8s;
 -moz-transition:all ease-in-out .8s;
 -o-transition:all ease-in-out .8s;
 transition:all ease-in-out .8s;
 -webkit-transition-delay:.3s;
 -moz-transition-delay:.3s;
 -o-transition-delay:.3s;
 transition-delay:.3s;
 -webkit-transform:translateY(-15px);
 -moz-transform:translateY(-15px);
 -ms-transform:translateY(-15px);
 -o-transform:translateY(-15px);
 transform:translateY(-15px);
 position:absolute;
 left:10em;
 bottom:5.33333333em;
 padding:0
}
.header-slider ul.slick-dots li button,
a.arrow-animation span.arrow,
span.arrow-animation span.arrow {
 -webkit-transition:all ease-in-out .2s;
 -moz-transition:all ease-in-out .2s;
 -o-transition:all ease-in-out .2s
}
@media (min-width:768px) and (max-width:1599px) {
 .header-slider .container {
  left:5.33333333em;
  padding-right:0
 }
}
@media (max-width:767px) {
 .header-slider .container {
  left:40px;
  bottom:60px;
  right:40px;
  max-width:none;
  padding:0
 }
}
.header-slider .slick-list,
.header-slider .slick-track {
 height:100%
}
.header-slider.slick-initialized .slick-slide {
 display:-webkit-box;
 display:-moz-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex
}
.header-slider ul.slick-dots {
 text-align:center;
 position:absolute;
 bottom:5em;
 left:auto;
 right:10em
}
@media (min-width:768px) and (max-width:1599px) {
 .header-slider ul.slick-dots {
  right:5.33333333em
 }
}
@media (max-width:767px) {
 .header-slider ul.slick-dots {
  left:20px;
  right:20px;
  bottom:0
 }
}
.header-slider ul.slick-dots li {
 display:inline-block;
 margin:0 .33333333em
}
.header-slider ul.slick-dots li button {
 padding:0;
 outline:0;
 border:none;
 text-indent:-9999em;
 width:40px;
 height:20px;
 background:rgba(255,255,255,0);
 transition:all ease-in-out .2s;
 border-top:2px solid rgba(255,255,255,.4)
}
.header-slider ul.slick-dots li.slick-active button,
.header-slider ul.slick-dots li.slick-active:hover button {
 border-top:2px solid #fff
}
.header-slider ul.slick-dots li:hover button {
 border-top:2px solid rgba(255,255,255,.4)
}
.header-slider .headline {
 line-height:1;
 margin-bottom:1.66666667em
}
.header-slider .headline span {
 font-size:2.66666667em
}
@media (min-width:768px) and (max-width:979px) {
 .header-slider .headline {
  width:100%
 }
}
.header-slider .desc {
 line-height:1.46666667em
}
.header-slider .desc span {
 font-size:1.06666667em
}
.header-slider a.arrow-animation,
.header-slider span.arrow-animation {
 margin-top:1.33333333em;
 display:block
}
.collapse,
.cookies,
.modal,
.scroll-down-button {
 display:none
}
.header-slider--hidden {
 height:4em!important;
 background:#fff
}
.scroll-down-button {
 position:relative;
 font-size:3em;
 height:0;
 text-align:center;
 text-decoration:none;
 color:#fff;
 -webkit-animation:bounce 4s ease-in-out infinite;
 -moz-animation:bounce 4s ease-in-out infinite;
 -o-animation:bounce 4s ease-in-out infinite;
 animation:bounce 4s ease-in-out infinite
}
.scroll-down-button>i {
 position:absolute;
 left:50%;
 bottom:1.5em;
 margin-left:-15px;
 -webkit-transition:-webkit-transform .3s;
 -moz-transition:-moz-transform .3s;
 -o-transition:-o-transform .3s;
 transition:-webkit-transform .3s,-moz-transform .3s,-o-transform .3s,transform .3s
}
@media (max-width:767px) {
 .scroll-down-button>i {
  bottom:15px
 }
}
.scroll-down-button:hover>i {
 -webkit-transform:scale(1.5);
 -moz-transform:scale(1.5);
 -ms-transform:scale(1.5);
 -o-transform:scale(1.5);
 transform:scale(1.5)
}
.frontpage .scroll-down-button,
.microsite .scroll-down-button,
.subpage.large-header .scroll-down-button {
 display:block
}
@media (max-width:979px) {
 .microsite .scroll-down-button {
  display:none
 }
}
.slick-slide .background-image {
 -webkit-transition:all 1s ease-in-out;
 -moz-transition:all 1s ease-in-out;
 -o-transition:all 1s ease-in-out;
 transition:all 1s ease-in-out;
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 -webkit-transform-origin:50% 50%;
 -moz-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 -o-transform-origin:50% 50%;
 transform-origin:50% 50%
}
.slick-slide.animated .background-image {
 -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
}
.slick-slide.animated .container {
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0);
 opacity:1
}
@media screen and (max-width:767px) {
 .header-slider {
  -lh-property:0;
  height:-webkit-calc(60vh - 6em);
  height:-moz-calc(60vh - 6em);
  height:calc(60vh - 6em);
  margin-top:6em;
  font-size:11px
 }
 .subpage:not(.microsite) .header-slider {
  -lh-property:0;
  height:-webkit-calc(60vh - 6em);
  height:-moz-calc(60vh - 6em);
  height:calc(60vh - 6em)
 }
 .header-slider .headline {
  text-align:left
 }
 .header-slider .pl20 {
  padding-left:0
 }
}
@keyframes bounce {
 0%,
 10%,
 100%,
 60% {
  transform:translateY(0)
 }
 35% {
  transform:translateY(15px)
 }
}
.cookies {
 outline:#005eb8 solid 1px;
 text-align:right;
 border-top:1px solid #fff;
 position:fixed;
 bottom:0;
 z-index:10000;
 width:100%;
 line-height:1.06666667em;
 background:#fff
}
.cookies-content {
 padding:.66666667em 2.66666667em .66666667em .66666667em;
 text-align:left;
 position:relative
}
.cookies-content span {
 font-size:.93333333em
}
.cookies-content a {
 text-decoration:none;
 padding-left:.66666667em
}
.cookies-content a:hover {
 text-decoration:underline
}
.cookies-closer {
 position:absolute;
 right:1.33333333em;
 top:.66666667em;
 cursor:pointer
}
.modal,
.modal-backdrop {
 position:fixed;
 top:0;
 left:0;
 bottom:0
}
.modal-open .modal {
 overflow-x:hidden;
 overflow-y:auto
}
.modal {
 right:0;
 z-index:9999;
 -webkit-overflow-scrolling:touch;
 outline:0
}
.modal.fade .modal-dialog {
 -webkit-transform:translate(0,-25%);
 -moz-transform:translate(0,-25%);
 -ms-transform:translate(0,-25%);
 -o-transform:translate(0,-25%);
 transform:translate(0,-25%);
 -ms-transition:-ms-transform "0.3s ease-out";
 -webkit-transition:opacity .15s linear,-webkit-transform .3s ease-out;
 -moz-transition:opacity .15s linear,-moz-transform .3s ease-out;
 -o-transition:opacity .15s linear,-o-transform .3s ease-out;
 transition:opacity .15s linear,-webkit-transform .3s ease-out,-moz-transform .3s ease-out,-o-transform .3s ease-out,transform .3s ease-out
}
.modal.in .modal-dialog {
 -webkit-transform:translate(0,0);
 -moz-transform:translate(0,0);
 -ms-transform:translate(0,0);
 -o-transform:translate(0,0);
 transform:translate(0,0)
}
.modal-dialog {
 position:relative;
 width:auto;
 margin:10px;
 -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
 -moz-box-shadow:0 0 15px rgba(0,0,0,.3);
 box-shadow:0 0 15px rgba(0,0,0,.3)
}
.modal-content {
 position:relative;
 background-color:#fff;
 outline:0
}
.modal-backdrop {
 right:0;
 z-index:9998;
 background-color:#000
}
.modal-backdrop.fade {
 zoom:1;
 filter:alpha(opacity=0);
 -webkit-opacity:0;
 -moz-opacity:0;
 opacity:0
}
.modal-backdrop.fade.in,
.modal-backdrop.in {
 zoom:1!important;
 filter:alpha(opacity=50)!important;
 -webkit-opacity:.5!important;
 -moz-opacity:.5!important;
 opacity:.5!important
}
.modal-header {
 padding:20px;
 border-bottom:1px solid #e2e2e2
}
.modal-title {
 margin:0;
 line-height:1.5625
}
.modal-body {
 position:relative;
 padding:20px
}
.modal-footer {
 padding:20px;
 text-align:right;
 border-top:1px solid #e2e2e2
}
.modal-footer .btn+.btn {
 margin-bottom:0;
 margin-left:5px
}
.modal-footer .btn-group .btn+.btn {
 margin-left:-1px
}
.modal-footer .btn-block+.btn-block {
 margin-left:0
}
@media (min-width:768px) {
 .subpage.karriere .header-slider {
  min-height:21em
 }
 .modal-dialog {
  width:600px;
  margin:30px auto
 }
}
@media (min-width:980px) {
 .modal-dialog {
  width:800px
 }
}
.text-justify {
 text-align:justify!important
}
.fade {
 opacity:0;
 -webkit-transition:opacity .15s linear;
 -moz-transition:opacity .15s linear;
 -o-transition:opacity .15s linear;
 transition:opacity .15s linear
}
.fade.in {
 opacity:1
}
.collapse.in {
 display:block
}
tr.collapse.in {
 display:table-row
}
tbody.collapse.in {
 display:table-row-group
}
.collapsing {
 position:relative;
 height:0;
 overflow:hidden;
 -webkit-transition-property:height,visibility;
 -moz-transition-property:height,visibility;
 -o-transition-property:height,visibility;
 transition-property:height,visibility;
 -webkit-transition-duration:.35s;
 -moz-transition-duration:.35s;
 -o-transition-duration:.35s;
 transition-duration:.35s;
 -webkit-transition-timing-function:ease;
 -moz-transition-timing-function:ease;
 -o-transition-timing-function:ease;
 transition-timing-function:ease
}
#cookieman-modal .modal-dialog {
 margin-top:100px
}
@media screen and (max-width:767px) {
 #cookieman-modal .modal-dialog {
  margin-top:10px
 }
}
#cookieman-modal h5.modal-title {
 font-size:24px;
 font-weight:400;
 line-height:1
}
#cookieman-modal .modal-body p {
 margin:0 0 20px;
 line-height:1.4
}
#cookieman-modal .panel {
 margin-bottom:5px
}
#cookieman-modal .panel:last-child {
 margin-bottom:0
}
#cookieman-modal .panel .panel-heading {
 position:relative;
 border:1px solid #e2e2e2;
 background:#f5f5f5
}
#cookieman-modal .panel .panel-heading h4 {
 padding-left:35px
}
#cookieman-modal .panel .panel-heading input[type=checkbox] {
 position:absolute;
 left:15px;
 top:50%;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%)
}
#cookieman-modal .panel .panel-heading a {
 display:block;
 padding:10px 0 10px 5px;
 font-weight:400;
 cursor:pointer
}
#cookieman-modal .panel .panel-heading a.collapsed:after {
 -webkit-transform:translateY(-50%) rotate(-90deg);
 -moz-transform:translateY(-50%) rotate(-90deg);
 -ms-transform:translateY(-50%) rotate(-90deg);
 -o-transform:translateY(-50%) rotate(-90deg);
 transform:translateY(-50%) rotate(-90deg)
}
#cookieman-modal .panel .panel-heading a:after {
 position:absolute;
 display:block;
 top:50%;
 right:15px;
 content:'\f078';
 font-family:FontAwesome;
 opacity:.5;
 font-size:14px;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%)
}
#cookieman-modal .panel .panel-body {
 padding:20px;
 border:1px solid #e2e2e2;
 border-top:none
}
#cookieman-modal .panel .table-responsive table {
 text-align:left
}
#cookieman-modal .panel .table-responsive table tr {
 line-height:1.3333
}
#cookieman-modal .panel .table-responsive table tr:last-child td {
 border-bottom:none
}
#cookieman-modal .panel .table-responsive table tr td,
#cookieman-modal .panel .table-responsive table tr th {
 font-size:14px;
 vertical-align:top
}
#cookieman-modal .panel .table-responsive table tr td:first-child,
#cookieman-modal .panel .table-responsive table tr th:first-child {
 padding-left:15px
}
#cookieman-modal .panel .table-responsive table tr td:last-child,
#cookieman-modal .panel .table-responsive table tr th:last-child {
 padding-right:15px
}
#cookieman-modal .panel .table-responsive table tr th {
 padding:10px
}
#cookieman-modal .panel .table-responsive table tr td {
 padding:5px
}
#cookieman-modal .button {
 padding-left:20px;
 padding-right:20px;
 line-height:40px
}
#cookieman-modal .button.settings-button {
 margin-bottom:10px
}
#cookieman-modal .button i.fa {
 position:relative;
 left:4px;
 font-size:14px;
 opacity:.5
}
#cookieman-modal .button.collapsed i.fa {
 -webkit-transform:rotateZ(-90deg);
 -moz-transform:rotateZ(-90deg);
 -ms-transform:rotateZ(-90deg);
 -o-transform:rotateZ(-90deg);
 transform:rotateZ(-90deg)
}
#cookieman-modal input[type=checkbox][disabled] {
 cursor:not-allowed
}
a.arrow-animation span.arrow,
span.arrow-animation span.arrow {
 display:inline-block;
 position:relative;
 width:30px;
 height:3px;
 background:#000;
 top:-3px;
 margin-right:.33333333em;
 transition:all ease-in-out .2s
}
a.arrow-animation span.arrow:after,
a.arrow-animation span.arrow:before,
span.arrow-animation span.arrow:after,
span.arrow-animation span.arrow:before {
 content:"";
 width:10px;
 height:3px;
 background:#000;
 display:inline-block;
 position:absolute;
 opacity:0;
 -webkit-transition:all ease-in-out .2s;
 -moz-transition:all ease-in-out .2s;
 -o-transition:all ease-in-out .2s;
 transition:all ease-in-out .2s;
 -webkit-transform-origin:right center;
 -moz-transform-origin:right center;
 -ms-transform-origin:right center;
 -o-transform-origin:right center;
 transform-origin:right center
}
a.arrow-animation:hover span.arrow,
a.cluster-large:hover span.arrow,
a.cluster-small:hover span.arrow,
a.fw-teaser:hover span.arrow,
span.arrow-animation:hover span.arrow {
 width:40px;
 margin-right:10px
}
a.arrow-animation span.arrow:before,
span.arrow-animation span.arrow:before {
 -webkit-transform:rotate(45deg) scale(0);
 -moz-transform:rotate(45deg) scale(0);
 -ms-transform:rotate(45deg) scale(0);
 -o-transform:rotate(45deg) scale(0);
 transform:rotate(45deg) scale(0);
 top:1px;
 right:-1px
}
a.arrow-animation span.arrow:after,
span.arrow-animation span.arrow:after {
 top:-1px;
 right:-1px;
 -webkit-transform:rotate(310deg) scale(0);
 -moz-transform:rotate(310deg) scale(0);
 -ms-transform:rotate(310deg) scale(0);
 -o-transform:rotate(310deg) scale(0);
 transform:rotate(310deg) scale(0)
}
a.arrow-animation:hover span.arrow:before,
span.arrow-animation:hover span.arrow:before {
 -webkit-transform:rotate(45deg) scale(1);
 -moz-transform:rotate(45deg) scale(1);
 -ms-transform:rotate(45deg) scale(1);
 -o-transform:rotate(45deg) scale(1);
 transform:rotate(45deg) scale(1);
 opacity:1
}
a.arrow-animation:hover span.arrow:after,
span.arrow-animation:hover span.arrow:after {
 -webkit-transform:rotate(310deg) scale(1);
 -moz-transform:rotate(310deg) scale(1);
 -ms-transform:rotate(310deg) scale(1);
 -o-transform:rotate(310deg) scale(1);
 transform:rotate(310deg) scale(1);
 opacity:1
}
a.arrow-animation.white,
span.arrow-animation.white {
 color:#fff
}
a.arrow-animation.white span.arrow,
a.arrow-animation.white span.arrow:after,
a.arrow-animation.white span.arrow:before,
span.arrow-animation.white span.arrow,
span.arrow-animation.white span.arrow:after,
span.arrow-animation.white span.arrow:before {
 background:#fff
}
a.cluster-large .arrow-animation .text,
a.cluster-small .arrow-animation .text {
 padding-right:0
}
a.cluster-large:hover span.arrow:before,
a.cluster-small:hover span.arrow:before,
a.fw-teaser:hover span.arrow:before {
 -webkit-transform:rotate(45deg) scale(1);
 -moz-transform:rotate(45deg) scale(1);
 -ms-transform:rotate(45deg) scale(1);
 -o-transform:rotate(45deg) scale(1);
 transform:rotate(45deg) scale(1);
 opacity:1
}
a.cluster-large:hover span.arrow:after,
a.cluster-small:hover span.arrow:after,
a.fw-teaser:hover span.arrow:after {
 -webkit-transform:rotate(310deg) scale(1);
 -moz-transform:rotate(310deg) scale(1);
 -ms-transform:rotate(310deg) scale(1);
 -o-transform:rotate(310deg) scale(1);
 transform:rotate(310deg) scale(1);
 opacity:1
}
.backtotop {
 position:fixed;
 bottom:3.33333333em;
 right:1.66666667em;
 width:3.33333333em;
 height:3.33333333em;
 border-radius:100%;
 background:#005eb8;
 text-align:center;
 color:#fff;
 border:.2em solid #fff;
 -webkit-transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 transform:scale(0);
 -webkit-transition:all ease-in-out .4s;
 -moz-transition:all ease-in-out .4s;
 -o-transition:all ease-in-out .4s;
 transition:all ease-in-out .4s
}
.backtotop i {
 line-height:2.93333333em
}
.backtotop i:before {
 font-size:2em
}
.scrolled .backtotop {
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1)
}
.scrolled .backtotop:hover {
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -ms-transform:scale(1.1);
 -o-transform:scale(1.1);
 transform:scale(1.1)
}
@media screen and (max-width:1599px) {
 .backtotop {
  display:none
 }
}
.covid19-button {
 display:block;
 position:absolute;
 top:50px;
 right:50px;
 padding:.92592593em 1.03703704em 0;
 width:11.85185185em;
 height:4.25925926em;
 background:#005eb8;
 color:#fff;
 border-radius:10px;
 overflow:hidden;
 text-decoration:none;
 z-index:90;
 font-size:27px;
 line-height:1.18518519em
}
@media screen and (max-width:767px) {
 .covid19-button {
  top:30px;
  right:auto;
  left:50%;
  transform:translateX(-50%);
  font-size:20px
 }
}
.covid19-button:before {
 content:'';
 display:block;
 position:absolute;
 left:.37037037em;
 top:.37037037em;
 right:.37037037em;
 bottom:.37037037em;
 border:1px solid rgba(255,255,255,.3);
 border-radius:6px
}
.covid19-button b {
 display:block;
 font-size:1.11111111em
}
.covid19-button img {
 display:block;
 position:absolute;
 right:.88888889em;
 bottom:1.11111111em;
 width:.88888889em;
 height:auto
}
@media screen and (max-width:1599px) {
 .minicart .shopping-cart .nr,
 .minicart .shopping-cart i {
  font-size:1.5em
 }
 .cart-open .shopping-cart-items,
 .scrolled.cart-open .shopping-cart-items {
  overflow-y:auto
 }
 .minicart .shopping-cart,
 .minicart .shopping-cart-holder {
  width:4.0625em;
  height:4.0625em
 }
 .shopping-cart-holder,
 .shopping-cart-holder.visible {
  right:1.66666667em;
  bottom:1em
 }
}
@media (min-width:1600px) {
 .sites-languages-switchers {
  position:relative;
  z-index:10
 }
 .sites-languages-switchers .minicart {
  float:right
 }
 .minicart .shopping-cart-items {
  right:-1.333em
 }
 .cart-open .shopping-cart-items,
 .scrolled.cart-open .shopping-cart-items {
  top:4.33333333em
 }
}
.minicart .item-holder .shop-teaser .st-content {
 display:block;
 padding:0
}
.minicart .item-holder .shop-teaser .st-amount {
 float:left
}
.minicart .item-holder .shop-teaser .st-title {
 padding-right:30px;
 margin-bottom:10px;
 min-height:25px
}
.minicart .sci-total-price {
 border:0
}
.minicart .shopping-cart-items .sci-button {
 margin-top:15px;
 display:inline-block;
 background:#fff;
 padding:10px
}
@media (max-width:767px) {
 .minicart .item-holder {
  height:calc(100vh - 280px);
  max-height:calc(100vh - 280px)
 }
 .offcanvas-open .minicart {
  display:none
 }
}
.item-holder .shop-teaser .basket-delete {
 width:28px;
 height:28px;
 line-height:28px;
 text-align:center;
 color:#fff;
 background:#000;
 border:0;
 position:absolute;
 top:20px;
 right:20px;
 cursor:pointer
}
.breadcrumb {
 list-style-type:none;
 margin:4em 0 0;
 padding:0;
 text-align:center
}
.breadcrumb li {
 display:inline-block;
 color:#909090
}
.breadcrumb li:after {
 display:inline-block;
 content:'/';
 padding:0 5px
}
.breadcrumb li a {
 text-decoration:none;
 color:#909090;
 -webkit-transition:color .3s ease-in-out;
 -moz-transition:color .3s ease-in-out;
 -o-transition:color .3s ease-in-out;
 transition:color .3s ease-in-out
}
.content-element .shield-container,
.content-element.fadein-on-scroll {
 -webkit-transition:all ease-in-out 1s;
 -moz-transition:all ease-in-out 1s;
 -o-transition:all ease-in-out 1s
}
.breadcrumb li a:focus,
.breadcrumb li a:hover {
 color:#000
}
.breadcrumb li:last-child:after {
 display:none;
 content:''
}
.breadcrumb li:last-child a {
 color:#000
}
main:after {
 display:table;
 content:'';
 width:0
}
main hr.content-element {
 margin:0 auto 7.66666667em;
 max-width:1600px;
 width:auto;
 box-shadow:none;
 border:none;
 border-bottom:1px solid #ccc;
 float:none
}
.content-element .content-element--textpic .content-element--text p:first-child,
.content-element .content-element--textpic--besidetext>.content-element--textpic--text p:first-child,
.content-element.text-and-image .text p:first-child,
.content-element.text-and-image .text-center p:first-child,
.content-element.text-and-image .text-left p:first-child,
.content-element.text-and-image .text-right p:first-child {
 margin-top:0
}
@media (max-width:1660px) {
 main hr.content-element {
  margin-left:30px;
  margin-right:30px
 }
}
.content-element {
 width:100%;
 float:left;
 clear:left
}
.content-element.fadein-on-scroll {
 opacity:1;
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0);
 transition:all ease-in-out 1s
}
.content-element.fadein-on-scroll.hidden {
 opacity:0;
 -webkit-transform:translateY(3.3333333333333335em);
 -moz-transform:translateY(3.3333333333333335em);
 -ms-transform:translateY(3.3333333333333335em);
 -o-transform:translateY(3.3333333333333335em);
 transform:translateY(3.3333333333333335em)
}
.content-element.grey-bg {
 background:#f0f4f7
}
@media (min-width:768px) and (max-width:979px) {
 .content-element h1,
 .content-element h2,
 .content-element h3,
 .content-element h4,
 .content-element.content-element--media--overlay .content-element--header h1,
 .content-element.content-element--media--overlay .content-element--header h2,
 .content-element.content-element--media--overlay .content-element--header h3,
 .content-element.content-element--media--overlay .content-element--header h4,
 .content-element.content-element--media--overlay .content-element--header h5 {
  font-size:14px
 }
}
@media (max-width:767px) {
 .content-element h1,
 .content-element h2,
 .content-element h3,
 .content-element h4,
 .content-element.content-element--media--overlay .content-element--header h1,
 .content-element.content-element--media--overlay .content-element--header h2,
 .content-element.content-element--media--overlay .content-element--header h3,
 .content-element.content-element--media--overlay .content-element--header h4,
 .content-element.content-element--media--overlay .content-element--header h5 {
  font-size:12px
 }
}
.content-element h2 {
 line-height:1;
 font-weight:400;
 margin-bottom:2em
}
.content-element h2 span {
 font-size:2.66666667em
}
.content-element h1,
.content-element h3,
.content-element.content-element--media--overlay .content-element--header h1,
.content-element.content-element--media--overlay .content-element--header h2,
.content-element.content-element--media--overlay .content-element--header h3,
.content-element.content-element--media--overlay .content-element--header h4,
.content-element.content-element--media--overlay .content-element--header h5 {
 line-height:3.06666667em;
 font-weight:400;
 margin-bottom:2em
}
.content-element h1 span,
.content-element h3 span,
.content-element.content-element--media--overlay .content-element--header h1 span,
.content-element.content-element--media--overlay .content-element--header h2 span,
.content-element.content-element--media--overlay .content-element--header h3 span,
.content-element.content-element--media--overlay .content-element--header h4 span,
.content-element.content-element--media--overlay .content-element--header h5 span {
 font-size:2.33333333em
}
.content-element h4 {
 line-height:2.66666667em;
 font-weight:700;
 margin-bottom:2em
}
.content-element h4 span {
 font-size:1.66666667em
}
.content-element .title {
 color:#000;
 line-height:2.66666667em;
 font-weight:400;
 margin-bottom:2em;
 text-align:center
}
.content-element .title span {
 font-size:2.66666667em
}
.content-element .introtext {
 line-height:1.33333333em;
 margin-bottom:2em
}
.content-element .introtext span {
 font-size:1.33333333em
}
.content-element.padding-top-115 {
 padding-top:7.66666667em
}
.content-element.padding-bottom-115 {
 padding-bottom:7.66666667em
}
.content-element.padding-bottom-50 {
 padding-bottom:3.33333333em
}
.content-element.margin-bottom-115 {
 margin-bottom:7.66666667em
}
.content-element.blue {
 background-color:#005eb8;
 color:#fff
}
.content-element.text-and-image {
 padding-bottom:4em
}
.content-element.text-and-image.blue,
.content-element.text-and-image:first-child {
 padding-top:5.33333333em
}
.content-element.text-and-image p {
 line-height:1.33333333em
}
.content-element.text-and-image:not(.is-special)>.container {
 width:100%;
 padding:0 30px
}
.content-element.text-and-image.text-only>.container {
 max-width:1400px
}
.content-element.text-and-image.margin-bottom {
 margin-bottom:4em
}
@media (min-width:768px) {
 .content-element.text-and-image:not(.text-only).blue {
  padding:0
 }
 .content-element.text-and-image:not(.text-only).blue .content-element--thumbnails {
  margin-bottom:0
 }
 .content-element.text-and-image:not(.text-only).blue .content-element--textpic--text {
  padding-top:5.33333333em;
  padding-bottom:4em
 }
 .content-element.text-and-image:not(.text-only).blue .content-element--textpic--intext--left>.content-element--thumbnails,
 .content-element.text-and-image:not(.text-only).is-wide .content-element--textpic--intext--left>.content-element--thumbnails {
  margin-right:3.33333333em;
  margin-left:-1.4em
 }
 .content-element.text-and-image:not(.text-only).blue .content-element--textpic--intext--left .content-element--textpic--text,
 .content-element.text-and-image:not(.text-only).is-wide .content-element--textpic--intext--left .content-element--textpic--text {
  padding-right:3.33333333em
 }
 .content-element.text-and-image:not(.text-only).blue .content-element--textpic--intext--right>.content-element--thumbnails,
 .content-element.text-and-image:not(.text-only).is-wide .content-element--textpic--intext--right>.content-element--thumbnails {
  margin-left:3.33333333em;
  margin-right:-1.4em
 }
 .content-element.text-and-image:not(.text-only).blue .content-element--textpic--intext--right .content-element--textpic--text,
 .content-element.text-and-image:not(.text-only).is-wide .content-element--textpic--intext--right .content-element--textpic--text {
  padding-left:3.33333333em
 }
}
.content-element.text-and-image .col-md-12 {
 width:100%
}
.content-element.text-and-image video {
 width:100%;
 max-width:100%;
 height:auto
}
.content-element.content-element--grid.margin-bottom {
 margin-bottom:4em
}
.content-element.content-element--grid .content-element.text-and-image.is-wide .content-element--textpic--intext--left>.content-element--thumbnails {
 margin-left:0;
 margin-right:2em
}
.content-element.content-element--grid .content-element.text-and-image.is-wide .content-element--textpic--intext--right>.content-element--thumbnails {
 margin-right:0;
 margin-left:2em
}
.content-element.content-element--header {
 padding-top:0;
 padding-bottom:4em
}
.content-element.content-element--header--h1 {
 padding-bottom:0;
 margin-bottom:2em
}
.content-element.content-element--header:first-child {
 padding-top:5.33333333em
}
.content-element.content-element--header h1,
.content-element.content-element--header h2,
.content-element.content-element--header h3,
.content-element.content-element--header h4 {
 margin-bottom:0
}
.content-element.cluster {
 margin-bottom:4em
}
.content-element.cluster.margin-bottom {
 margin-bottom:8em
}
.content-element.cluster.no-margin-bottom {
 margin-bottom:0!important
}
.content-element.content-element--button {
 padding-bottom:4em
}
.content-element.content-element--button.margin-bottom {
 margin-bottom:4em
}
.content-element .content-element--textpic .content-element--text>h2,
.content-element.text-and-image .text-center>h2,
.content-element.text-and-image .text-left>h2,
.content-element.text-and-image .text-right>h2,
.content-element.text-and-image .text>h2 {
 line-height:1;
 margin-bottom:.75em;
 font-size:2.66666667em
}
@media (max-width:767px) {
 .content-element .content-element--textpic .content-element--text>h2,
 .content-element.text-and-image .text-center>h2,
 .content-element.text-and-image .text-left>h2,
 .content-element.text-and-image .text-right>h2,
 .content-element.text-and-image .text>h2 {
  font-size:1.66666667em
 }
}
.content-element .content-element--textpic .content-element--text>h3,
.content-element.text-and-image .text-center>h3,
.content-element.text-and-image .text-left>h3,
.content-element.text-and-image .text-right>h3,
.content-element.text-and-image .text>h3 {
 line-height:1;
 margin-bottom:.85714286em;
 font-size:2.33333333em
}
@media (max-width:767px) {
 .content-element .content-element--textpic .content-element--text>h3,
 .content-element.text-and-image .text-center>h3,
 .content-element.text-and-image .text-left>h3,
 .content-element.text-and-image .text-right>h3,
 .content-element.text-and-image .text>h3 {
  font-size:1.33333333em
 }
}
.content-element .content-element--textpic .content-element--text>h4,
.content-element.text-and-image .text-center>h4,
.content-element.text-and-image .text-left>h4,
.content-element.text-and-image .text-right>h4,
.content-element.text-and-image .text>h4 {
 line-height:1;
 margin-bottom:1.2em;
 font-size:1.66666667em
}
.content-element .content-element--textpic .content-element--text h3>span,
.content-element .content-element--textpic .content-element--text h4>span,
.content-element .content-element--textpic .content-element--text>h2>span,
.content-element .content-element--textpic .content-element--text>h3>span,
.content-element .content-element--textpic .content-element--text>h4>span,
.content-element.text-and-image .text-center>h2>span,
.content-element.text-and-image .text-center>h3>span,
.content-element.text-and-image .text-center>h4>span,
.content-element.text-and-image .text-left>h2>span,
.content-element.text-and-image .text-left>h3>span,
.content-element.text-and-image .text-left>h4>span,
.content-element.text-and-image .text-right>h2>span,
.content-element.text-and-image .text-right>h3>span,
.content-element.text-and-image .text-right>h4>span,
.content-element.text-and-image .text>h2>span,
.content-element.text-and-image .text>h3>span,
.content-element.text-and-image .text>h4>span {
 font-size:1em
}
@media (max-width:767px) {
 .content-element .content-element--textpic .content-element--text>h4,
 .content-element.text-and-image .text-center>h4,
 .content-element.text-and-image .text-left>h4,
 .content-element.text-and-image .text-right>h4,
 .content-element.text-and-image .text>h4 {
  font-size:1em
 }
 .content-element .content-element--textpic .content-element--thumbnails {
  float:none;
  width:100%;
  margin-left:0;
  margin-right:0
 }
}
.content-element .content-element--textpic .content-element--thumbnails.col-md-12 {
 margin-left:0!important;
 margin-right:0!important
}
@media screen and (min-width:768px) {
 .content-element .content-element--textpic--besidetext--right {
  flex-flow:row-reverse
 }
}
.content-element .content-element--textpic--besidetext>.content-element--textpic--text p:first-child--right {
 flex-direction:row-reverse
}
.content-element .content-element--textpic--besidetext>.content-element--textpic--text p:first-child--right>.content-element--thumbnails {
 float:right
}
.content-element .content-element--textpic--besidetext>.content-element--textpic--text p:first-child--right>.content-element--textpic--text {
 float:left
}
.content-element .content-element--textpic--intext {
 display:block
}
.content-element .content-element--textpic--intext>.content-element--thumbnails {
 display:block;
 overflow:hidden;
 margin-bottom:1em
}
.content-element .content-element--textpic--intext>.content-element--textpic--text {
 width:auto;
 clear:none;
 float:none
}
.content-element .content-element--textpic--intext--left>.content-element--thumbnails {
 padding-left:0;
 margin-right:2em;
 float:left
}
.content-element .content-element--textpic--intext--right>.content-element--thumbnails {
 margin-left:2em;
 padding-right:0;
 float:right
}
.content-element.content-element--media {
 margin-left:0;
 margin-right:0
}
.content-element.content-element--media.content-element--parallax .content-element--thumbnail {
 height:0;
 padding-bottom:25%;
 overflow:hidden;
 position:relative;
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat;
 background-attachment:fixed
}
@media (max-width:979px) {
 .content-element.content-element--media.content-element--parallax .content-element--thumbnail {
  padding-bottom:50%
 }
}
.content-element.content-element--media.margin-bottom {
 margin-bottom:4em
}
.content-element.content-element--media figure>a {
 text-decoration:none!important
}
.content-element.content-element--media .image-title {
 font-weight:700;
 text-align:center;
 margin-top:1.33333333em;
 margin-bottom:.66666667em
}
.content-element.content-element--media--overlay {
 position:relative
}
.content-element.content-element--media--overlay .content-element--header {
 padding-top:0!important;
 padding-bottom:1em
}
.content-element.content-element--media--overlay .content-element--header h1,
.content-element.content-element--media--overlay .content-element--header h2,
.content-element.content-element--media--overlay .content-element--header h3,
.content-element.content-element--media--overlay .content-element--header h4,
.content-element.content-element--media--overlay .content-element--header h5 {
 margin-bottom:0;
 font-size:12px
}
@media (max-width:767px) {
 .content-element.content-element--media.content-element--parallax .content-element--thumbnail {
  background-size:100% auto;
  background-attachment:scroll
 }
 .content-element.content-element--media--overlay .content-element--header h1 span,
 .content-element.content-element--media--overlay .content-element--header h2 span,
 .content-element.content-element--media--overlay .content-element--header h3 span,
 .content-element.content-element--media--overlay .content-element--header h4 span,
 .content-element.content-element--media--overlay .content-element--header h5 span {
  font-size:2em
 }
}
.content-element.content-element--media--overlay figure {
 position:relative;
 clear:both
}
.content-element.content-element--media--overlay figure img {
 float:none;
 opacity:.85
}
.content-element.content-element--media--overlay figure figcaption {
 padding:15px;
 text-align:center
}
@media (min-width:768px) {
 .content-element.content-element--media--overlay figure {
  background:#000
 }
 .content-element.content-element--media--overlay figure img {
  float:left
 }
 .content-element.content-element--media--overlay figure figcaption {
  color:#fff;
  position:absolute;
  left:0;
  top:2em;
  right:0;
  font-size:1.2em;
  padding:0
 }
}
@media (min-width:980px) {
 .content-element.content-element--media--overlay figure figcaption {
  font-size:1.33333333em
 }
}
@media (min-width:1600px) {
 .content-element.content-element--media--overlay figure figcaption {
  font-size:1.6em
 }
}
.content-element .content-element--thumbnails--multiple {
 padding-left:0;
 padding-right:0
}
.content-element.full-width-teaser .parallax-teaser {
 min-height:29em
}
.content-element .shield-container {
 position:absolute;
 top:-4em;
 left:50%;
 margin-left:-4em;
 font-weight:700;
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 opacity:1;
 transition:all ease-in-out 1s
}
.content-element .shield-container.hidden {
 -webkit-transform:scale(3);
 -moz-transform:scale(3);
 -ms-transform:scale(3);
 -o-transform:scale(3);
 transform:scale(3);
 opacity:0;
 -webkit-transition:all ease-in-out 1s;
 -moz-transition:all ease-in-out 1s;
 -o-transition:all ease-in-out 1s;
 transition:all ease-in-out 1s
}
.content-element .shield,
.content-element ul li:before {
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg)
}
.content-element .shield-container span {
 position:absolute;
 font-size:1em;
 z-index:2;
 width:100%;
 left:0;
 top:50%;
 margin-top:-.66666667em;
 color:#fff
}
.content-element .shield {
 background:#fff;
 width:8em;
 height:8em;
 padding:.66666667em;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg)
}
.content-element .shield .shield-content {
 height:6.66666667em;
 width:6.66666667em;
 text-align:center;
 background:#005eb8
}
.content-element .fw-teaser {
 overflow:hidden;
 display:block;
 background-size:cover;
 background-position:center center;
 background-attachment:fixed;
 text-decoration:none;
 color:#fff
}
@media (max-width:767px) {
 .content-element .fw-teaser {
  background-size:auto 100%;
  background-attachment:scroll
 }
}
.content-element .fw-teaser>.row [class*=col-sm-6]:last-child {
 padding-left:0
}
.content-element .transparent-blue {
 background:rgba(0,94,184,.9)
}
.content-element .fwt-content {
 padding:1.33333333em 15% 0
}
.content-element .fwt-title {
 margin-bottom:2em
}
.content-element .fwt-title span {
 font-size:2.66666667em
}
.content-element .fwt-text {
 margin-bottom:2em
}
.content-element .fwt-text span {
 font-size:1.06666667em;
 line-height:1.33333333em
}
.content-element.shop-articles {
 padding-top:8.66666667em
}
.content-element.content-slider {
 margin-bottom:6em
}
.content-element.content-slider.margin-bottom {
 margin-bottom:4em
}
.content-element.content-slider-narrow {
 text-align:center
}
.content-element.content-slider-narrow .slider {
 display:inline-block;
 margin-bottom:-3px;
 max-width:1400px
}
.content-element.content-slider-narrow .slider .slick-track,
.content-element.content-slider-products .slick-track {
 margin:0 auto
}
.content-element.content-slider .slide {
 padding-bottom:20px
}
@media (min-width:768px) {
 .content-element.content-slider .slide {
  padding:30px 15px
 }
}
.content-element.content-slider-products .slide {
 display:block!important;
 max-width:none;
 -webkit-transition:none;
 -moz-transition:none;
 -o-transition:none;
 transition:none;
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1)
}
.content-element.content-slider-products-long .slide-title {
 top:48%
}
@media screen and (min-width:400px) {
 .content-element.content-slider-products-long .slide-title {
  top:50%
 }
}
@media screen and (min-width:480px) {
 .content-element.content-slider-products-long .slide-title {
  top:46%
 }
}
@media screen and (min-width:600px) {
 .content-element.content-slider-products-long .slide-title {
  top:48%
 }
}
@media screen and (min-width:700px) {
 .content-element.content-slider-products-long .slide-title {
  top:50%
 }
}
@media screen and (min-width:768px) {
 .content-element.content-slider-products .slide:hover {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1)
 }
 .content-element.content-slider-products-long .slide-title {
  top:48%
 }
}
@media screen and (min-width:980px) {
 .content-element.content-slider-products-long .slide-title {
  top:49%
 }
}
@media screen and (min-width:1024px) {
 .content-element.content-slider-products-long .slide-title {
  top:45%
 }
}
@media screen and (min-width:1400px) {
 .content-element.content-slider-products-long .slide-title {
  top:47%
 }
}
@media screen and (min-width:1600px) {
 .content-element.content-slider-products-long .slide-title {
  top:49%
 }
}
.content-element.content-slider-products-short .slide-title {
 top:68%
}
@media screen and (min-width:400px) {
 .content-element.content-slider-products-short .slide-title {
  top:70%
 }
}
@media screen and (min-width:480px) {
 .content-element.content-slider-products-short .slide-title {
  top:66%
 }
}
@media screen and (min-width:600px) {
 .content-element.content-slider-products-short .slide-title {
  top:68%
 }
}
@media screen and (min-width:700px) {
 .content-element.content-slider-products-short .slide-title {
  top:70%
 }
}
@media screen and (min-width:800px) {
 .content-element.content-slider-products-short .slide-title {
  top:71%
 }
}
@media screen and (min-width:1000px) {
 .content-element.content-slider-products-short .slide-title {
  top:70%
 }
}
.content-element.content-slider-products .slide {
 background:#E7E7E7;
 text-align:center;
 border:0;
 padding:0;
 margin-bottom:20px
}
@media (min-width:768px) {
 .content-element.content-slider-products .slide {
  margin-bottom:0
 }
}
.content-element.content-slider-products .slide a {
 background:#E7E7E7;
 border:0;
 transition:none
}
.content-element.content-slider-products .slide .slide-title {
 position:absolute;
 left:0;
 right:0;
 transition:none;
 border:0
}
.content-element.content-slider-products .slide .slide-title span {
 font-size:1.333em!important
}
.content-element.content-slider-products .slide:hover {
 background:#E7E7E7;
 border:0
}
.content-element.content-slider-products .slide:hover .slide-title {
 border:0!important
}
@media screen and (min-width:768px) {
 .content-element.content-slider-products .slide:hover a {
  color:inherit;
  background:#E7E7E7;
  border:0
 }
}
.content-element.content-slider-products .slide:hover button {
 background:#005eb8;
 color:#fff
}
.content-element.content-slider-products .slide button {
 border:1px solid #005eb8;
 padding:5px 10px;
 margin:15px auto;
 background:#fff;
 font-weight:700;
 font-size:14px;
 transition:all 250ms
}
.content-element .slide-title span,
.content-element .st-title span,
.content-element.teaser-menu .teaser-menu--title span {
 font-size:1.33333333em
}
.content-element .slider {
 width:100%;
 overflow:hidden
}
.content-element .slider a {
 display:block;
 text-decoration:none;
 color:#000;
 background:#fff;
 height:100%;
 -webkit-transition:all ease-in-out .3s;
 -moz-transition:all ease-in-out .3s;
 -o-transition:all ease-in-out .3s;
 transition:all ease-in-out .3s
}
.content-element .slider.slick-initialized .slick-slide {
 display:flex
}
@media screen and (max-width:767px) {
 .content-element .slider {
  padding-left:1.33333333em;
  padding-right:1.33333333em
 }
}
.content-element img {
 float:left;
 width:100%;
 height:auto
}
.content-element .hascutout img {
 width:101%
}
.content-element .slide {
 float:left;
 padding-left:0;
 padding-right:0;
 position:relative;
 -webkit-transition:all ease-in-out .4s;
 -moz-transition:all ease-in-out .4s;
 -o-transition:all ease-in-out .4s;
 transition:all ease-in-out .4s;
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1)
}
.content-element .slide.has-link:hover {
 z-index:1
}
@media screen and (min-width:768px) {
 .content-element .slide:hover {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1)
 }
}
.content-element .slide-title {
 height:6.66666667em;
 line-height:1.66666667em;
 padding:0 2em;
 -webkit-transition:border ease-in-out .3s;
 -moz-transition:border ease-in-out .3s;
 -o-transition:border ease-in-out .3s;
 transition:border ease-in-out .3s
}
.content-element .slide-title span {
 display:block
}
@media (max-width:979px) {
 .content-element .slide-title span {
  font-size:1.2em
 }
}
.content-element.teaser-menu,
.salztipps {
 font-size:15px
}
.content-element .slide-title .description {
 margin:0
}
.content-element .slick-list {
 margin-top:-2em;
 border-top:2em solid #fff;
 overflow:hidden
}
.content-element.teaser-menu.margin-bottom {
 margin-bottom:4em
}
@media (min-width:980px) and (max-width:1599px) {
 .content-element.teaser-menu>.container {
  width:auto;
  padding:0 4em
 }
}
.content-element.teaser-menu .teaser-menu--items {
 box-sizing:border-box;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-flex:0;
 -ms-flex:0 1 auto;
 flex:0 1 auto;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-left:-2em;
 margin-right:-2em;
 -webkit-box-pack:center;
 -moz-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center
}
@media (min-width:1600px) {
 .content-element.teaser-menu .teaser-menu--items.flex-breakable:after {
  width:100%
 }
 .content-element.teaser-menu .teaser-menu--items.flex-breakable .teaser-menu--item.flex-break {
  order:1
 }
 .footer-nav {
  column-count:2;
  column-gap:2em
 }
}
.content-element.teaser-menu .teaser-menu--items:after {
 display:table;
 content:'';
 clear:both;
 width:0
}
.content-element.teaser-menu .teaser-menu--item {
 display:flex;
 padding:0 2em;
 margin-bottom:4em;
 width:25%
}
@media (min-width:980px) and (max-width:1599px) {
 .content-element.teaser-menu .teaser-menu--item {
  width:33.33333%
 }
}
@media (min-width:980px) and (max-width:1200px) {
 .content-element.teaser-menu .teaser-menu--items {
  margin-left:-1em;
  margin-right:-1em
 }
 .content-element.teaser-menu .teaser-menu--item {
  padding:0 1em;
  margin-bottom:2em
 }
}
@media (min-width:768px) and (max-width:979px) {
 .content-element.teaser-menu .teaser-menu--item {
  width:50%
 }
}
@media (max-width:767px) {
 .content-element.teaser-menu .teaser-menu--items {
  margin-left:0;
  margin-right:0
 }
 .content-element.teaser-menu .teaser-menu--item {
  width:100%;
  margin-bottom:3.33333333em
 }
}
.content-element.teaser-menu .teaser-menu--item>a {
 display:block;
 text-decoration:none;
 position:relative;
 overflow:hidden
}
.content-element.teaser-menu .teaser-menu--item>a:before {
 display:block;
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:50%;
 bottom:0;
 background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%);
 background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%);
 background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%);
 z-index:1;
 opacity:.6;
 -webkit-transition:opacity .35s ease-in-out;
 -moz-transition:opacity .35s ease-in-out;
 -o-transition:opacity .35s ease-in-out;
 transition:opacity .35s ease-in-out
}
.content-element.teaser-menu .teaser-menu--item>a:after {
 display:block;
 content:'';
 position:absolute;
 left:15px;
 top:15px;
 right:15px;
 bottom:15px;
 border:1px solid #fff;
 opacity:.4;
 z-index:2
}
.content-element.teaser-menu .teaser-menu--item>a:hover:before {
 opacity:0
}
.content-element.teaser-menu .teaser-menu--item>a:hover .teaser-menu--image:before {
 opacity:.8
}
.content-element.teaser-menu .teaser-menu--item>a:hover .teaser-menu--text {
 padding-top:1.33333333em;
 max-height:300px;
 -webkit-transition:padding .35s ease-in-out,max-height .5s ease-in-out;
 -moz-transition:padding .35s ease-in-out,max-height .5s ease-in-out;
 -o-transition:padding .35s ease-in-out,max-height .5s ease-in-out;
 transition:padding .35s ease-in-out,max-height .5s ease-in-out
}
.content-element.teaser-menu .teaser-menu--content {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 text-align:center;
 padding:2em;
 z-index:5
}
.content-element.teaser-menu .teaser-menu--image {
 overflow:hidden;
 position:relative
}
.content-element.teaser-menu .teaser-menu--image:before {
 display:block;
 position:absolute;
 content:'';
 left:0;
 top:0;
 right:0;
 bottom:0;
 background:#005eb8;
 opacity:0;
 -webkit-transition:opacity .35s ease-in-out;
 -moz-transition:opacity .35s ease-in-out;
 -o-transition:opacity .35s ease-in-out;
 transition:opacity .35s ease-in-out
}
.content-element.teaser-menu .teaser-menu--title {
 line-height:1.66666667em;
 color:#fff
}
.content-element.teaser-menu .teaser-menu--text {
 color:#fff;
 line-height:1.33333333em;
 overflow:hidden;
 max-height:0;
 -webkit-transition:padding .5s ease-in-out,max-height .5s ease-in-out;
 -moz-transition:padding .5s ease-in-out,max-height .5s ease-in-out;
 -o-transition:padding .5s ease-in-out,max-height .5s ease-in-out;
 transition:padding .5s ease-in-out,max-height .5s ease-in-out
}
.content-element.teaser-menu .teaser-menu--text span {
 display:block;
 font-size:1.06666667em
}
.content-element .slick-arrow {
 text-indent:-10000px;
 background:0 0;
 padding:0;
 margin:-20px 0 0;
 cursor:pointer;
 width:40px;
 height:40px;
 transform:rotate(45deg);
 position:absolute;
 top:50%;
 z-index:100;
 border-color:#111;
 border-style:solid;
 border-width:0;
 filter:drop-shadow(0 0 4px #666)
}
.content-element .slick-arrow.slick-next {
 border-top-width:3px;
 border-right-width:3px;
 right:20px
}
.content-element .slick-arrow.slick-prev {
 border-bottom-width:3px;
 border-left-width:3px;
 left:20px
}
.content-element.shop-articles {
 padding-bottom:10.66666667em
}
.content-element .shop-items {
 padding-bottom:4em
}
.content-element .shop-teaser {
 background:#fff
}
.content-element .shop-teaser a {
 text-decoration:none;
 color:#000
}
.content-element .st-content {
 display:block;
 padding:1.33333333em
}
.content-element .st-content img {
 border-bottom:1px solid #f0f4f7;
 margin-bottom:1.66666667em
}
.content-element .st-title {
 line-height:1.66666667em;
 margin-bottom:.66666667em
}
.content-element .st-subtitle {
 color:rgba(0,0,0,.6);
 line-height:1em
}
.content-element .st-subtitle span {
 font-size:1em
}
.content-element .st-price {
 font-weight:700;
 text-align:right;
 margin-top:1.33333333em;
 margin-bottom:.33333333em
}
.content-element .st-price span {
 font-size:2.13333333em
}
.content-element .st-price sup {
 font-size:100%;
 top:-1em;
 left:-.33333333em
}
.content-element .st-price sup span {
 font-size:1.06666667em
}
.content-element .basket-delete,
.content-element .basket-st-price,
.content-element .st-amount {
 display:none
}
.content-element .count-input {
 position:relative;
 width:100%
}
.content-element .count-input input {
 width:100%;
 height:3.33333333em;
 padding-right:3.33333333em;
 border:1px solid #e5e5e5;
 background:0 0;
 text-align:center
}
.content-element .count-input .incr-btn,
.content-element .count-input button {
 width:3.33333333em;
 height:3.33333333em;
 position:absolute;
 line-height:3.33333333em;
 text-align:center
}
.content-element .count-input input:focus {
 outline:0
}
.content-element .count-input .incr-btn {
 display:block;
 font-weight:300;
 top:0;
 right:3.33333333em;
 text-decoration:none;
 border-left:1px solid #e5e5e5;
 border-right:1px solid #e5e5e5
}
.content-element .count-input .incr-btn:first-child {
 right:auto;
 left:0;
 top:0;
 border-left:none
}
.content-element .count-input .incr-btn span {
 font-size:2em
}
.content-element .count-input button i:before,
.tabs ul li a span {
 font-size:1.33333333em
}
.content-element .count-input button {
 background:#005eb8;
 color:#fff;
 border:none;
 top:0;
 right:0;
 padding:0
}
.content-element .count-input button i {
 line-height:3.33333333em
}
.content-element .embed-responsive {
 clear:both;
 position:relative;
 height:0;
 width:100%;
 padding-bottom:75%
}
.content-element .embed-responsive-16by9 {
 padding-bottom:56.25%
}
.content-element .embed-responsive>iframe {
 display:block;
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 width:100%;
 height:100%
}
.salztipps {
 margin-bottom:7.33333333em
}
.salztipps--inner {
 margin-left:-1.33333333em;
 margin-right:-1.33333333em
}
.salztipps .salztipp {
 padding-left:1.33333333em;
 padding-right:1.33333333em;
 margin-bottom:2.66666667em
}
.salztipps .salztipp--inner {
 color:#fff;
 background:#005eb8;
 height:100%;
 flex-grow:1;
 overflow:hidden;
 min-height:20em
}
.cluster-large,
.cluster-small,
.hascutout {
 background-size:cover;
 background-position:center center
}
.salztipps .salztipp--image {
 position:relative;
 float:left;
 width:37%;
 height:100%;
 flex-grow:1;
 min-height:20em;
 overflow:hidden
}
@media (max-width:767px) {
 .salztipps .salztipp--image {
  float:none;
  width:100%;
  height:0;
  padding-bottom:60%
 }
}
.salztipps .salztipp--image img {
 display:block;
 position:absolute;
 left:-999px;
 top:-999px;
 bottom:-999px;
 right:-999px;
 margin:auto;
 width:auto;
 height:100%
}
.salztipps .salztipp--content {
 float:left;
 width:63%;
 padding:2em
}
@media (max-width:767px) {
 .salztipps .salztipp--content {
  float:none;
  width:100%
 }
}
.salztipps .salztipp--content h4 {
 font-size:2em;
 line-height:1;
 margin-bottom:.66666667em
}
.salztipps .salztipp--content p {
 font-size:1.06666667em;
 line-height:1.25em;
 margin:0
}
@media (min-width:980px) and (max-width:1599px) {
 .salztipps .tipps .salztipp--image img {
  height:auto;
  width:100%
 }
}
iframe.content-element.margin-bottom {
 margin-bottom:4em
}
.cta {
 display:inline-block;
 height:3.2em;
 line-height:3.2em;
 padding:0 7.66666667em;
 border:1px solid #000;
 color:#000;
 text-decoration:none
}
.cta span {
 font-size:1em
}
@media screen and (min-width:1600px) {
 .col-20perc {
  -webkit-flex-basis:20%;
  flex-basis:20%;
  max-width:20%
 }
}
@media screen and (max-width:767px) {
 .content-element .text {
  padding-right:0
 }
 .content-element.text-and-image {
  padding-top:2em;
  padding-bottom:2em
 }
 .content-element.text-and-image.is-special .child-vertically-aligned {
  display:block
 }
 .content-element.content-element--header {
  padding-top:0;
  padding-bottom:0
 }
 .content-element.content-element--header--h1 {
  margin-bottom:0
 }
 .content-element.content-element--header:first-child {
  padding-top:2em
 }
 .content-element.shop-articles {
  padding-top:1.33333333em;
  padding-bottom:8em
 }
 .content-element.full-width-teaser .parallax-teaser {
  min-height:0;
  margin-top:16.66666667em
 }
 .content-element .title {
  font-size:12px
 }
 .content-element .fwt-content {
  padding:2em 2.33333333em 3em;
  text-align:center
 }
 .content-element .arrow-animation span.text {
  padding-right:0
 }
}
.hascutout {
 background-attachment:fixed;
 overflow:hidden
}
.hascutout img {
 margin-top:-1px
}
.cluster,
.max-width-645,
.max-width-960 {
 margin:0 auto
}
.max-width-645 .text,
.max-width-960 .text {
 padding:0
}
@media screen and (min-width:980px) {
 .max-width-645 {
  max-width:43em
 }
 .max-width-960 {
  max-width:64em
 }
}
.cluster {
 max-width:1600px;
 float:none;
 padding:0 1em
}
.cluster.cluster-fullwidth {
 max-width:100%;
 padding:0
}
.cluster .row {
 margin-left:0;
 margin-right:0
}
.cluster div[class^=col] {
 padding-left:0;
 padding-right:0
}
.cluster .position {
 margin:auto;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0
}
.cluster .fwt-content {
 transition:all ease-in-out .33s;
 opacity:0;
 margin-top:1.33333333em
}
.cluster-large,
.cluster-small {
 display:block;
 text-decoration:none;
 color:#fff;
 text-align:center;
 height:0;
 background-repeat:no-repeat;
 position:relative;
 padding-bottom:100%
}
.cluster-large:hover .fwt-content,
.cluster-small:hover .fwt-content {
 margin-top:0;
 opacity:1
}
@media screen and (max-width:1599px) {
 .cluster-small .fwt-text {
  display:none
 }
}
.button {
 display:inline-block;
 padding:0 3.33333333em;
 text-decoration:none;
 border:1px solid transparent;
 transition:background-color .35s,border .35s
}
.button span {
 font-size:1em
}
.button.primary {
 color:#fff;
 background:#005eb8
}
.button.primary:focus,
.button.primary:hover {
 background:#000
}
.blue .button.primary {
 border-color:#fff
}
.blue .button.primary:hover {
 border-color:transparent
}
.button.secondary {
 color:#000;
 background:#fff;
 border:1px solid #005eb8
}
.button.secondary:focus,
.button.secondary:hover {
 background:#f5f5f5;
 border-color:#f5f5f5
}
.button.tertiary {
 color:#fff;
 background:#d10000
}
.button.tertiary:focus,
.button.tertiary:hover {
 background:#005eb8
}
.button.btn-video {
 position:relative;
 padding-top:.46666667em;
 padding-bottom:.46666667em;
 padding-right:2em;
 color:#fff;
 background:#d78831;
 font-size:20px;
 line-height:1.15;
 text-align:left
}
.button.btn-video:hover {
 background-color:#005eb8
}
.button.btn-video:after,
.button.btn-video:before {
 display:block;
 content:'';
 position:absolute;
 top:50%;
 transform:translateY(-50%)
}
.button.btn-video:before {
 left:1em;
 width:1.33333333em;
 height:1.33333333em;
 border-radius:100%;
 border:1px solid #fff
}
.button.btn-video:after {
 left:1.46666667em;
 border-left:10px solid #fff;
 border-top:5px solid transparent;
 border-bottom:5px solid transparent
}
.button+.button {
 margin-left:20px
}
.table-responsive table {
 width:100%
}
.table-responsive table tr {
 line-height:4em
}
.table-responsive table tr.subhead td {
 background-color:#f5f5f5;
 border-bottom:3px solid #ccc
}
.table-responsive table tr th {
 background:#005eb8;
 color:#fff
}
.table-responsive table tr td {
 border-bottom:1px solid #ccc
}
@media screen and (max-width:979px) {
 .table-responsive {
  width:100%;
  overflow-x:scroll
 }
 .table-responsive table {
  min-width:960px
 }
}
.content-element ul {
 list-style-type:none
}
.content-element ul li {
 margin-bottom:.33333333em;
 position:relative;
 padding-left:1.33333333em
}
.content-element ul li:before {
 position:absolute;
 left:.13333333em;
 top:.26666667em;
 content:"";
 width:.53333333em;
 height:.53333333em;
 background:#005eb8;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 display:inline-block;
 margin-right:.93333333em
}
.content,
.tabs ul li:before {
 display:none
}
.content-element a {
 color:#000
}
.content-element a[target='_blank']:not(.button) {
 color:#005eb8
}
.content-element.blue a,
.content-element.blue a[target="_blank"] {
 color:#fff
}
.tabs {
 border:1px solid #ccc;
 padding:4em
}
@media (max-width:767px) {
 .tabs {
  padding:2em
 }
}
.tabs ul {
 width:100%;
 float:left;
 margin:0 0 2.66666667em;
 padding:0;
 list-style-type:none
}
.tabs ul li {
 float:left;
 margin-right:2.66666667em
}
.tabs ul li a {
 color:rgba(0,0,0,.4);
 border-bottom:2px solid transparent;
 padding-bottom:.66666667em;
 text-decoration:none
}
.tabs ul li a.active {
 color:#000;
 border-bottom:2px solid #005eb8
}
.tab-contents {
 clear:left
}
.content.active {
 display:block
}
.salztipps .tabs {
 padding:0;
 border:none
}
.salztipps .tabs ul {
 margin:0 0 -1px
}
.salztipps .tabs ul li {
 padding:0;
 margin:0 2px 0 0
}
.salztipps .tabs ul li a {
 display:block;
 position:relative;
 padding:1em 1.33333333em;
 font-size:1.2em;
 border:1px solid transparent;
 background:#005eb8;
 color:#fff;
 opacity:.6;
 transition:all .35s
}
.salztipps .tabs ul li a:hover {
 opacity:1
}
.salztipps .tabs ul li a:after {
 display:block;
 content:'';
 position:absolute;
 left:-1px;
 right:-1px;
 bottom:-1px;
 background:#ccc;
 height:1px;
 transition:all .35s
}
.salztipps .tabs ul li a.active {
 border-color:#ccc;
 background:#fff;
 color:#000;
 opacity:1
}
.salztipps .tabs ul li a.active:after {
 right:0;
 left:0;
 height:2px;
 background:#fff
}
.salztipps .tab-contents {
 padding:4em 3em 1.33333333em;
 border:1px solid #ccc
}
@media screen and (max-width:767px) {
 .salztipps .tab-contents {
  padding:2em 1em 0
 }
}
.accordion-row {
 border:1px solid #ccc;
 margin-bottom:.4em
}
.accordion-row a:not(.button) {
 text-decoration:none;
 display:block;
 line-height:1.73333333em;
 padding:.66666667em 0 .66666667em 1.86666667em
}
.accordion-row .content-element a:not(.button) {
 text-decoration:underline;
 display:inline;
 line-height:1;
 padding:0
}
.accordion-row.active .accordion-name {
 background:#fff;
 border-bottom:3px solid #005eb8
}
.accordion-row.active .accordion-content {
 display:block
}
.accordion-row.active i {
 -webkit-transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -o-transform:rotate(90deg);
 transform:rotate(90deg)
}
.accordion-name {
 position:relative;
 background:#f5f5f5;
 color:#000
}
.accordion-name i {
 display:block;
 position:absolute;
 left:1.25em;
 top:50%;
 margin-top:-.55em;
 font-size:1.33333333em
}
.accordion-name span {
 display:block;
 margin-left:.86666667em;
 font-size:1.33333333em
}
.accordion-content {
 display:none;
 padding:2em 1.86666667em
}
.accordion-content .content-element--header:first-child {
 padding-top:0
}
.accordion-content .content-element--header.text-center {
 text-align:center
}
.accordion-content .content-element--header.text-right {
 text-align:right
}
.info-box {
 background:#005eb8;
 color:#fff;
 padding:2em 6.66666667em 2em 2em;
 position:relative
}
.info-box h3 {
 line-height:1;
 margin-bottom:.06666667em
}
.info-box p {
 line-height:1.33333333em
}
.info-box a {
 color:#fff
}
.info-box i {
 position:absolute;
 right:2em;
 top:2em
}
.info-box i:before {
 font-size:2.66666667em
}
.info-box.text-center {
 padding-right:2em
}
.info-box.text-right {
 padding-right:2em;
 padding-left:6.66666667em
}
.info-box.text-right i {
 right:auto;
 left:2em
}
.form {
 border:1px solid #ccc;
 padding:4em
}
.form .entry {
 padding-top:.93333333em
}
.form label>div {
 margin-bottom:.33333333em
}
.form input,
.form select,
.form textarea {
 background:#eee;
 border:none;
 width:100%;
 line-height:2.66666667em;
 height:2.66666667em;
 padding:0 1em;
 outline:0!important
}
.form textarea {
 height:13.33333333em;
 padding:1em;
 margin-bottom:1.33333333em
}
.form .checkbox,
.form .powermail_fieldwrap_type_text {
 margin-bottom:.66666667em
}
.form .checkbox label input[type=checkbox] {
 width:auto;
 height:auto;
 margin-right:.33333333em
}
.powermail_form .powermail_fieldwrap.disabled {
 display:none
}
.content-element .content-element.text-and-image,
.content-element .tab-contents .content-element.padding-bottom-115 {
 padding-top:0;
 padding-bottom:0
}
.content-element .content-element>.container {
 width:auto
}
.content-element .content-element>.container .max-width-645 {
 margin:0
}
.accordion-content .text-center,
.tab-contents .text-center,
.text-center>ol,
.text-center>ul {
 text-align:left
}
.accordion-content:after,
.tab-contents:after,
.tab-contents>.content:after {
 display:table;
 content:'';
 clear:both
}
.btn-toggle {
 position:relative;
 background-color:transparent;
 padding:0 0 0 35px;
 border:none;
 font-weight:700
}
.btn-toggle:before {
 position:absolute;
 display:inline-block;
 top:50%;
 left:0;
 transform:translateY(-50%);
 line-height:1;
 font-size:20px;
 font-family:FontAwesome;
 content:"\f204"
}
.btn-toggle.is-active:before {
 content:"\f205"
}
@media (min-width:768px) {
 body.business .content-element.text-and-image+.content-element--button {
  margin-top:-4em
 }
 .mini-teaser--item {
  backdrop-filter:blur(5px)
 }
}
.mini-teaser {
 position:relative;
 margin:0 auto;
 max-width:80em
}
.mini-teaser--inner {
 position:absolute;
 right:2em;
 bottom:.33333333em;
 display:grid;
 grid-row-gap:.33333333em;
 grid-column-gap:.33333333em;
 grid-template-areas:"a b" "c d"
}
.mini-teaser--item {
 background-color:rgba(0,94,184,.8);
 color:#fff;
 transition:background-color .3s
}
.mini-teaser--item:hover {
 background-color:#005eb8
}
.mini-teaser--item a {
 text-decoration:none;
 color:#fff
}
.mini-teaser--item--inner {
 padding:2em .33333333em 0 1.33333333em;
 width:10em;
 height:10em;
 overflow:hidden
}
.mini-teaser--item:first-child {
 grid-area:d;
 background-color:rgba(215,136,49,.8)
}
.mini-teaser--item:first-child:hover {
 background-color:#d78831
}
.mini-teaser--item:nth-child(2) {
 grid-area:c
}
@media (max-width:767px) {
 .mini-teaser {
  margin-top:.33333333em
 }
 .mini-teaser--inner {
  position:relative;
  right:auto;
  bottom:auto
 }
 .mini-teaser--item--inner {
  width:100%
 }
 .mini-teaser--item:nth-child(2) {
  background-color:rgba(80,177,112,.8)
 }
 .mini-teaser--item:nth-child(2):hover {
  background-color:#50b170
 }
}
.mini-teaser--item:nth-child(3) {
 grid-area:b
}
@media (min-width:768px) {
 .mini-teaser--item:nth-child(2) {
  grid-area:b
 }
 .mini-teaser--item:nth-child(3) {
  grid-area:c;
  background-color:rgba(80,177,112,.8)
 }
 .mini-teaser--item:nth-child(3):hover {
  background-color:#50b170
 }
}
.mini-teaser--item:nth-child(4) {
 grid-area:a
}
.mini-teaser--item span {
 display:block
}
.mini-teaser--title {
 font-size:24px;
 margin-bottom:15px;
 line-height:1.33
}
.content-element--image-teaser {
 margin-bottom:4em
}
.content-element--image-teaser>.container-fluid {
 max-width:80em
}
.content-element--image-teaser .teaser-item {
 margin-bottom:1em
}
.content-element--image-teaser .teaser-item,
.content-element--image-teaser .teaser-item a {
 text-decoration:none;
 color:#fff
}
.content-element--image-teaser .teaser-item--inner {
 position:relative;
 overflow:hidden
}
.content-element--image-teaser .teaser-item--inner:hover img {
 transform:scale(1.1)
}
.content-element--image-teaser .teaser-item--inner:after {
 display:block;
 content:'';
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 height:50%;
 background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));
 z-index:1
}
.content-element--image-teaser .teaser-item img {
 display:block;
 float:none;
 width:100%;
 height:auto;
 transition:transform .3s
}
.content-element--image-teaser .teaser-item--content {
 position:absolute;
 right:0;
 bottom:0;
 padding:1.33333333em;
 width:100%;
 max-width:16.66666667em;
 z-index:2
}
.content-element--jobs>.container-fluid,
.content-element--video-teaser>.container-fluid {
 max-width:80em
}
.content-element--image-teaser .teaser-item--content h3 {
 margin:0;
 font-size:32px;
 line-height:1.333
}
@media (max-width:979px) {
 .content-element--image-teaser .teaser-item--content h3 {
  font-size:24px
 }
}
.content-element--image-teaser .teaser-item--content span {
 display:block;
 margin-top:.33333333em
}
.content-element--video-teaser {
 margin-bottom:4em
}
.content-element--video-teaser .teaser-item {
 margin-bottom:1em
}
.content-element--video-teaser .teaser-item,
.content-element--video-teaser .teaser-item a {
 text-decoration:none;
 color:#1d1d1b
}
.content-element--video-teaser .teaser-item--inner {
 position:relative;
 overflow:hidden;
 height:100%;
 background-color:#e9effa
}
.content-element--video-teaser .teaser-item--video {
 position:relative;
 overflow:hidden
}
.content-element--video-teaser .teaser-item--video:before {
 display:block;
 content:'';
 width:100%;
 height:0;
 padding-bottom:60%
}
.content-element--video-teaser .teaser-item--video video {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 object-fit:cover
}
.content-element--video-teaser .teaser-item--video button {
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 margin:0;
 padding:0;
 width:3.66666667em;
 height:3.66666667em;
 transform:translate(-50%,-50%);
 background:0 0;
 border:2px solid #fff;
 border-radius:100%;
 cursor:pointer;
 z-index:5;
 transition:opacity .3s
}
.content-element--video-teaser .teaser-item--video button:after {
 display:block;
 content:'';
 position:absolute;
 left:50%;
 top:50%;
 border-left:1.2em solid #fff;
 border-top:.66666667em solid transparent;
 border-bottom:.66666667em solid transparent;
 transform:translate(-48%,-50%)
}
.content-element--video-teaser .teaser-item--video button.pause {
 opacity:0
}
.content-element--video-teaser .teaser-item--video button.pause:after {
 border-top:none;
 border-bottom:none;
 border-left-width:.33333333em;
 border-right:.33333333em solid #fff;
 height:1.2em;
 width:.86666667em;
 transform:translate(-50%,-50%)
}
.content-element--video-teaser .teaser-item--video:hover button,
.content-element--video-teaser .teaser-item--video:hover button.pause {
 opacity:1
}
.content-element--video-teaser .teaser-item--content {
 padding:1em;
 border-top:5px solid #fff
}
.content-element--video-teaser .teaser-item--content>* {
 margin:0 0 .66666667em
}
.content-element--video-teaser .teaser-item--content h3 {
 color:#005eb8;
 font-weight:700;
 line-height:1.25;
 font-size:1.06666667em
}
.content-element--video-teaser .teaser-item--content b {
 display:block;
 line-height:1.25;
 font-size:1.06666667em
}
.content-element--video-teaser .teaser-item--content p {
 color:#706f6f
}
.content-element--jobs {
 margin-bottom:4em
}
.content-element--jobs .job-list {
 line-height:1.25
}
.footer-bottom,
a.ifs {
 line-height:1.33333333em
}
.content-element--jobs .job-list--header {
 display:flex;
 flex-wrap:nowrap;
 margin-bottom:10px;
 background:#005eb8;
 color:#fff;
 font-weight:700
}
@media (max-width:767px) {
 .content-element--jobs .job-list--header {
  flex-wrap:wrap
 }
}
.content-element--jobs .job-list--header [class*=job-list--col--] {
 position:relative;
 flex:0 0 21.66667%;
 width:21.66667%;
 white-space:nowrap
}
@media (max-width:979px) {
 .content-element--jobs .job-list--header [class*=job-list--col--] {
  flex:1 1 auto;
  width:auto;
  text-align:center!important
 }
}
@media (max-width:767px) {
 .content-element--jobs .job-list--header [class*=job-list--col--] {
  flex-basis:100%;
  width:100%;
  border-bottom:1px solid rgba(255,255,255,.2)
 }
 .content-element--jobs .job-list--header [class*=job-list--col--]:last-child {
  border:none
 }
}
.content-element--jobs .job-list--header [class*=job-list--col--] span {
 cursor:pointer
}
.content-element--jobs .job-list--header .job-list--col--title {
 flex:0 0 35%;
 width:35%;
 cursor:default
}
@media (max-width:979px) {
 .content-element--jobs .job-list--header .job-list--col--title {
  flex:1 1 auto;
  width:auto;
  display:none
 }
}
.content-element--jobs .job-list [class*=job-list--col--],
.content-element--jobs .job-list--col {
 min-height:1px;
 text-align:left
}
.content-element--jobs .job-list [class*=job-list--col--]:not(.job-list--col--right),
.content-element--jobs .job-list--col:not(.job-list--col--right) {
 padding:15px
}
.content-element--jobs .job-list--filter {
 position:absolute;
 list-style-type:none;
 left:0;
 top:100%;
 padding:15px 30px;
 margin:10px 0 0;
 width:100%;
 background:#fff;
 color:#000;
 font-weight:400;
 font-size:15px;
 box-shadow:0 5px 30px rgba(0,0,0,.2);
 visibility:hidden;
 opacity:0;
 transition:opacity .3s,visibility .3s;
 z-index:2
}
.content-element--jobs .job-list--filter.is-active {
 opacity:1;
 visibility:visible
}
@media (max-width:767px) {
 .content-element--jobs .job-list--filter {
  margin-top:0
 }
}
.content-element--jobs .job-list--filter li {
 margin:0 0 15px;
 padding:0;
 cursor:pointer;
 transition:color .3s
}
.content-element--jobs .job-list--filter li:last-child {
 margin-bottom:0
}
.content-element--jobs .job-list--filter li:before {
 display:none;
 content:''
}
.content-element--jobs .job-list--filter li:hover {
 color:#005eb8
}
.content-element--jobs .job-list--filter li.is-active {
 font-weight:700
}
.content-element--jobs .job-list--filter--reset {
 display:none;
 float:right;
 margin-bottom:10px;
 border:none;
 background:0 0;
 font-size:14px;
 color:#005eb8
}
.content-element--jobs .job-list--filter--reset.is-active {
 display:block
}
.content-element--jobs .job-list--items {
 clear:both
}
@media (min-width:980px) {
 .content-element--jobs .job-list--items [class*=job-list--col--]:not(.job-list--col--right):first-child {
  padding-left:30px
 }
 .content-element--jobs .job-list--items [class*=job-list--col--]:not(.job-list--col--right):last-child {
  padding-right:30px
 }
}
.content-element--jobs .job-list--items [class*=job-list--col--].job-list--col--right [class*=job-list--col--]:first-child {
 padding-left:15px
}
.content-element--jobs .job-list--col--right {
 display:flex;
 flex-wrap:nowrap
}
.content-element--jobs .job-list .job-item {
 background:#e9effa
}
.content-element--jobs .job-list .job-item.is-hidden {
 display:none
}
.content-element--jobs .job-list .job-item a {
 text-decoration:none
}
.content-element--jobs .job-list .job-item--inner {
 display:flex;
 flex-wrap:nowrap
}
@media (max-width:767px) {
 .content-element--jobs .job-list .job-item--inner {
  flex-wrap:wrap
 }
}
.content-element--jobs .job-list .job-item .job-list--col--title {
 flex:0 0 35%;
 width:35%
}
@media (min-width:768px) and (max-width:979px) {
 .content-element--jobs .job-list .job-item .job-list--col--title {
  flex:0 0 50%;
  width:50%
 }
}
@media (max-width:767px) {
 .content-element--jobs .job-list .job-item .job-list--col--title {
  flex:0 0 100%;
  width:100%
 }
}
.content-element--jobs .job-list .job-item .job-list--col--title>* {
 margin-bottom:10px
}
.content-element--jobs .job-list .job-item .job-list--col--title:last-child {
 margin-bottom:0
}
.content-element--jobs .job-list .job-item .job-list--col--right {
 flex:0 0 65%;
 width:65%
}
@media (max-width:979px) {
 .content-element--jobs .job-list .job-item .job-list--col--right {
  flex-wrap:wrap
 }
}
@media (min-width:768px) and (max-width:979px) {
 .content-element--jobs .job-list .job-item .job-list--col--right {
  flex:0 0 50%;
  width:50%
 }
}
@media (max-width:767px) {
 .content-element--jobs .job-list .job-item .job-list--col--right {
  flex:0 0 100%;
  width:100%
 }
}
.content-element--jobs .job-list .job-item .job-list--col--right [class*=job-list--col--] {
 flex:0 0 33.3333%
}
@media (max-width:979px) {
 .content-element--jobs .job-list .job-item .job-list--col--right [class*=job-list--col--] {
  flex:0 0 100%;
  width:100%
 }
 .content-element--jobs .job-list .job-item .job-list--col--right [class*=job-list--col--]:before {
  display:block;
  content:attr(data-title) ':'
 }
}
.content-element--jobs .job-list .job-item.even {
 background:#fff
}
.content-element--jobs .job-list .job-item--title {
 font-weight:700;
 color:#005eb8
}
.content-element--jobs .job-list .job-item--more {
 font-weight:700;
 color:#005eb8;
 font-size:15px
}
footer {
 float:left;
 clear:left;
 width:100%;
 font-size:1.06666667em;
 border-top:1px solid #e5e5e5;
 margin-top: 150px;
}
footer address {
 position:relative;
 padding-left:1em;
 font-style:normal
}
footer address:before {
 display:block;
 content:'';
 position:absolute;
 left:0;
 top:.4em;
 bottom:.53333333em;
 width:3px;
 background:#000
}
footer ul li a {
 text-decoration:none;
 color:#000
}
footer ul li a.email {
 text-decoration:underline
}
footer ul li a i {
 padding-right:.66666667em
}
.footer-upper {
 padding-top:8em;
 padding-bottom:8em
}
a.ifs {
 padding:0;
 color:#000;
 text-decoration:none;
 overflow:hidden;
 display:block
}
@media screen and (max-width:767px) {
 .footer-upper {
  padding-top:2.66666667em;
  padding-bottom:2.66666667em
 }
 a.ifs {
  text-align:center
 }
 a.ifs img {
  display:inline-block
 }
 a.ifs .ifs-text {
  display:block
 }
}
.footer-slider .ifs img {
 width:90px;
 height:auto;
 max-width:90px;
 max-height:90px
}
.footer-bottom {
 background:#f0f4f7;
 padding-top:1.46666667em;
 padding-bottom:1.46666667em
}
a.linkeffect {
 position:relative;
 display:inline-block
}
a.linkeffect:after {
 content:"";
 position:absolute;
 height:1px;
 width:0;
 -webkit-transition:all ease-in-out .22s;
 transition:all ease-in-out .22s;
 background:#000;
 left:1.13333333em;
 bottom:.33333333em
}
a.linkeffect:hover:after {
 -lh-property:0;
 width:-webkit-calc(100% - 1.1333333333333333em);
 width:-moz-calc(100% - 1.1333333333333333em);
 width:calc(100% - 1.1333333333333333em)
}
.microsite-logo {
 position:absolute;
 left:0;
 top:-6.66666667em;
 font-size:15px
}
@media (max-width:979px) {
 .microsite-logo {
  position:relative;
  top:-1.33333333em
 }
}
.microsite-logo img {
 display:inline-block;
 width:8em;
 height:auto;
 margin-right:1em
}
.microsite-logo span {
 position:relative;
 display:inline-block;
 top:-.13333333em;
 font-size:1.06666667em;
 white-space:nowrap
}
.footer-social {
 margin:1.66666667em 0 0;
 padding:0;
 list-style-type:none;
 font-size:15px
}
.footer-social li {
 display:inline-block;
 padding:0 .2em
}
.footer-social li a {
 display:block;
 width:3.06666667em;
 height:3.06666667em;
 line-height:3.06666667em;
 text-align:center;
 border:1px solid #dadada;
 border-radius:100%;
 transition:color .3s,background-color .3s,border .3s
}
.footer-social li a i.fa {
 margin:0;
 padding:0;
 font-size:1.33333333em
}
.footer-social li a:hover {
 color:#fff;
 background:#005eb8;
 border-color:#005eb8
}
@media screen and (max-width:979px) {
 footer {
  font-size:15px
 }
 .footer-upper {
  padding-top:2.66666667em;
  padding-bottom:2.66666667em
 }
}
.footer-upper {
 line-height:1.5
}
.footer-slider {
 border-bottom:0;
 padding-right:1px
}
@media (min-width:768px) {
 a.ifs {
  display:flex;
  align-items:center
 }
 a.ifs img {
  margin-right:2em;
  flex-shrink:0
 }
}
body.language-microsite .languages-switcher,
body[class*=microsite-]:not(.language-microsite) .sites-switcher {
 display:none
}
@media (max-width:767px) {
 .footer-contact {
  padding:2em 0
 }
 .footer-nav {
  padding-left:0;
  padding-right:0;
  padding-bottom:2em
 }
 a.ifs {
  margin-top:0
 }
}
@media (min-width:768px) and (max-width:979px) {
 .footer-social {
  margin-top:0
 }
 .footer-nav {
  margin-top:0;
  padding:2em 0
 }
 a.ifs {
  margin-top:2em
 }
}
@media (min-width:980px) {
 .footer-slider {
  margin-top:2em
 }
 .footer-nav {
  padding:0 2em
 }
}
body[class*=microsite-]:not(.language-microsite) a.logo img {
 width:auto;
 height:5.33333333em;
 margin-top:1.33333333em
}
@media (max-width:767px) {
 body[class*=microsite-]:not(.language-microsite) a.logo img {
  margin-top:.53333333em;
  margin-left:.66666667em;
  height:3.33333333em
 }
}
body.microsite-badischler nav.mainnav>ul li.is-active>a span:after,
body.microsite-badischler nav.mainnav>ul li:hover>a span:after,
body.microsite-badischler nav.mainnav>ul li>a span:after {
 background:#cd1719
}
body.microsite-badischler .sujet {
 background-color:#e8edf0
}
@media (max-width:979px) {
 body.microsite-badischler .sujet>div {
  background-color:#e8edf0
 }
 body.microsite-badischler .sujet-text,
 body.microsite-badischler .sujet-text .text,
 body.microsite-badischler .sujet-text .title {
  color:#000
 }
 body.microsite-badischler .sujet-text a.arrow-animation.white span.arrow,
 body.microsite-badischler .sujet-text a.arrow-animation.white span.arrow:after,
 body.microsite-badischler .sujet-text a.arrow-animation.white span.arrow:before,
 body.microsite-badischler .sujet-text span.arrow-animation.white span.arrow,
 body.microsite-badischler .sujet-text span.arrow-animation.white span.arrow:after,
 body.microsite-badischler .sujet-text span.arrow-animation.white span.arrow:before {
  background:#000
 }
 body.microsite-badischler .gradient {
  background:0 0
 }
}
body.microsite-badischler .content-element a[target='_blank']:not(.button),
body.microsite-badischler .content-element h1,
body.microsite-badischler .content-element.teaser-menu .teaser-menu--image:before,
body.microsite-badischler .cookies-closer,
body.microsite-badischler .cookies-content a {
 color:#cd1719
}
body.microsite-badischler .content-element.blue {
 background-color:#cd1719
}
body.microsite-badischler .content-element .shield .shield-content {
 background:#cd1719
}
body.microsite-badischler .content-element .transparent-blue {
 background:rgba(205,23,25,.9)
}
body.microsite-badischler .button.primary {
 background:#cd1719
}
body.microsite-badischler .button.primary:focus,
body.microsite-badischler .button.primary:hover {
 background:#000
}
body.microsite-badischler .accordion-row.active .accordion-name,
body.microsite-badischler .tabs ul li a.active {
 border-bottom-color:#cd1719
}
body.microsite-badischler .backtotop,
body.microsite-badischler .salztipps .salztipp--inner,
body.microsite-badischler .salztipps .tabs ul li a:not(.active) {
 background:#cd1719
}
body.microsite-glueckauf .content-element .shield .shield-content,
body.microsite-glueckauf nav.mainnav>ul li.is-active>a span:after,
body.microsite-glueckauf nav.mainnav>ul li:hover>a span:after,
body.microsite-glueckauf nav.mainnav>ul li>a span:after {
 background:#8c6e49
}
body.microsite-glueckauf .content-element a[target='_blank']:not(.button),
body.microsite-glueckauf .content-element h1,
body.microsite-glueckauf .content-element.teaser-menu .teaser-menu--image:before,
body.microsite-glueckauf .cookies-closer,
body.microsite-glueckauf .cookies-content a {
 color:#8c6e49
}
body.microsite-glueckauf a.logo img {
 height:10em!important;
 margin-top:0!important;
 margin-left:2em!important
}
@media (max-width:767px) {
 body.microsite-glueckauf a.logo img {
  height:6em!important;
  margin-left:.66666667em!important
 }
}
body.microsite-glueckauf .content-element.blue {
 background-color:#8c6e49
}
body.microsite-glueckauf .content-element .transparent-blue {
 background:rgba(140,110,73,.9)
}
body.microsite-glueckauf .button.primary {
 background:#8c6e49
}
body.microsite-glueckauf .button.primary:focus,
body.microsite-glueckauf .button.primary:hover {
 background:#000
}
body.microsite-glueckauf .accordion-row.active .accordion-name,
body.microsite-glueckauf .tabs ul li a.active {
 border-bottom-color:#8c6e49
}
body.microsite-glueckauf .backtotop,
body.microsite-glueckauf .salztipps .salztipp--inner,
body.microsite-glueckauf .salztipps .tabs ul li a:not(.active) {
 background:#8c6e49
}
body.microsite-sos .content-element .shield .shield-content,
body.microsite-sos nav.mainnav>ul li.is-active>a span:after,
body.microsite-sos nav.mainnav>ul li:hover>a span:after,
body.microsite-sos nav.mainnav>ul li>a span:after {
 background:#e7b552
}
body.microsite-sos .content-element a[target='_blank']:not(.button),
body.microsite-sos .content-element h1,
body.microsite-sos .content-element.teaser-menu .teaser-menu--image:before,
body.microsite-sos .cookies-closer,
body.microsite-sos .cookies-content a {
 color:#e7b552
}
body.microsite-sos a.logo img {
 margin-top:0!important;
 margin-left:2em!important
}
@media (max-width:767px) {
 body.microsite-sos a.logo img {
  height:6em!important;
  margin-left:.66666667em!important
 }
}
body.microsite-biosaxon a.logo img,
body.microsite-defrost a.logo img,
body.microsite-gustosal a.logo img,
body.microsite-pharmasal a.logo img,
body.microsite-saltech a.logo img {
 margin-top:0!important;
 margin-left:0!important
}
body.microsite-sos a.logo img {
 height:11.66666667em!important
}
@media (max-width:767px) {
 body.microsite-sos a.logo img {
  height:6.66666667em!important
 }
}
body.microsite-sos .content-element.blue {
 background-color:#e7b552
}
body.microsite-sos .content-element .transparent-blue {
 background:rgba(231,181,82,.9)
}
body.microsite-sos .button.primary {
 background:#e7b552
}
body.microsite-sos .button.primary:focus,
body.microsite-sos .button.primary:hover {
 background:#000
}
body.microsite-sos .accordion-row.active .accordion-name,
body.microsite-sos .tabs ul li a.active {
 border-bottom-color:#e7b552
}
body.microsite-sos .backtotop,
body.microsite-sos .salztipps .salztipp--inner,
body.microsite-sos .salztipps .tabs ul li a:not(.active) {
 background:#e7b552
}
body.microsite-defrost a.logo img {
 height:9.66666667em!important
}
@media (max-width:767px) {
 body.microsite-defrost a.logo img {
  height:5.33333333em!important
 }
}
body.microsite-defrost nav.mainnav>ul li.is-active>a span:after,
body.microsite-defrost nav.mainnav>ul li:hover>a span:after,
body.microsite-defrost nav.mainnav>ul li>a span:after {
 background:#fd0
}
body.microsite-defrost .sujet {
 background-color:#e8edf0
}
@media (max-width:979px) {
 body.microsite-defrost .sujet>div {
  background-color:#e8edf0
 }
 body.microsite-defrost .sujet-text,
 body.microsite-defrost .sujet-text .text,
 body.microsite-defrost .sujet-text .title {
  color:#000
 }
 body.microsite-defrost .sujet-text a.arrow-animation.white span.arrow,
 body.microsite-defrost .sujet-text a.arrow-animation.white span.arrow:after,
 body.microsite-defrost .sujet-text a.arrow-animation.white span.arrow:before,
 body.microsite-defrost .sujet-text span.arrow-animation.white span.arrow,
 body.microsite-defrost .sujet-text span.arrow-animation.white span.arrow:after,
 body.microsite-defrost .sujet-text span.arrow-animation.white span.arrow:before {
  background:#000
 }
 body.microsite-defrost .gradient {
  background:0 0
 }
}
body.microsite-defrost .content-element a[target='_blank']:not(.button),
body.microsite-defrost .content-element h1,
body.microsite-defrost .content-element.teaser-menu .teaser-menu--image:before,
body.microsite-defrost .cookies-closer,
body.microsite-defrost .cookies-content a {
 color:#016bc7
}
body.microsite-defrost .content-element .transparent-blue {
 background:rgba(255,221,0,.9)
}
body.microsite-defrost .button.primary {
 background:#016bc7
}
body.microsite-defrost .button.primary:focus,
body.microsite-defrost .button.primary:hover {
 background:#000
}
body.microsite-defrost .accordion-row.active .accordion-name,
body.microsite-defrost .tabs ul li a.active {
 border-bottom-color:#016bc7
}
body.microsite-defrost .backtotop,
body.microsite-defrost .salztipps .salztipp--inner,
body.microsite-defrost .salztipps .tabs ul li a:not(.active) {
 background:#016bc7
}
body.microsite-defrost .content-element.blue {
 background-color:#fd0;
 color:#000
}
body.microsite-defrost .content-element .shield-container span,
body.microsite-defrost .content-element .transparent-blue .fwt-title,
body.microsite-defrost .content-element.blue h1,
body.microsite-defrost .content-element.blue h2,
body.microsite-defrost .content-element.blue h3,
body.microsite-defrost .content-element.blue h4 {
 color:#016bc7
}
body.microsite-defrost .content-element .shield .shield-content {
 background:#fd0
}
body.microsite-defrost .content-element .transparent-blue .fwt-text {
 color:#000
}
body.microsite-biosaxon a.logo img {
 height:9.66666667em!important
}
@media (max-width:767px) {
 body.microsite-biosaxon a.logo img {
  height:5.33333333em!important
 }
}
body.microsite-biosaxon nav.mainnav>ul li.is-active>a span:after,
body.microsite-biosaxon nav.mainnav>ul li:hover>a span:after,
body.microsite-biosaxon nav.mainnav>ul li>a span:after {
 background:#4c8b33
}
body.microsite-biosaxon .sujet {
 background-color:#e8edf0
}
@media (max-width:979px) {
 body.microsite-biosaxon .sujet>div {
  background-color:#e8edf0
 }
 body.microsite-biosaxon .sujet-text,
 body.microsite-biosaxon .sujet-text .text,
 body.microsite-biosaxon .sujet-text .title {
  color:#000
 }
 body.microsite-biosaxon .sujet-text a.arrow-animation.white span.arrow,
 body.microsite-biosaxon .sujet-text a.arrow-animation.white span.arrow:after,
 body.microsite-biosaxon .sujet-text a.arrow-animation.white span.arrow:before,
 body.microsite-biosaxon .sujet-text span.arrow-animation.white span.arrow,
 body.microsite-biosaxon .sujet-text span.arrow-animation.white span.arrow:after,
 body.microsite-biosaxon .sujet-text span.arrow-animation.white span.arrow:before {
  background:#000
 }
 body.microsite-biosaxon .gradient {
  background:0 0
 }
}
body.microsite-biosaxon .content-element a[target='_blank']:not(.button),
body.microsite-biosaxon .content-element h1,
body.microsite-biosaxon .content-element.teaser-menu .teaser-menu--image:before,
body.microsite-biosaxon .cookies-closer,
body.microsite-biosaxon .cookies-content a {
 color:#4c8b33
}
body.microsite-biosaxon .content-element.blue {
 background-color:#4c8b33
}
body.microsite-biosaxon .content-element .shield .shield-content {
 background:#4c8b33
}
body.microsite-biosaxon .content-element .transparent-blue {
 background:rgba(76,139,51,.9)
}
body.microsite-biosaxon .button.primary {
 background:#4c8b33
}
body.microsite-biosaxon .button.primary:focus,
body.microsite-biosaxon .button.primary:hover {
 background:#000
}
body.microsite-biosaxon .accordion-row.active .accordion-name,
body.microsite-biosaxon .tabs ul li a.active {
 border-bottom-color:#4c8b33
}
body.microsite-biosaxon .backtotop,
body.microsite-biosaxon .salztipps .salztipp--inner,
body.microsite-biosaxon .salztipps .tabs ul li a:not(.active) {
 background:#4c8b33
}
body.microsite-gustosal a.logo img {
 height:9.66666667em!important
}
@media (max-width:767px) {
 body.microsite-gustosal a.logo img {
  height:5.33333333em!important
 }
}
body.microsite-gustosal nav.mainnav>ul li.is-active>a span:after,
body.microsite-gustosal nav.mainnav>ul li:hover>a span:after,
body.microsite-gustosal nav.mainnav>ul li>a span:after {
 background:#0086cd
}
body.microsite-gustosal .sujet {
 background-color:#e8edf0
}
@media (max-width:979px) {
 body.microsite-gustosal .sujet>div {
  background-color:#e8edf0
 }
 body.microsite-gustosal .sujet-text,
 body.microsite-gustosal .sujet-text .text,
 body.microsite-gustosal .sujet-text .title {
  color:#000
 }
 body.microsite-gustosal .sujet-text a.arrow-animation.white span.arrow,
 body.microsite-gustosal .sujet-text a.arrow-animation.white span.arrow:after,
 body.microsite-gustosal .sujet-text a.arrow-animation.white span.arrow:before,
 body.microsite-gustosal .sujet-text span.arrow-animation.white span.arrow,
 body.microsite-gustosal .sujet-text span.arrow-animation.white span.arrow:after,
 body.microsite-gustosal .sujet-text span.arrow-animation.white span.arrow:before {
  background:#000
 }
 body.microsite-gustosal .gradient {
  background:0 0
 }
}
body.microsite-gustosal .content-element a[target='_blank']:not(.button),
body.microsite-gustosal .content-element h1,
body.microsite-gustosal .content-element.teaser-menu .teaser-menu--image:before,
body.microsite-gustosal .cookies-closer,
body.microsite-gustosal .cookies-content a {
 color:#0086cd
}
body.microsite-gustosal .content-element.blue {
 background-color:#0086cd
}
body.microsite-gustosal .content-element .shield .shield-content {
 background:#0086cd
}
body.microsite-gustosal .content-element .transparent-blue {
 background:rgba(0,134,205,.9)
}
body.microsite-gustosal .button.primary {
 background:#0086cd
}
body.microsite-gustosal .button.primary:focus,
body.microsite-gustosal .button.primary:hover {
 background:#000
}
body.microsite-gustosal .accordion-row.active .accordion-name,
body.microsite-gustosal .tabs ul li a.active {
 border-bottom-color:#0086cd
}
body.microsite-gustosal .backtotop,
body.microsite-gustosal .salztipps .salztipp--inner,
body.microsite-gustosal .salztipps .tabs ul li a:not(.active) {
 background:#0086cd
}
body.microsite-pharmasal a.logo img {
 height:9.66666667em!important
}
@media (max-width:767px) {
 body.microsite-pharmasal a.logo img {
  height:5.33333333em!important
 }
}
body.microsite-pharmasal nav.mainnav>ul li.is-active>a span:after,
body.microsite-pharmasal nav.mainnav>ul li:hover>a span:after,
body.microsite-pharmasal nav.mainnav>ul li>a span:after {
 background:#0099a7
}
body.microsite-pharmasal .sujet {
 background-color:#e8edf0
}
@media (max-width:979px) {
 body.microsite-pharmasal .sujet>div {
  background-color:#e8edf0
 }
 body.microsite-pharmasal .sujet-text,
 body.microsite-pharmasal .sujet-text .text,
 body.microsite-pharmasal .sujet-text .title {
  color:#000
 }
 body.microsite-pharmasal .sujet-text a.arrow-animation.white span.arrow,
 body.microsite-pharmasal .sujet-text a.arrow-animation.white span.arrow:after,
 body.microsite-pharmasal .sujet-text a.arrow-animation.white span.arrow:before,
 body.microsite-pharmasal .sujet-text span.arrow-animation.white span.arrow,
 body.microsite-pharmasal .sujet-text span.arrow-animation.white span.arrow:after,
 body.microsite-pharmasal .sujet-text span.arrow-animation.white span.arrow:before {
  background:#000
 }
 body.microsite-pharmasal .gradient {
  background:0 0
 }
}
body.microsite-pharmasal .content-element a[target='_blank']:not(.button),
body.microsite-pharmasal .content-element h1,
body.microsite-pharmasal .content-element.teaser-menu .teaser-menu--image:before,
body.microsite-pharmasal .cookies-closer,
body.microsite-pharmasal .cookies-content a {
 color:#0099a7
}
body.microsite-pharmasal .content-element.blue {
 background-color:#0099a7
}
body.microsite-pharmasal .content-element .shield .shield-content {
 background:#0099a7
}
body.microsite-pharmasal .content-element .transparent-blue {
 background:rgba(0,153,167,.9)
}
body.microsite-pharmasal .button.primary {
 background:#0099a7
}
body.microsite-pharmasal .button.primary:focus,
body.microsite-pharmasal .button.primary:hover {
 background:#000
}
body.microsite-pharmasal .accordion-row.active .accordion-name,
body.microsite-pharmasal .tabs ul li a.active {
 border-bottom-color:#0099a7
}
body.microsite-pharmasal .backtotop,
body.microsite-pharmasal .salztipps .salztipp--inner,
body.microsite-pharmasal .salztipps .tabs ul li a:not(.active) {
 background:#0099a7
}
body.microsite-saltech a.logo img {
 height:9.66666667em!important
}
@media (max-width:767px) {
 body.microsite-saltech a.logo img {
  height:5.33333333em!important
 }
}
body.microsite-saltech nav.mainnav>ul li.is-active>a span:after,
body.microsite-saltech nav.mainnav>ul li:hover>a span:after,
body.microsite-saltech nav.mainnav>ul li>a span:after {
 background:#004d71
}
body.microsite-saltech .sujet {
 background-color:#e8edf0
}
@media (max-width:979px) {
 body.microsite-saltech .sujet>div {
  background-color:#e8edf0
 }
 body.microsite-saltech .sujet-text,
 body.microsite-saltech .sujet-text .text,
 body.microsite-saltech .sujet-text .title {
  color:#000
 }
 body.microsite-saltech .sujet-text a.arrow-animation.white span.arrow,
 body.microsite-saltech .sujet-text a.arrow-animation.white span.arrow:after,
 body.microsite-saltech .sujet-text a.arrow-animation.white span.arrow:before,
 body.microsite-saltech .sujet-text span.arrow-animation.white span.arrow,
 body.microsite-saltech .sujet-text span.arrow-animation.white span.arrow:after,
 body.microsite-saltech .sujet-text span.arrow-animation.white span.arrow:before {
  background:#000
 }
 body.microsite-saltech .gradient {
  background:0 0
 }
}
body.microsite-saltech .content-element a[target='_blank']:not(.button),
body.microsite-saltech .content-element h1,
body.microsite-saltech .content-element.teaser-menu .teaser-menu--image:before,
body.microsite-saltech .cookies-closer,
body.microsite-saltech .cookies-content a {
 color:#004d71
}
body.microsite-saltech .content-element.blue {
 background-color:#004d71
}
body.microsite-saltech .content-element .shield .shield-content {
 background:#004d71
}
body.microsite-saltech .content-element .transparent-blue {
 background:rgba(0,77,113,.9)
}
body.microsite-saltech .button.primary {
 background:#004d71
}
body.microsite-saltech .button.primary:focus,
body.microsite-saltech .button.primary:hover {
 background:#000
}
body.microsite-saltech .accordion-row.active .accordion-name,
body.microsite-saltech .tabs ul li a.active {
 border-bottom-color:#004d71
}
body.microsite-saltech .backtotop,
body.microsite-saltech .salztipps .salztipp--inner,
body.microsite-saltech .salztipps .tabs ul li a:not(.active) {
 background:#004d71
}
body.language-microsite.microsite-solivary a.logo img {
 margin-top:.66666667em;
 width:auto;
 height:6em;
 -webkit-transition:all ease-in-out .33s;
 -moz-transition:all ease-in-out .33s;
 -o-transition:all ease-in-out .33s;
 transition:all ease-in-out .33s
}
@media (max-width:767px) {
 body.language-microsite.microsite-solivary a.logo img {
  margin-top:.33333333em;
  height:3.33333333em
 }
}
@media (max-width:1599px) {
 .product-nav--container .products-private ul.reset {
  display: none !important;
 }
 .product-nav--container .products-private li:last-child {
  transform: translateY(-24px);
 }
 .product-nav--container .products-private li:last-child a {
  margin-top: 24px !important;
 }
 .header-meta {
  justify-content: space-between;
 }
 .header-meta > span {
  margin-right: 1rem;
 }
 .header-meta > span a {
  margin-right: 0;
 }
 .header-meta > span i {
  margin-right: 0.5em !important;
 }
 .desktop-only {
  display: none;
 }
}
ul.products-categories > li {
 display: inline-block;
 position: relative;
 min-width: 230px;
}
ul.products-categories > li > a {
 line-height: 4.33333333em;
 text-decoration: none;
 font-size: 1.2em;
 padding-left: 20px;
 padding-right: 10px;
 color: #000;
 -webkit-transition: all ease-in-out .33s;
 transition: all ease-in-out .33s;
}
ul.products-categories > li > ul.reset {
 position: absolute;
 width: 100%;
 padding: 30px 0 10px 0;
 opacity: 0;
 visibility: hidden;
 transition: opacity ease-in-out 0.33s;
 z-index: 9;
}
ul.products-categories ul.reset li:not(.navigation-placeholder) {
 position: relative;
 z-index: 1;
}
ul.products-categories > li > ul.reset:after {
 content: '';
 position: absolute;
 width: 150vw;
 background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 100%);
 border-top: 3px solid var(--woo-teaser-bgcolor-link);
 display: block;
 left: -50vw;
 height: calc(100% + 3px);
 top: -3px;
 z-index: -1;
 min-height: 300px;
}
ul.products-categories > li > ul.reset:before {
 content: '';
 position: absolute;
 top: -16px;
 left: 30px;
 height: 30px;
 width: 30px;
 display: block;
 background-color: #ffffff;
 border-right: 3px solid var(--woo-teaser-bgcolor-link);
 border-bottom: 3px solid var(--woo-teaser-bgcolor-link);
 transform: rotate(45deg);
}
ul.products-categories ul.reset li a, nav.offcanvas .second a {
 line-height: 2.33333333em;
 padding-left: 20px;
 position: relative;
}
ul.products-categories ul.reset li:not(:first-child) {
 padding-left: 20px;
}
ul.products-categories ul.reset li a:before, nav.offcanvas .offcanvas-products span:before, .canvas-item:before {
 content: '-';
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
}
ul.products-categories, ul.product-nav {
 margin-bottom: 0 !important;
}
.nav-wrapper {
 height: 100%;
 width: 100%;
 align-items: center;
 justify-content: flex-start;
 display: flex;
}
header {
 border-bottom: 3px solid var(--woo-teaser-bgcolor-link);
}
.scrolled header {
 border-bottom: none;
}
ul.products-categories > li:hover > ul.reset {
 display: block;
 opacity: 1;
 visibility: visible;
 min-height: 200px;
}
.product-category-name {
 text-transform: uppercase;
 font-weight: bold;
 padding-left: 20px;
}
ul.products-categories .navigation-placeholder {
 position: absolute;
 top: 30px;
 bottom: 10px;
 width: 100%;
}

ul.products-categories > li:first-child .navigation-placeholder {
 right: calc(-100%);
 border-left: 1px solid black;
}

ul.products-categories > li:nth-child(2) .navigation-placeholder {
 left: 0;
 border-left: 1px solid black;
}

ul.products-categories > li:last-child .navigation-placeholder {
 left: calc(-100%);
 border-right: 1px solid black;
}
ul.products-categories ul {
 list-style-type: none;
 margin-left: 0;
}
.navigation-bestsellers {
 display: flex;
 position: fixed;
 opacity: 0;
 visibility: hidden;
 z-index: 9;
 right: 0;
 top: 280px;
 transition: opacity ease-in-out 0.33s, top ease-in-out 0.33s;
}
.navigation-bestsellers > img {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: -150px;
 object-fit: cover;
}
.scrolled .navigation-bestsellers {
 top: 240px;
}
.navigation-bestsellers-product img {
 height: 100px;
 width: auto;
 object-fit: cover;
 display: block;
 margin: 0 auto;
}
.navigation-bestsellers a, .navigation-bestsellers span {
 display: block;
 text-align: center;
}
.navigation-bestsellers-product {
 margin: 0 15px;
 background-color: white;
 padding: 10px;
 max-width: 210px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
ul.products-categories > li:hover > .navigation-bestsellers {
 opacity: 1;
 visibility: visible;
}
.navigation-bestsellers .iwdWooTeaserButton {
 padding: 5px 10px;
 margin-bottom: 0;
 color: white !important;
}
.navigation-bestsellers > span {
 position: absolute;
 top: -30px;
 z-index: 1;
 left: 15px;
 font-weight: 600;
}
.search-input {
 display: flex;
}
.search-input button {
 display: flex;
 height: 30px;
 width: 50px;
 justify-content: center;
 align-items: center;
 border:.2em solid #005eb8;
}
.search-input i {
 color: #005eb8;
}
.navigation-icons {
 display: flex;
 margin-left: auto;
 margin-right: 20px;
}
.navigation-icons i {
 font-size: 40px;
 padding: 0 0.5rem;
 color: #005eb8;
}
.mainnav {
 height: 100%;
}
nav.offcanvas .category-name {
 border: none;
 border-bottom: 3px solid #005eb8;
 display: block;
 padding-left:35px !important;
}
nav.offcanvas .second a span {
 height: unset !important;
 text-transform: initial;
 padding-left: 20px;
 position: relative;
}
.offcanvas-products a {
 padding-left: 40px !important;
}
ul.mainnav-list.reset {
 margin-bottom: 40px;
 transition: margin-bottom ease-in-out .33s;
}
.scrolled ul.mainnav-list.reset {
 margin-bottom: 0 !important;
}
nav.offcanvas .fa-angle-left {
 position: absolute;
 left: 0;
 top: 0;
 line-height: 2.5em !important;
 color: #005eb8;
 z-index: 1;
}
nav.mainnav button.hamburger {
 display: block;
}
.offcanvas-menu .hamburger {
 position: absolute;
 right: 20px;
 top: 75px;
 z-index: 2;
 height: 25px;
}
.offcanvas-menu .hamburger.open span {
 background: #005eb8;
}
nav.offcanvas .second ul.reset > li:first-child span {
 font-weight: bold;
 color: #005eb8;
}
.tablet-only.contains-hamburger {
 z-index: 1;
}
.hamburger:disabled span {
 background: #808080;
}
.hamburger:disabled:after {
 color: #808080 !important;
}
.rvp-grid-item {
 flex: 0 0 25%;
}
.rvp-grid-item .small-6, .rvp-grid-item .large-3 {
 max-width: unset;
}
.search.reset {
 position: absolute;
 top: 100%;
 display: flex;
 flex-wrap: wrap;
 left: 50%;
 transform: translateX(-50%);
 max-width: unset;
 width: 100%;
 padding: 4rem 15rem;
 opacity: 0;
 visibility: hidden;
 transition: opacity ease-in-out 0.33s;
 background-color: #ffffff;
}
.search.reset .hamburger {
 top: 15px;
 left: 5px;
}
.search.reset.focus {
 opacity: 1;
 visibility: visible;
}
.search.reset:after {
 content: '';
 position: absolute;
 width: 100vw;
 background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(208,208,208,1) 100%);
 border-top: 3px solid var(--woo-teaser-bgcolor-link);
 display: block;
 height: calc(100% + 3px);
 top: -3px;
 z-index: -1;
 min-height: 260px;
 left: 50%;
 transform: translateX(-50%);
}
.search.reset li:not(.search-term-info) {
 flex: 0 0 24%;
 text-align: start;
 margin-bottom: 0.5rem;
 margin-right: 0.5rem;
 padding: 0 1rem;
}
.search-term-info {
 color: #000000;
 position: absolute;
 top: 2rem;
}
.search-term {
 border: 1px solid #000000;
}
ul.search.reset .contains-hamburger {
 position: fixed;
 right: 20px;
 top: 60px;
 z-index: 2;
 height: 25px;
}
ul.search.reset .contains-hamburger:before {
 border-left: none;
}
.footer-bottom {
 margin-bottom: 90px;
}
.rvp-single--recently-viewed-products-wrapper h2 {
 margin-bottom: 1rem;
}
.nickx-slider-for .btn-prev, .nickx-slider-for .btn-next {
 opacity: 1 !important;
 margin: 0 !important;
 z-index: 1 !important;
}
.zoom.nslick-slide > img {
 margin: 0 auto;
}
.search-products {
 margin-top: 280px;
}
.search-products > h2 {
 margin: 2rem;
}
.search-products .products {
 padding: 0 20px;
 margin: 0 !important;
}
.woocommerce-loop-product__title {
 margin-bottom: 1rem !important;
}
table.search-results .add_to_cart_button {
 display: flex;
 justify-content: center;
 align-items: center;
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
 .navigation-bestsellers {
  top: 235px;
 }
 .navigation-bestsellers .navigation-bestsellers-product:nth-last-child(2) {
  display: none !important;
 }
}
@media screen and (max-width: 1850px){
 .navigation-bestsellers .navigation-bestsellers-product:last-child {
  display: none;
 }
}
@media screen and (min-width: 1600px) {
 .single-product .thb-product-detail {
  margin-top: 250px;
 }
 .tc_video_slide iframe {
  height: 500px !important;
 }
 a.logo {
  flex: 0 0 15em;
 }
 a.logo img {
  margin: 2em 0 0 2.66666667em !important;
 }
}
@media screen and (max-width:1599px) {
 ul.mainnav-list.reset {
  margin-bottom: 0 !important;
 }
 a.logo img {
  margin: 0.5em 0 0.5em .66666667em;
 }
 .navigation-icons i {
  font-size: 30px;
 }
 .rvp-grid-item {
  flex: 0 0 50%;
 }
}
@media screen and (min-width: 768px) and (max-width: 1599px) {
 .mainnav {
  justify-content: center;
 }
 nav.offcanvas .second {
  width: 300px;
 }
 .mainnav-list {
  order: 2;
 }
 .nav-wrapper .search {
  width: unset;
  flex: 1 1 auto;
 }
 .offcanvas-menu a.logo img {
  width: 5.333333em;
  margin: 0.5em 0 0.5em 0.66666667em;
 }
 .search-products {
  margin-top: 150px;
 }
}
@media screen and (max-width: 767px) {
 .mainnav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  background-color: #ffffff;
  padding: 10px 0;
  border-top: 3px solid #005eb8;
  z-index: 102;
 }
 .nav-wrapper {
  justify-content: center;
 }
 .navigation-icons {
  margin: 0;
 }
 .search {
  width: unset;
 }
 .search-term-info {
  font-size: 0.9em;
  color: #808080;
  margin-bottom: 1rem;
  position: relative;
  top: 0;
 }
 .search input:not(#product-search-field-0) {
  display: none;
 }
 .search-form {
  display: none;
 }
 .navigation-icons a {
  padding: 0 0.5em;
  position: relative;
 }
 .nav-wrapper .contains-hamburger {
  margin-right: 1em;
 }
 #scroll_to_top, #tarteaucitronManager {
  display: none !important;
 }
 .search.reset {
  position: fixed;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  left: -1px;
  right: 0;
  max-width: unset;
  width: 100%;
  padding: 8rem 20px;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in-out 0.33s;
  transform: unset;
  z-index: 9;
  overflow-y: scroll;
 }
 .search.reset:after {
  background: #ffffff;
 }
 .search-term {
  flex: 0 0 100% !important;
  display: flex;
  align-items: center;
 }
 .search-input-mobile {
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 5rem !important;
 }
 .search-mobile {
  display: flex;
 }
 input#product-search-field-0 {
  border: .2em solid #005eb8;
 }
 .search-mobile button {
  border: .2em solid #005eb8;
  margin: 0;
  flex: 0 0 50px;
  height: 40px;
 }
 .search-mobile .fa {
  color: #005eb8;
  font-size: 20px;
 }
 .rvp-grid-item {
  flex: 0 0 100%;
 }
 /*.offcanvas-open a.logo, .search.reset.focus ~ a.logo {
  z-index: 9;
  bottom: 1.5rem;
 }*/
 .search-products .small-6 {
  flex: 0 0 100%;
  max-width: 100%;
 }
 .search-products {
  margin-top: 100px;
 }
}
@media screen and (min-width: 1199px) and (max-width: 1599px) {
 ul.products-categories > li {
  min-width: 200px;
 }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
 nav.mainnav>ul li {
  display:none;
 }
}
@media screen and (max-width: 1199px) {
 nav.mainnav {
  flex-direction: row;
  align-items: center;
 }
 ul.product-nav {
  display: none;
 }

 a.logo img {
  width: 5.333333em;
 }
}
@media screen and (min-width: 1200px) {
 .mainnav-list > .contains-hamburger {
  display: none !important;
 }
 .mainnav-list {
  order: 1;
 }
 .nav-wrapper {
  order: 2;
 }
 header > a.logo img {
  margin: 0.5em 0 0.5em .66666667em;
 }
}