html, body {
overflow-x: hidden;
}
.bodylock {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
#body{padding-top: 74px;}
#pmain{min-height: 500px;padding-top: 10px;}
#page-header{display: flex;justify-content: space-between;align-items: center}
#pehead1{display: flex;padding: 0 20px;align-items: center}
#pehead2{}
.rozome_ok{color: #FFF;padding: 30px;background: #6785f9;text-align: center;}
.aslelinehe{display: inline-block;
width: 1px;
height: 21px;
margin: 0 1px 1rem;}
#page-main {
position: relative;
}
.textmedia__text.rte h5 {
padding: 10px 0;
}
.hide{display: none;}
#p9 {
width: 100%;
overflow-x: hidden;
}
#mapbox {
position: relative;
}
#mapview {
height: 65vh;
max-height: 380px;
margin-bottom: 15px;
z-index: 1;
width: 100%;
max-width: 1160px;
margin: auto
}
.leaflet-control-zoom-in {
display: block !important;
}
.leaflet-top {
top: 40% !important;
}
#mapfull {
position: absolute;
left: 10px;
top: 10px;
z-index: 401;
background: #FFF;
font-size: 24px;
padding: 4px !important;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
#mapfull::before {
margin: 0;
}
#mapfull:hover{box-shadow: 0 0 6px #999}
#maptype {
position: absolute;
left: 10px;
bottom: 10px;
z-index: 401;
display: flex;
font-size: 15px;
}
#maptype > div {
padding: 5px 15px;
margin: 2px;
background: #FFF;
cursor: pointer;
}
#maptype > div :hover {
box-shadow: 0 0 6px #999
}
#c2145_mo{display: none}
@media (max-width:600px) {
#c2145_mo{display: block}
#c2145_de{display: none;}
}
.asle_mo{display: none !important}
@media (max-width:600px) {
.asle_mo{display: block !important}
.asle_de{display: none !important;}
}
.sel500_a{display: flex;justify-content: space-between;width:100%;max-width: 270px;align-items: center}
.sel500_b{display: flex;justify-content: space-between;width:100%;align-items: center}
.sel500_a .sel500{width: 100%;}
.sel500_b .sel500{width: 100%;}
.sel500_{display: flex;justify-content: space-between;width: 100%;max-width: 170px;align-items: center}
@media (max-width:600px) {
.sel500_{max-width: 140px;}
}
.sel500{height: 42px;min-width: 80px;display: flex;position: relative;background: #F0F0F0;cursor: pointer;font-size: 13px;}
.sel5001{display: flex;height: 100%;width: 100%;justify-content: space-between;align-items: center;
border-bottom: 1px solid #ed1b2f;padding: 0 15px}
.sel5001 i{font-size: 17px;color: #ed3a4c;transition: all 0.4s;}
.sel5002{
display: none;
position: absolute;
left: 0;right: 0;top: 42px;
background: #FFF;
box-shadow: 0 0 2.333337rem rgb(0,0,0,0.2);
z-index: 100;
}
.sel5003{cursor: pointer;
display: flex;height: 42px;width: 100%;justify-content: space-between;align-items: center;
padding: 0 15px
}
.sel5003:hover{background: #ed1b2f;color: #FFF}
.sel5003sel{background: #F0F0F0;}
.sel500flipi {transform: scaleY(-1);}
.brandcolor--green .sel5003:hover{background: #b2bc00;}
.brandcolor--green .sel5001{border-bottom: 1px solid #b2bc00;}
.brandcolor--green .sel5001 i{color: #b2bc00}
.brandcolor--blue .sel5003:hover{background: #0092c7;}
.brandcolor--blue .sel5001{border-bottom: 1px solid #0092c7;}
.brandcolor--blue .sel5001 i{color: #0092c7}
.brandcolor--violet .sel5003:hover{background: #F00;}
.brandcolor--violet .sel5001{border-bottom: 1px solid #F00;}
.brandcolor--violet .sel5001 i{color: #F00}
#loginppage {
max-width: 900px;
margin: 150px auto 50px;
padding: 7px;
}
#loginpanel{
width: 500px;
max-width: 100%;
background: #FDFDFD;
border: 1px solid #e3e3e3;
border-radius: 5px;
margin: 0 auto;
}
.loginpanelh1{padding: 10px;border-bottom: 1px solid #e3e3e3;font-weight: bold;font-size: 15px;}
.loginpaneldiv{padding: 15px;}
.loginbtndiv{padding: 15px;text-align: left;border-top: 1px solid #e3e3e3;margin-top: 10px;direction: ltr;display: flex}
.loginbtndiv>*{margin: 0 2px;}
.btnyes{
background-color: #007b64;
border: 1px solid #007b64;
color: #FFF;
border-radius: .25rem;
box-shadow: none !important;
cursor: pointer;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
padding: .65rem 1.15rem;
font-size: 1rem;
line-height: 1.25;
min-width: 120px;transition: all 0.4s;
}
.btnyes:hover{background-color: #0c9279;border-color: #0c9279;}
.btnyes:active{color: #fff;background-color: #299781;border-color: #268d78;}
.proload{vertical-align: middle;width: 43px;display: none;margin: 0 39px;}
.inp {
position: relative;
margin: auto;
width: 100%;
border-radius: 3px;
overflow: hidden;
display: block;
line-height: 40px;
}
.inp .label {
position: absolute;
top: 8px;
right: 6px;
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
font-weight: 500;
transform-origin: 0 0;
transform: translate3d(0, 0, 0);
transition: all 0.2s ease;
pointer-events: none;
}
.inp input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
border: 0;
font-family: inherit;
padding: 22px 12px 5px 12px;
font-size: 14px;
font-weight: 400;
background: rgba(0, 0, 0, 0.02);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3);
color: #000;
transition: all 0.15s ease;
}
.inp input:hover {
background: rgba(0, 0, 0, 0.04);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.inp input:not(:-moz-placeholder-shown) + .label {
color: rgba(0, 0, 0, 0.5);
transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:not(:-ms-input-placeholder) + .label {
color: rgba(0, 0, 0, 0.5);
transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:not(:placeholder-shown) + .label {
color: rgba(0, 0, 0, 0.5);
transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:focus {
background: rgba(0, 0, 0, 0.05);
outline: none;
box-shadow: inset 0 -2px 0 #0077FF;
}
.inp input:focus + .label {
color: #0077FF;
transform: translate3d(0, -12px, 0) scale(0.75);
}
#footerde{display: flex;width: 100%;max-width: 1170px;margin: 0 auto;justify-content: space-between;align-items: center}
#footerde_1{max-width: 500px;width: 100%;}
#footerde_2{max-width: 350px;width: 100%;display: flex;justify-content: space-between;}
#footerde_2_1{margin-left: 10px;flex: 3;color: #FFF;text-align: justify;line-height: 2;font-size: 13px;}
#footerde_2_2{flex: 7;direction: ltr;text-align: left;display: flex;justify-content: space-between;align-items: stretch;
flex-direction: column}
#footerde_2_2_logo{width: 160px;}
.footer__social {
display: flex;
}
.footer__social>a{margin-right: 10px;margin-left: 0;}
.footer__social>a::before{margin-left: 0;}
#fo1_1{display: flex;justify-content: space-between;align-items: center;}
#footermo{width: 100%;max-width: 430px;margin:auto;text-align: center;color: #FFF; padding: 5px 10px;display: none}
.footer__social_mo {
display: flex;
justify-content: space-between;
max-width: 300px;
margin: 30px auto 0;
}
.footer__social_mo .sociallink{
color: #494948;
font-size: 35px;
}
@media (max-width:700px) {
#footerde{display: none;}
#footermo{display: block;}
}
#newsletterformular_EN-3076-email-1 {
direction: ltr;
}
@font-face {
font-family: 'Dana-Regular';
src: url("../fonts/Dana-Regular.ttf") format("truetype");
}
/* persianDatepicker-default */
@keyframes start {
from {
transform: scale(.5)
}
to {
transform: scale(1)
}
}
@-webkit-keyframes start {
from {
-webkit-transform: scale(.5)
}
to {
-webkit-transform: scale(1)
}
}
.rtl {
direction: rtl
}
.pdp-default {
position: absolute;
direction: rtl;
color: #555;
box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.19);
z-index: 99999
}
.pdp-default ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5
}
.pdp-default ::-webkit-scrollbar {
width: 15px;
background-color: #F5F5F5
}
.pdp-default ::-webkit-scrollbar-thumb {
background-color: #444
}
.pdp-default ::selection {
color: #67cdcc
}
.pdp-default .pdp-header {
background-color: #fff;
border-top: 2px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: none;
padding: 5px;
font-weight: 700
}
.pdp-default .yearSelect {
overflow-y: auto;
direction: ltr
}
.pdp-default .monthSelect li.disableMonth, .pdp-default .monthSelect li.disableMonth:hover {
color: #bbb;
background: #eee;
cursor: not-allowed
}
.pdp-default .yearSelect, .pdp-default .monthSelect {
font: normal 12px Tahoma;
background: #f9f9f9;
border: 1px solid #ccc;
list-style: none;
position: absolute;
padding: 0;
width: 99.6%;
text-align: center;
z-index: 9999;
animation: start .2s;
-webkit-animation: start .2s;
margin-top: 30px !important
}
.pdp-default .selected {
background: #15a6eb;
color: #fff
}
.pdp-default .yearSelect li, .pdp-default .monthSelect li {
padding: 1px;
cursor: default;
display: inline-table;
text-align: center;
border: 1px dotted #ddd
}
.pdp-default .yearSelect li:hover, .pdp-default .monthSelect li:hover {
background: #F93;
color: #fff;
border-color: #F70
}
.pdp-default .nextArrow {
right: 0
}
.pdp-default .prevArrow {
left: 0
}
.pdp-default .monthYear {
width: 80%;
margin: 0 auto;
text-align: center;
cursor: pointer;
padding: 3px
}
.pdp-default .nextArrow, .pdp-default .prevArrow {
cursor: pointer;
position: absolute;
top: 6px;
padding: 4px
}
.pdp-default .nextArrow:hover, .pdp-default .prevArrow:hover {
color: #0073ea
}
.pdp-default .cell {
display: inline-block;
cursor: default;
text-align: center
}
.pdp-default .dows {
background: #5F5D5D;
color: #fff
}
.pdp-default .dow {
font: bold 14px;
border: 1px solid #5F5D5D
}
.pdp-default .days {
background-color: #fff;
border: 1px solid #999;
border-top: none;
font: normal 12px Tahoma
}
.pdp-default .day {
border: 1px solid #f1f1f1
}
.pdp-default .day:hover {
background: #f3f3f3;
border: 1px solid #bbb;
border-radius: 2px
}
.pdp-default .selday, .pdp-default .selday:hover {
background: #eadaa6;
border-color: #eb5b04
}
.pdp-default .friday {
color: #f38
}
.pdp-default .today {
color: #fff;
background: #0073ea
}
.pdp-default .today:hover {
color: #fff;
background: #0073ea
}
.pdp-default .disday, .pdp-default .disday:hover {
color: #B7B5B5;
background: #F1F1F1;
cursor: not-allowed
}
.pdp-default .nul {
border: 1px solid #f1f1f1;
background: #f1f1f1
}
.pdp-default .pdp-footer {
background: #999;
font: normal 12px Tahoma;
text-align: center;
height: 17px;
line-height: normal !important;
padding: 2px;
transition: all .3s
}
.pdp-default .pdp-footer:hover {
color: #fff;
background: #2c54cc
}
.pdp-default .pdp-footer .goToday {
display: block;
color: #f0f0f0;
text-decoration: none
}
.swal2-popup.swal2-toast {
box-sizing: border-box;
grid-column: 1/4 !important;
grid-row: 1/4 !important;
grid-template-columns: min-content auto min-content;
padding: 1em;
overflow-y: hidden;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, .075), 0 1px 2px rgba(0, 0, 0, .075), 1px 2px 4px rgba(0, 0, 0, .075), 1px 3px 8px rgba(0, 0, 0, .075), 2px 4px 16px rgba(0, 0, 0, .075);
pointer-events: all
}
.swal2-popup.swal2-toast > * {
grid-column: 2
}
.swal2-popup.swal2-toast .swal2-title {
margin: .5em 1em;
padding: 0;
font-size: 13px;
text-align: initial
}
.swal2-popup.swal2-toast .swal2-loading {
justify-content: center
}
.swal2-popup.swal2-toast .swal2-input {
height: 2em;
margin: .5em;
font-size: 1em
}
.swal2-popup.swal2-toast .swal2-validation-message {
font-size: 1em
}
.swal2-popup.swal2-toast .swal2-footer {
margin: .5em 0 0;
padding: .5em 0 0;
font-size: .8em
}
.swal2-popup.swal2-toast .swal2-close {
grid-column: 3/3;
grid-row: 1/99;
align-self: center;
width: .8em;
height: .8em;
margin: 0;
font-size: 2em
}
.swal2-popup.swal2-toast .swal2-html-container {
margin: .5em 1em;
padding: 0;
overflow: initial;
font-size: 1em;
text-align: initial
}
.swal2-popup.swal2-toast .swal2-html-container:empty {
padding: 0
}
.swal2-popup.swal2-toast .swal2-loader {
grid-column: 1;
grid-row: 1/99;
align-self: center;
width: 2em;
height: 2em;
margin: .25em
}
.swal2-popup.swal2-toast .swal2-icon {
grid-column: 1;
grid-row: 1/99;
align-self: center;
width: 2em;
min-width: 2em;
height: 2em;
margin: 0 .5em 0 0
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
display: flex;
align-items: center;
font-size: 1.8em;
font-weight: bold
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
width: 2em;
height: 2em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
top: .875em;
width: 1.375em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
left: .3125em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
right: .3125em
}
.swal2-popup.swal2-toast .swal2-actions {
justify-content: flex-start;
height: auto;
margin: 0;
margin-top: .5em;
padding: 0 .5em
}
.swal2-popup.swal2-toast .swal2-styled {
margin: .25em .5em;
padding: .4em .6em;
font-size: 1em
}
.swal2-popup.swal2-toast .swal2-success {
border-color: #a5dc86
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
position: absolute;
width: 1.6em;
height: 3em;
transform: rotate(45deg);
border-radius: 50%
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -0.8em;
left: -0.5em;
transform: rotate(-45deg);
transform-origin: 2em 2em;
border-radius: 4em 0 0 4em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -0.25em;
left: .9375em;
transform-origin: 0 1.5em;
border-radius: 0 4em 4em 0
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
width: 2em;
height: 2em
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
top: 0;
left: .4375em;
width: .4375em;
height: 2.6875em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
height: .3125em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
top: 1.125em;
left: .1875em;
width: .75em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
top: .9375em;
right: .1875em;
width: 1.375em
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
animation: swal2-toast-animate-success-line-tip .75s
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
animation: swal2-toast-animate-success-line-long .75s
}
.swal2-popup.swal2-toast.swal2-show {
animation: swal2-toast-show .5s
}
.swal2-popup.swal2-toast.swal2-hide {
animation: swal2-toast-hide .1s forwards
}
.swal2-container {
display: grid;
position: fixed;
z-index: 1060;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-sizing: border-box;
grid-template-areas: "top-start top top-end""center-start center center-end""bottom-start bottom-center bottom-end";
grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
height: 100%;
padding: .625em;
overflow-x: hidden;
transition: background-color .1s;
-webkit-overflow-scrolling: touch
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
background: rgba(0, 0, 0, .4)
}
.swal2-container.swal2-backdrop-hide {
background: rgba(0, 0, 0, 0) !important
}
.swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start {
grid-template-columns: minmax(0, 1fr) auto auto
}
.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
grid-template-columns: auto minmax(0, 1fr) auto
}
.swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end {
grid-template-columns: auto auto minmax(0, 1fr)
}
.swal2-container.swal2-top-start > .swal2-popup {
align-self: start
}
.swal2-container.swal2-top > .swal2-popup {
grid-column: 2;
align-self: start;
justify-self: center
}
.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
grid-column: 3;
align-self: start;
justify-self: end
}
.swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup {
grid-row: 2;
align-self: center
}
.swal2-container.swal2-center > .swal2-popup {
grid-column: 2;
grid-row: 2;
align-self: center;
justify-self: center
}
.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
grid-column: 3;
grid-row: 2;
align-self: center;
justify-self: end
}
.swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup {
grid-column: 1;
grid-row: 3;
align-self: end
}
.swal2-container.swal2-bottom > .swal2-popup {
grid-column: 2;
grid-row: 3;
justify-self: center;
align-self: end
}
.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
grid-column: 3;
grid-row: 3;
align-self: end;
justify-self: end
}
.swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
grid-column: 1/4;
width: 100%
}
.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
grid-row: 1/4;
align-self: stretch
}
.swal2-container.swal2-no-transition {
transition: none !important
}
.swal2-popup {
display: none;
position: relative;
box-sizing: border-box;
grid-template-columns: minmax(0, 100%);
min-width: 350px;
max-width: 100%;
padding: 0 0 1.25em;
border: none;
border-radius: 5px;
background: #fff;
color: #545454;
font-family: inherit;
font-size: 1rem
}
.swal2-popup:focus {
outline: none
}
.swal2-popup.swal2-loading {
overflow-y: hidden
}
.swal2-title {
position: relative;
max-width: 100%;
margin: 0;
padding: .8em 1em 0;
color: inherit;
font-size: 15px;
font-weight: 600;
text-align: center;
text-transform: none;
word-wrap: break-word
}
.swal2-actions {
display: flex;
z-index: 1;
box-sizing: border-box;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: auto;
margin: 1.25em auto 0;
padding: 0
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
opacity: .4
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))
}
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
}
.swal2-loader {
display: none;
align-items: center;
justify-content: center;
width: 2.2em;
height: 2.2em;
margin: 0 1.875em;
animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
border-width: .25em;
border-style: solid;
border-radius: 100%;
border-color: #2778c4 rgba(0, 0, 0, 0) #2778c4 rgba(0, 0, 0, 0)
}
.swal2-styled {
margin: .3125em;
padding: .625em 1.1em;
transition: box-shadow .1s;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
font-weight: 500
}
.swal2-styled:not([disabled]) {
cursor: pointer
}
.swal2-styled.swal2-confirm {
border: 0;
border-radius: .25em;
background: initial;
background-color: #7066e0;
color: #fff;
font-size: 1em
}
.swal2-styled.swal2-confirm:focus {
box-shadow: 0 0 0 3px rgba(112, 102, 224, .5)
}
.swal2-styled.swal2-deny {
border: 0;
border-radius: .25em;
background: initial;
background-color: #dc3741;
color: #fff;
font-size: 1em
}
.swal2-styled.swal2-deny:focus {
box-shadow: 0 0 0 3px rgba(220, 55, 65, .5)
}
.swal2-styled.swal2-cancel {
border: 0;
border-radius: .25em;
background: initial;
background-color: #6e7881;
color: #fff;
font-size: 1em
}
.swal2-styled.swal2-cancel:focus {
box-shadow: 0 0 0 3px rgba(110, 120, 129, .5)
}
.swal2-styled.swal2-default-outline:focus {
box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}
.swal2-styled:focus {
outline: none
}
.swal2-styled::-moz-focus-inner {
border: 0
}
.swal2-footer {
justify-content: center;
margin: 1em 0 0;
padding: 1em 1em 0;
border-top: 1px solid #eee;
color: inherit;
font-size: 1em
}
.swal2-timer-progress-bar-container {
position: absolute;
right: 0;
bottom: 0;
left: 0;
grid-column: auto !important;
overflow: hidden;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px
}
.swal2-timer-progress-bar {
width: 100%;
height: .25em;
background: rgba(238, 25, 25, 0.43)
}
.swal2-image {
max-width: 100%;
margin: 2em auto 1em
}
.swal2-close {
z-index: 2;
align-items: center;
justify-content: center;
width: 1.2em;
height: 1.2em;
margin-top: 0;
margin-right: 0;
margin-bottom: -1.2em;
padding: 0;
overflow: hidden;
transition: color .1s, box-shadow .1s;
border: none;
border-radius: 5px;
background: rgba(0, 0, 0, 0);
color: #ccc;
font-family: serif;
font-family: monospace;
font-size: 2.5em;
cursor: pointer;
justify-self: end
}
.swal2-close:hover {
transform: none;
background: rgba(0, 0, 0, 0);
color: #f27474
}
.swal2-close:focus {
outline: none;
box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
}
.swal2-close::-moz-focus-inner {
border: 0
}
.swal2-html-container {
z-index: 1;
justify-content: center;
margin: 1em 1.6em .3em;
padding: 0;
overflow: auto;
color: inherit;
font-size: 1.125em;
font-weight: normal;
line-height: normal;
text-align: center;
word-wrap: break-word;
word-break: break-word
}
.swal2-input, .swal2-file, .swal2-textarea, .swal2-select, .swal2-radio, .swal2-checkbox {
margin: 1em 2em 3px
}
.swal2-input, .swal2-file, .swal2-textarea {
box-sizing: border-box;
width: auto;
transition: border-color .1s, box-shadow .1s;
border: 1px solid #d9d9d9;
border-radius: .1875em;
background: rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(0, 0, 0, 0);
color: inherit;
font-size: 1.125em
}
.swal2-input.swal2-inputerror, .swal2-file.swal2-inputerror, .swal2-textarea.swal2-inputerror {
border-color: #f27474 !important;
box-shadow: 0 0 2px #f27474 !important
}
.swal2-input:focus, .swal2-file:focus, .swal2-textarea:focus {
border: 1px solid #b4dbed;
outline: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5)
}
.swal2-input::placeholder, .swal2-file::placeholder, .swal2-textarea::placeholder {
color: #ccc
}
.swal2-range {
margin: 1em 2em 3px;
background: #fff
}
.swal2-range input {
width: 80%
}
.swal2-range output {
width: 20%;
color: inherit;
font-weight: 600;
text-align: center
}
.swal2-range input, .swal2-range output {
height: 2.625em;
padding: 0;
font-size: 1.125em;
line-height: 2.625em
}
.swal2-input {
height: 2.625em;
padding: 0 .75em
}
.swal2-file {
width: 75%;
margin-right: auto;
margin-left: auto;
background: rgba(0, 0, 0, 0);
font-size: 1.125em
}
.swal2-textarea {
height: 6.75em;
padding: .75em
}
.swal2-select {
min-width: 50%;
max-width: 100%;
padding: .375em .625em;
background: rgba(0, 0, 0, 0);
color: inherit;
font-size: 1.125em
}
.swal2-radio, .swal2-checkbox {
align-items: center;
justify-content: center;
background: #fff;
color: inherit
}
.swal2-radio label, .swal2-checkbox label {
margin: 0 .6em;
font-size: 1.125em
}
.swal2-radio input, .swal2-checkbox input {
flex-shrink: 0;
margin: 0 .4em
}
.swal2-input-label {
display: flex;
justify-content: center;
margin: 1em auto 0
}
.swal2-validation-message {
align-items: center;
justify-content: center;
margin: 1em 0 0;
padding: .625em;
overflow: hidden;
background: #f0f0f0;
color: #666;
font-size: 1em;
font-weight: 300
}
.swal2-validation-message::before {
content: "!";
display: inline-block;
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
margin: 0 .625em;
border-radius: 50%;
background-color: #f27474;
color: #fff;
font-weight: 600;
line-height: 1.5em;
text-align: center
}
.swal2-icon {
position: relative;
box-sizing: content-box;
justify-content: center;
width: 5em;
height: 5em;
margin: 2.5em auto .6em;
border: 0.25em solid rgba(0, 0, 0, 0);
border-radius: 50%;
border-color: #000;
font-family: inherit;
line-height: 5em;
cursor: default;
user-select: none
}
.swal2-icon .swal2-icon-content {
display: flex;
align-items: center;
font-size: 3.75em
}
.swal2-icon.swal2-error {
border-color: #f27474;
color: #f27474
}
.swal2-icon.swal2-error .swal2-x-mark {
position: relative;
flex-grow: 1
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
display: block;
position: absolute;
top: 2.3125em;
width: 2.9375em;
height: .3125em;
border-radius: .125em;
background-color: #f27474
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
left: 1.0625em;
transform: rotate(45deg)
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
right: 1em;
transform: rotate(-45deg)
}
.swal2-icon.swal2-error.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
animation: swal2-animate-error-x-mark .5s
}
.swal2-icon.swal2-warning {
border-color: #facea8;
color: #f8bb86
}
.swal2-icon.swal2-warning.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-i-mark .5s
}
.swal2-icon.swal2-info {
border-color: #9de0f6;
color: #3fc3ee
}
.swal2-icon.swal2-info.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-i-mark .8s
}
.swal2-icon.swal2-question {
border-color: #c9dae1;
color: #87adbd
}
.swal2-icon.swal2-question.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-question-mark .8s
}
.swal2-icon.swal2-success {
border-color: #a5dc86;
color: #a5dc86
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
position: absolute;
width: 3.75em;
height: 7.5em;
transform: rotate(45deg);
border-radius: 50%
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -0.4375em;
left: -2.0635em;
transform: rotate(-45deg);
transform-origin: 3.75em 3.75em;
border-radius: 7.5em 0 0 7.5em
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -0.6875em;
left: 1.875em;
transform: rotate(-45deg);
transform-origin: 0 3.75em;
border-radius: 0 7.5em 7.5em 0
}
.swal2-icon.swal2-success .swal2-success-ring {
position: absolute;
z-index: 2;
top: -0.25em;
left: -0.25em;
box-sizing: content-box;
width: 100%;
height: 100%;
border: .25em solid rgba(165, 220, 134, .3);
border-radius: 50%
}
.swal2-icon.swal2-success .swal2-success-fix {
position: absolute;
z-index: 1;
top: .5em;
left: 1.625em;
width: .4375em;
height: 5.625em;
transform: rotate(-45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
display: block;
position: absolute;
z-index: 2;
height: .3125em;
border-radius: .125em;
background-color: #a5dc86
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
top: 2.875em;
left: .8125em;
width: 1.5625em;
transform: rotate(45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
top: 2.375em;
right: .5em;
width: 2.9375em;
transform: rotate(-45deg)
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
animation: swal2-animate-success-line-tip .75s
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
animation: swal2-animate-success-line-long .75s
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
animation: swal2-rotate-success-circular-line 4.25s ease-in
}
.swal2-progress-steps {
flex-wrap: wrap;
align-items: center;
max-width: 100%;
margin: 1.25em auto;
padding: 0;
background: rgba(0, 0, 0, 0);
font-weight: 600
}
.swal2-progress-steps li {
display: inline-block;
position: relative
}
.swal2-progress-steps .swal2-progress-step {
z-index: 20;
flex-shrink: 0;
width: 2em;
height: 2em;
border-radius: 2em;
background: #2778c4;
color: #fff;
line-height: 2em;
text-align: center
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
background: #2778c4
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
background: #add8e6;
color: #fff
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
background: #add8e6
}
.swal2-progress-steps .swal2-progress-step-line {
z-index: 10;
flex-shrink: 0;
width: 2.5em;
height: .4em;
margin: 0 -1px;
background: #2778c4
}
[class^=swal2] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.swal2-show {
animation: swal2-show .3s
}
.swal2-hide {
animation: swal2-hide .15s forwards
}
.swal2-noanimation {
transition: none
}
.swal2-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
.swal2-rtl .swal2-close {
margin-right: initial;
margin-left: 0
}
.swal2-rtl .swal2-timer-progress-bar {
right: 0;
left: auto
}
@keyframes swal2-toast-show {
0% {
transform: translateY(-0.625em) rotateZ(2deg)
}
33% {
transform: translateY(0) rotateZ(-2deg)
}
66% {
transform: translateY(0.3125em) rotateZ(2deg)
}
100% {
transform: translateY(0) rotateZ(0deg)
}
}
@keyframes swal2-toast-hide {
100% {
transform: rotateZ(1deg);
opacity: 0
}
}
@keyframes swal2-toast-animate-success-line-tip {
0% {
top: .5625em;
left: .0625em;
width: 0
}
54% {
top: .125em;
left: .125em;
width: 0
}
70% {
top: .625em;
left: -0.25em;
width: 1.625em
}
84% {
top: 1.0625em;
left: .75em;
width: .5em
}
100% {
top: 1.125em;
left: .1875em;
width: .75em
}
}
@keyframes swal2-toast-animate-success-line-long {
0% {
top: 1.625em;
right: 1.375em;
width: 0
}
65% {
top: 1.25em;
right: .9375em;
width: 0
}
84% {
top: .9375em;
right: 0;
width: 1.125em
}
100% {
top: .9375em;
right: .1875em;
width: 1.375em
}
}
@keyframes swal2-show {
0% {
transform: scale(0.7)
}
45% {
transform: scale(1.05)
}
80% {
transform: scale(0.95)
}
100% {
transform: scale(1)
}
}
@keyframes swal2-hide {
0% {
transform: scale(1);
opacity: 1
}
100% {
transform: scale(0.5);
opacity: 0
}
}
@keyframes swal2-animate-success-line-tip {
0% {
top: 1.1875em;
left: .0625em;
width: 0
}
54% {
top: 1.0625em;
left: .125em;
width: 0
}
70% {
top: 2.1875em;
left: -0.375em;
width: 3.125em
}
84% {
top: 3em;
left: 1.3125em;
width: 1.0625em
}
100% {
top: 2.8125em;
left: .8125em;
width: 1.5625em
}
}
@keyframes swal2-animate-success-line-long {
0% {
top: 3.375em;
right: 2.875em;
width: 0
}
65% {
top: 3.375em;
right: 2.875em;
width: 0
}
84% {
top: 2.1875em;
right: 0;
width: 3.4375em
}
100% {
top: 2.375em;
right: .5em;
width: 2.9375em
}
}
@keyframes swal2-rotate-success-circular-line {
0% {
transform: rotate(-45deg)
}
5% {
transform: rotate(-45deg)
}
12% {
transform: rotate(-405deg)
}
100% {
transform: rotate(-405deg)
}
}
@keyframes swal2-animate-error-x-mark {
0% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0
}
50% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0
}
80% {
margin-top: -0.375em;
transform: scale(1.15)
}
100% {
margin-top: 0;
transform: scale(1);
opacity: 1
}
}
@keyframes swal2-animate-error-icon {
0% {
transform: rotateX(100deg);
opacity: 0
}
100% {
transform: rotateX(0deg);
opacity: 1
}
}
@keyframes swal2-rotate-loading {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@keyframes swal2-animate-question-mark {
0% {
transform: rotateY(-360deg)
}
100% {
transform: rotateY(0)
}
}
@keyframes swal2-animate-i-mark {
0% {
transform: rotateZ(45deg);
opacity: 0
}
25% {
transform: rotateZ(-25deg);
opacity: .4
}
50% {
transform: rotateZ(15deg);
opacity: .8
}
75% {
transform: rotateZ(-5deg);
opacity: 1
}
100% {
transform: rotateX(0);
opacity: 1
}
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
overflow: hidden
}
body.swal2-height-auto {
height: auto !important
}
body.swal2-no-backdrop .swal2-container {
background-color: rgba(0, 0, 0, 0) !important;
pointer-events: none
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
pointer-events: all
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}
@media print {
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
overflow-y: scroll !important
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
display: none
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
position: static !important
}
}
body.swal2-toast-shown .swal2-container {
box-sizing: border-box;
width: 360px;
max-width: 100%;
background-color: rgba(0, 0, 0, 0);
pointer-events: none
}
body.swal2-toast-shown .swal2-container.swal2-top {
top: 0;
right: auto;
bottom: auto;
left: 50%;
transform: translateX(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
top: 0;
right: 0;
bottom: auto;
left: auto
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
top: 0;
right: auto;
bottom: auto;
left: 0
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
top: 50%;
right: auto;
bottom: auto;
left: 0;
transform: translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-center {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
transform: translate(-50%, -50%)
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
top: 50%;
right: 0;
bottom: auto;
left: auto;
transform: translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
top: auto;
right: auto;
bottom: 0;
left: 0
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
top: auto;
right: auto;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
top: auto;
right: 0;
bottom: 0;
left: auto
}
@font-face {
font-family: knauer;
src: url("../fonts/knauer.eot");
src: url("../fonts/knauer.eot") format("embedded-opentype"), url("../fonts/knauer.woff2") format("woff2"), url("../fonts/knauer.ttf") format("truetype"), url("../fonts/knauer.woff") format("woff"), url("../fonts/knauer.svg") format("svg");
font-weight: 400;
font-style: normal;
font-display: block;
}
[class*=icon-after]:after, [class*=icon-before]:before {
font-family: knauer !important;
font-style: normal;
font-weight: 400;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
scroll-behavior: smooth;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: TheSansC5, Verdana, sans-serif;
font-size: 1rem;
font-weight: 300;
line-height: 1.5;
color: #494948;
text-align: left;
background-color: #f7f7f7;
}
[tabindex="-1"]:focus:not(.focus-visible), [tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[data-original-title], abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
font-style: normal;
line-height: inherit;
}
address, dl, ol, ul {
margin-bottom: 1rem;
}
dl, ol, ul {
margin-top: 0;
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b, strong {
font-weight: 700;
}
small {
font-size: 80%
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
background-color: transparent;
}
a, a:hover {
color: #f00;
text-decoration: none;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
code, kbd, pre, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
border-style: none;
}
img, svg {
vertical-align: middle;
}
svg {
overflow: hidden;
}
table {
border-collapse: collapse;
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
label {
display: inline-block;
margin-bottom: 7px;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
@charset "UTF-8";
.cc-window {
opacity: 1;
transition: opacity 1s ease
}
.cc-window.cc-invisible {
opacity: 0
}
.cc-animate.cc-revoke {
transition: transform 1s ease
}
.cc-animate.cc-revoke.cc-top {
transform: translateY(-2em)
}
.cc-animate.cc-revoke.cc-bottom {
transform: translateY(2em)
}
.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
transform: translateY(0)
}
.cc-grower {
max-height: 0;
overflow: hidden;
transition: max-height 1s
}
.cc-revoke, .cc-window {
position: fixed;
overflow: hidden;
box-sizing: border-box;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 16px;
line-height: 1.5em;
display: flex;
flex-wrap: nowrap;
z-index: 9999
}
.cc-window.cc-static {
position: static
}
.cc-window.cc-floating {
padding: 2em;
max-width: 24em;
flex-direction: column
}
.cc-window.cc-banner {
padding: 1em 1.8em;
width: 100%;
flex-direction: row
}
.cc-revoke {
padding: .5em
}
.cc-revoke:hover {
text-decoration: underline
}
.cc-header {
font-size: 18px
}
.cc-btn, .cc-close, .cc-link, .cc-revoke {
cursor: pointer
}
.cc-link {
opacity: .8;
display: inline-block;
padding: .2em;
text-decoration: underline
}
.cc-link:hover {
opacity: 1
}
.cc-link:active, .cc-link:visited {
color: #000;
color: initial
}
.cc-btn {
display: block;
padding: .4em .8em;
font-size: .9em;
font-weight: 700;
border-width: 2px;
border-style: solid;
text-align: center;
white-space: nowrap
}
.cc-highlight .cc-btn:first-child {
background-color: transparent;
border-color: transparent
}
.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
background-color: transparent;
text-decoration: underline
}
.cc-close {
display: block;
position: absolute;
top: .5em;
right: .5em;
font-size: 1.6em;
opacity: .9;
line-height: .75
}
.cc-close:focus, .cc-close:hover {
opacity: 1
}
.cc-revoke.cc-top {
top: 0;
left: 3em;
border-bottom-left-radius: .5em;
border-bottom-right-radius: .5em
}
.cc-revoke.cc-bottom {
bottom: 0;
left: 3em;
border-top-left-radius: .5em;
border-top-right-radius: .5em
}
.cc-revoke.cc-left {
left: 3em;
right: unset
}
.cc-revoke.cc-right {
right: 3em;
left: unset
}
.cc-top {
top: 1em
}
.cc-left {
left: 1em
}
.cc-right {
right: 1em
}
.cc-bottom {
bottom: 1em
}
.cc-floating > .cc-link {
margin-bottom: 1em
}
.cc-floating .cc-message {
display: block;
margin-bottom: 1em
}
.cc-window.cc-floating .cc-compliance {
flex: 1 0 auto
}
.cc-window.cc-banner {
align-items: center
}
.cc-banner.cc-top {
left: 0;
right: 0;
top: 0
}
.cc-banner.cc-bottom {
left: 0;
right: 0;
bottom: 0
}
.cc-banner .cc-message {
display: block;
flex: 1 1 auto;
max-width: 100%;
margin-right: 1em
}
.cc-compliance {
align-items: center;
align-content: space-between
}
.cc-floating .cc-compliance > .cc-btn {
flex: 1
}
.cc-btn + .cc-btn {
margin-left: .5em
}
@media print {
.cc-revoke, .cc-window {
display: none
}
}
@media screen and (max-width:900px) {
.cc-btn {
white-space: normal
}
}
@media screen and (max-width:414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape) {
.cc-window.cc-top {
top: 0
}
.cc-window.cc-bottom {
bottom: 0
}
.cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
left: 0;
right: 0
}
.cc-window.cc-banner {
flex-direction: column
}
.cc-window.cc-banner .cc-compliance {
flex: 1 1 auto
}
.cc-window.cc-floating {
max-width: none
}
.cc-window .cc-message {
margin-bottom: 1em
}
.cc-window.cc-banner {
align-items: unset
}
.cc-window.cc-banner .cc-message {
margin-right: 0
}
}
.cc-floating.cc-theme-classic {
padding: 1.2em;
border-radius: 5px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
text-align: center;
display: inline;
flex: none
}
.cc-theme-classic .cc-btn {
border-radius: 5px
}
.cc-theme-classic .cc-btn:last-child {
min-width: 140px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
display: inline-block
}
.cc-theme-edgeless.cc-window {
padding: 0
}
.cc-floating.cc-theme-edgeless .cc-message {
margin: 2em 2em 1.5em
}
.cc-banner.cc-theme-edgeless .cc-btn {
margin: 0;
padding: .8em 1.8em;
height: 100%
}
.cc-banner.cc-theme-edgeless .cc-message {
margin-left: 1em
}
.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
margin-left: 0
}
/*!
* Bootstrap Reboot v4.5.3 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/ *, :after, :before {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block
}
body {
margin: 0;
font-size: 1rem;
font-weight: 300;
line-height: 1.5;
color: #494948;
text-align: left;
background-color: #f7f7f7
}
[tabindex="-1"]:focus:not(.focus-visible), [tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-original-title], abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
font-style: normal;
line-height: inherit
}
address, dl, ol, ul {
margin-bottom: 1rem
}
dl, ol, ul {
margin-top: 0
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b, strong {
font-weight: 700
}
small {
font-size: 80%
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
background-color: transparent
}
a, a:hover {
color: #f00;
text-decoration: none
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code, kbd, pre, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
border-style: none
}
img, svg {
vertical-align: middle
}
svg {
overflow: hidden
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
label {
display: inline-block;
margin-bottom: 7px
}
button {
border-radius: 0
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none !important
}
.container, .container-fluid, .container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:1220px) {
.container, .container-lg, .container-md, .container-ms, .container-sm, .container-xl {
max-width: 1230px
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters > .col, .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0
}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md-auto, .col-ms, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12, .col-ms-auto, .col-sm, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-3 > * {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-6 > * {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-first {
order: -1
}
.order-last {
order: 13
}
.order-0 {
order: 0
}
.order-1 {
order: 1
}
.order-2 {
order: 2
}
.order-3 {
order: 3
}
.order-4 {
order: 4
}
.order-5 {
order: 5
}
.order-6 {
order: 6
}
.order-7 {
order: 7
}
.order-8 {
order: 8
}
.order-9 {
order: 9
}
.order-10 {
order: 10
}
.order-11 {
order: 11
}
.order-12 {
order: 12
}
.offset-1 {
margin-left: 8.33333%
}
.offset-2 {
margin-left: 16.66667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333%
}
.offset-5 {
margin-left: 41.66667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333%
}
.offset-8 {
margin-left: 66.66667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333%
}
.offset-11 {
margin-left: 91.66667%
}
@media (min-width:450px) {
.col-ms {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-ms-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-ms-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-ms-3 > * {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.row-cols-ms-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-ms-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-ms-6 > * {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-ms-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-ms-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-ms-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-ms-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-ms-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-ms-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-ms-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-ms-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-ms-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-ms-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-ms-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-ms-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-ms-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-ms-first {
order: -1
}
.order-ms-last {
order: 13
}
.order-ms-0 {
order: 0
}
.order-ms-1 {
order: 1
}
.order-ms-2 {
order: 2
}
.order-ms-3 {
order: 3
}
.order-ms-4 {
order: 4
}
.order-ms-5 {
order: 5
}
.order-ms-6 {
order: 6
}
.order-ms-7 {
order: 7
}
.order-ms-8 {
order: 8
}
.order-ms-9 {
order: 9
}
.order-ms-10 {
order: 10
}
.order-ms-11 {
order: 11
}
.order-ms-12 {
order: 12
}
.offset-ms-0 {
margin-left: 0
}
.offset-ms-1 {
margin-left: 8.33333%
}
.offset-ms-2 {
margin-left: 16.66667%
}
.offset-ms-3 {
margin-left: 25%
}
.offset-ms-4 {
margin-left: 33.33333%
}
.offset-ms-5 {
margin-left: 41.66667%
}
.offset-ms-6 {
margin-left: 50%
}
.offset-ms-7 {
margin-left: 58.33333%
}
.offset-ms-8 {
margin-left: 66.66667%
}
.offset-ms-9 {
margin-left: 75%
}
.offset-ms-10 {
margin-left: 83.33333%
}
.offset-ms-11 {
margin-left: 91.66667%
}
}
@media (min-width:576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-sm-3 > * {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-sm-6 > * {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
order: -1
}
.order-sm-last {
order: 13
}
.order-sm-0 {
order: 0
}
.order-sm-1 {
order: 1
}
.order-sm-2 {
order: 2
}
.order-sm-3 {
order: 3
}
.order-sm-4 {
order: 4
}
.order-sm-5 {
order: 5
}
.order-sm-6 {
order: 6
}
.order-sm-7 {
order: 7
}
.order-sm-8 {
order: 8
}
.order-sm-9 {
order: 9
}
.order-sm-10 {
order: 10
}
.order-sm-11 {
order: 11
}
.order-sm-12 {
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333%
}
.offset-sm-2 {
margin-left: 16.66667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333%
}
.offset-sm-5 {
margin-left: 41.66667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333%
}
.offset-sm-8 {
margin-left: 66.66667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333%
}
.offset-sm-11 {
margin-left: 91.66667%
}
}
@media (min-width:768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-md-3 > * {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-md-6 > * {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
order: -1
}
.order-md-last {
order: 13
}
.order-md-0 {
order: 0
}
.order-md-1 {
order: 1
}
.order-md-2 {
order: 2
}
.order-md-3 {
order: 3
}
.order-md-4 {
order: 4
}
.order-md-5 {
order: 5
}
.order-md-6 {
order: 6
}
.order-md-7 {
order: 7
}
.order-md-8 {
order: 8
}
.order-md-9 {
order: 9
}
.order-md-10 {
order: 10
}
.order-md-11 {
order: 11
}
.order-md-12 {
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333%
}
.offset-md-2 {
margin-left: 16.66667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333%
}
.offset-md-5 {
margin-left: 41.66667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333%
}
.offset-md-8 {
margin-left: 66.66667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333%
}
.offset-md-11 {
margin-left: 91.66667%
}
}
@media (min-width:992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-lg-3 > * {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-lg-6 > * {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
order: -1
}
.order-lg-last {
order: 13
}
.order-lg-0 {
order: 0
}
.order-lg-1 {
order: 1
}
.order-lg-2 {
order: 2
}
.order-lg-3 {
order: 3
}
.order-lg-4 {
order: 4
}
.order-lg-5 {
order: 5
}
.order-lg-6 {
order: 6
}
.order-lg-7 {
order: 7
}
.order-lg-8 {
order: 8
}
.order-lg-9 {
order: 9
}
.order-lg-10 {
order: 10
}
.order-lg-11 {
order: 11
}
.order-lg-12 {
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333%
}
.offset-lg-2 {
margin-left: 16.66667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333%
}
.offset-lg-5 {
margin-left: 41.66667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333%
}
.offset-lg-8 {
margin-left: 66.66667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333%
}
.offset-lg-11 {
margin-left: 91.66667%
}
}
@media (min-width:1220px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-xl-3 > * {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-xl-6 > * {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
order: -1
}
.order-xl-last {
order: 13
}
.order-xl-0 {
order: 0
}
.order-xl-1 {
order: 1
}
.order-xl-2 {
order: 2
}
.order-xl-3 {
order: 3
}
.order-xl-4 {
order: 4
}
.order-xl-5 {
order: 5
}
.order-xl-6 {
order: 6
}
.order-xl-7 {
order: 7
}
.order-xl-8 {
order: 8
}
.order-xl-9 {
order: 9
}
.order-xl-10 {
order: 10
}
.order-xl-11 {
order: 11
}
.order-xl-12 {
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333%
}
.offset-xl-2 {
margin-left: 16.66667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333%
}
.offset-xl-5 {
margin-left: 41.66667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333%
}
.offset-xl-8 {
margin-left: 66.66667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333%
}
.offset-xl-11 {
margin-left: 91.66667%
}
}
.clearfix:after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
@media (min-width:450px) {
.d-ms-none {
display: none !important
}
.d-ms-inline {
display: inline !important
}
.d-ms-inline-block {
display: inline-block !important
}
.d-ms-block {
display: block !important
}
.d-ms-table {
display: table !important
}
.d-ms-table-row {
display: table-row !important
}
.d-ms-table-cell {
display: table-cell !important
}
.d-ms-flex {
display: flex !important
}
.d-ms-inline-flex {
display: inline-flex !important
}
}
@media (min-width:576px) {
.d-sm-none {
display: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
}
@media (min-width:768px) {
.d-md-none {
display: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
}
@media (min-width:992px) {
.d-lg-none {
display: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
}
@media (min-width:1220px) {
.d-xl-none {
display: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
}
@media print {
.d-print-none {
display: none !important
}
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
@media (min-width:450px) {
.flex-ms-row {
flex-direction: row !important
}
.flex-ms-column {
flex-direction: column !important
}
.flex-ms-row-reverse {
flex-direction: row-reverse !important
}
.flex-ms-column-reverse {
flex-direction: column-reverse !important
}
.flex-ms-wrap {
flex-wrap: wrap !important
}
.flex-ms-nowrap {
flex-wrap: nowrap !important
}
.flex-ms-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-ms-fill {
flex: 1 1 auto !important
}
.flex-ms-grow-0 {
flex-grow: 0 !important
}
.flex-ms-grow-1 {
flex-grow: 1 !important
}
.flex-ms-shrink-0 {
flex-shrink: 0 !important
}
.flex-ms-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-ms-start {
justify-content: flex-start !important
}
.justify-content-ms-end {
justify-content: flex-end !important
}
.justify-content-ms-center {
justify-content: center !important
}
.justify-content-ms-between {
justify-content: space-between !important
}
.justify-content-ms-around {
justify-content: space-around !important
}
.align-items-ms-start {
align-items: flex-start !important
}
.align-items-ms-end {
align-items: flex-end !important
}
.align-items-ms-center {
align-items: center !important
}
.align-items-ms-baseline {
align-items: baseline !important
}
.align-items-ms-stretch {
align-items: stretch !important
}
.align-content-ms-start {
align-content: flex-start !important
}
.align-content-ms-end {
align-content: flex-end !important
}
.align-content-ms-center {
align-content: center !important
}
.align-content-ms-between {
align-content: space-between !important
}
.align-content-ms-around {
align-content: space-around !important
}
.align-content-ms-stretch {
align-content: stretch !important
}
.align-self-ms-auto {
align-self: auto !important
}
.align-self-ms-start {
align-self: flex-start !important
}
.align-self-ms-end {
align-self: flex-end !important
}
.align-self-ms-center {
align-self: center !important
}
.align-self-ms-baseline {
align-self: baseline !important
}
.align-self-ms-stretch {
align-self: stretch !important
}
}
@media (min-width:576px) {
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.flex-sm-grow-0 {
flex-grow: 0 !important
}
.flex-sm-grow-1 {
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
}
@media (min-width:768px) {
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
}
@media (min-width:992px) {
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
}
@media (min-width:1220px) {
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.choices {
position: relative;
margin-bottom: 0;
font-size: 16px
}
.choices:focus {
outline: none
}
.choices:last-child {
margin-bottom: 0
}
.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
background-color: #f7f7f7;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.choices.is-disabled .choices__item {
cursor: not-allowed
}
.choices [hidden] {
display: none !important
}
.choices[data-type*=select-one] {
cursor: pointer
}
.choices[data-type*=select-one] .choices__inner {
padding-bottom: 7.5px
}
.choices[data-type*=select-one] .choices__input {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #f00;
background-color: #fff;
margin: 0
}
.choices[data-type*=select-one] .choices__button {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
margin-right: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: .5
}
.choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover {
opacity: 1
}
.choices[data-type*=select-one] .choices__button:focus {
box-shadow: 0 0 0 2px #f00
}
.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
display: none
}
.choices[data-type*=select-one]:after {
content: "";
height: 0;
width: 0;
border: 5px solid transparent;
border-top-color: #a1a1a1;
position: absolute;
right: 11.5px;
top: 50%;
margin-top: -2.5px;
pointer-events: none
}
.choices[data-type*=select-one].is-open:after {
border-color: transparent transparent #a1a1a1;
margin-top: -7.5px
}
.choices[data-type*=select-one][dir=rtl]:after {
left: 11.5px;
right: auto
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
right: auto;
left: 0;
margin-left: 25px;
margin-right: 0
}
.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
cursor: text
}
.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
position: relative;
display: inline-block;
margin: 0 -4px 0 8px;
padding-left: 16px;
border-left: 1px solid #c51021;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
background-size: 8px;
width: 8px;
line-height: 1;
opacity: .75;
border-radius: 0
}
.choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover {
opacity: 1
}
.choices__inner {
display: inline-block;
vertical-align: top;
width: 100%;
background-color: #f0f0f0;
padding: 7.5px 7.5px 3.75px;
border: none;
border-radius: 0;
font-size: 14px;
min-height: 44px;
overflow: hidden
}
.is-focused .choices__inner, .is-open .choices__inner {
border-color: #ae0e1d
}
.is-flipped.is-open .choices__inner, .is-open .choices__inner {
border-radius: 0 0 0 0
}
.choices__list {
margin: 0;
padding-left: 0;
list-style: none
}
.choices__list--single {
display: inline-block;
padding: 4px 16px 4px 4px;
width: 100%
}
[dir=rtl] .choices__list--single {
padding-right: 4px;
padding-left: 16px
}
.choices__list--single .choices__item {
width: 100%
}
.choices__list--multiple {
display: inline
}
.choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
border-radius: 0;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
margin-right: 3.75px;
margin-bottom: 3.75px;
background-color: #f00;
border: 1px solid #dd1125;
color: #fff;
word-break: break-all;
box-sizing: border-box
}
.choices__list--multiple .choices__item[data-deletable] {
padding-right: 5px
}
[dir=rtl] .choices__list--multiple .choices__item {
margin-right: 0;
margin-left: 3.75px
}
.choices__list--multiple .choices__item.is-highlighted {
background-color: #dd1125;
border: 1px solid #c51021
}
.is-disabled .choices__list--multiple .choices__item {
background-color: #616161;
border: 1px solid #484848
}
.choices__list--dropdown {
visibility: hidden;
z-index: 1;
position: absolute;
width: 100%;
background-color: #fff;
border: 1px solid #f00;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
overflow: hidden;
word-break: break-all;
will-change: visibility
}
.choices__list--dropdown.is-active {
visibility: visible
}
.is-open .choices__list--dropdown {
border-color: #ae0e1d
}
.is-flipped .choices__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: .25rem .25rem 0 0
}
.choices__list--dropdown .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position
}
.choices__list--dropdown .choices__item {
position: relative;
padding: 10px;
font-size: 14px
}
[dir=rtl] .choices__list--dropdown .choices__item {
text-align: right
}
@media (min-width:640px) {
.choices__list--dropdown .choices__item--selectable {
padding-right: 100px
}
.choices__list--dropdown .choices__item--selectable:after {
content: attr(data-select-text);
font-size: 12px;
opacity: 0;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%)
}
[dir=rtl] .choices__list--dropdown .choices__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px
}
[dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
right: auto;
left: 10px
}
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: #f2f2f2
}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
opacity: .5
}
.choices__item {
cursor: default
}
.choices__item--selectable {
cursor: pointer
}
.choices__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: .5
}
.choices__heading {
font-weight: 600;
font-size: 12px;
padding: 10px;
border-bottom: 1px solid #f14a5a;
color: grey
}
.choices__button {
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer
}
.choices__button:focus {
outline: none
}
.choices__input {
display: inline-block;
vertical-align: baseline;
background-color: #f0f0f0;
font-size: 14px;
margin-bottom: 5px;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 4px 0 4px 2px
}
.choices__input:focus {
outline: 0
}
[dir=rtl] .choices__input {
padding-right: 2px;
padding-left: 0
}
.choices__placeholder {
opacity: .5
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #f00
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
transform: translateZ(0)
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-container-3d {
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s linear infinite;
box-sizing: border-box;
border-left: 4px solid var(--swiper-theme-color);
border-bottom: 4px solid var(--swiper-theme-color);
border-right: 4px solid var(--swiper-theme-color);
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top: 4px solid transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
to {
transform: rotate(1turn)
}
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
@font-face {
font-family: TheSansC5;
font-display: swap;
src: url(../fonts/TheSansC5-2_ExtraLight.woff2) format("woff2"), url(../fonts/TheSansC5-2_ExtraLight.woff) format("woff");
font-style: normal;
font-weight: 100
}
@font-face {
font-family: TheSansC5;
font-display: swap;
src: url(../fonts/TheSansC5-2iExtraLightIta.woff2) format("woff2"), url(../fonts/TheSansC5-2iExtraLightIta.woff) format("woff");
font-style: italic;
font-weight: 100
}
@font-face {
font-family: TheSansC5;
font-display: swap;
src: url(../fonts/TheSansC5-3_Light.woff2) format("woff2"), url(../fonts/TheSansC5-3_Light.woff) format("woff");
font-style: normal;
font-weight: 300
}
@font-face {
font-family: TheSansC5;
font-display: swap;
src: url(../fonts/TheSansC5-3iLightItalic.woff2) format("woff2"), url(../fonts/TheSansC5-3iLightItalic.woff) format("woff");
font-style: italic;
font-weight: 300
}
@font-face {
font-family: TheSansC5;
font-display: swap;
src: url(../fonts/TheSansC5-5_Plain.woff2) format("woff2"), url(../fonts/TheSansC5-5_Plain.woff) format("woff");
font-style: normal;
font-weight: 400
}
@font-face {
font-family: TheSansC5;
font-display: swap;
src: url(../fonts/TheSansC5-5iPlainItalic.woff2) format("woff2"), url(../fonts/TheSansC5-5iPlainItalic.woff) format("woff");
font-style: italic;
font-weight: 400
}
@font-face {
font-family: TheSansC5;
font-display: swap;
src: url(../fonts/TheSansC5-6_SemiBold.woff2) format("woff2"), url(../fonts/TheSansC5-6_SemiBold.woff) format("woff");
font-style: normal;
font-weight: 500
}
@font-face {
font-family: TheSansC5;
font-display: swap;
src: url(../fonts/TheSansC5-6iSemiBoldIta.woff2) format("woff2"), url(../fonts/TheSansC5-6iSemiBoldIta.woff) format("woff");
font-style: italic;
font-weight: 500
}
@font-face {
font-family: TheSansC5;
font-display: swap;
src: url(../fonts/TheSansC5-7_Bold.woff2) format("woff2"), url(../fonts/TheSansC5-7_Bold.woff) format("woff");
font-style: normal;
font-weight: 700
}
@font-face {
font-family: TheSansC5;
font-display: swap;
src: url(../fonts/TheSansC5-7iBoldItalic.woff2) format("woff2"), url(../fonts/TheSansC5-7iBoldItalic.woff) format("woff");
font-style: italic;
font-weight: 700
}
html {
font-size: 11px
}
@media (min-width:576px) {
html {
font-size: 1.90972vw
}
}
@media (min-width:785.45455px) {
html {
font-size: 15px
}
}
body {
position: relative;
transition: padding-top .3s ease
}
body::-webkit-scrollbar {
width: 7px;
height: 7px
}
body::-webkit-scrollbar-thumb {
background: #a1a1a1
}
body::-webkit-scrollbar-track {
background: #e9eaea
}
body.has-sectionnav {
padding-top: 30px
}
@media (min-width:992px) {
body.has-sectionnav {
padding-top: 50px
}
}
::-moz-selection {
background: #f00;
color: #fff
}
::selection {
background: #f00;
color: #fff
}
.page {
min-height: 100vh;
display: flex;
flex-direction: column;
overflow-x: hidden
}
.page .newslettersubscription, .page__footer, .page__stage {
position: relative;
z-index: 1
}
.page__stage ~ .page__main {
margin-top: 0
}
.page__main {
z-index: 2;
background-color: #f7f7f7;
margin-top: 78px;
}
@media (min-width:992px) {
.page__main {
}
}
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
.page__main {
min-height: 65vh
}
}
.page__footer {
margin-top: auto
}
.container, .container-slim {
padding-left: 2rem;
padding-right: 2rem
}
.container-slim {
margin-left: auto;
margin-right: auto;
max-width: 520px
}
@media (min-width:763.71084px) {
.container-slim {
max-width: 68.0886vw
}
}
@media (min-width:1220px) {
.container-slim {
max-width: 830px
}
}
.container .container-slim {
max-width: 460px
}
@media (min-width:728.23377px) {
.container .container-slim {
max-width: 63.16653vw
}
}
@media (min-width:1220px) {
.container .container-slim {
max-width: 770px
}
}
.container-slim .container, .container-slim .container-slim, .container .container, .container .container-slim {
padding-left: 0;
padding-right: 0
}
.header--h1 {
margin-bottom: 16px
}
@media (min-width:576px) {
.header--h1 {
margin-bottom: 2.77778vw
}
}
@media (min-width:1152px) {
.header--h1 {
margin-bottom: 32px
}
}
.header--h2 {
margin-bottom: 14px
}
@media (min-width:576px) {
.header--h2 {
margin-bottom: 2.43056vw
}
}
@media (min-width:1316.57143px) {
.header--h2 {
margin-bottom: 32px
}
}
.header--h3 {
margin-bottom: 13px
}
@media (min-width:576px) {
.header--h3 {
margin-bottom: 2.25694vw
}
}
@media (min-width:1196.30769px) {
.header--h3 {
margin-bottom: 27px
}
}
.header--h4 {
margin-bottom: 12px
}
@media (min-width:576px) {
.header--h4 {
margin-bottom: 2.08333vw
}
}
@media (min-width:1056px) {
.header--h4 {
margin-bottom: 22px
}
}
.header--h5 {
margin-bottom: 11px
}
@media (min-width:576px) {
.header--h5 {
margin-bottom: 1.90972vw
}
}
@media (min-width:1099.63636px) {
.header--h5 {
margin-bottom: 21px
}
}
.header--h6 {
margin-bottom: 10px
}
@media (min-width:576px) {
.header--h6 {
margin-bottom: 1.73611vw
}
}
@media (min-width:921.6px) {
.header--h6 {
margin-bottom: 16px
}
}
.mt--small {
margin-top: 30px
}
@media (min-width:576px) {
.mt--small {
margin-top: 5.20833vw
}
}
@media (min-width:1152px) {
.mt--small {
margin-top: 60px
}
}
.mb--small {
margin-bottom: 30px
}
@media (min-width:576px) {
.mb--small {
margin-bottom: 5.20833vw
}
}
@media (min-width:1152px) {
.mb--small {
margin-bottom: 60px
}
}
.pt--small {
padding-top: 30px
}
@media (min-width:576px) {
.pt--small {
padding-top: 5.20833vw
}
}
@media (min-width:1152px) {
.pt--small {
padding-top: 60px
}
}
.pb--small {
padding-bottom: 30px
}
@media (min-width:576px) {
.pb--small {
padding-bottom: 5.20833vw
}
}
@media (min-width:1152px) {
.pb--small {
padding-bottom: 60px
}
}
.mt--medium {
margin-top: 60px
}
@media (min-width:576px) {
.mt--medium {
margin-top: 10.41667vw
}
}
@media (min-width:960px) {
.mt--medium {
margin-top: 100px
}
}
.mb--medium {
margin-bottom: 60px
}
@media (min-width:576px) {
.mb--medium {
margin-bottom: 10.41667vw
}
}
@media (min-width:960px) {
.mb--medium {
margin-bottom: 100px
}
}
.pt--medium {
padding-top: 60px
}
@media (min-width:576px) {
.pt--medium {
padding-top: 10.41667vw
}
}
@media (min-width:960px) {
.pt--medium {
padding-top: 100px
}
}
.pb--medium {
padding-bottom: 60px
}
@media (min-width:576px) {
.pb--medium {
padding-bottom: 10.41667vw
}
}
@media (min-width:960px) {
.pb--medium {
padding-bottom: 100px
}
}
.mt--large {
margin-top: 90px
}
@media (min-width:576px) {
.mt--large {
margin-top: 15.625vw
}
}
@media (min-width:960px) {
.mt--large {
margin-top: 150px
}
}
.mb--large {
margin-bottom: 90px
}
@media (min-width:576px) {
.mb--large {
margin-bottom: 15.625vw
}
}
@media (min-width:960px) {
.mb--large {
margin-bottom: 150px
}
}
.pt--large {
padding-top: 90px
}
@media (min-width:576px) {
.pt--large {
padding-top: 15.625vw
}
}
@media (min-width:960px) {
.pt--large {
padding-top: 150px
}
}
.pb--large {
padding-bottom: 90px
}
@media (min-width:576px) {
.pb--large {
padding-bottom: 15.625vw
}
}
@media (min-width:960px) {
.pb--large {
padding-bottom: 150px
}
}
.no-scroll {
overflow: hidden
}
.text--sm {
font-size: 10px
}
@media (min-width:576px) {
.text--sm {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.text--sm {
font-size: 13px
}
}
.text--md {
font-size: 11px
}
@media (min-width:576px) {
.text--md {
font-size: 1.90972vw
}
}
@media (min-width:785.45455px) {
.text--md {
font-size: 15px
}
}
.text--lg {
font-size: 13px
}
@media (min-width:576px) {
.text--lg {
font-size: 2.25694vw
}
}
@media (min-width:753.23077px) {
.text--lg {
font-size: 17px
}
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-justify {
text-align: justify
}
.h1, h1 {
font-size: 21px;
line-height: 1.39434
}
@media (min-width:1453.71429px) {
.h1, h1 {
font-size: 53px
}
}
.h2, h2 {
font-size: 19px;
line-height: 1.11905
}
@media (min-width:576px) {
.h2, h2 {
font-size: 3.29861vw
}
}
@media (min-width:1273.26316px) {
.h2, h2 {
font-size: 42px
}
}
.h3, h3 {
font-size: 18px;
line-height: 1.13514
}
@media (min-width:576px) {
.h3, h3 {
font-size: 3.125vw
}
}
@media (min-width:1184px) {
.h3, h3 {
font-size: 37px
}
}
.h4, h4 {
font-size: 17px;
line-height: 1.15625
}
@media (min-width:576px) {
.h4, h4 {
font-size: 2.95139vw
}
}
@media (min-width:1084.23529px) {
.h4, h4 {
font-size: 23px
}
}
.h5, h5 {
font-size: 16px;
line-height: 1.18519
}
@media (min-width:576px) {
.h5, h5 {
font-size: 2.77778vw
}
}
@media (min-width:972px) {
.h5, h5 {
font-size: 22px
}
}
.h6, h6 {
font-size: 15px;
line-height: 1.2381
}
@media (min-width:576px) {
.h6, h6 {
font-size: 2.60417vw
}
}
@media (min-width:806.4px) {
.h6, h6 {
font-size: 15px;
line-height: 1.5;
}
}
.headline:not(.no-brandcolor), .subheadline:not(.no-brandcolor) {
color: #f00;
}
.headline {
font-weight: 700
}
.subheadline {
font-weight: 100
}
.kicker {
font-size: 11px;
font-weight: 400;
margin-bottom: .63rem;
color: #f00
}
@media (min-width:576px) {
.kicker {
font-size: 1.90972vw
}
}
@media (min-width:785.45455px) {
.kicker {
font-size: 15px
}
}
.kicker:before {
background-color: #f00
}
.kicker--line:before {
content: "";
display: inline-block;
width: 1px;
height: 21px;
margin: 0 1px 1rem
}
@media (min-width:576px) {
.kicker--line:before {
height: 3.64583vw
}
}
@media (min-width:1453.71429px) {
.kicker--line:before {
height: 53px
}
}
.kicker--line > span:before {
content: "\A";
white-space: pre
}
.header--h2 .kicker:before {
height: 19px;
margin-bottom: 5.73585px
}
@media (min-width:576px) {
.header--h2 .kicker:before {
height: 3.29861vw
}
}
@media (min-width:1273.26316px) {
.header--h2 .kicker:before {
height: 42px
}
}
@media (min-width:576px) {
.header--h2 .kicker:before {
margin-bottom: .99581vw
}
}
@media (min-width:1273.26316px) {
.header--h2 .kicker:before {
margin-bottom: 12.67925px
}
}
.header--h3 .kicker:before {
height: 18px;
margin-bottom: 5.43396px
}
@media (min-width:576px) {
.header--h3 .kicker:before {
height: 3.125vw
}
}
@media (min-width:1184px) {
.header--h3 .kicker:before {
height: 37px
}
}
@media (min-width:576px) {
.header--h3 .kicker:before {
margin-bottom: .9434vw
}
}
@media (min-width:1184px) {
.header--h3 .kicker:before {
margin-bottom: 11.16981px
}
}
.header--h4 .kicker:before {
height: 17px;
margin-bottom: 5.13208px
}
@media (min-width:576px) {
.header--h4 .kicker:before {
height: 2.95139vw
}
}
@media (min-width:1084.23529px) {
.header--h4 .kicker:before {
height: 32px
}
}
@media (min-width:576px) {
.header--h4 .kicker:before {
margin-bottom: .89099vw
}
}
@media (min-width:1084.23529px) {
.header--h4 .kicker:before {
margin-bottom: 9.66038px
}
}
.header--h5 .kicker:before {
height: 16px;
margin-bottom: 4.83019px
}
@media (min-width:576px) {
.header--h5 .kicker:before {
height: 2.77778vw
}
}
@media (min-width:972px) {
.header--h5 .kicker:before {
height: 27px
}
}
@media (min-width:576px) {
.header--h5 .kicker:before {
margin-bottom: .83857vw
}
}
@media (min-width:972px) {
.header--h5 .kicker:before {
margin-bottom: 8.15094px
}
}
.header--h6 .kicker:before {
height: 15px;
margin-bottom: 4.5283px
}
@media (min-width:576px) {
.header--h6 .kicker:before {
height: 2.60417vw
}
}
@media (min-width:806.4px) {
.header--h6 .kicker:before {
height: 21px
}
}
@media (min-width:576px) {
.header--h6 .kicker:before {
margin-bottom: .78616vw
}
}
@media (min-width:806.4px) {
.header--h6 .kicker:before {
margin-bottom: 6.33962px
}
}
.caption, caption, figcaption {
color: #cfd0d0
}
.teasertext {
color: #f00;
font-size: 13px
}
@media (min-width:576px) {
.teasertext {
font-size: 2.25694vw
}
}
@media (min-width:753.23077px) {
.teasertext {
font-size: 17px
}
}
.text-muted {
color: #a1a1a1
}
@font-face {
font-family: knauer;
src: url(../fonts/knauer.eot?a87qto);
src: url(../fonts/knauer.eot?a87qto#iefix) format("embedded-opentype"), url(../fonts/knauer.woff2?a87qto) format("woff2"), url(../fonts/knauer.ttf?a87qto) format("truetype"), url(../fonts/knauer.woff?a87qto) format("woff"), url(../fonts/knauer.svg?a87qto#knauer) format("svg");
font-weight: 400;
font-style: normal;
font-display: block
}
[class*=icon-after]:after, [class*=icon-before]:before {
font-family: knauer !important;
font-style: normal;
font-weight: 400;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-before--facebook:before {
content: ""
}
.icon-before--xing:before {
content: ""
}
.icon-before--instagram:before {
content: ""
}
.icon-before--youtube:before {
content: ""
}
.icon-before--linkedin:before {
content: ""
}
.icon-before--search:before {
content: ""
}
.icon-before--carret-left:before {
content: ""
}
.icon-before--carret-up:before {
content: ""
}
.icon-before--arrow-down:before {
content: ""
}
.icon-before--play:before {
content: ""
}
.icon-before--package:before {
content: ""
}
.icon-before--stack:before {
content: ""
}
.icon-before--gift:before {
content: ""
}
.icon-before--gears:before {
content: ""
}
.icon-before--person:before {
content: ""
}
.icon-before--factory:before {
content: ""
}
.icon-before--sustainable:before {
content: ""
}
.icon-before--location:before {
content: ""
}
.icon-before--award:before {
content: ""
}
.icon-before--milestone:before {
content: ""
}
.icon-before--headset:before {
content: ""
}
.icon-before--download:before {
content: ""
}
.icon-before--book:before {
content: ""
}
.icon-before--paperplane:before {
content: ""
}
.icon-before--info:before {
content: ""
}
.icon-before--mid-size-company:before {
content: ""
}
.icon-before--waterdrop:before {
content: ""
}
.icon-before--co2:before {
content: ""
}
.icon-before--shipping-processing:before {
content: ""
}
.icon-before--growth:before {
content: ""
}
.icon-before--future-opportunities:before {
content: ""
}
.icon-before--safety:before {
content: ""
}
.icon-before--design-advice:before {
content: ""
}
.icon-before--shape:before {
content: ""
}
.icon-before--storage:before {
content: ""
}
.icon-before--contract-packaging:before {
content: ""
}
.icon-before--sustainability:before {
content: ""
}
.icon-before--upper-arm:before {
content: ""
}
.icon-before--process-optimization:before {
content: ""
}
.icon-before--support:before {
content: ""
}
.icon-before--labels:before {
content: ""
}
.icon-before--packagings:before {
content: ""
}
.icon-before--sales:before {
content: ""
}
.icon-before--refining:before {
content: ""
}
.icon-before--material_cardboard:before {
content: ""
}
.icon-before--gift_packaging:before {
content: ""
}
.icon-before--team_spirit:before {
content: ""
}
.icon-before--added_value:before {
content: ""
}
.icon-before--print:before {
content: ""
}
.icon-before--innovation:before {
content: ""
}
.icon-before--lock:before {
content: ""
}
.icon-before--sound:before {
content: ""
}
.icon-before--mute:before {
content: ""
}
.icon-after--cross:after {
content: ""
}
.icon-after--external:after {
content: ""
}
.icon-after--carret-right:after {
content: ""
}
.icon-after--carret-down:after {
content: ""
}
.icon-after--download:after {
content: ""
}
.nolist, ol, ul {
list-style-type: none;
padding: 0
}
.nolist:not(.row), ol:not(.row), ul:not(.row) {
margin: 0
}
.cke_editable ol, .cke_editable ul, .rte ol, .rte ul, ol.list, ul.list {
font-size: 13px;
margin-bottom: 1rem
}
@media (min-width:576px) {
.cke_editable ol, .cke_editable ul, .rte ol, .rte ul, ol.list, ul.list {
font-size: 2.25694vw
}
}
@media (min-width:753.23077px) {
.cke_editable ol, .cke_editable ul, .rte ol, .rte ul, ol.list, ul.list {
font-size: 17px
}
}
.cke_editable ol li, .cke_editable ul li, .rte ol li, .rte ul li, ol.list li, ul.list li {
position: relative
}
.cke_editable ol li + li, .cke_editable ul li + li, .rte ol li + li, .rte ul li + li, ol.list li + li, ul.list li + li {
margin-top: 1.5rem
}
.cke_editable ol li:before, .cke_editable ul li:before, .rte ol li:before, .rte ul li:before, ol.list li:before, ul.list li:before {
position: absolute;
left: 1px
}
.cke_editable ol li ol, .cke_editable ol li ul, .cke_editable ul li ol, .cke_editable ul li ul, .rte ol li ol, .rte ol li ul, .rte ul li ol, .rte ul li ul, ol.list li ol, ol.list li ul, ul.list li ol, ul.list li ul {
margin-top: .7rem;
margin-bottom: 0
}
.cke_editable ol li ol li + li, .cke_editable ol li ul li + li, .cke_editable ul li ol li + li, .cke_editable ul li ul li + li, .rte ol li ol li + li, .rte ol li ul li + li, .rte ul li ol li + li, .rte ul li ul li + li, ol.list li ol li + li, ol.list li ul li + li, ul.list li ol li + li, ul.list li ul li + li {
margin-top: .7rem
}
.cke_editable ul li, .rte ul li, ul.list li {
padding-left: 1.55em
}
.cke_editable ul li:before, .rte ul li:before, ul.list li:before {
content: "";
background-color: #f00;
top: .35em;
width: .625em;
height: .625em
}
.cke_editable ol, .rte ol, ol.list {
counter-reset: item
}
.cke_editable ol li, .rte ol li, ol.list li {
padding-left: 1.55em;
padding-right: 1.55em;
}
.cke_editable ol li:before, .rte ol li:before, ol.list li:before {
font-weight: 700;
color: #f00
}
.cke_editable ol > li, .rte ol > li, ol.list > li {
counter-increment: item
}
.cke_editable ol > li:before, .rte ol > li:before, ol.list > li:before {
content: counter(item) "."
}
.cke_editable ol ol li, .rte ol ol li, ol.list ol li {
padding-left: 2.17em;
padding-right: 2.17em;
}
.cke_editable ol ol li:before, .rte ol ol li:before, ol.list ol li:before {
content: counters(item, ".")
}
.cke_editable ol ol li ol li, .rte ol ol li ol li, ol.list ol li ol li {
padding-left: 3.1em;
padding-right: 3.1em;
}
.contentelement a:not(.no-underline):not(.btn):not(.link):before {
bottom: 1px
}
.contentelement a:not(.no-underline):not(.btn), .fakelink, .link {
position: relative;
display: inline-block;
align-items: center
}
.contentelement a:not(.no-underline):not(.btn):before, .fakelink:before, .link:before {
content: "";
display: block;
position: absolute;
left: 0;
height: 1px;
width: 0;
background-color: #f00;
transition: width .2s ease-out
}
.contentelement a:not(.no-underline):not(.btn):active:before, .contentelement a:not(.no-underline):not(.btn):focus:before, .contentelement a:not(.no-underline):not(.btn):hover:before, .link:active:before, .link:focus:before, .link:hover:before, a:active .fakelink:before, a:focus .fakelink:before, a:hover .fakelink:before {
width: 100%
}
a {
font-weight: 400;
transition: color .2s ease
}
a:focus {
outline: none
}
.fakelink, .link {
color: #f00;
font-weight: 700;
border-bottom: 1px solid #cfd0d0
}
.fakelink:before, .link:before {
bottom: -1px
}
.link[class*=icon-after]:after {
margin-left: .8em
}
.link.icon-after--external:after {
font-size: .8em
}
.link.icon-after--download:after {
font-size: .9em;
transform: translateY(-1px)
}
.link--white {
border-bottom-color: #494948
}
.link--white, .link--white:active, .link--white:focus, .link--white:hover {
color: #fff
}
.link--white:before {
background-color: #fff
}
.btn {
display: inline-block;
background: #fff;
color: #494948;
box-shadow: 0 0 2.66667rem rgba(0, 0, 0, .2);
border: none;
line-height: 1.29;
font-weight: 800;
transition-property: color, background-color;
transition-duration: .3s;
transition-timing-function: ease;
cursor: pointer;
font-size: 11px;
padding: 11px 20px
}
@media (min-width:576px) {
.btn {
font-size: 1.90972vw
}
}
@media (min-width:785.45455px) {
.btn {
font-size: 15px
}
}
@media (min-width:576px) {
.btn {
padding-left: 3.47222vw;
padding-right: 3.47222vw
}
}
@media (min-width:864px) {
.btn {
padding-left: 30px;
padding-right: 30px
}
}
@media (min-width:576px) {
.btn {
padding-top: 1.90972vw;
padding-bottom: 1.90972vw
}
}
@media (min-width:680.72727px) {
.btn {
padding-top: 13px;
padding-bottom: 13px
}
}
.btn--sm {
font-size: 10px;
padding: 8px 18px
}
@media (min-width:576px) {
.btn--sm {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.btn--sm {
font-size: 13px
}
}
@media (min-width:576px) {
.btn--sm {
padding-left: 3.125vw;
padding-right: 3.125vw
}
}
@media (min-width:800px) {
.btn--sm {
padding-left: 25px;
padding-right: 25px
}
}
@media (min-width:576px) {
.btn--sm {
padding-top: 1.38889vw;
padding-bottom: 1.38889vw
}
}
@media (min-width:864px) {
.btn--sm {
padding-top: 12px;
padding-bottom: 12px
}
}
.btn--lg {
font-size: 13px;
padding: 12px 25px
}
@media (min-width:576px) {
.btn--lg {
font-size: 2.25694vw
}
}
@media (min-width:753.23077px) {
.btn--lg {
font-size: 17px
}
}
@media (min-width:576px) {
.btn--lg {
padding-left: 4.34028vw;
padding-right: 4.34028vw
}
}
@media (min-width:1036.8px) {
.btn--lg {
padding-left: 45px;
padding-right: 45px
}
}
@media (min-width:576px) {
.btn--lg {
padding-top: 2.08333vw;
padding-bottom: 2.08333vw
}
}
@media (min-width:960px) {
.btn--lg {
padding-top: 20px;
padding-bottom: 20px
}
}
.btn--xs {
font-size: 10px;
padding: 8px 14px
}
@media (min-width:576px) {
.btn--xs {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.btn--xs {
font-size: 13px
}
}
@media (min-width:576px) {
.btn--xs {
padding-left: 2.43056vw;
padding-right: 2.43056vw
}
}
@media (min-width:781.71429px) {
.btn--xs {
padding-left: 19px;
padding-right: 19px
}
}
@media (min-width:576px) {
.btn--xs {
padding-top: 1.38889vw;
padding-bottom: 1.38889vw
}
}
@media (min-width:648px) {
.btn--xs {
padding-top: 9px;
padding-bottom: 9px
}
}
.btn[class*=icon-after]:not([class*=slidenavigation__]):not(.btn-loop) {
display: inline-flex;
align-items: center
}
.btn[class*=icon-after]:not([class*=slidenavigation__]):not(.btn-loop):after {
font-size: .8em;
margin-left: 1em;
margin-right: -.2em
}
.btn--burger {
display: inline-flex;
align-items: center
}
.btn .burger {
display: flex;
flex-direction: column;
justify-content: center;
width: 1.11em;
margin-left: 1em;
margin-bottom: 1px;
flex-shrink: 0
}
.btn .burger:after, .btn .burger:before, .btn .burger__inner {
height: 1px;
background-color: #494948
}
.btn .burger__inner {
width: 100%
}
.btn .burger:after, .btn .burger:before {
content: ""
}
.btn .burger:before {
width: 80%;
margin-bottom: 2px
}
.btn .burger:after {
width: 60%;
margin-top: 2px
}
.btn .burger--center {
align-items: center;
width: 1.56em
}
.btn .burger--center .burger__inner {
width: 71%
}
.btn .burger--center:before {
width: 100%
}
.btn .burger--center:after {
width: 43%
}
.btn:active, .btn:focus {
outline: none
}
.btn:active, .btn:focus, .btn:hover, .videolink:hover .iconbtn {
color: #fff;
background-color: #f00
}
.btn:active .burger:after, .btn:active .burger:before, .btn:active .burger__inner, .btn:focus .burger:after, .btn:focus .burger:before, .btn:focus .burger__inner, .btn:hover .burger:after, .btn:hover .burger:before, .btn:hover .burger__inner, .videolink:hover .iconbtn .burger:after, .videolink:hover .iconbtn .burger:before, .videolink:hover .iconbtn .burger__inner {
background-color: #fff
}
.btn--brand {
color: #fff;
background: #1a2c74
}
.btn--brand .burger:after, .btn--brand .burger:before, .btn--brand .burger__inner {
background-color: #fff
}
.btn--brand:active, .btn--brand:focus, .btn--brand:hover {
color: #1a2c74;
background-color: #fff
}
.btn--brand:active .burger:after, .btn--brand:active .burger:before, .btn--brand:active .burger__inner, .btn--brand:focus .burger:after, .btn--brand:focus .burger:before, .btn--brand:focus .burger__inner, .btn--brand:hover .burger:after, .btn--brand:hover .burger:before, .btn--brand:hover .burger__inner {
background-color: #1a2c74
}
.iconbtn {
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
font-size: 1.6rem;
width: 2.5em;
height: 2.5em;
transition-property: color, background-color, width, height, margin;
background-color: hsla(0, 0%, 100%, .2);
color: #fff
}
.iconbtn:hover, .videolink:hover .iconbtn {
width: 2.75em;
height: 2.75em;
margin: -.125em
}
.iconbtn:active, .iconbtn:focus, .iconbtn:hover, .videolink:hover .iconbtn {
background-color: #f00
}
.iconbtn--lg {
font-size: 2.33333rem;
width: 2.6em;
height: 2.6em
}
.iconbtn--lg:hover {
width: 2.86em;
height: 2.86em;
margin: -.13em
}
.iconbtn--round {
border-radius: 50%
}
.iconbtn.icon-before--play:before {
transform: translateX(5%)
}
.table-responsive::-webkit-scrollbar {
width: 2px;
height: 2px
}
.table-responsive::-webkit-scrollbar-track {
background: #cfd0d0
}
@media (max-width:991.98px) {
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
table thead td {
background-color: transparent
}
table thead + tbody td:first-child {
font-weight: 700
}
table tbody tr {
border-bottom: 1px solid #cfd0d0
}
table tbody tr:first-child th ~ td {
font-weight: 700
}
table td, table th {
font-weight: 300;
padding: .8rem 1.33333rem
}
table td:not(:first-child), table th:not(:first-child) {
text-align: right
}
table.table {
width: 100%
}
table td {
background-color: #f0f0f0
}
table tr:nth-child(2n) td {
background-color: #e9eaea
}
.table-responsive::-webkit-scrollbar-thumb {
background: #f00
}
img {
max-width: 100%;
height: auto
}
video:focus {
outline: none
}
.img-responsive, iframe, video {
width: 100%;
height: auto
}
img.lazy, source.lazy {
transition-property: opacity;
transition-duration: .4s;
transition-timing-function: ease
}
img.lazy:not(.loaded), source.lazy:not(.loaded) {
opacity: 1
}
.videolink {
position: relative;
display: flex;
justify-content: center;
align-items: center
}
.videolink--no-preview {
background-color: #a1a1a1
}
.videolink [class*=iconbtn] {
position: absolute;
z-index: 2
}
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
.videolink [class*=iconbtn] {
left: 50%;
transform: translateX(-50%)
}
}
iframe {
border: none
}
.aspect-16to9 {
position: relative
}
.aspect-16to9:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%
}
.aspect-16to9 > iframe, .aspect-16to9 > img, .aspect-16to9 > video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
[class*=aspect-] {
overflow: hidden
}
[class*=aspect-] iframe {
height: 100%
}
figure a {
display: inline-block
}
.caption, caption, figcaption {
font-size: 10px;
color: #a1a1a1;
font-weight: 300
}
@media (min-width:576px) {
.caption, caption, figcaption {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.caption, caption, figcaption {
font-size: 13px
}
}
figure .caption, figure caption, figure figcaption {
margin-top: .5rem
}
.imageframe {
border: 8px solid #f7f7f7;
box-shadow: inset 2px 2px 4px 1px rgba(0, 0, 0, .15), inset -2px -2px 6px 1px hsla(0, 0%, 100%, .2);
position: relative;
background-color: #fff
}
.imageframe:before {
display: block;
content: "";
width: 100%;
padding-top: 100%
}
.imageframe > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.imageframe:after {
content: "";
position: absolute;
top: -8px;
left: -8px;
right: -8px;
bottom: -8px;
box-shadow: 2px 4px 8px rgba(0, 0, 0, .23)
}
.imageframe img {
padding: 20px;
font-family: "object-fit:contain;object-position:center";
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center
}
.imageframe--small {
box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, .15), inset -1px -1px 3px 1px hsla(0, 0%, 100%, .2);
border-width: 4px
}
@media (min-width:576px) {
.imageframe--small {
border-width: .69444vw
}
}
@media (min-width:864px) {
.imageframe--small {
border-width: 6px
}
}
.imageframe--small:after {
top: -4px;
right: -4px;
bottom: -4px;
left: -4px
}
@media (min-width:576px) {
.imageframe--small:after {
top: -.69444vw;
right: -.69444vw;
bottom: -.69444vw;
left: -.69444vw
}
}
@media (min-width:864px) {
.imageframe--small:after {
top: -6px;
right: -6px;
bottom: -6px;
left: -6px
}
}
.imageframe--small img {
padding: 10px
}
@media (min-width:576px) {
.imageframe--small img {
padding: 1.73611vw
}
}
@media (min-width:864px) {
.imageframe--small img {
padding: 15px
}
}
.slidenavigation {
display: flex
}
.slidenavigation__next, .slidenavigation__prev {
position: relative;
z-index: 1;
width: 30px;
height: 30px;
border: 0 solid #d4d4d4;
padding: 0;
visibility: visible;
opacity: 1;
transition-property: color, background-color, opacity, visibility
}
@media (min-width:576px) {
.slidenavigation__next, .slidenavigation__prev {
width: 5.20833vw;
height: 5.20833vw
}
}
@media (min-width:864px) {
.slidenavigation__next, .slidenavigation__prev {
width: 45px;
height: 45px
}
}
.slidenavigation__next:active:not(:hover), .slidenavigation__next:focus:not(:hover), .slidenavigation__prev:active:not(:hover), .slidenavigation__prev:focus:not(:hover) {
color: #494948 !important;
background-color: #fff !important
}
.slidenavigation__next .btn-loop, .slidenavigation__prev .btn-loop {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
cursor: pointer;
padding: 0;
justify-content: center;
align-items: center;
box-shadow: none
}
.slidenavigation__next.swiper-button-disabled, .slidenavigation__prev.swiper-button-disabled {
opacity: .5;
cursor: not-allowed
}
.slidenavigation__next.swiper-button-disabled:active, .slidenavigation__next.swiper-button-disabled:focus, .slidenavigation__next.swiper-button-disabled:hover, .slidenavigation__prev.swiper-button-disabled:active, .slidenavigation__prev.swiper-button-disabled:focus, .slidenavigation__prev.swiper-button-disabled:hover {
color: #494948 !important;
background-color: #fff !important
}
.slidenavigation__next.swiper-button-disabled .btn-loop, .slidenavigation__prev.swiper-button-disabled .btn-loop {
display: flex;
pointer-events: auto
}
.slidenavigation__next.swiper-button-lock, .slidenavigation__prev.swiper-button-lock {
visibility: hidden;
opacity: 0
}
.slidenavigation__next {
border-left-width: 1px
}
.slidenavigation--positioned {
z-index: 2;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%) translateY(-50%) translateZ(0);
direction: ltr;text-align: left;
}
@media (min-width:768px) {
.slidenavigation--positioned {
top: 50%;
left: auto;
right: 0;
transform: translateX(50%) translateY(-50%) translateZ(0);
flex-direction: column
}
}
.slidenavigation--positioned .slidenavigation__prev {
order: -1
}
@media (min-width:768px) {
.slidenavigation--positioned .slidenavigation__prev {
order: 13
}
}
@media (min-width:768px) {
.slidenavigation--positioned .slidenavigation__next {
border-width: 0 0 1px
}
}
.slidepagination {
position: relative;
display: flex;
justify-content: center;
font-weight: 400;
pointer-events: auto;
width: auto !important;
visibility: visible;
direction: ltr !important;
opacity: 1;
transition-property: color, background-color, opacity, visibility
}
.slidepagination.swiper-pagination-lock {
visibility: hidden;
opacity: 0
}
.slidepagination.swiper-pagination-bullets .indicator {
width: 1.2rem;
height: 1px;
background-color: #f00;
position: absolute;
left: 0;
bottom: 0;
transition: left .5s cubic-bezier(.36, .76, .49, 1.15);
pointer-events: none
}
.slidepagination .swiper-pagination-bullet {
cursor: pointer;
color: #cfd0d0;
transition: color .3s ease;
margin: 0 9px ;
}
.slidepagination .swiper-pagination-bullet-active, .slidepagination .swiper-pagination-bullet:hover {
color: #494948;
border-bottom: 1px solid #F00
}
.slidepagination--positioned {
justify-content: center;
align-items: center;
}
@media (max-width:700px) {
.slidepagination--positioned {
align-items: flex-start;
}
}
.slidepagination--positioned .indicator {
display: block
}
.heroslider .slidepagination{
justify-content: flex-start;
}
.heroslider .swiper-pagination-bullet{
margin: 0 15px ;
}
.tag {
display: inline-flex;
align-items: center;
background: #f0f0f0;
border: none;
box-shadow: none;
color: #494948;
line-height: 1.29;
font-weight: 300;
font-size: 10px;
padding: 7px 17px
}
@media (min-width:576px) {
.tag {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.tag {
font-size: 13px
}
}
@media (min-width:576px) {
.tag {
padding-left: 2.95139vw;
padding-right: 2.95139vw
}
}
@media (min-width:372.70588px) {
.tag {
padding-left: 11px;
padding-right: 11px
}
}
@media (min-width:576px) {
.tag {
padding-top: 1.21528vw;
padding-bottom: 1.21528vw
}
}
@media (min-width:493.71429px) {
.tag {
padding-top: 6px;
padding-bottom: 6px
}
}
.tag--lg {
padding-top: 8px;
padding-bottom: 8px
}
@media (min-width:576px) {
.tag--lg {
padding-top: 1.38889vw;
padding-bottom: 1.38889vw
}
}
@media (min-width:504px) {
.tag--lg {
padding-top: 7px;
padding-bottom: 7px
}
}
.tag:active, .tag:focus {
outline: none
}
.tag[class*=icon-after]:after {
font-size: .7em;
margin-left: 1em
}
[data-line-clamp] {
overflow: hidden;
word-break: break-word
}
[data-line-clamp].has-overflow {
position: relative
}
[data-line-clamp].has-overflow:after {
content: "...";
position: absolute;
bottom: 0;
right: 0;
background: linear-gradient(90deg, transparent, #f7f7f7 30%);
font-size: 1em;
padding-left: .5em;
padding-right: .5em;
}
[data-line-clamp] .text-overflow {
width: 100%
}
@supports (-webkit-line-clamp:2) {
[data-line-clamp] {
display: -webkit-box;
-webkit-box-orient: vertical
}
[data-line-clamp].has-overflow:after {
display: none
}
}
hr {
height: 1px;
background-color: #f00;
border: none;
margin-top: 30px;
margin-bottom: 30px
}
@media (min-width:576px) {
hr {
margin-top: 5.20833vw
}
}
@media (min-width:1152px) {
hr {
margin-top: 60px
}
}
@media (min-width:576px) {
hr {
margin-bottom: 5.20833vw
}
}
@media (min-width:1152px) {
hr {
margin-bottom: 60px
}
}
.contentelement[class*=mb--] hr.ce-div {
margin-bottom: 0
}
.contentelement[class*=mt--] hr.ce-div {
margin-top: 0
}
.page__header {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 15px 0;
z-index: 9;
display: flex;
align-items: center;
background-color: #fff;
box-shadow: 0 0 4px rgba(73, 73, 72, .2);
transition-property: transform, box-shadow;
transition-duration: .3s;
transition-timing-function: ease-out
}
.page__header a {
font-weight: 300;
color: #494948
}
.page__header a:active, .page__header a:focus, .page__header a:hover {
color: #f00
}
@media (max-width:991.98px) {
.page__header .languagemenu, .page__header .mainnav {
display: none
}
}
@media (min-width:992px) {
.page__header .header__burger {
display: none
}
}
body:not(.offcanvas-open) .page__header.scrolled {
transform: translateY(-100%);
box-shadow: 0 0 0 rgba(73, 73, 72, .2)
}
.header__logo {
padding: 0 1.6rem;
}
.header__logo img {
height: 48px;
}
@media (max-width:700px) {
.header__logo img {
height: 36px;
}
}
.header__searchtrigger {
cursor: pointer;
font-size: 16px;
margin-top: 2px;
margin: 2px 15px 0;
}
.page__header .mainnav__level-1 {
display: flex;
align-items: center
}
.page__header .mainnav__link {
padding: .33333rem 1.2rem
}
.page__header .mainnav__link.active {
color: #a1a1a1
}
.offcanvas .mainnav {
transition-property: opacity, height;
transition-timing-function: ease-in, ease;
}
.offcanvas .mainnav__link {
display: inline-flex;
align-items: center;
justify-content: space-between;
font-weight: 300;
transition-duration: .25s
}
.offcanvas .mainnav__link:after {
font-size: .6em;
color: hsla(0, 0%, 100%, .3);
transition: color .25s ease
}
.offcanvas .mainnav__link.active:after {
color: #fff
}
.offcanvas .mainnav [class*=mainnav__level] {
z-index: 1;
transition-timing-function: ease-out
}
.offcanvas .mainnav [class*=mainnav__level]:not(.mainnav__level-1) {
position: absolute
}
.offcanvas .mainnav [class*=mainnav__level].has-active > .mainnav__entry > .mainnav__link:not(.active) {
color: hsla(0, 0%, 100%, .3)
}
.offcanvas .mainnav [class*=mainnav__level].active {
opacity: 1;
pointer-events: auto;
z-index: 2
}
.offcanvas .mainnav__level-2 [class*=mainnav__level] {
opacity: 0;
pointer-events: none
}
@media (max-width:991.98px) {
.offcanvas .mainnav {
position: relative;
font-size: 1.81818rem;
transition-duration: .25s
}
.offcanvas .mainnav[data-mainnav=desktop] {
display: none
}
.offcanvas .mainnav .mainnav__link {
width: 100%
}
.offcanvas .mainnav__entry + .mainnav__entry {
margin-top: 1.81818rem
}
.offcanvas .mainnav__level-1 {
position: relative;
transition-property: transform;
transition-duration: .25s;
transition-timing-function: ease-in
}
.offcanvas .mainnav__level-1 [class*=mainnav__level] {
top: 0;
width: 100%;
opacity: 0;
pointer-events: none
}
.offcanvas .mainnav__level-1 > .mainnav__entry:first-child {
padding-top: 3.19318rem
}
.offcanvas .mainnav__entry--back {
font-size: 1rem
}
.offcanvas .mainnav__entry--back .mainnav__link {
width: auto;
justify-content: flex-start
}
.offcanvas .mainnav__entry--back .mainnav__link:before {
margin-right: .5em
}
.offcanvas .mainnav__entry--back + .mainnav__entry {
margin-top: 1.81818rem
}
.offcanvas .mainnav[data-current-level="2"] .mainnav__level-1 {
transform: translateX(-100%)
}
.offcanvas .mainnav[data-current-level="3"] .mainnav__level-1 {
transform: translateX(-200%)
}
.offcanvas .mainnav[data-current-level="4"] .mainnav__level-1 {
transform: translateX(-300%)
}
}
@media (min-width:992px) {
.offcanvas .mainnav[data-mainnav=mobile] {
display: none
}
.offcanvas .mainnav > .mainnav__link {
letter-spacing: 1px
}
.offcanvas .mainnav__entry:not(.mainnav__entry--overview) + .mainnav__entry > .mainnav__link {
padding-top: .5em
}
.offcanvas .mainnav__entry--overview {
font-size: 1rem;
letter-spacing: 1px;
margin-bottom: 1.33333rem;
height: 2.75rem;
overflow: hidden
}
.offcanvas .mainnav__level-2 {
max-width: 33.33333%
}
.offcanvas .mainnav__level-2 > .mainnav__entry:not(.mainnav__entry--overview) > .mainnav__link {
font-size: 17px
}
}
@media (min-width:992px) and (min-width:576px) {
.offcanvas .mainnav__level-2 > .mainnav__entry:not(.mainnav__entry--overview) > .mainnav__link {
font-size: 2.95139vw
}
}
@media (min-width:992px) and (min-width:1084.23529px) {
.offcanvas .mainnav__level-2 > .mainnav__entry:not(.mainnav__entry--overview) > .mainnav__link {
font-size: 32px
}
}
@media (min-width:992px) {
.offcanvas .mainnav__level-2 [class*=mainnav__level] {
position: absolute;
top: 0;
font-size: 1.2rem;
max-width: 29vw;
width: -moz-max-content;
width: max-content;
transition-property: opacity, margin, transform;
transition-duration: .25s
}
.offcanvas .mainnav__level-2 [class*=mainnav__level]:not(.active) {
margin-left: -3rem;
transform: scale(.9)
}
.offcanvas .mainnav__level-2 .mainnav__link {
width: 100%
}
.offcanvas .mainnav [class*=mainnav__level].hovered > .mainnav__entry > .mainnav__link:not(.active) {
color: hsla(0, 0%, 100%, .3)
}
.offcanvas .mainnav [class*=mainnav__level].hovered > .mainnav__entry > .mainnav__link:hover, .offcanvas .mainnav [class*=mainnav__level].hovered > .mainnav__entry > .mainnav__link:hover:after {
color: #fff
}
}
.offcanvas {
position: fixed;
z-index: 8;
top: 50px;
height: 100%;
display: none;
width: 100vw;
background: #001464;
background: linear-gradient(0deg, #000D33 0%, #001464 100%);
overflow: hidden;
pointer-events: none;
color: #fff;
padding: 30px;
transition-property: opacity, height;
transition-timing-function: ease-out;
transition-duration: 0s;
transition-delay: 0s
}
@media (min-width:576px) {
.offcanvas {
padding-top: 5.20833vw;
padding-bottom: 5.20833vw
}
}
@media (min-width:1920px) {
.offcanvas {
padding-top: 100px;
padding-bottom: 100px
}
}
@media (min-width:576px) {
.offcanvas {
padding-left: 5.20833vw;
padding-right: 5.20833vw
}
}
@media (min-width:1689.6px) {
.offcanvas {
padding-left: 88px;
padding-right: 88px
}
}
.offcanvas.loaded {
transition-duration: .3s, 0s;
transition-delay: 0s, .3s
}
.offcanvas.open {
opacity: 1;
pointer-events: auto;
transition-delay: 0s;
height: calc(100% - 50px)
}
@media (min-width:992px) {
.offcanvas {
top: 76px
}
.offcanvas.open {
height: calc(100% - 84px)
}
}
.offcanvas a {
color: inherit
}
.offcanvas__inner {
position: relative;
height: 100%;
overflow: hidden;
overflow-y: auto
}
.offcanvas__inner::-webkit-scrollbar {
width: 4px;
height: 4px
}
.offcanvas__inner::-webkit-scrollbar-thumb {
background: hsla(0, 0%, 100%, .35)
}
.offcanvas__inner::-webkit-scrollbar-track {
background: hsla(0, 0%, 100%, .3)
}
.offcanvas__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
pointer-events: none;
transition: opacity .3s ease-in;
}
.offcanvas__item.active {
z-index: 2;
opacity: 1;
pointer-events: auto;
}
.offcanvas__item:not(.active).mainnav [class*=mainnav__level].active {
pointer-events: none
}
.offcanvas__close {
position: absolute;
z-index: 3;
top: 25px;
font-size: 1.13333rem;
line-height: 1;
padding: .33333rem;
cursor: pointer;
transition: opacity .2s ease
}
@media (min-width:992px) {
.offcanvas__close {
top: 2.52016vw;
}
}
@media (min-width:1785.6px) {
.offcanvas__close {
top: 45px;
}
}
.offcanvas__close:hover {
opacity: .5
}
@media (max-width:991.98px) {
.offcanvas__close {
display: none
}
}
.languagemenu {
display: flex;
align-items: center;
text-transform: uppercase
}
.languagemenu__link {
padding: 3px 6px
}
.page__header .languagemenu__link--active {
color: #a1a1a1
}
@media (max-width:991.98px) {
.offcanvas {
padding-bottom: calc(30px + 4.25rem)
}
}
@media (max-width:991.98px) and (min-width:576px) {
.offcanvas {
padding-bottom: calc(5.20833vw + 4.25rem)
}
}
.offcanvas .languagemenu {
position: absolute;
left: calc(2.72727rem - 6px);
bottom: 2.72727rem;
max-width: calc(100% - 5.45455rem);
font-size: 1.27273rem
}
@media (min-width:992px) {
.offcanvas .languagemenu {
display: none
}
}
.offcanvas .languagemenu__link:not(.languagemenu__link--active) {
color: hsla(0, 0%, 100%, .3)
}
.offcanvas .languagemenu__link:not(.languagemenu__link--active):active, .offcanvas .languagemenu__link:not(.languagemenu__link--active):focus, .offcanvas .languagemenu__link:not(.languagemenu__link--active):hover {
color: #fff
}
.header__burger {
position: relative;
display: flex;
align-items: center;
width: 17px;
height: 17px;
cursor: pointer
}
.header__burger .burger__inner, .header__burger:after, .header__burger:before {
width: 17px;
height: 1px;
background-color: #494948;
transition-property: width, transform, top, bottom;
transition-duration: .3s;
transition-timing-function: ease-out
}
.header__burger .burger__inner {
transition-delay: .12s
}
.header__burger:after, .header__burger:before {
content: "";
display: block;
position: absolute;
left: 0;
transform-origin: left
}
.header__burger:before {
top: 4px
}
.header__burger:after {
bottom: 4px
}
.header__burger.active .burger__inner {
width: 0;
transition-delay: 0s
}
.header__burger.active:before {
transform: rotate(45deg);
top: 2px
}
.header__burger.active:after {
transform: rotate(-45deg);
bottom: 2px
}
@media (max-width:991.98px) {
.header__search {
padding-left: 0;
padding-right: 0
}
}
.header__search .formfield__wrapper--iconbtn .formfield-btn {
color: hsla(0, 0%, 100%, .3)
}
.header__searchtrigger.active:before {
content: ""
}
.sectionnav {
position: fixed;
left: 0;
top: 65px;
z-index: 6;
width: 100%;
height: 50px;
color: #fff;
transition-property: top, height;
transition-duration: .3s, .3s;
transition-timing-function: ease-out, ease-out;
overflow: hidden;
line-height: 1.1
}
.sectionnav a {
color: inherit
}
.sectionnav__title {
display: flex;
flex-shrink: 0;
align-items: center;
font-weight: 700;
padding-left: 20px;
padding-right: 15px;
transition: border-bottom-color .3s ease
}
.sectionnav__title:after {
font-size: .9rem;
transition: transform .3s ease-out
}
.sectionnav .swiper-container {
margin: 0;
width: 100%
}
@media (max-width:991.98px) {
.sectionnav {
height: auto;
}
.sectionnav__nav{
display: none;
}
.sectionnav__title {
height: 30px;
width: 100%;
justify-content: space-between;
cursor: pointer;
border-bottom: 1px solid transparent
}
.sectionnav .swiper-wrapper {
display: block
}
.sectionnav .anchornav {
padding-top: 7px;
padding-bottom: 7px;
overflow-y: auto;
max-height: calc(100vh - 80px)
}
.sectionnav .anchornav::-webkit-scrollbar {
width: 4px;
height: 4px
}
.sectionnav .anchornav::-webkit-scrollbar-thumb {
background: hsla(0, 0%, 100%, .35)
}
.sectionnav .anchornav::-webkit-scrollbar-track {
background: hsla(0, 0%, 100%, .3)
}
.sectionnav .anchorlink {
display: block;
padding: 7px 20px;
}
.sectionnav.expanded .sectionnav__title {
border-bottom-color: hsla(0, 0%, 100%, .3)
}
.sectionnav.expanded .sectionnav__title:after {
transform: rotate(180deg)
}
}
@media (min-width:992px) {
.sectionnav {
display: flex
}
.sectionnav__title {
padding-left: 2rem;
padding-right: 2rem;
border-right: 1px solid hsla(0, 0%, 100%, .2)
}
.sectionnav__title:after {
display: none
}
.sectionnav .swiper-slide {
width: auto
}
.sectionnav .swiper-slide:first-child .anchorlink {
padding-left: 2rem;
padding-right: 2rem;
}
.sectionnav .swiper-slide:last-child .anchorlink {
padding-right: 2rem;
padding-left: 2rem;
}
.sectionnav .swiper-scrollbar {
width: 100%;
position: absolute;
bottom: 1px;
opacity: 0;
pointer-events: none;
transition: opacity .3s ease
}
.sectionnav .swiper-scrollbar-drag {
height: 3px;
border-radius: 3px;
background-color: hsla(0, 0%, 100%, .4)
}
.sectionnav .swiper-container:hover .swiper-scrollbar {
opacity: 1;
pointer-events: auto
}
.sectionnav .anchorlink {
display: flex;
align-items: center;
height: 100%;
padding: 0 1rem;
white-space: nowrap
}
}
@media (min-width:992px) {
.sectionnav {
top: 78px
}
}
body.has-sectionnav .sectionnav {
height: 30px
}
@media (min-width:992px) {
body.has-sectionnav .sectionnav {
height: 50px
}
}
.page__header.scrolled ~ .sectionnav {
top: 0
}
@media (max-width:991.98px) {
.page__header.scrolled ~ .sectionnav {
max-height: 100vh
}
.page__header.scrolled ~ .sectionnav .anchornav {
max-height: calc(100vh - 30px)
}
}
.swiper {margin-right: unset;}
.page__footer {
background-color: #2c2c2e;
color: #a1a1a1;
padding-top: 60px;
padding-bottom: 60px
}
@media (min-width:576px) {
.page__footer {
padding-top: 10.41667vw;
padding-bottom: 10.41667vw
}
}
@media (min-width:912px) {
.page__footer {
padding-top: 95px;
padding-bottom: 95px
}
}
.footer__inner {
display: flex;
flex-direction: column;
align-items: center
}
@media (min-width:768px) {
.footer__inner {
flex-direction: row;
justify-content: space-between
}
}
.footer__left, .footer__right {
display: flex;
flex-direction: column;
align-items: center
}
@media (max-width:767.98px) {
.footer__left, .footer__right {
text-align: center
}
}
@media (min-width:768px) and (max-width:1189px) {
.footer__left {
align-items: flex-start
}
}
@media (min-width:768px) {
.footer__left {
flex-direction: row
}
.footer__left > * {
margin-right: 3.33333rem
}
}
@media (min-width:768px) and (max-width:1189px) {
.footer__right {
align-items: flex-end;
text-align: right
}
}
@media (max-width:767.98px) {
.footer__right {
margin-top: 40px
}
}
@media (min-width:1190px) {
.footer__right {
flex-direction: row
}
}
.footer__logo {
display: block;
width: 62px;
height: 62px
}
.footer__logo svg {
width: 100%;
height: 100%
}
.footer__contactinfo {
display: flex;
align-items: center;
flex-direction: column
}
@media (min-width:768px) and (max-width:1189px) {
.footer__contactinfo {
align-items: flex-start
}
}
@media (min-width:1190px) {
.footer__contactinfo {
flex-direction: row
}
}
.footer__address {
font-weight: 700;
margin-bottom: 0
}
@media (max-width:767.98px) {
.footer__address {
margin-top: 40px
}
}
@media (min-width:768px) {
.footer__address {
white-space: nowrap
}
}
@media (min-width:1190px) {
.footer__address {
margin-right: 3.33333rem
}
}
@media (max-width:1189px) {
.footer__contactlinks {
margin-top: 20px
}
}
@media (max-width:767.98px) {
.footer__contactlinks {
margin-top: 40px
}
}
.footer__contactlinks .contactlinks + .contactlinks {
margin-top: 5px
}
.footer__social .sociallink {
color: #494948;
font-size: 25px;
padding: 0 4px
}
@media (max-width:1189px) {
.footer__metacopy {
margin-top: 40px
}
}
@media (min-width:1190px) {
.footer__metacopy {
margin-left: 3.33333rem;
max-width: 280px
}
}
.footer__meta {
display: flex;
flex-wrap: wrap;
align-items: center
}
.footer__meta:not(.row) {
margin-left: -.4rem;
margin-right: -.4rem
}
.footer__meta a {
font-weight: 300;
padding: 1px .4rem
}
.footer__meta a:not(:hover):not(:focus):not(:active) {
color: #a1a1a1
}
@media (min-width:768px) {
.footer__meta {
justify-content: flex-end
}
}
.footer__copyright {
margin-top: 7px
}
@media (min-width:768px) {
.footer__copyright {
text-align: right
}
}
.sociallink:before {
transition: color .3s ease
}
.sociallink:active.icon-before--facebook:before, .sociallink:focus.icon-before--facebook:before, .sociallink:hover.icon-before--facebook:before {
color: #1877f2
}
.sociallink:active.icon-before--xing:before, .sociallink:focus.icon-before--xing:before, .sociallink:hover.icon-before--xing:before {
color: #005a5f
}
.sociallink:active.icon-before--youtube:before, .sociallink:focus.icon-before--youtube:before, .sociallink:hover.icon-before--youtube:before {
color: red
}
.sociallink:active.icon-before--instagram:before, .sociallink:focus.icon-before--instagram:before, .sociallink:hover.icon-before--instagram:before {
color: #c32aa3
}
.sociallink:active.icon-before--linkedin:before, .sociallink:focus.icon-before--linkedin:before, .sociallink:hover.icon-before--linkedin:before {
color: #0a66c2
}
.breadcrumb {
padding-top: .73333rem;
padding-left: 2rem;
padding-right: 2rem
}
.container-slim .breadcrumb, .container .breadcrumb {
padding-left: 0;
padding-right: 0
}
.breadcrumb__list {
display: flex;
flex-wrap: wrap;
align-items: center
}
.breadcrumb__item {
display: flex;
align-items: center;
line-height: 1.1;
margin-top: .46667rem
}
.breadcrumb__item:after {
display: block;
font-size: .65em;
margin: 1px .66667rem 0;
color: #a1a1a1
}
.breadcrumb__link {
display: block;
color: #494948;
font-weight: 300
}
@media (max-width:767.98px) {
.breadcrumb__item:not(:last-child):not(:nth-last-child(2)) {
display: none
}
}
.tooltip {
position: relative
}
.tooltip__trigger {
font-size: 14px;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
cursor: pointer
}
.tooltip__content {
position: absolute;
bottom: calc(100% + 5px);
background-color: #fff;
color: #494948;
max-width: 200px;
width: -moz-max-content;
width: max-content;
padding: 15px;
box-shadow: 0 0 40px rgba(0, 0, 0, .2);
transform: translateX(calc(8px - 50%));
transition-property: opacity, bottom;
transition-duration: .3s;
transition-timing-function: ease-out
}
@media (min-width:576px) {
.tooltip__content {
padding: 2.60417vw
}
}
@media (min-width:768px) {
.tooltip__content {
padding: 20px
}
}
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
.tooltip__content {
width: 200px;
transform: translateX(-192px)
}
}
.tooltip:not(.active) .tooltip__content {
opacity: 0;
bottom: 0;
pointer-events: none
}
.form {
background-color: #fff;
border-top: 1px solid #fff
}
.form-group, fieldset legend {
margin-bottom: 1.33333rem
}
fieldset legend {
font-size: 1.33333rem;
font-weight: 700
}
@media (max-width:576px) {
.ce-form_formframework .container {
padding-left: 0;
padding-right: 0
}
.ce-form_formframework .container .container-slim {
padding-left: 2rem;
padding-right: 2rem;
max-width: 520px
}
}
.formfield__group {
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%
}
.formfield__group .formfield {
display: block;
flex: 1 1 auto;
width: 1%;
min-width: 0
}
.formfield__wrapper--select:hover:not(.disabled):after, .formfield__wrapper--text:hover:not(.disabled):after, .formfield__wrapper.focus:not(.disabled):after, .formfield__wrapper.has-value:not(.disabled):after {
width: 100%;
opacity: 1;
transition-delay: 0s
}
.formfield.error, .formfield__wrapper.error .formfield, .validated .formfield:invalid {
background-color: #fae6e8;
border-bottom-color: #f00
}
::-moz-placeholder {
color: #a1a1a1;
-moz-transition: color .3s ease-out;
transition: color .3s ease-out
}
:-ms-input-placeholder {
color: #a1a1a1;
-ms-transition: color .3s ease-out;
transition: color .3s ease-out
}
::placeholder {
color: #a1a1a1;
transition: color .3s ease-out
}
.formfield {
display: block;
font-family: TheSansC5, Verdana, sans-serif;
font-weight: 300;
line-height: 1.15;
color: #a1a1a1;
width: 100%;
background: #f0f0f0;
box-shadow: none;
border: solid #cfd0d0;
border-width: 0 0 1px;
border-radius: 0;
font-size: 10px;
padding: .93333rem 1.33333rem .8rem;
transition-property: background-color, color;
transition-duration: .3s;
transition-timing-function: ease-out
}
@media (min-width:576px) {
.formfield {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.formfield {
font-size: 13px
}
}
.formfield__wrapper {
position: relative
}
.formfield__wrapper--select:not(.disabled):after, .formfield__wrapper--text:not(.disabled):after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
opacity: 0;
background-color: #f00;
transition-property: width, opacity;
transition-timing-function: ease-out;
transition-duration: .3s, .2s;
transition-delay: 0s, .1s;
z-index: 1
}
.formfield__wrapper--iconbtn .formfield-btn {
position: absolute;
top: 0;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: none;
border: none;
font-size: 1.2rem;
line-height: 1;
padding: 0;
width: 2.66667rem
}
.formfield__wrapper--iconbtn .formfield-btn:active, .formfield__wrapper--iconbtn .formfield-btn:focus {
outline: none
}
.formfield__wrapper.focus:not(.disabled) .formfield:not(.formfield--transparent), .formfield__wrapper.has-value:not(.disabled) .formfield:not(.formfield--transparent) {
color: #56565a
}
.formfield__wrapper--recaptcha {
overflow: hidden
}
.formfield:active, .formfield:focus, .formfield:hover {
outline: none
}
.formfield--lg {
padding-top: 1.06667rem;
padding-bottom: 1.06667rem
}
.formfield--transparent {
background-color: rgba(0, 0, 0, .2);
border: none
}
.formfield--transparent::-moz-placeholder {
color: #fff
}
.formfield--transparent:-ms-input-placeholder {
color: #fff
}
.formfield--transparent, .formfield--transparent::placeholder {
color: #fff
}
.formfield[disabled] {
background-color: #f7f7f7;
color: #a1a1a1;
cursor: not-allowed
}
.formfield[disabled]::-moz-placeholder {
color: #a1a1a1
}
.formfield[disabled]:-ms-input-placeholder {
color: #a1a1a1
}
.formfield[disabled]::placeholder {
color: #a1a1a1
}
.checkbox__input.error ~ .checkbox__label .checkbox__toggle, .validated .checkbox__input:invalid ~ .checkbox__label .checkbox__toggle {
background-color: #fae6e8;
border-left-color: #f00
}
.checkbox {
line-height: 1
}
.checkbox + .checkbox, .checkbox-group {
margin-top: .46667rem
}
.checkbox__input {
position: absolute;
width: 1px;
height: 1px;
left: .73333rem;
bottom: .73333rem;
pointer-events: none;
opacity: 0
}
.checkbox__input[type=radio] ~ .checkbox__label .checkbox__toggle, .checkbox__input[type=radio] ~ .checkbox__label .checkbox__toggle:before {
border-radius: 50%
}
.checkbox__input:checked ~ .checkbox__label .checkbox__toggle:before {
width: .93333rem;
height: .93333rem;
opacity: 1
}
.checkbox__input[disabled] ~ .checkbox__label {
cursor: not-allowed
}
.checkbox__input[disabled] ~ .checkbox__label .checkbox__toggle {
background-color: #f7f7f7
}
.checkbox__input[disabled] ~ .checkbox__label .checkbox__toggle:before {
background-color: #a1a1a1
}
.checkbox__input[disabled] ~ .checkbox__label .checkbox__text {
color: #a1a1a1
}
.checkbox__label {
display: inline-flex;
align-items: center;
font-size: 10px;
font-weight: 300;
cursor: pointer;
margin-bottom: 0
}
@media (min-width:576px) {
.checkbox__label {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.checkbox__label {
font-size: 13px
}
}
.checkbox__toggle {
position: relative;
width: 1.46667rem;
height: 1.46667rem;
background-color: #f0f0f0;
flex-shrink: 0;
margin-right: .66667rem;
margin-left: .66667rem;
border: 1px solid #cfd0d0;
transition-property: border, background-color;
transition-duration: .3s;
transition-timing-function: ease-out
}
.checkbox__toggle:before {
content: "";
display: block;
width: 0;
height: 0;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) translateZ(0);
background-color: #f00;
transition-property: width, height, opacity;
transition-duration: .3s;
transition-timing-function: ease-out
}
.checkbox__text {
color: #56565a;
line-height: 1.15;
margin-top: .1em
}
select:not([disabled]) {
cursor: pointer
}
select.formfield {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 40px
}
select.formfield:not([multiple]) {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%23494948' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 10px 10px;
background-position: right 1.33333rem center
}
select.formfield[disabled] {
background-color: #fff;
color: #e9eaea
}
.choices {
line-height: 1.15;
font-size: 10px
}
@media (min-width:576px) {
.choices {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.choices {
font-size: 13px
}
}
.choices__inner {
min-height: 0;
padding-right: 2.66667rem;
font-size: 1em
}
.choices__item {
transition-property: color, background-color;
transition-duration: .2s;
transition-timing-function: ease
}
.choices__placeholder {
color: #a1a1a1;
opacity: 1
}
.choices__input {
font-weight: 300
}
.choices__list--single {
padding: 0
}
.choices__list--dropdown {
border: none;
border-radius: 0;
margin-top: 0;
pointer-events: none;
transition: box-shadow .2s ease;
z-index: 3
}
.choices__list--dropdown .choices__list {
max-height: 230px
}
.choices__list--dropdown .choices__list::-webkit-scrollbar {
width: 4px;
height: 4px
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
background: #a1a1a1
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-track {
background: #e9eaea
}
.choices__list--dropdown .choices__item {
color: #56565a;
padding: .93333rem 1.33333rem .8rem;
font-size: 10px
}
@media (min-width:576px) {
.choices__list--dropdown .choices__item {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.choices__list--dropdown .choices__item {
font-size: 13px
}
}
.choices__list--dropdown .choices__item.is-highlighted {
color: #fff
}
.choices__list--dropdown .choices__item.is-selected:not(.is-highlighted) {
background-color: #f0f0f0
}
.choices__list--dropdown .choices__item:after {
display: none
}
.choices[data-type*=select-one] .choices__inner {
padding-bottom: .8rem
}
.choices[data-type*=select-one] .choices__input {
margin: .4rem .53333rem;
padding: .73333rem .66667rem .6rem;
width: calc(100% - 1.06667rem)
}
.choices[data-type*=select-multiple]:after, .choices[data-type*=select-one]:after {
content: "";
font-family: knauer !important;
font-style: normal;
font-weight: 400;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
right: 1.33333rem;
font-size: 1em;
border: none;
width: auto;
height: 100%;
display: flex;
align-items: center;
margin: 0;
top: 1px;
transition-property: color, transform, top;
transition-duration: .3s;
transition-timing-function: ease-out;
z-index: 1
}
.choices[data-type*=select-multiple] .choices__inner {
border: 0;
padding: 0;
background-color: transparent;
display: flex;
flex-direction: column-reverse
}
.choices[data-type*=select-multiple] .choices__inner .choices__list {
display: block;
position: relative;
z-index: 1;
overflow: visible
}
.choices[data-type*=select-multiple] .choices__inner .choices__list:before {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 0;
height: 1px;
opacity: 0;
transition-property: width, opacity;
transition-timing-function: ease-out;
transition-duration: .3s, .2s;
transition-delay: 0s, .1s;
z-index: 1
}
.choices[data-type*=select-multiple] .choices__inner .choices__item {
position: relative;
display: inline-flex;
align-items: center;
margin: .66667rem .66667rem 0 0;
padding: .33333rem .66667rem;
font-weight: 300;
border: none
}
.choices[data-type*=select-multiple] .choices__inner .choices__item:after {
content: "";
font-family: knauer !important;
font-style: normal;
font-weight: 400;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: .72em;
margin-left: .66667rem
}
.choices[data-type*=select-multiple] .choices__inner .choices__item .choices__button {
position: absolute;
background: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: none;
opacity: 0
}
.choices[data-type*=select-multiple] .choices__input {
width: 100% !important;
padding-right: 2.66667rem;
margin: 0
}
.choices[data-type*=select-multiple]:after {
position: absolute;
height: auto;
top: .93333rem
}
.choices[data-type*=select-multiple] .choices__list--dropdown .choices__item {
position: relative;
padding-left: 3.46667rem;
padding-right: 3.46667rem;
}
.choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:before {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%) translateZ(0);
z-index: 1
}
.choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:before {
width: 1.46667rem;
height: 1.46667rem;
background-color: #f0f0f0;
border: 1px solid #cfd0d0;
left: 1.33333rem
}
.choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after {
width: 0;
height: 0;
opacity: 0;
transform: translate(-50%, -50%);
left: 2.06667rem
}
.choices[data-type*=select-multiple] .choices__list--dropdown .choices__item.is-selected:after {
width: .93333rem;
height: .93333rem;
opacity: 1
}
.choices.is-focused[data-type*=select-multiple]:after, .choices.is-focused[data-type*=select-one]:after, .choices.is-open[data-type*=select-multiple]:after, .choices.is-open[data-type*=select-one]:after, .choices:hover[data-type*=select-multiple]:after, .choices:hover[data-type*=select-one]:after {
margin: 0
}
.choices.is-focused[data-type*=select-multiple]:not(.is-disabled) .choices__inner .choices__list:before, .choices.is-open[data-type*=select-multiple]:not(.is-disabled) .choices__inner .choices__list:before, .choices:hover[data-type*=select-multiple]:not(.is-disabled) .choices__inner .choices__list:before {
width: 100%;
opacity: 1;
transition-delay: 0s
}
.choices.is-open .choices__list--dropdown {
pointer-events: auto;
box-shadow: 0 0 2.66667rem rgba(0, 0, 0, .2)
}
.choices.is-open[data-type*=select-multiple]:after, .choices.is-open[data-type*=select-one]:after {
transform: rotateX(180deg)
}
.choices.is-open[data-type*=select-one]:after {
top: 0
}
.choices.is-open[data-type*=select-multiple] .choices__list--multiple .choices__item {
visibility: hidden;
opacity: 0;
pointer-events: none
}
.choices.is-disabled {
cursor: not-allowed
}
.choices.is-disabled .formfield {
background-color: #fff;
color: #e9eaea
}
.choices.is-disabled .choices__item, .choices.is-disabled[data-type*=select-multiple]:after, .choices.is-disabled[data-type*=select-one]:after {
color: #e9eaea
}
.choices select.formfield {
position: absolute;
width: 1px !important;
height: 1px !important;
left: 50%;
bottom: 0;
pointer-events: none;
opacity: 0;
padding: 0 !important;
margin: 0 !important
}
.formfield__wrapper.has-value .choices[data-type*=select-multiple]:not(.is-disabled) .choices__inner .choices__list:before {
width: 100%;
opacity: 1
}
.formfield__wrapper.has-value .choices[data-type*=select-multiple]:not(.is-disabled) .choices__input::-moz-placeholder {
color: #56565a
}
.formfield__wrapper.has-value .choices[data-type*=select-multiple]:not(.is-disabled) .choices__input:-ms-input-placeholder {
color: #56565a
}
.formfield__wrapper.has-value .choices[data-type*=select-multiple]:not(.is-disabled) .choices__input::placeholder {
color: #56565a
}
.formfield.has-value select:not([multiple]), select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%23f00' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
.choices.is-focused, .choices[data-type*=select-one] .choices__input {
border-color: #f00
}
.choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, .choices[data-type*=select-multiple] .choices__inner .choices__list:before, .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, .choices__list--dropdown .choices__item.is-highlighted {
background-color: #f00
}
.choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, .choices:hover:not(.is-disabled)[data-type*=select-one]:after, .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #f00
}
textarea.formfield {
min-height: 12.66667rem
}
.help-block {
display: block;
font-size: 10px
}
@media (min-width:576px) {
.help-block {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.help-block {
font-size: 13px
}
}
.help-block.error {
color: #f00
}
.formfield__wrapper + .help-block {
margin-top: .5rem
}
.heroslider {
overflow: hidden;
position: relative;
background-color: #f7f7f7
}
.heroslider .mediaslider {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%
}
.heroslider .mediaslider .slide:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .3)
}
.heroslider .textslider {
transition: opacity .5s ease
}
.heroslider .textslider .slide.swiper-slide-active .slide__inner, .heroslider .textslider .slide.swiper-slide-duplicate-active .slide__inner {
transition-delay: .3s
}
.heroslider .textslider .slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) .slide__inner {
opacity: 0;
transition-delay: 0s
}
.heroslider .slide--video {
background-color: #000
}
.heroslider .slide__image, .heroslider .slide__video {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center";
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.heroslider .slide__video {
opacity: 0;
transition: opacity .4s ease;
transition-delay: .5s
}
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
.heroslider .slide__video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto
}
}
.heroslider .slide .videolink {
width: 100%;
height: 100%
}
.heroslider .slide__inner {
display: block;
max-width: 530px;
color: #494948;
transition-property: opacity, transform;
transition-duration: .5s;
transition-timing-function: ease-out
}
.heroslider .slide__title {
font-size: 1.81818rem
}
.heroslider .slide__title + .slide__link, .heroslider .slide__title + .slide__text {
margin-top: 15px
}
@media (min-width:576px) {
.heroslider .slide__title + .slide__link, .heroslider .slide__title + .slide__text {
margin-top: 2.60417vw
}
}
@media (min-width:1152px) {
.heroslider .slide__title + .slide__link, .heroslider .slide__title + .slide__text {
margin-top: 30px
}
}
.heroslider .slide__text + .slide__link {
margin-top: 10px
}
@media (min-width:576px) {
.heroslider .slide__text + .slide__link {
margin-top: 1.73611vw
}
}
@media (min-width:1152px) {
.heroslider .slide__text + .slide__link {
margin-top: 20px
}
}
.heroslider .slide .fakelink:before {
width: 100%
}
.heroslider .slide.swiper-slide-active .slide__video, .heroslider .slide.swiper-slide-duplicate-active .slide__video {
opacity: 1
}
.heroslider__nav {
pointer-events: none;
}
.heroslider__nav .slidepagination, .heroslider__nav .swiper-button-next, .heroslider__nav .swiper-button-prev {
pointer-events: auto
}
.heroslider__arrows {
position: absolute;
top: 50%;
left: 20px;
width: calc(100% - 40px);
display: flex;
justify-content: space-between;
z-index: 2;
pointer-events: none
}
.heroslider__arrows > * {
pointer-events: auto
}
@media (min-width:992px) and (max-width:1320px) {
.heroslider__arrows {
left: 5px;
width: calc(100% - 10px)
}
}
.heroslider .swiper-button-next, .heroslider .swiper-button-prev {
color: #fff;
opacity: .3;
transition: opacity .3s ease;
cursor: pointer;
font-size: 6px
}
@media (min-width:320px) {
.heroslider .swiper-button-next, .heroslider .swiper-button-prev {
font-size: 1.875vw
}
}
@media (min-width:1120px) {
.heroslider .swiper-button-next, .heroslider .swiper-button-prev {
font-size: 21px !important
}
}
.heroslider .swiper-button-next:hover, .heroslider .swiper-button-prev:hover {
opacity: .8
}
.heroslider .scrolldown {
display: inline;
font-size: 20px;
transition-property: opacity, bottom;
transition-duration: .5s, .2s;
transition-timing-function: ease, ease;
cursor: pointer;
}
@media (min-width:576px) {
.heroslider .scrolldown {
font-size: 3.47222vw
}
}
@media (min-width:691.2px) {
.heroslider .scrolldown {
font-size: 24px
}
}
.heroslider .scrolldown__wrapper {
position: relative;
z-index: 1
}
.heroslider [data-mute-control] ~ * {
margin-top: 1.66667rem
}
.heroslider .text-right [data-mute-control] {
margin-left: auto
}
@media (max-width:991.98px) {
.heroslider .mediaslider {
position: fixed
}
.heroslider .mediaslider:before {
display: block;
content: "";
width: 100%;
padding-top: 60%
}
.heroslider .mediaslider > .swiper-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.heroslider .mediaslider .slide__video {
display: none
}
.heroslider .textslider {
background-color: #f7f7f7;
margin-top: 60vw;
display: flex;
flex-direction: column-reverse
}
.heroslider .textslider .slidepagination, .heroslider .textslider .swiper-wrapper {
margin-top: 1.81818rem
}
.heroslider .textslider .heroslider__arrows {
display: none
}
.heroslider .slide__inner {
text-align: center;
margin: 0 auto
}
.heroslider .slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) .slide__inner {
transform: translateY(50%)
}
.heroslider .slidepagination {
justify-content: center
}
.heroslider .slidepagination .indicator {
bottom: 1px
}
.heroslider .scrolldown {
font-size: 19px
}
.heroslider .scrolldown__wrapper {
text-align: center;
padding-top: 30px;
background-color: #f7f7f7
}
.heroslider [data-mute-control] {
display: none
}
}
@media (min-width:992px) {
.heroslider .swiper-wrapper {
height: 100% !important
}
.heroslider .swiper-wrapper .slide {
height: 100%
}
.heroslider .swiper-wrapper .slide .videolink {
display: none
}
.heroslider, .heroslider .mediaslider {
height: calc(100vh - 40px)
}
.heroslider .mediaslider .heroslider__arrows {
display: none
}
.heroslider .textslider {
position: relative;
z-index: 1;
height: 100%
}
.heroslider .textslider .slide {
display: flex;
align-items: center
}
.heroslider .textslider .slide__title {
font-size: 53px
}
.heroslider .textslider .slide__text {
max-width: 85%
}
.heroslider .textslider .slide__inner.text-right, .heroslider .textslider .slide__inner.text-right .slide__text {
margin-left: auto
}
.heroslider .textslider .slide.color--white .fakelink, .heroslider .textslider .slide.color--white .slide__inner, .heroslider .textslider .slide.color--white .slide__title {
color: #fff
}
.heroslider .textslider .slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) .slide__inner.text-left {
transform: translateX(-50%)
}
.heroslider .textslider .slide:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) .slide__inner.text-right {
transform: translateX(50%)
}
.heroslider__nav {
position: absolute;
top: 0;
z-index: 1;
height: 100%;
display: flex;
align-items: flex-end;
padding-bottom: calc((100vw - 60px)/8 - 1.66667px)
}
.heroslider .slidepagination .swiper-pagination-bullet {
color: hsla(0, 0%, 100%, .3);
margin-right: .6rem
}
.heroslider .slidepagination .swiper-pagination-bullet-active, .heroslider .slidepagination .swiper-pagination-bullet:hover {
color: #fff
}
.heroslider .scrolldown {
color: #fff;
position: absolute;
right: 5vw;
bottom: 46px
}
.heroslider.scrolled .scrolldown, .heroslider.scrolled .textslider {
opacity: 0;
pointer-events: none
}
}
@media (min-width:1220px) {
.heroslider .textslider__container {
margin-left: 80px;
margin-right: 80px;
max-width: 100%
}
.heroslider__nav {
padding-bottom: 119.58333px
}
}
@media (min-width:992px) and (max-width:1450px) {
.heroslider .scrolldown {
bottom: calc((100vw - 60px)/8 - 1.66667px)
}
}
@media (min-width:992px) and (max-height:740px) {
.heroslider .textslider__container .slide__inner {
transform: translateY(-50px)
}
}
.quicklinks {
box-shadow: 0 0 40px rgba(0, 0, 0, .2);
margin-left: -1px;
overflow: hidden
}
.quicklink {
position: relative;
transition-duration: .3s;
background-color: #ccc;
pointer-events: auto
}
@media (min-width:992px) {
.quicklink {
height: 120px
}
}
.quicklink{
border-left: 1px solid #ccc
}
.quicklink__inner {
background-color: #f00;
height: 100%
}
.quicklink__image {
opacity: 0;
transition: opacity .3s ease-out;
mix-blend-mode: multiply;
position: relative
}
.quicklink__image:before {
display: block;
content: "";
width: 100%;
padding-top: 50%
}
.quicklink__image > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.quicklink__image img {
font-family: "object-fit:cover;object-position:center";
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.quicklink__text {
background-color: #fff;
transition: background-color .3s ease-out;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 3px);
text-align: center;
padding: 10px
}
.quicklink__text:before {
display: block;
position: relative;
font-size: 30px;
color: #a1a1a1;
margin-bottom: 10px;
transition-property: opacity, margin;
transition-duration: .3s;
transition-timing-function: ease-out
}
.quicklink__title {
position: relative;
font-weight: 700;
color: #494948;
font-size: 16px;
transition: color .2s ease
}
@media (min-width:576px) {
.quicklink__title {
font-size: 2.77778vw
}
}
@media (min-width:648px) {
.quicklink__title {
font-size: 18px
}
}
.quicklink:hover .quicklink__image {
opacity: .7
}
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
.quicklink:hover .quicklink__image {
opacity: .4
}
}
.quicklink:hover .quicklink__text {
background-color: transparent
}
.quicklink:hover .quicklink__text:before {
opacity: 0;
margin-top: -40px
}
.quicklink:hover .quicklink__title {
color: #fff
}
@media (min-width:992px) {
.page__main > .ce-avsite_productentry {
pointer-events: none;
margin-top: calc(((100vw - 60px)/8 - 26.66667px)*-1)
}
.page__main.pt--medium > .ce-avsite_productentry {
margin-top: calc(((100vw - 60px)/8 + 73.33333px)*-1)
}
}
@media (min-width: 1220px) {
.page__main.pt--medium > .ce-avsite_productentry {
margin-top: -192.91667px;
}
}
@keyframes loader-dot {
0%, 10%, 95%, to {
width: 0;
height: 0;
opacity: 0;
box-shadow: 0 0 0 rgba(0, 0, 0, .2)
}
38%, 73% {
opacity: 1
}
49% {
width: 100%;
height: 100%;
opacity: 1;
box-shadow: 0 0 40px rgba(0, 0, 0, .2)
}
}
.loader {
display: flex;
justify-content: center;
align-items: center
}
.loader__dot {
position: relative;
width: 22px;
height: 22px;
margin: 0 4px
}
.loader__dot:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) translateZ(0);
width: 0;
height: 0;
background-color: #f00;
animation: loader-dot 1.4s cubic-bezier(.64, .62, .29, .88) infinite
}
.loader__dot:nth-child(2):before {
animation-delay: .13s
}
.loader__dot:nth-child(3):before {
animation-delay: .26s
}
.bg-brandcolor .loader .loader__dot:before {
background-color: #fff
}
.lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 12;
display: flex;
justify-content: center;
align-items: center;
transition-property: opacity, height;
transition-duration: .3s, 0s;
transition-timing-function: ease;
overflow: hidden
}
.lightbox:not(.show) {
height: 0;
opacity: 0;
pointer-events: none;
transition-delay: 0s, .3s
}
.lightbox__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
cursor: zoom-out
}
.lightbox .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
color: #fff;
font-size: 11px;
line-height: 1;
padding: 1.1em;
transition: background-color .2s ease;
cursor: pointer
}
@media (min-width:576px) {
.lightbox .btn-close {
font-size: 1.90972vw
}
}
@media (min-width:890.18182px) {
.lightbox .btn-close {
font-size: 17px
}
}
@media (hover:hover) {
.lightbox .btn-close:hover {
background-color: rgba(0, 0, 0, .3)
}
}
@media (min-width:1250px) {
.lightbox .btn-close {
right: auto;
left: calc(1100px + (100% - 1100px)/2)
}
}
.lightbox__inner {
position: relative;
z-index: 2;
width: 1100px;
min-height: 50%;
max-width: calc(100% - 4rem);
max-height: calc(100% - 6.66667rem);
background-color: #fff;
overflow: hidden;
overflow-y: auto
}
.lightbox__inner::-webkit-scrollbar {
width: 4px;
height: 4px
}
.lightbox__inner::-webkit-scrollbar-thumb {
background: #a1a1a1
}
.lightbox__inner::-webkit-scrollbar-track {
background: #e9eaea
}
@media (min-width:576px) {
.lightbox__inner {
max-width: calc(100% - 10.41667vw);
max-height: calc(100% - 17.36111vw)
}
}
@media (min-width:1440px) {
.lightbox__inner {
max-width: calc(100% - 150px)
}
}
@media (min-width:864px) {
.lightbox__inner {
max-height: calc(100% - 150px)
}
}
.pager {
display: flex;
justify-content: center;
align-items: center
}
[data-articleloader] .pager li {
position: relative
}
[data-articleloader] .pager li:not(.prev):not(.next) {
display: none
}
[data-articleloader] .pager li a {
transition-property: color, background-color, opacity
}
[data-articleloader] .pager--above li.prev {
margin-bottom: 60px
}
@media (min-width:576px) {
[data-articleloader] .pager--above li.prev {
margin-bottom: 10.41667vw
}
}
@media (min-width:960px) {
[data-articleloader] .pager--above li.prev {
margin-bottom: 100px
}
}
[data-articleloader] .pager--above li.next, [data-articleloader] .pager--below li.prev {
display: none
}
[data-articleloader] .pager--below li.next {
margin-top: 60px
}
@media (min-width:576px) {
[data-articleloader] .pager--below li.next {
margin-top: 10.41667vw
}
}
@media (min-width:960px) {
[data-articleloader] .pager--below li.next {
margin-top: 100px
}
}
[data-articleloader] .pager .loader {
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: opacity .3s ease
}
[data-articleloader].loading .pager .next a, [data-articleloader].loading .pager .prev a {
opacity: 0;
pointer-events: none
}
[data-articleloader].loading .pager .next .loader, [data-articleloader].loading .pager .prev .loader {
opacity: 1
}
.teaser {
display: block;
background-color: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, .1);
transition: box-shadow .3s ease-out;
word-break: break-word;
border-bottom: 3px solid #f00
}
.teaser__tagline:before {
background-color: #f00
}
.teaser__image {
overflow: hidden
}
.teaser__image img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center";
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
transition-property: opacity, transform;
transition-duration: .4s, .3s;
transition-timing-function: ease, ease-out
}
.teaser__image.format--4to3 {
position: relative
}
.teaser__image.format--4to3:before {
display: block;
content: "";
width: 100%;
padding-top: 75%
}
.teaser__image.format--4to3 > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.teaser__image.format--16to10 {
position: relative
}
.teaser__image.format--16to10:before {
display: block;
content: "";
width: 100%;
padding-top: 62.5%
}
.teaser__image.format--16to10 > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.teaser__content {
padding: 20px
}
@media (min-width:286px) {
.teaser__content {
padding: 6.99301vw
}
}
@media (min-width:430px) {
.teaser__content {
padding: 30px
}
}
.teaser__content > .teaser__meta {
margin-bottom: 10px
}
.teaser__tagline {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1.1;
text-align: right;
margin-bottom: 9px
}
@media (min-width:214.5px) {
.teaser__tagline {
margin-bottom: 4.1958vw
}
}
@media (min-width:430px) {
.teaser__tagline {
margin-bottom: 18px
}
}
.teaser__tagline:before {
content: "";
display: block;
height: 1px;
width: 30px;
transition: width .3s ease-out
}
@media (min-width:257.4px) {
.teaser__tagline:before {
width: 11.65501vw
}
}
@media (min-width:430px) {
.teaser__tagline:before {
width: 50px
}
}
.teaser__tagline + .teaser__meta {
margin-top: -4px
}
.teaser__tagline .tagline__right {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
color: #494948;
font-weight: 300;
max-width: calc(100% - 47px)
}
@media (min-width:269.46667px) {
.teaser__tagline .tagline__right {
max-width: calc(100% - 17.44186vw)
}
}
@media (min-width:430px) {
.teaser__tagline .tagline__right {
max-width: calc(100% - 75px)
}
}
.teaser__tagline .tagline__right > * + * {
margin-left: 10px
}
.teaser__meta {
display: none;
color: #494948;
font-weight: 300
}
.teaser__text, .teaser__title {
color: #494948
}
.teaser__title {
font-weight: 700;
line-height: 1.25;
font-size: 15px
}
@media (min-width:321.75px) {
.teaser__title {
font-size: 4.662vw
}
}
@media (min-width:430px) {
.teaser__title {
font-size: 20px
}
}
.teaser__title + .teaser__text {
margin-top: 9px
}
@media (min-width:214.5px) {
.teaser__title + .teaser__text {
margin-top: 4.1958vw
}
}
@media (min-width:430px) {
.teaser__title + .teaser__text {
margin-top: 18px
}
}
.teaser__text {
font-weight: 300
}
.teaser__text:not([class*=text--]) {
font-size: 11px
}
@media (min-width:314.6px) {
.teaser__text:not([class*=text--]) {
font-size: 3.4965vw
}
}
@media (min-width:430px) {
.teaser__text:not([class*=text--]) {
font-size: 15px
}
}
.teaser__link {
margin-top: 13px
}
.teaser [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #fff 30%)
}
@media (max-width:846px) {
.teaser .teaser__tagline .teaser__meta {
display: block
}
}
@media (min-width:847px) {
.teaser .teaser__content > .teaser__meta {
display: block
}
}
a.teaser:hover {
box-shadow: 12px 12px 30px rgba(0, 0, 0, .1)
}
a.teaser:hover .teaser__image img {
transform: scale(1.02)
}
a.teaser:hover .teaser__tagline:before {
width: 42px
}
@media (min-width:257.4px) {
a.teaser:hover .teaser__tagline:before {
width: 16.31702vw
}
}
@media (min-width:430px) {
a.teaser:hover .teaser__tagline:before {
width: 70px
}
}
.teaser--square {
max-width: 100%;
width: 370px;
position: relative
}
.teaser--square:before {
display: block;
content: "";
width: 100%;
padding-top: 100%
}
.teaser--square > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.teaser--square .teaser__inner {
overflow: hidden;
display: flex;
flex-direction: column
}
.teaser--square .teaser__content {
overflow: hidden
}
.teaser--square .teaser__kicker {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.teaser--square .teaser__title {
max-height: 56.25px
}
@media (min-width:322.5px) {
.teaser--square .teaser__title {
max-height: 17.44186vw
}
}
@media (min-width:430px) {
.teaser--square .teaser__title {
max-height: 75px
}
}
@supports (-webkit-line-clamp:3) {
.teaser--square .teaser__title {
-webkit-line-clamp: 3
}
}
.teaser--square .teaser__text {
/* max-height: 136.125px */
}
@media (min-width:315.33333px) {
.teaser--square .teaser__text {
/* max-height: 43.1686vw */
}
}
@media (min-width:430px) {
.teaser--square .teaser__text {
/* max-height: 185.625px */
}
}
@supports (-webkit-line-clamp:9) {
.teaser--square .teaser__text {
-webkit-line-clamp: 9
}
}
.teaser--square .teaser__image:not(.teaser__image--newsslider) {
position: relative;
flex-shrink: 0
}
.teaser--square .teaser__image:not(.teaser__image--newsslider):before {
display: block;
content: "";
width: 100%;
padding-top: 41.66667%
}
.teaser--square .teaser__image:not(.teaser__image--newsslider) > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.teaser--square .teaser__image:not(.teaser__image--newsslider) ~ .teaser__content .teaser__title {
max-height: 37.5px
}
@media (min-width:322.5px) {
.teaser--square .teaser__image:not(.teaser__image--newsslider) ~ .teaser__content .teaser__title {
max-height: 11.62791vw
}
}
@media (min-width:430px) {
.teaser--square .teaser__image:not(.teaser__image--newsslider) ~ .teaser__content .teaser__title {
max-height: 50px
}
}
@supports (-webkit-line-clamp:2) {
.teaser--square .teaser__image:not(.teaser__image--newsslider) ~ .teaser__content .teaser__title {
-webkit-line-clamp: 2
}
}
.teaser--square .teaser__image:not(.teaser__image--newsslider) ~ .teaser__content .teaser__text {
max-height: 45.375px
}
@media (min-width:315.33333px) {
.teaser--square .teaser__image:not(.teaser__image--newsslider) ~ .teaser__content .teaser__text {
max-height: 14.38953vw
}
}
@media (min-width:430px) {
.teaser--square .teaser__image:not(.teaser__image--newsslider) ~ .teaser__content .teaser__text {
max-height: 71.875px
}
}
@supports (-webkit-line-clamp:3) {
.teaser--square .teaser__image:not(.teaser__image--newsslider) ~ .teaser__content .teaser__text {
-webkit-line-clamp: 3
}
}
.teaser--single .teaser__image {
flex-shrink: 0
}
.teaser--single .teaser__content {
width: 100%
}
.teaser--single .teaser__tagline {
flex-wrap: wrap
}
@media (max-width:846px) {
.teaser--single {
width: 370px
}
}
@media (min-width:847px) {
.teaser--single .teaser__inner {
display: flex
}
.teaser--single .teaser__image {
width: 33%;
flex-basis: 33%
}
}
@media (min-width:992px) {
.teaser--single .teaser__text, .teaser--single .teaser__title {
max-width: 75%
}
}
.teaser--product {
border-bottom: none
}
.teaser--product .variants {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 20px
}
.teaser--product .variants__text {
letter-spacing: 1px;
padding-top: 18px
}
.teaser--product .variants .tag {
margin-top: 10px;
text-align: center;
justify-content: center
}
.teaser--product .variants .tag:not(:last-child) {
margin-right: 10px
}
@media (max-width:767.98px) {
.teaser--product .col-image + .col-content {
margin-top: 30px
}
}
@media (min-width:768px) {
.teaser--product {
width: 100%
}
.teaser--product .teaser__content .col-content {
display: flex;
flex-direction: column;
align-items: flex-start
}
.teaser--product .teaser__content .col-content > * {
max-width: 100%
}
.teaser--product .teaser__content .col-content .teaser__tagline {
width: 100%
}
.teaser--product .variants {
margin-top: 10px
}
}
@media (min-width:992px) {
.teaser--product .teaser__content .col-content .teaser__text, .teaser--product .teaser__content .col-content .teaser__title {
max-width: 75%
}
}
@media (min-width:768px) {
.teaser--product-small .col-image {
max-width: 188px;
flex-basis: 188px
}
.teaser--product-small .col-content {
max-width: calc(100% - 188px);
flex-basis: calc(100% - 188px)
}
}
.teaser--product-small .variants .tag {
min-width: 43px
}
@media (min-width:576px) {
.teaser--product-small .variants .tag {
min-width: 7.46528vw
}
}
@media (min-width:616.18605px) {
.teaser--product-small .variants .tag {
min-width: 46px
}
}
.teasergrid {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -15px;
margin-right: -15px
}
@media (min-width:1247px) {
.teasergrid.teasergrid--3col {
justify-content: flex-start
}
}
.teasergrid__col {
max-width: 100%;
padding-left: 15px;
padding-right: 15px
}
@media (max-width:846px) {
.teasergrid__col ~ .teasergrid__col {
margin-top: 2rem
}
}
@media (max-width:430px) {
.teasergrid__col {
width: 100%
}
}
.teasergrid .linebreak {
display: none
}
.teasergrid--single .teasergrid__col, .teasergrid .linebreak {
width: 100%;
flex: 0 0 100%
}
.teasergrid--single .teasergrid__col ~ .teasergrid__col {
margin-top: 2rem
}
@media (max-width:846px) {
.teasergrid--single .teasergrid__col {
display: flex;
justify-content: center
}
}
@media (min-width:847px) {
.teasergrid--2col .linebreak--2col, .teasergrid--3col .linebreak--2col {
display: block
}
.teasergrid--2col .linebreak--2col ~ .teasergrid__col, .teasergrid--3col .linebreak--2col ~ .teasergrid__col {
margin-top: 2rem
}
.teasergrid--2col .teasergrid__col:nth-child(2), .teasergrid--3col .teasergrid__col:nth-child(2) {
margin-top: 0
}
}
@media (min-width:1247px) {
.teasergrid--3col .linebreak--2col {
display: none
}
.teasergrid--3col .linebreak--2col ~ .teasergrid__col {
margin-top: 0
}
.teasergrid--3col .linebreak--3col {
display: block
}
.teasergrid--3col .linebreak--3col ~ .teasergrid__col {
margin-top: 2rem
}
.teasergrid--3col .teasergrid__col:nth-child(3) {
margin-top: 0
}
}
.lightbox--product .teasergrid--single {
padding-left: 30px;
padding-right: 30px
}
@media (min-width:576px) {
.lightbox--product .teasergrid--single {
padding-left: 5.20833vw;
padding-right: 5.20833vw;
}
}
@media (min-width:1152px) {
.lightbox--product .teasergrid--single {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width:576px) {
.lightbox--product .teasergrid--single {
padding-right: 5.20833vw
}
}
@media (min-width:1920px) {
.lightbox--product .teasergrid--single {
padding-right: 100px
}
}
.facts {
position: relative;
z-index: 0
}
.facts:after, .facts:before {
content: "";
position: absolute;
left: 0;
z-index: 2;
width: 100%;
height: 50%
}
.facts:before {
top: 0;
background: linear-gradient(180deg, #f7f7f7, hsla(0, 0%, 96.9%, .98032) 10.79%, hsla(0, 0%, 96.9%, .92593) 21.99%, hsla(0, 0%, 96.9%, .84375) 33.34%, hsla(0, 0%, 96.9%, .74074) 44.59%, hsla(0, 0%, 96.9%, .62384) 55.48%, hsla(0, 0%, 96.9%, .5) 65.75%, hsla(0, 0%, 96.9%, .37616) 75.14%, hsla(0, 0%, 96.9%, .25926) 83.41%, hsla(0, 0%, 96.9%, .15625) 90.28%, hsla(0, 0%, 96.9%, .07407) 95.51%, hsla(0, 0%, 96.9%, .01968) 98.83%, hsla(0, 0%, 96.9%, 0))
}
.facts:after {
bottom: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .09803) 10.79%, rgba(0, 0, 0, .09259) 21.99%, rgba(0, 0, 0, .08438) 33.34%, rgba(0, 0, 0, .07407) 44.59%, rgba(0, 0, 0, .06238) 55.48%, rgba(0, 0, 0, .05) 65.75%, rgba(0, 0, 0, .03762) 75.14%, rgba(0, 0, 0, .02593) 83.41%, rgba(0, 0, 0, .01563) 90.28%, rgba(0, 0, 0, .00741) 95.51%, rgba(0, 0, 0, .00197) 98.83%, transparent)
}
.facts__image {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
z-index: 1;
font-family: "object-fit:cover;object-position:center";
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.facts__grid {
position: relative;
z-index: 3;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.fact {
position: relative;
text-align: center;
width: 100%;
flex: 0 0 100%;
padding: 28px 1.33333rem
}
@media (min-width:576px) {
.fact {
max-width: 50%;
flex-basis: 50%
}
}
@media (min-width:992px) {
.fact {
max-width: 33.33333%;
flex-basis: 33.33333%
}
}
@media (min-width:576px) {
.fact {
padding-top: 4.86111vw
}
}
@media (min-width:1028.57143px) {
.fact {
padding-top: 50px
}
}
@media (min-width:576px) {
.fact {
padding-bottom: 4.86111vw
}
}
@media (min-width:822.85714px) {
.fact {
padding-bottom: 40px
}
}
.fact:nth-child(n+2):before {
content: "";
background-color: #f00;
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%) translateZ(0);
top: 0;
height: 1px;
width: 120px;
max-width: 50%
}
@media (min-width:576px) {
.fact:nth-child(n+2):before {
width: 20.83333vw
}
}
@media (min-width:1056px) {
.fact:nth-child(n+2):before {
width: 220px
}
}
@media (min-width:576px) {
.fact:nth-child(2):before {
display: none
}
}
@media (min-width:992px) {
.fact:nth-child(3):before {
display: none
}
}
.fact__number {
font-weight: 700;
line-height: 1.15;
direction: ltr;
}
.fact__number:before {
font-size: 30px;
margin-right: 1rem
}
@media (min-width:768px) {
.fact__number:before {
font-size: 3.90625vw
}
}
@media (min-width:1792px) {
.fact__number:before {
font-size: 70px
}
}
.fact__number .metric, .fact__number .number {
color: rgba(0, 0, 0, .2)
}
.fact__number .number {
font-size: 50px
}
@media (min-width:768px) {
.fact__number .number {
font-size: 6.51042vw
}
}
@media (min-width:1382.4px) {
.fact__number .number {
font-size: 90px
}
}
.fact__number .metric {
font-size: 16px;
margin-left: .46667rem
}
@media (min-width:768px) {
.fact__number .metric {
font-size: 2.08333vw
}
}
@media (min-width:1920px) {
.fact__number .metric {
font-size: 40px
}
}
.fact__title {
display: inline-block;
font-weight: 700;
margin-top: 15px;
max-width: 335px
}
@media (min-width:576px) {
.fact__title {
margin-top: 2.60417vw
}
}
@media (min-width:960px) {
.fact__title {
margin-top: 25px
}
}
.accordion {
position: relative;
border-color: #cfd0d0;
border-style: solid;
border-width: 1px 0
}
.accordion__header {
display: flex;
align-items: center;
cursor: pointer;
padding-top: 14px;
padding-bottom: 14px
}
@media (min-width:576px) {
.accordion__header {
padding-top: 2.43056vw;
padding-bottom: 2.43056vw
}
}
@media (min-width:1152px) {
.accordion__header {
padding-top: 28px;
padding-bottom: 28px
}
}
.accordion__header:before {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
z-index: 1;
width: 0;
height: 1px;
transition: width .3s ease
}
.accordion__header:focus:before, .accordion__header:hover:before, .accordion__header[aria-expanded=true]:before {
width: 100%
}
.accordion__header[aria-expanded=true] .accordion__toggle:before {
transform: rotate(180deg)
}
.accordion__header[aria-expanded=false] .accordion__toggle:after {
transform: rotate(-90deg)
}
.accordion__title {
font-size: 12px;
font-weight: 700;
padding-right: 1.33333rem
}
@media (min-width:576px) {
.accordion__title {
font-size: 2.08333vw
}
}
@media (min-width:1200px) {
.accordion__title {
font-size: 18px
}
}
.accordion__toggle {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 12px;
height: 12px;
margin-left: auto
}
@media (min-width:576px) {
.accordion__toggle {
width: 2.08333vw;
height: 2.08333vw
}
}
@media (min-width:1440px) {
.accordion__toggle {
width: 30px;
height: 30px
}
}
.accordion__toggle:after, .accordion__toggle:before {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
right: 0;
transition: transform .4s ease
}
.accordion__body {
overflow: hidden;
transition: height .4s ease
}
.accordion__body:not(.show) {
height: 0 !important
}
.accordion__inner {
display: flex;
flex-direction: column;
padding-top: 16px;
padding-bottom: 30px
}
@media (min-width:576px) {
.accordion__inner {
padding-top: 2.77778vw
}
}
@media (min-width:1152px) {
.accordion__inner {
padding-top: 32px
}
}
@media (min-width:576px) {
.accordion__inner {
padding-bottom: 5.20833vw
}
}
@media (min-width:1152px) {
.accordion__inner {
padding-bottom: 60px
}
}
.accordion__inner .contentelement:first-child {
margin-top: 0
}
.accordion__inner .contentelement:last-child {
margin-bottom: 0
}
.accordion:not(.accordion--small) .accordion__body {
padding: 0 15px
}
.accordion--small .accordion__header {
padding-top: 14px;
padding-bottom: 14px
}
@media (min-width:576px) {
.accordion--small .accordion__header {
padding-top: 2.43056vw;
padding-bottom: 2.43056vw
}
}
@media (min-width:822.85714px) {
.accordion--small .accordion__header {
padding-top: 20px;
padding-bottom: 20px
}
}
.accordion--small .accordion__title {
font-size: 12px
}
@media (min-width:576px) {
.accordion--small .accordion__title {
font-size: 2.08333vw
}
}
@media (min-width:768px) {
.accordion--small .accordion__title {
font-size: 16px
}
}
.accordion--small .accordion__toggle {
width: 12px;
height: 12px
}
@media (min-width:576px) {
.accordion--small .accordion__toggle {
width: 2.08333vw;
height: 2.08333vw
}
}
@media (min-width:768px) {
.accordion--small .accordion__toggle {
width: 16px;
height: 16px
}
}
.accordion--small .accordion__inner {
padding-top: 16px;
padding-bottom: 30px
}
@media (min-width:576px) {
.accordion--small .accordion__inner {
padding-top: 2.77778vw
}
}
@media (min-width:360px) {
.accordion--small .accordion__inner {
padding-top: 10px
}
}
.accordion__header:before, .accordion__toggle:after, .accordion__toggle:before {
background-color: #f00
}
.accordion + .accordion, .grid-accordion:not([class*=mb--]) + .grid-accordion:not([class*=mt--]) .accordion {
border-top: none
}
.banner {
position: relative;
overflow: hidden;
background-color: #f7f7f7;
min-height: 250px
}
.banner:before {
display: block;
content: "";
width: 100%;
padding-top: 29.16667%
}
.banner img {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
min-height: 250px;
font-family: "object-fit:cover;object-position:center";
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
body.has-sectionnav .banner img {
top: 30px
}
@media (min-width:992px) {
body.has-sectionnav .banner img {
top: 50px
}
}
.contentslider {
visibility: hidden;
opacity: 0;
transition-property: visibility, opacity;
transition-duration: .3s;
transition-timing-function: ease
}
.contentslider.initialized {
visibility: visible;
opacity: 1
}
.contentslider > .contentslider__swiperwrapper {
position: relative;
margin: -52px;
pointer-events: none
}
.contentslider > .contentslider__swiperwrapper > .swiper-container {
padding: 52px
}
.contentslider > .contentslider__swiperwrapper > .swiper-container > .swiper-wrapper > .swiper-slide {
transition: opacity .5s ease
}
.contentslider > .contentslider__swiperwrapper > .swiper-container > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) {
opacity: 0;
pointer-events: none
}
.contentslider > .contentslider__swiperwrapper .slidenavigation, .contentslider > .contentslider__swiperwrapper .slidepagination, .contentslider > .contentslider__swiperwrapper .swiper-wrapper {
pointer-events: auto
}
@media (max-width:767.98px) {
.contentslider .slidenavigation--positioned {
top: 52px
}
}
@media (min-width:768px) {
.contentslider .slidenavigation--positioned {
right: 52px
}
}
@media (min-width:768px) {
.contentslider .slidenavigation--positioned + .contentslider__swiperwrapper {
padding-right: 45px
}
}
@media (min-width:768px) and (max-width:1315px) {
body.has-sidebar .avsite_advertise .contentslider {
padding-right: 45px
}
}
.grid-slidecontainer {
overflow: hidden
}
.grid-slidecontainer .contentslider .swiper-slide .contentelement {
margin-top: 0;
margin-bottom: 0
}
.grid-slidecontainer .contentslider .slidenavigation {
justify-content: center;
margin-top: 1.5rem;
margin-bottom: 2rem
}
.scrollbox {
position: relative
}
.scrollbox.fixed .scrollbox__inner {
position: fixed;
top: 0
}
.scrollbox.fixed-end .scrollbox__inner {
position: absolute;
bottom: 0;
left: 0
}
.scrollbox.compensate-header.fixed .scrollbox__inner {
top: 50px
}
@media (min-width:992px) {
.scrollbox.compensate-header.fixed .scrollbox__inner {
top: 84px
}
}
.avsite_downloadoverview .header--plugin, .avsite_historylist .header--plugin, .avsite_newsoverview .header--plugin, .solr_pi_results .header--plugin {
background-color: #fff;
padding-bottom: 30px;
margin-bottom: 0
}
@media (min-width:576px) {
.avsite_downloadoverview .header--plugin, .avsite_historylist .header--plugin, .avsite_newsoverview .header--plugin, .solr_pi_results .header--plugin {
padding-bottom: 5.20833vw
}
}
@media (min-width:1152px) {
.avsite_downloadoverview .header--plugin, .avsite_historylist .header--plugin, .avsite_newsoverview .header--plugin, .solr_pi_results .header--plugin {
padding-bottom: 60px
}
}
.module__content {
padding-left: 30px;
padding-right: 30px;
max-width: 970px;
margin-right: auto;
margin-left: auto
}
@media (min-width:500px) {
.module__content {
padding-left: 6vw;
padding-right: 6vw
}
}
@media (min-width:1666.66667px) {
.module__content {
padding-left: 100px;
padding-right: 100px
}
}
@media (max-width:767.98px) {
.module__content-container {
padding-left: 0;
padding-right: 0
}
}
.awardteaserslider {
background-color: #f7f7f7;
opacity: 1;
transition-property: visibility, opacity;
transition-duration: .3s;
transition-timing-function: ease
}
.awardteaserslider.initialized {
visibility: visible;
opacity: 1
}
@media (min-width:992px) and (max-width:1370px) {
.awardteaserslider {
padding-left: 65px;
padding-right: 65px
}
}
.awardteaserslider__swiperwrapper {
position: relative
}
@media (min-width:992px) {
.awardteaserslider .slidenavigation {
left: 100%
}
}
@media (min-width:576px) and (max-width:1219.98px) {
.awardteaserslider .slidenavigation {
position: static;
transform: none;
justify-content: center;
margin-top: 1.5rem;
margin-bottom: 2rem;
flex-direction: row
}
.awardteaserslider .slidenavigation .slidenavigation__next {
border-bottom-width: 0;
border-left-width: 1px;
order: 2
}
.awardteaserslider .slidenavigation .slidenavigation__prev {
order: 1
}
}
.awardteaserslider__slide {
text-align: center;
padding-left: 20px;
padding-right: 20px
}
@media (min-width:576px) {
.awardteaserslider__slide {
padding-left: 3.47222vw;
padding-right: 3.47222vw
}
}
@media (min-width:950.4px) {
.awardteaserslider__slide {
padding-left: 33px;
padding-right: 33px
}
}
.awardteaserslider__slide .imageframe {
margin: 0 auto;
max-width: 145px;
max-height: 145px
}
.awardteaserslider__slide .imageframe + * {
margin-top: 20px
}
@media (min-width:576px) {
.awardteaserslider__slide .imageframe + * {
margin-top: 3.47222vw
}
}
@media (min-width:864px) {
.awardteaserslider__slide .imageframe + * {
margin-top: 30px
}
}
.awardteaserslider__slide .slide__title {
font-weight: 700
}
.awardteaserslider__slide .slide__title + * {
margin-top: 13px
}
@media (min-width:576px) {
.awardteaserslider__slide .slide__title + * {
margin-top: 2.25694vw
}
}
@media (min-width:708.92308px) {
.awardteaserslider__slide .slide__title + * {
margin-top: 16px
}
}
.awardteaserslider__slide .slide__teaser {
margin-bottom: 0
}
.awardteaserslider__slide .slide__teaser + * {
margin-top: 25px
}
.awardteaserslider__overviewlink {
margin: 50px auto 0
}
.timeline {
display: flex;
max-width: 945px;
margin-left: auto;
margin-right: auto
}
.timeline__line {
position: relative;
display: flex;
justify-content: center;
flex-shrink: 0;
margin-top: 22.5px
}
@media (min-width:450px) {
.timeline__line {
margin-top: 5vw
}
}
@media (min-width:1080px) {
.timeline__line {
margin-top: 54px
}
}
.timeline__line:after, .timeline__line:before {
content: "";
display: block;
background-color: #f00
}
.timeline__line:before {
width: 1px
}
.timeline__line:after {
position: absolute;
top: 0;
left: 0;
transform: translateX(-50%);
width: 10px;
height: 10px
}
@media (min-width:576px) {
.timeline__line:after {
width: 1.73611vw;
height: 1.73611vw
}
}
@media (min-width:1094.4px) {
.timeline__line:after {
width: 19px;
height: 19px
}
}
.timeline__content {
display: flex;
flex-direction: column;
width: 100%;
}
.timeline__year {
font-weight: 700;
color: rgba(73, 73, 72, .2);
line-height: 1;
font-size: 50px;
margin-bottom: 20px
}
@media (min-width:450px) {
.timeline__year {
font-size: 11.11111vw
}
}
@media (min-width:1080px) {
.timeline__year {
font-size: 120px
}
}
@media (min-width:350px) {
.timeline__year {
margin-bottom: 5.71429vw
}
}
@media (min-width:1575px) {
.timeline__year {
margin-bottom: 90px
}
}
.timeline__year ~ .timeline__year {
position: relative
}
.timeline__year ~ .timeline__year:before {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
background-color: #f00;
width: 10px;
height: 10px
}
@media (min-width:576px) {
.timeline__year ~ .timeline__year:before {
width: 1.73611vw;
height: 1.73611vw
}
}
@media (min-width:1094.4px) {
.timeline__year ~ .timeline__year:before {
width: 19px;
height: 19px
}
}
.timeline__item {
width: 770px;
max-width: 100%;
margin-bottom: 85px
}
@media (min-width:350px) {
.timeline__item {
margin-bottom: 24.28571vw
}
}
@media (min-width:592.94118px) {
.timeline__item {
margin-bottom: 144px
}
}
.timeline__kicker, .timeline__title {
font-weight: 700
}
.timeline__kicker + .timeline__title {
margin-top: .15em
}
@media (min-width:576px) {
.timeline__teaser {
display: flex;
justify-content: space-between
}
.timeline__teaser .teaser__left {
width: calc(50% - 30px);
flex: 0 0 calc(50% - 30px)
}
.timeline__teaser .teaser__right {
width: 50%;
flex: 0 0 50%
}
}
@media (max-width:575.98px) {
.timeline__teaser .teaser__left + .teaser__right {
margin-top: 30px
}
}
.timeline__teaser + .timeline__gallery {
margin-top: 10px
}
@media (min-width:350px) {
.timeline__teaser + .timeline__gallery {
margin-top: 2.85714vw
}
}
@media (min-width:1400px) {
.timeline__teaser + .timeline__gallery {
margin-top: 40px
}
}
.timeline__text + .timeline__link {
margin-top: 16px
}
@media (min-width:576px) {
.timeline__text + .timeline__link {
margin-top: 2.77778vw
}
}
@media (min-width:720px) {
.timeline__text + .timeline__link {
margin-top: 20px
}
}
.timeline__gallery .gallery__col {
margin-top: 20px
}
@media (max-width:420px) {
.timeline__gallery {
margin-left: -10px;
margin-right: -10px
}
.timeline__gallery .gallery__col {
padding-left: 10px;
padding-right: 10px
}
}
@media (max-width:350px) {
.timeline__gallery .gallery__col {
max-width: 50%;
flex-basis: 50%
}
}
.newslettersubscription {
margin-top: auto;
background: #001464;
padding-top: 40px;
padding-bottom: 40px
}
@media (min-width:576px) {
.newslettersubscription {
padding-top: 6.94444vw;
padding-bottom: 6.94444vw
}
}
@media (min-width:720px) {
.newslettersubscription {
padding-top: 50px;
padding-bottom: 50px
}
}
.newslettersubscription + .page__footer {
margin-top: 0
}
.newslettersubscription .newslettersubscription__title {
color: #fff;
font-weight: 700
}
.newslettersubscription .newslettersubscription__title:before {
content: "";
font-family: knauer !important;
font-style: normal;
font-weight: 400;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 37px;
margin-bottom: 10px
}
.newslettersubscription .newslettersubscription__form {
margin-top: 20px
}
@media (min-width:768px) {
.newslettersubscription .newslettersubscription__form {
margin-top: 0
}
}
.newslettersubscription .newslettersubscription__submit {
white-space: nowrap;
box-shadow: none
}
@media (max-width:767.98px) {
.newslettersubscription .newslettersubscription__submit {
padding: 0;
width: 35px;
height: 35px
}
}
@media (max-width:767.98px) and (min-width:596.55556px) {
.newslettersubscription .newslettersubscription__submit {
width: 5.86701vw;
height: 5.86701vw
}
}
@media (max-width:767.98px) and (min-width:768px) {
.newslettersubscription .newslettersubscription__submit {
width: 45px;
height: 45px
}
}
@media (max-width:767.98px) {
.newslettersubscription .newslettersubscription__submit:before {
content: "";
font-family: knauer !important;
font-style: normal;
font-weight: 400;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px
}
}
@media (max-width:767.98px) and (min-width:575.25px) {
.newslettersubscription .newslettersubscription__submit:before {
font-size: 2.60756vw
}
}
@media (max-width:767.98px) and (min-width:768px) {
.newslettersubscription .newslettersubscription__submit:before {
font-size: 20px
}
}
.textmedia__media img {
display: inline-block
}
@media (min-width:445px) {
.textmedia__media--grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.textmedia__media--grid figure {
width: calc(50% - 5px);
flex: 0 0 calc(50% - 5px)
}
}
@media (min-width:252.5px) {
.textmedia.pos-intext .textmedia__media--grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.textmedia.pos-intext .textmedia__media--grid figure {
width: calc(50% - 5px);
flex: 0 0 calc(50% - 5px)
}
}
.textmedia.pos-above.pos-center .textmedia__media figure, .textmedia.pos-below.pos-center .textmedia__media figure {
text-align: center
}
.textmedia.pos-above.pos-right .textmedia__media figure, .textmedia.pos-below.pos-right .textmedia__media figure {
text-align: right
}
.ce-avsite_careerteaser {
position: relative
}
@media (max-width:1079px) {
.careerteaser__content {
margin-top: -6.41026vw
}
.careerteaser__content .teaser {
margin: 0 auto
}
}
@media (min-width:1080px) {
.careerteaser__content {
position: absolute;
top: calc((41.66667vw - 370px)/2);
left: 0;
width: 100%
}
}
.newsslider {
overflow: visible
}
.newsslider .swiper-slide {
position: relative
}
.newsslider .swiper-slide > .teaser__image {
position: relative;
z-index: 1;
width: 73%;
margin-left: auto
}
.newsslider .teaser--square {
position: absolute;
left: 0;
z-index: 2
}
.newsslider .teaser--single {
width: 370px;
max-width: 100%;
margin: 0 auto
}
.newsslider .teaser--single .teaser__inner {
display: block
}
.newsslider .teaser--single .teaser__image {
width: 100%
}
.newsslider .slidepagination {
margin-bottom: 2rem
}
.newsslider__link {
text-align: center;
margin-top: 30px
}
@media (min-width:576px) {
.newsslider__link {
margin-top: 5.20833vw
}
}
@media (min-width:960px) {
.newsslider__link {
margin-top: 50px
}
}
@media (max-width:991.98px) {
.newsslider .swiper-wrapper {
z-index: 1
}
.newsslider .slidenavigation {
position: relative;
justify-content: center;
margin-bottom: -15px;
z-index: 2
}
.newsslider .slidepagination {
z-index: 3
}
}
@media (min-width:992px) {
.newsslider .swiper-slide {
display: flex;
align-items: center
}
.newsslider .slidenavigation {
padding-top: 3.575rem
}
.newsslider a.teaser:hover ~ .teaser__image img {
transform: scale(1.02)
}
}
@media (-ms-high-contrast:active) and (min-width:992px), (-ms-high-contrast:none) and (min-width:992px) {
.newsslider .teaser--square {
top: 50%;
transform: translateY(-50%)
}
}
.news--detail .news__headercontent {
background-color: #fff;
text-align: center
}
.news--detail .news__date {
display: block;
font-size: 10px;
margin-bottom: 5px
}
@media (min-width:576px) {
.news--detail .news__date {
font-size: 1.73611vw
}
}
@media (min-width:864px) {
.news--detail .news__date {
font-size: 15px
}
}
@media (min-width:576px) {
.news--detail .news__date {
margin-bottom: .86806vw
}
}
@media (min-width:1152px) {
.news--detail .news__date {
margin-bottom: 10px
}
}
.news--detail .news__teaserimage img {
display: block;
margin: 0 auto
}
.gallery {
visibility: hidden;
opacity: 1;
transition-property: visibility, opacity;
transition-duration: .3s;
transition-timing-function: ease
}
.gallery.initialized {
visibility: visible;
opacity: 1
}
@media (max-width:1399px) {
.gallery--multi {
padding-top: 50px
}
}
.gallery__swiperwrapper {
position: relative
}
.gallery__slide {
margin-bottom: 0
}
.gallery__slide > a {
display: block
}
.gallery .slidenavigation__next, .gallery .slidenavigation__prev {
width: 30px;
height: 30px
}
@media (min-width:576px) {
.gallery .slidenavigation__next, .gallery .slidenavigation__prev {
width: 5.20833vw;
height: 5.20833vw
}
}
@media (min-width:864px) {
.gallery .slidenavigation__next, .gallery .slidenavigation__prev {
width: 45px;
height: 45px
}
}
@media (min-width:768px) {
.gallery .slidenavigation--positioned {
top: 0;
left: 50%;
right: auto;
transform: translateX(-50%) translateY(-50%) translateZ(0);
flex-direction: row
}
}
@media (min-width:1400px) {
.gallery .slidenavigation--positioned {
top: 50%;
left: auto;
right: 0;
transform: translateX(50%) translateY(-50%) translateZ(0);
flex-direction: column
}
}
@media (min-width:768px) {
.gallery .slidenavigation--positioned .slidenavigation__prev {
order: -1
}
}
@media (min-width:1400px) {
.gallery .slidenavigation--positioned .slidenavigation__prev {
order: 13
}
}
@media (min-width:768px) {
.gallery .slidenavigation--positioned .slidenavigation__next {
border-width: 0
}
}
@media (min-width:1400px) {
.gallery .slidenavigation--positioned .slidenavigation__next {
border-width: 0 0 1px
}
}
.gallery .slidepagination.swiper-pagination-fraction {
color: #cfd0d0;
font-size: 10px;
position: absolute;
top: -40px;
left: 50%;
transform: translate(-50%) translateZ(0)
}
@media (min-width:576px) {
.gallery .slidepagination.swiper-pagination-fraction {
font-size: 1.73611vw
}
}
@media (min-width:806.4px) {
.gallery .slidepagination.swiper-pagination-fraction {
font-size: 14px
}
}
@media (min-width:768px) {
.gallery .slidepagination.swiper-pagination-fraction {
top: -50px
}
}
@media (min-width:1400px) {
.gallery .slidepagination.swiper-pagination-fraction {
top: 50%;
left: auto;
right: -65px;
transform: translateY(-50%) translateZ(0)
}
}
.gallery .slide__imagewrapper {
margin-bottom: 0;
background-color: #a1a1a1;
position: relative
}
.gallery .slide__imagewrapper:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%
}
.gallery .slide__imagewrapper :not(.iconbtn) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.gallery .slide__imagewrapper img {
font-family: "object-fit:cover";
-o-object-fit: cover;
object-fit: cover
}
.gallery .slide__signature {
margin-top: 15px;
text-align: center
}
@media (min-width:576px) {
.gallery .slide__signature {
margin-top: 2.60417vw
}
}
@media (min-width:768px) {
.gallery .slide__signature {
margin-top: 20px
}
}
.product {
position: relative;
background-color: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}
.product__left {
padding: 30px
}
@media (min-width:576px) {
.product__left {
padding: 5.20833vw
}
}
@media (min-width:1152px) {
.product__left {
padding: 60px
}
}
.product__right {
padding: 30px
}
@media (min-width:576px) {
.product__right {
padding-top: 5.20833vw;
padding-bottom: 5.20833vw
}
}
@media (min-width:1152px) {
.product__right {
padding-top: 60px;
padding-bottom: 60px
}
}
@media (min-width:576px) {
.product__right {
padding-left: 5.20833vw;
padding-right: 5.20833vw;
}
}
@media (min-width:768px) {
.product__right {
padding-left: 40px;
}
}
@media (min-width:576px) {
.product__right {
padding-right: 5.20833vw
}
}
@media (min-width:1920px) {
.product__right {
padding-right: 100px
}
}
.product__title {
font-weight: 700;
line-height: 1.2;
margin-bottom: 20px
}
@media (min-width:576px) {
.product__title {
margin-bottom: 3.47222vw
}
}
@media (min-width:777.6px) {
.product__title {
margin-bottom: 27px
}
}
@media (min-width:576px) {
.product__title {
padding-right: 30px
}
}
.product__kicker {
letter-spacing: 1px;
margin-bottom: 8px
}
.product__select {
margin-bottom: 20px
}
@media (min-width:576px) {
.product__select {
margin-bottom: 3.47222vw
}
}
@media (min-width:864px) {
.product__select {
margin-bottom: 30px
}
}
.product__galleries {
margin-left: -20px;
margin-right: -20px
}
.product__galleries .variant__gallery {
padding-left: 20px;
padding-right: 20px
}
@media (min-width:768px) {
.product__galleries {
margin-left: -24px;
margin-right: -24px
}
.product__galleries .variant__gallery {
padding-left: 24px;
padding-right: 24px
}
}
.product__galleries + .product__specials {
margin-top: 2rem
}
.product .variants, .product__galleries {
position: relative;
overflow: hidden;
transition: height .3s ease
}
.product .variants .table-responsive + .accordion {
border-top: none
}
.product .badge-new {
position: absolute;
right: -2rem;
top: 15px;
width: 67px;
z-index: 1
}
@media (min-width:576px) {
.product .badge-new {
top: 2.60417vw
}
}
@media (min-width:2304px) {
.product .badge-new {
top: 60px
}
}
@media (min-width:576px) {
.product .badge-new {
width: 11.63194vw
}
}
@media (min-width:894.08955px) {
.product .badge-new {
width: 104px
}
}
@media (max-width:575px) {
.product .badge-new {
top: 30px
}
}
.product .variant, .product .variant__gallery {
position: relative;
top: 0;
left: 0;
width: 100%;
transition: opacity .3s ease
}
.product .variant:not(.active), .product .variant__gallery:not(.active) {
opacity: 1;
position: absolute;
pointer-events: none
}
.product .variant__infos {
display: flex;
flex-direction: column;
margin-bottom: -.13em
}
.product .variant__info {
margin-bottom: .13em
}
.product .variant__download + .variant__download {
margin-top: 1.33333rem
}
.product .gallery__thumbs {
margin-top: 10px;
overflow: visible
}
.product .gallery__thumbs .swiper-navigation {
position: absolute;
top: 0;
left: -20px;
width: calc(100% + 40px);
height: 100%;
z-index: 2;
display: flex;
justify-content: space-between;
pointer-events: none
}
.product .gallery__thumbs .swiper-navigation .swiper-button-next, .product .gallery__thumbs .swiper-navigation .swiper-button-prev {
display: flex;
align-items: center;
width: 20px;
height: 100%;
transition: color .2s ease;
background-color: #fff;
font-size: 1.1rem
}
.product .gallery__thumbs .swiper-navigation .swiper-button-next:not(.swiper-button-disabled), .product .gallery__thumbs .swiper-navigation .swiper-button-prev:not(.swiper-button-disabled) {
pointer-events: auto;
cursor: pointer
}
.product .gallery__thumbs .swiper-navigation .swiper-button-next:not(.swiper-button-disabled):not(:hover), .product .gallery__thumbs .swiper-navigation .swiper-button-prev:not(.swiper-button-disabled):not(:hover) {
color: #cfd0d0
}
.product .gallery__thumbs .swiper-navigation .swiper-button-next.swiper-button-disabled, .product .gallery__thumbs .swiper-navigation .swiper-button-prev.swiper-button-disabled {
color: transparent
}
.product .gallery__thumbs .swiper-navigation .swiper-button-prev {
justify-content: flex-start
}
.product .gallery__thumbs .swiper-navigation .swiper-button-next {
justify-content: flex-end
}
@media (min-width:768px) {
.product .gallery__thumbs .swiper-navigation {
left: -24px;
width: calc(100% + 48px)
}
.product .gallery__thumbs .swiper-navigation .swiper-button-next, .product .gallery__thumbs .swiper-navigation .swiper-button-prev {
width: 24px
}
}
.product .gallery__thumbs .swiper-slide {
position: relative;
cursor: pointer
}
.product .gallery__thumbs .swiper-slide:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
opacity: 1;
transition: opacity .3s ease
}
.product .gallery__thumbs .swiper-slide-thumb-active:after {
opacity: 1
}
.product .gallery__thumbs .swiper-slide:after {
background-color: #f00
}
@media (min-width:576px) {
.product {
display: flex
}
.product__left {
width: 40%;
flex: 0 0 40%;
max-width: 40%
}
.product__right {
width: 60%;
flex: 0 0 60%;
max-width: 60%
}
}
@media (min-width:768px) {
.product__left, .product__right {
width: 50%;
flex: 0 0 50%;
max-width: 50%
}
}
.avsite_advertise .contentslider .swiper-wrapper {
transition-property: height, transform !important;
transition-timing-function: linear, ease !important
}
.avsite_advertise .contentslider .slidenavigation__next.swiper-button-disabled, .avsite_advertise .contentslider .slidenavigation__prev.swiper-button-disabled {
opacity: 1;
cursor: default;
pointer-events: none
}
.lightbox .product {
box-shadow: none
}
@media (max-width:575.98px) {
.lightbox .product + .teasergrid {
margin-top: 25px
}
}
.productfilter .filter-step {
width: 300px;
transition: transform .3s ease-out
}
.productfilter .filter-step .loader {
position: fixed;
top: 49vh;
left: 0;
width: 300px;
transition: opacity .3s ease;
pointer-events: none
}
.productfilter .filter-step--1 {
color: #fff
}
.productfilter .filter-step--1 a:not(.no-underline):not(.btn) {
color: #fff !important;
font-weight: 300
}
.productfilter .filter-step--1 a:not(.no-underline):not(.btn):before {
background-color: #fff !important;
bottom: -1px
}
.productfilter .filter-step--1 a:not(.no-underline):not(.btn).active:before {
width: 100%
}
.productfilter .filter-step--2 {
background-color: #fff
}
.productfilter .filter-step--2 .filter-step__inner .inner-scroll {
padding-bottom: 40px;
height: 100%;
}
.productfilter .filter-step--2 .filter-step__inner .inner-scroll::-webkit-scrollbar-thumb {
background: #e9eaea
}
@media (min-width:768px) {
.productfilter .filter-step--2 .filter-step__inner .inner-scroll {
min-height: 505px
}
}
.productfilter .filter-step--2 .loader {
left: 300px
}
.productfilter .filter-step__inner {
position: relative;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 30px;
max-width: 100%;
opacity: 1;
transition: opacity .3s ease
}
@media (min-width:576px) {
.productfilter .filter-step__inner {
padding-top: 5.20833vw;
padding-bottom: 5.20833vw;
padding-right: 5.20833vw
}
}
@media (min-width:960px) {
.productfilter .filter-step__inner {
padding-top: 50px;
padding-bottom: 50px;
padding-right: 50px
}
}
.productfilter .filter-step__inner .inner-scroll {
max-height: calc(100vh - 60px);
overflow: hidden;
overflow-y: auto;
padding-left: 30px;
padding-right: 27px;
margin-right: -27px;
padding-bottom: 1px
}
.productfilter .filter-step__inner .inner-scroll::-webkit-scrollbar {
width: 4px;
height: 4px
}
.productfilter .filter-step__inner .inner-scroll::-webkit-scrollbar-thumb {
background: hsla(0, 0%, 100%, .5)
}
.productfilter .filter-step__inner .inner-scroll::-webkit-scrollbar-track {
background: transparent
}
@media (min-width:576px) {
.productfilter .filter-step__inner .inner-scroll {
padding-left: 5.20833vw
}
}
@media (min-width:960px) {
.productfilter .filter-step__inner .inner-scroll {
padding-left: 50px
}
}
@media (min-width:576px) {
.productfilter .filter-step__inner .inner-scroll {
padding-right: 4.6875vw
}
}
@media (min-width:960px) {
.productfilter .filter-step__inner .inner-scroll {
padding-right: 45px
}
}
@media (min-width:576px) {
.productfilter .filter-step__inner .inner-scroll {
margin-right: -4.6875vw
}
}
@media (min-width:960px) {
.productfilter .filter-step__inner .inner-scroll {
margin-right: -45px
}
}
@media (min-width:576px) {
.productfilter .filter-step__inner .inner-scroll {
max-height: calc(100vh - 10.41667vw)
}
}
@media (min-width:960px) {
.productfilter .filter-step__inner .inner-scroll {
max-height: calc(100vh - 100px)
}
}
.productfilter .filter-step__inner .inner-scroll form {
padding-bottom: 1px
}
.productfilter .filter-step__title {
font-weight: 700;
margin-bottom: 20px
}
.productfilter .filter-step__text {
margin-bottom: 30px
}
.productfilter .filter-step__close {
font-size: 16px;
line-height: 1;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
transition: opacity .2s ease
}
.productfilter .filter-step__close:hover {
opacity: .6
}
.productfilter .filter-step__checkboxes {
margin-top: 20px
}
@media (min-width:576px) {
.productfilter .filter-step__checkboxes {
margin-top: 3.47222vw
}
}
@media (min-width:864px) {
.productfilter .filter-step__checkboxes {
margin-top: 30px
}
}
.productfilter .filter-step__fulltext {
margin-top: 20px
}
@media (min-width:576px) {
.productfilter .filter-step__fulltext {
margin-top: 3.47222vw
}
}
@media (min-width:864px) {
.productfilter .filter-step__fulltext {
margin-top: 30px
}
}
.productfilter .filter-step__fulltext label {
display: none
}
.productfilter .filter-step__selection {
margin-top: 30px
}
@media (min-width:576px) {
.productfilter .filter-step__selection {
margin-top: 5.20833vw
}
}
@media (min-width:960px) {
.productfilter .filter-step__selection {
margin-top: 50px
}
}
.productfilter .filter-step__selection .selection-title {
font-weight: 700;
margin-bottom: 10px
}
@media (min-width:576px) {
.productfilter .filter-step__selection .selection-title {
margin-bottom: 1.73611vw
}
}
@media (min-width:864px) {
.productfilter .filter-step__selection .selection-title {
margin-bottom: 15px
}
}
.productfilter .filter-step__selection .selection li + li {
margin-top: 5px
}
@media (min-width:576px) {
.productfilter .filter-step__selection .selection li + li {
margin-top: .86806vw
}
}
@media (min-width:1152px) {
.productfilter .filter-step__selection .selection li + li {
margin-top: 10px
}
}
.productfilter .filter-step__selection .selection-delete {
margin-top: 10px
}
@media (min-width:576px) {
.productfilter .filter-step__selection .selection-delete {
margin-top: 1.73611vw
}
}
@media (min-width:1152px) {
.productfilter .filter-step__selection .selection-delete {
margin-top: 20px
}
}
.productfilter .filter-step .formfield__wrapper + .formfield__wrapper {
margin-top: 10px
}
.productfilter .filter-step .tooltip__content {
transform: translateX(-80%)
}
.productfilter .filter-step.loaded .loader {
opacity:1
}
.productfilter .filter-step.loaded .filter-step__inner {
opacity: 1
}
.productfilter .categorylist li {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1.2
}
.productfilter .categorylist li.disabled {
opacity: .5;
cursor: not-allowed
}
.productfilter .categorylist li.disabled a {
pointer-events: none
}
.productfilter .categorylist li + li {
margin-top: .8em
}
.productfilter .categorylist li .tooltip {
flex-shrink: 0;
margin-left: 10px
}
.productfilter .categorylist a {
display: block
}
.productfilter .filter-content {
padding-left: 30px;
padding-right: 30px
}
@media (min-width:1150px) {
.productfilter .filter-content {
padding-left: 2.6087vw;
padding-right: 2.6087vw
}
}
@media (min-width:1916.66667px) {
.productfilter .filter-content {
padding-left: 50px;
padding-right: 50px
}
}
.productfilter .filter-content .filter-triggers {
display: flex;
justify-content: center;
transition: height .3s ease
}
.productfilter .filter-content .filter-triggers .filters__inner {
display: flex;
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
width: 400px;
max-width: 100%;
left: auto;
right: auto;
transition: width, top;
transition-duration: .3s;
transition-timing-function: ease;
z-index: 2
}
.productfilter .filter-content .filter-triggers .btn {
transition-property: color, background-color, box-shadow;
width: 50%;
justify-content: space-between
}
.productfilter .filter-content .filter-triggers .btn:not(:hover):not(:focus):not(:focus) {
box-shadow: 0 0 0 rgba(0, 0, 0, .2)
}
.productfilter .filter-content .filter-triggers.fixed .filters__inner {
position: fixed;
top: 50px;
width: 100vw
}
@media (min-width:992px) {
.productfilter .filter-content .filter-triggers.fixed .filters__inner {
top: 84px
}
}
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
.productfilter .filter-content .filter-triggers.fixed .filters__inner {
left: 0;
right: 0
}
}
@media (min-width:992px) {
.productfilter .filter-content .teaser--product .col-image {
width: 33.33333%;
max-width: 250px
}
.productfilter .filter-content .teaser--product .col-content {
flex: none;
min-width: 66.66667%;
max-width: calc(100% - 250px)
}
}
@media (-ms-high-contrast:active) and (min-width:992px), (-ms-high-contrast:none) and (min-width:992px) {
.productfilter .filter-content .teaser--product .col-content {
min-width: calc(66.66667% - 30px)
}
}
@media (max-width:1219px) {
.productfilter .productfilter__overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 0;
opacity: 0;
background-color: #000;
transition-property: height, opacity;
transition-duration: 0s, .3s;
transition-timing-function: ease-out;
transition-delay: .3s, 0s;
z-index: 10
}
.productfilter .filter-step {
position: fixed;
top: 0;
z-index: 11;
max-width: 84vw;
height: 100%
}
.productfilter .filter-step.fixed .filter-step__inner {
position: static
}
.productfilter .filter-step.active ~ .productfilter__overlay {
opacity: .5;
height: 100vh;
transition-delay: 0s
}
.productfilter .filter-step--1 {
left: 0
}
.productfilter .filter-step--1:before {
right: 0
}
.productfilter .filter-step--1:not(.active) {
transform: translateX(-100%)
}
.productfilter .filter-step--2 {
right: 0
}
.productfilter .filter-step--2:before {
left: 0
}
.productfilter .filter-step--2:not(.active) {
transform: translateX(100%)
}
}
@media (min-width:1220px) {
.productfilter {
display: flex
}
.productfilter .filter-step {
flex: 0 0 300px
}
.productfilter .filter-step__inner {
position: fixed;
/* left: 0; */
z-index: 1;
width: 300px;
max-height: 100%;
padding-top: 104px;
bottom: 0;
}
.productfilter .filter-step__inner .inner-scroll {
max-height: calc(100vh - 154px)
}
.productfilter .filter-step:not(.fixed-end) .filter-step__inner {
top: 0
}
.productfilter .filter-step--2:not(.fixed-end) .filter-step__inner {
/* left: 300px */
}
.productfilter .filter-step__close {
display: none
}
.productfilter .filter-content {
min-height: calc(100vh - 84px);
width: 100%
}
.productfilter .filter-content .filter-triggers {
display: none
}
}
@media (min-width:1220px) and (max-width:1400px) {
.productfilter .filter-content .teaser--product .teaser__content .col-content .teaser__text, .productfilter .filter-content .teaser--product .teaser__content .col-content .teaser__title {
max-width: 100%
}
}
.page__header.scrolled ~ .productfilter .filter-content .filter-triggers.fixed .filters__inner {
top: 0
}
.cta {
color: #fff
}
.cta .container-slim > * + * {
margin-top: 15px
}
@media (min-width:576px) {
.cta .container-slim > * + * {
margin-top: 2.60417vw
}
}
@media (min-width:960px) {
.cta .container-slim > * + * {
margin-top: 25px
}
}
.cta__text, .cta__title {
/* font-weight: 700*/
line-height: 1.5;
}
.service {
color: #fff;
text-align: center;
max-width: 585px;
margin-left: auto;
margin-right: auto;
position: relative
}
.service:before {
display: block;
content: "";
width: 100%;
padding-top: 100%
}
.service > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.service__inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-basis: 100%;
padding: 30px
}
@media (min-width:576px) {
.service__inner {
padding: 5.20833vw
}
}
@media (min-width:1728px) {
.service__inner {
padding: 90px
}
}
.service__inner.has-title.has-icon .service__header {
height: 5.08em
}
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 4.125em
}
@supports (-webkit-line-clamp:3) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 3
}
}
@media (min-width:335px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 5.5em
}
@supports (-webkit-line-clamp:4) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 4
}
}
}
@media (min-width:353px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 6.875em
}
@supports (-webkit-line-clamp:5) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 5
}
}
}
@media (min-width:372px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 8.25em
}
@supports (-webkit-line-clamp:6) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 6
}
}
}
@media (min-width:392px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 9.625em
}
@supports (-webkit-line-clamp:7) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 7
}
}
}
@media (min-width:414px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 11em
}
@supports (-webkit-line-clamp:8) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 8
}
}
}
@media (min-width:434px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 12.375em
}
@supports (-webkit-line-clamp:9) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 9
}
}
}
@media (min-width:452px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 13.75em
}
@supports (-webkit-line-clamp:10) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 10
}
}
}
@media (min-width:470px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 15.125em
}
@supports (-webkit-line-clamp:11) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 11
}
}
}
@media (min-width:492px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 16.5em
}
@supports (-webkit-line-clamp:12) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 12
}
}
}
@media (min-width:518px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 17.875em
}
@supports (-webkit-line-clamp:13) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 13
}
}
}
@media (min-width:728px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 16.5em
}
@supports (-webkit-line-clamp:12) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 12
}
}
}
@media (min-width:813px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 15.125em
}
@supports (-webkit-line-clamp:11) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 11
}
}
}
@media (min-width:910px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 13.75em
}
@supports (-webkit-line-clamp:10) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 10
}
}
}
@media (min-width:1000px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 12.375em
}
@supports (-webkit-line-clamp:9) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 9
}
}
}
@media (min-width:1205px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 11em
}
@supports (-webkit-line-clamp:8) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 8
}
}
}
@media (min-width:1433px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 9.625em
}
@supports (-webkit-line-clamp:7) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 7
}
}
}
@media (min-width:1585px) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 8.25em
}
@supports (-webkit-line-clamp:6) {
.service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 6
}
}
}
.service__inner.has-icon:not(.has-title) .service__icon {
padding-bottom: .2em
}
@media (min-width:768px) {
.service__inner.has-icon .service__header {
margin-top: -.5em
}
}
.service__line {
width: 70px;
height: 1px;
background-color: #fff;
margin: 19px auto
}
@media (min-width:576px) {
.service__line {
margin-top: 3.29861vw;
margin-bottom: 3.29861vw
}
}
@media (min-width:727.57895px) {
.service__line {
margin-top: 24px;
margin-bottom: 24px
}
}
.service__text {
line-height: 1.375;
width: 100%;
font-size: 15px;
max-height: 8.25em
}
@media (min-width:576px) {
.service__text {
font-size: 2.60417vw
}
}
@media (min-width:729.6px) {
.service__text {
font-size: 19px
}
}
@supports (-webkit-line-clamp:6) {
.service__text {
-webkit-line-clamp: 6
}
}
@media (min-width:344px) {
.service__text {
max-height: 9.625em
}
@supports (-webkit-line-clamp:7) {
.service__text {
-webkit-line-clamp: 7
}
}
}
@media (min-width:360px) {
.service__text {
max-height: 11em
}
@supports (-webkit-line-clamp:8) {
.service__text {
-webkit-line-clamp: 8
}
}
}
@media (min-width:380px) {
.service__text {
max-height: 12.375em
}
@supports (-webkit-line-clamp:9) {
.service__text {
-webkit-line-clamp: 9
}
}
}
@media (min-width:402px) {
.service__text {
max-height: 13.75em
}
@supports (-webkit-line-clamp:10) {
.service__text {
-webkit-line-clamp: 10
}
}
}
@media (min-width:421px) {
.service__text {
max-height: 15.125em
}
@supports (-webkit-line-clamp:11) {
.service__text {
-webkit-line-clamp: 11
}
}
}
@media (min-width:440px) {
.service__text {
max-height: 16.5em
}
@supports (-webkit-line-clamp:12) {
.service__text {
-webkit-line-clamp: 12
}
}
}
@media (min-width:460px) {
.service__text {
max-height: 17.875em
}
@supports (-webkit-line-clamp:13) {
.service__text {
-webkit-line-clamp: 13
}
}
}
@media (min-width:1110px) {
.service__text {
max-height: 16.5em
}
@supports (-webkit-line-clamp:12) {
.service__text {
-webkit-line-clamp: 12
}
}
}
@media (min-width:1345px) {
.service__text {
max-height: 15.125em
}
@supports (-webkit-line-clamp:11) {
.service__text {
-webkit-line-clamp: 11
}
}
}
@media (min-width:1590px) {
.service__text {
max-height: 13.75em
}
@supports (-webkit-line-clamp:10) {
.service__text {
-webkit-line-clamp: 10
}
}
}
.service__text p {
margin-bottom: 0;
text-overflow: ellipsis
}
.service__header {
display: flex;
flex-direction: column;
justify-content: flex-end;
max-width: 100%;
height: 2.4em;
line-height: 1.2;
font-size: 20px
}
@media (min-width:576px) {
.service__header {
font-size: 3.47222vw
}
}
@media (min-width:1008px) {
.service__header {
font-size: 35px
}
}
.service__icon {
font-size: 1.68em;
line-height: 1
}
.service__icon:before {
display: block
}
.service__icon + .service__title {
margin-top: 1em;
height: 2.4em
}
.service__icon + .service__title:not(.has-overflow) {
display: flex;
justify-content: center;
align-items: center
}
.service__title {
font-weight: 700;
max-height: 2.4em
}
@supports (-webkit-line-clamp:2) {
.service__title {
-webkit-line-clamp: 2
}
}
@media (min-width:768px) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 2.75em
}
@supports (-webkit-line-clamp:2) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 2
}
}
}
@media (min-width:790px) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 4.125em
}
@supports (-webkit-line-clamp:3) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 3
}
}
}
@media (min-width:940px) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 5.5em
}
@supports (-webkit-line-clamp:4) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 4
}
}
}
@media (min-width:1016px) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 6.875em
}
@supports (-webkit-line-clamp:5) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 5
}
}
}
@media (min-width:1082px) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 8.25em
}
@supports (-webkit-line-clamp:6) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 6
}
}
}
@media (min-width:1150px) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 9.625em
}
@supports (-webkit-line-clamp:7) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 7
}
}
}
@media (min-width:1530px) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 8.25em
}
@supports (-webkit-line-clamp:6) {
.service--2col .service__inner.has-title.has-icon .service__header ~ .service__text, .service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 6
}
}
}
@media (min-width:768px) {
.service--2col .service__inner.has-icon, .service--2col .service__inner.has-title, .service--4col .service__inner.has-icon, .service--4col .service__inner.has-title {
justify-content: flex-start
}
.service--2col .service__inner:not(.has-icon) .service__header, .service--4col .service__inner:not(.has-icon) .service__header {
margin-top: 30px
}
}
@media (max-width:767px) {
.service--2col .service__header, .service--4col .service__header {
height: auto
}
}
@media (min-width:768px) {
.service--2col .service__text, .service--4col .service__text {
max-height: 5.5em
}
@supports (-webkit-line-clamp:4) {
.service--2col .service__text, .service--4col .service__text {
-webkit-line-clamp: 4
}
}
}
@media (min-width:812px) {
.service--2col .service__text, .service--4col .service__text {
max-height: 6.875em
}
@supports (-webkit-line-clamp:5) {
.service--2col .service__text, .service--4col .service__text {
-webkit-line-clamp: 5
}
}
}
@media (min-width:897px) {
.service--2col .service__text, .service--4col .service__text {
max-height: 8.25em
}
@supports (-webkit-line-clamp:6) {
.service--2col .service__text, .service--4col .service__text {
-webkit-line-clamp: 6
}
}
}
@media (min-width:976px) {
.service--2col .service__text, .service--4col .service__text {
max-height: 9.625em
}
@supports (-webkit-line-clamp:7) {
.service--2col .service__text, .service--4col .service__text {
-webkit-line-clamp: 7
}
}
}
@media (min-width:1055px) {
.service--2col .service__text, .service--4col .service__text {
max-height: 11em
}
@supports (-webkit-line-clamp:8) {
.service--2col .service__text, .service--4col .service__text {
-webkit-line-clamp: 8
}
}
}
@media (min-width:1113px) {
.service--2col .service__text, .service--4col .service__text {
max-height: 12.375em
}
@supports (-webkit-line-clamp:9) {
.service--2col .service__text, .service--4col .service__text {
-webkit-line-clamp: 9
}
}
}
@media (min-width:1645px) {
.service--2col .service__text, .service--4col .service__text {
max-height: 11em
}
@supports (-webkit-line-clamp:8) {
.service--2col .service__text, .service--4col .service__text {
-webkit-line-clamp: 8
}
}
}
@media (min-width:768px) {
.service--3col .service__inner.has-icon .service__header, .service--4col .service__inner.has-icon .service__header {
margin-top: 0
}
}
@media (min-width:992px) {
.service--3col .service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 2.75em
}
@supports (-webkit-line-clamp:2) {
.service--3col .service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 2
}
}
}
@media (min-width:1042px) {
.service--3col .service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 4.125em
}
@supports (-webkit-line-clamp:3) {
.service--3col .service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 3
}
}
}
@media (min-width:1156px) {
.service--3col .service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 5.5em
}
@supports (-webkit-line-clamp:4) {
.service--3col .service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 4
}
}
}
@media (min-width:992px) {
.service--3col .service__inner {
padding: 30px
}
.service--3col .service__inner.has-icon, .service--3col .service__inner.has-title {
justify-content: flex-start
}
.service--3col .service__inner:not(.has-icon) .service__header {
margin-top: 25px
}
.service--3col .service__inner.has-title.has-icon .service__header {
height: 5.948em
}
}
@media (min-width:992px) {
.service--3col .service__header {
font-size: 2.01613vw
}
}
@media (min-width:1240px) {
.service--3col .service__header {
font-size: 25px
}
}
@media (max-width:991px) {
.service--3col .service__header {
height: auto
}
}
@media (min-width:992px) {
.service--3col .service__icon {
font-size: 2.548em
}
}
.service--3col .service__text {
font-size: 15px
}
@media (min-width:576px) {
.service--3col .service__text {
font-size: 2.60417vw
}
}
@media (min-width:691.2px) {
.service--3col .service__text {
font-size: 18px
}
}
@media (min-width:992px) {
.service--3col .service__text {
max-height: 5.5em
}
@supports (-webkit-line-clamp:4) {
.service--3col .service__text {
-webkit-line-clamp: 4
}
}
}
@media (min-width:1045px) {
.service--3col .service__text {
max-height: 6.875em
}
@supports (-webkit-line-clamp:5) {
.service--3col .service__text {
-webkit-line-clamp: 5
}
}
}
@media (min-width:1122px) {
.service--3col .service__text {
max-height: 8.25em
}
@supports (-webkit-line-clamp:6) {
.service--3col .service__text {
-webkit-line-clamp: 6
}
}
}
@media (min-width:1211px) {
.service--3col .service__text {
max-height: 9.625em
}
@supports (-webkit-line-clamp:7) {
.service--3col .service__text {
-webkit-line-clamp: 7
}
}
}
@media (min-width:1220px) {
.service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
max-height: 2.75em
}
@supports (-webkit-line-clamp:2) {
.service--4col .service__inner.has-title.has-icon .service__header ~ .service__text {
-webkit-line-clamp: 2
}
}
}
@media (min-width:1220px) {
.service--4col .service__text {
max-height: 5.5em
}
@supports (-webkit-line-clamp:4) {
.service--4col .service__text {
-webkit-line-clamp: 4
}
}
}
@media (min-width:1220px) {
.service--4col .service__inner {
padding: 30px
}
.service--4col .service__inner.has-title.has-icon .service__header {
height: 5.87em
}
.service--4col .service__header, .service--4col .service__title {
font-size: 1.33333rem
}
.service--4col .service__icon {
font-size: 2.47em
}
.service--4col .service__text {
font-size: 1rem
}
}
.grid .ce-avsite_service {
margin-bottom: 30px
}
.download {
position: relative;
background-color: #fff;
min-height: 140px
}
.bg-white .download {
background-color: #f7f7f7
}
.download:not(.download--image) {
padding: 20px
}
@media (min-width:576px) {
.download:not(.download--image) {
padding: 3.47222vw
}
}
@media (min-width:1152px) {
.download:not(.download--image) {
padding: 40px
}
}
.download--image {
padding: 20px
}
@media (min-width:495.5px) {
.download--image {
padding: 4.03633vw
}
}
@media (min-width:992px) {
.download--image {
padding: 40px;
display: flex;
align-items: center;
height: 140px
}
}
.download + .download {
margin-top: 20px
}
@media (min-width:576px) {
.download + .download {
margin-top: 3.47222vw
}
}
@media (min-width:864px) {
.download + .download {
margin-top: 30px
}
}
.download + .category-title {
margin-top: 30px
}
@media (min-width:576px) {
.download + .category-title {
margin-top: 5.20833vw
}
}
@media (min-width:1056px) {
.download + .category-title {
margin-top: 55px
}
}
.download > .row {
width: 100%
}
.download > .row > * {
position: static
}
.download .col-center {
padding-left: 15px
}
@media (min-width:1100px) {
.download .col-center {
padding-left: 1.36364vw
}
}
@media (min-width:1760px) {
.download .col-center {
padding-left: 24px
}
}
.download__left {
height: 100%;
display: flex;
justify-content: center;
align-items: flex-start
}
@media (min-width:992px) {
.download__left {
justify-content: flex-start;
align-items: center
}
}
.download__left svg {
width: 87px;
height: 87px
}
.download--image .download__left {
align-items: flex-start
}
.download--image .download__left figure {
margin-bottom: 0;
width: 60px;
height: 60px
}
@media (min-width:424.71429px) {
.download--image .download__left figure {
width: 14.12714vw;
height: 14.12714vw
}
}
@media (min-width:992px) {
.download--image .download__left figure {
width: 140px;
height: 140px;
position: absolute;
top: 50%;
transform: translateY(-50%) translateZ(0);
left: 0
}
}
@media (min-width:992px) {
.download--image .download__left figure:before {
display: block;
content: "";
width: 100%;
padding-top: 100%
}
.download--image .download__left figure > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
}
.download--image .download__left figure img {
font-family: "object-fit:cover";
-o-object-fit: cover;
object-fit: cover
}
.download__middle > * + * {
margin-top: 10px
}
@media (min-width:576px) {
.download__middle > * + * {
margin-top: 1.73611vw
}
}
@media (min-width:864px) {
.download__middle > * + * {
margin-top: 15px
}
}
.download__right {
height: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-top: 10px
}
@media (min-width:992px) {
.download__right {
margin-top: 0
}
}
.download__title {
font-weight: 700;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
.download__desc p {
margin-bottom: 0
}
.download__filemeta {
display: flex;
font-size: 10px
}
@media (min-width:576px) {
.download__filemeta {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.download__filemeta {
font-size: 13px
}
}
.download__categories ~ * {
margin-left: 10px
}
.download__extension {
text-transform: uppercase
}
.download__fileswitcher {
width: 70px;
margin-bottom: 0
}
@media (min-width:576px) {
.download__fileswitcher {
width: 12.15278vw
}
}
@media (min-width:658.28571px) {
.download__fileswitcher {
width: 80px
}
}
.download--image .download__fileswitcher {
width: auto
}
@media (min-width:768px) {
.download--image .download__fileswitcher {
width: 132px
}
}
.download__link {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 0
}
@media (min-width:576px) {
.download__link {
width: 6.94444vw;
height: 6.94444vw
}
}
@media (min-width:864px) {
.download__link {
width: 60px;
height: 60px
}
}
.download__link:before {
font-size: 20px
}
@media (min-width:576px) {
.download__link:before {
font-size: 3.47222vw
}
}
@media (min-width:720px) {
.download__link:before {
font-size: 25px
}
}
.avsite_downloadoverview .category-title {
margin-bottom: 10px
}
@media (min-width:576px) {
.avsite_downloadoverview .category-title {
margin-bottom: 1.73611vw
}
}
@media (min-width:1728px) {
.avsite_downloadoverview .category-title {
margin-bottom: 30px
}
}
.avsite_downloadsingle.bg-white {
padding-top: 20px;
padding-bottom: 20px
}
@media (min-width:576px) {
.avsite_downloadsingle.bg-white {
padding-top: 3.47222vw;
padding-bottom: 3.47222vw
}
}
@media (min-width:864px) {
.avsite_downloadsingle.bg-white {
padding-top: 30px;
padding-bottom: 30px
}
}
.avsite_downloadsingle:not([class*=mb--]) + .avsite_downloadsingle:not([class*=mt--]) {
padding-top: 0
}
.downloadform {
position: relative
}
.downloadform .loader {
position: absolute;
z-index: 5;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 96.9%, .75);
transition-property: opacity, height;
transition-duration: .2s, 0s;
transition-timing-function: ease-out
}
.downloadform:not(.loading) .loader {
opacity: 0;
pointer-events: none;
height: 0;
transition-delay: 0s, .2s
}
.sidebar {
position: fixed;
z-index: 7;
display: flex;
align-items: flex-start;
direction: ltr;
transition: all 0.4s;
}
.sidebar:after {
height: calc(100% - 45px);
top: 45px
}
.sidebar.visible {
bottom: 0;
right: 0
}
.sidebar__item {
background-color: #fff;
transition-property: width, box-shadow;
transition-duration: .3s;
transition-timing-function: ease-out
}
.sidebar__item:before {
width: 45px
}
.sidebar__item > .sidebar__content, .sidebar__item > .sidebar__group {
top: 45px;
z-index: 1;
flex-shrink: 0
}
.sidebar__item .teaser__tagline {
margin-bottom: 8px
}
@media (min-width:450px) {
.sidebar__item .teaser__tagline {
margin-bottom: 1.77778vw
}
}
@media (min-width:731.25px) {
.sidebar__item .teaser__tagline {
margin-bottom: 13px
}
}
.sidebar__item .teaser__tagline:before {
width: 30px
}
@media (min-width:450px) {
.sidebar__item .teaser__tagline:before {
width: 6.66667vw
}
}
@media (min-width:750px) {
.sidebar__item .teaser__tagline:before {
width: 50px
}
}
.sidebar__item .teaser__tagline .teaser__kicker {
max-width: calc(100% - 40px)
}
@media (min-width:450px) {
.sidebar__item .teaser__tagline .teaser__kicker {
max-width: calc(100% - 6.66667vw - 10px)
}
}
@media (min-width:750px) {
.sidebar__item .teaser__tagline .teaser__kicker {
max-width: calc(100% - 60px)
}
}
.sidebar__item .teaser__tagline + .sidebar__info {
margin-top: 15px
}
@media (min-width:450px) {
.sidebar__item .teaser__tagline + .sidebar__info {
margin-top: 3.33333vw
}
}
@media (min-width:660px) {
.sidebar__item .teaser__tagline + .sidebar__info {
margin-top: 22px
}
}
.sidebar__trigger {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
width: 45px;
min-height: 45px;
cursor: pointer;
flex-shrink: 0;
transition: background-color .3s ease-out
}
.sidebar__trigger--square {
height: 45px
}
.sidebar__trigger:after, .sidebar__trigger:before {
transition: opacity .3s ease-out
}
.sidebar__trigger:after {
color: #fff;
display: none;
font-size: 16px
}
.sidebar__trigger.icon-before--headset {
font-size: 22px
}
.sidebar__trigger.icon-before--paperplane {
font-size: 20px
}
.sidebar__trigger.icon-before--carret-up {
font-size: 13px
}
.sidebar__trigger.icon-before--book {
font-size: 18px
}
@media (-ms-high-contrast:active), (-ms-high-contrast:none) {
.sidebar__trigger:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) translateZ(0)
}
}
.sidebar__content {
position: relative;
width: 422px;
background-color: #fff;
word-break: break-word;
display: flex;
align-items: flex-start;
font-weight: 300;
padding: 24px
}
@media (min-width:450px) {
.sidebar__content {
padding: 5.33333vw
}
}
@media (min-width:562.5px) {
.sidebar__content {
padding: 30px
}
}
.sidebar__content, .sidebar__content:active, .sidebar__content:focus, .sidebar__content:hover {
color: #494948
}
.sidebar__content + .sidebar__content:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
height: 1px;
width: 100%;
background-color: #d4d4d4
}
.sidebar__content a {
font-weight: 300
}
.sidebar__content--gradient {
background: linear-gradient(15deg, #f00, #ec1b2f 10.79%, #ea1a2e 21.99%, #e6192c 33.34%, #e1172a 44.59%, #db1527 55.48%, #d51324 65.75%, #cf1121 75.14%, #c80e1d 83.41%, #c30b1a 90.28%, #be0817 95.51%, #bb0415 98.83%, #ba0214)
}
.sidebar__content--gradient .sidebar__icon, .sidebar__content--gradient .sidebar__info, .sidebar__content--gradient .sidebar__title, .sidebar__content--gradient .teaser__kicker {
color: #fff
}
.sidebar__content--gradient .teaser__tagline:before {
background-color: #fff
}
.sidebar__group {
max-height: 345px;
overflow-y: auto
}
.sidebar__group::-webkit-scrollbar {
width: 4px;
height: 4px
}
.sidebar__group::-webkit-scrollbar-thumb {
background: #a1a1a1
}
.sidebar__group::-webkit-scrollbar-track {
background: #e9eaea
}
.sidebar__icon, .sidebar__image {
width: 98px;
height: 98px
}
.sidebar__image {
position: relative
}
.sidebar__image img {
width: 100%;
height: 100%;
font-family: "object-fit:contain;object-position:center";
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center
}
.sidebar__image .image__line {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #f00;
border-top: 1px solid #fff
}
.sidebar__icon {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #f00;
font-size: 45px
}
.sidebar__text {
width: calc(100% - 98px);
padding-left: 15px
}
@media (min-width:576px) {
.sidebar__text {
padding-left: 2.60417vw
}
}
@media (min-width:960px) {
.sidebar__text {
padding-left: 25px
}
}
.sidebar__title {
font-size: 14px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 10px
}
@media (min-width:450px) {
.sidebar__title {
font-size: 3.11111vw
}
}
@media (min-width:642.85714px) {
.sidebar__title {
font-size: 20px
}
}
@media (min-width:450px) {
.sidebar__title {
margin-bottom: 2.22222vw
}
}
@media (min-width:675px) {
.sidebar__title {
margin-bottom: 15px
}
}
.sidebar__info {
line-height: 1.15
}
.sidebar__info + .sidebar__info {
margin-top: 4px
}
@media (min-width:450px) {
.sidebar__info + .sidebar__info {
margin-top: .88889vw
}
}
@media (min-width:675px) {
.sidebar__info + .sidebar__info {
margin-top: 6px
}
}
body[class*=brandcolor--] .sidebar .sidebar__content.sidebar__content--gradient .teaser__tagline:before {
background-color: #fff
}
@media (max-height:849px), (max-width:767px) {
.sidebar, .sidebar:after {
box-shadow: 0 0 40px rgba(0, 0, 0, .2);
right: 0
}
.sidebar:after {
content: "";
position: absolute;
display: block;
width: 422px;
max-width: 100vw;
z-index: -1;
transition: opacity .3s ease-out
}
.sidebar:not(.visible) {
box-shadow: 0 0 0 rgba(0, 0, 0, .2)
}
.sidebar:not(.visible):after {
opacity: 0
}
.sidebar__item > .sidebar__content, .sidebar__item > .sidebar__group {
position: absolute;
right: 0;
transition: opacity .3s ease-out
}
.sidebar__item > .sidebar__content:not(.visible), .sidebar__item > .sidebar__group:not(.visible) {
opacity: 0;
pointer-events: none
}
.sidebar__item:not(:last-child) .sidebar__trigger {
border-right: 1px solid #d4d4d4
}
.sidebar__item.active .sidebar__trigger {
background-color: #f00
}
.sidebar__item.active .sidebar__trigger:before {
opacity: 0
}
.sidebar__item.active .sidebar__trigger:after {
opacity: 1
}
.sidebar__item.active + .sidebar__item > .sidebar__content, .sidebar__item.active + .sidebar__item > .sidebar__group {
opacity: 0;
pointer-events: none
}
.sidebar__trigger {
position: relative
}
.sidebar__trigger:after {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) translateZ(0);
opacity: 0;
pointer-events: none
}
.sidebar__content {
max-width: 100vw
}
}
@media (min-width:768px) and (min-height:850px) {
.sidebar {
flex-direction: column;
align-items: flex-end;
height: auto !important;
bottom: 0
}
.sidebar:not(.visible) .sidebar__item:after {
opacity: 0
}
.sidebar__item {
display: flex;
position: relative;
width: 45px
}
.sidebar__item:after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
box-shadow: 0 0 40px rgba(0, 0, 0, .2);
z-index: -1;
transition: opacity .3s ease-out
}
.sidebar__item + .sidebar__item {
margin-top: 1px
}
.sidebar__item + .sidebar__item:before {
content: "";
display: block;
position: absolute;
top: -1px;
right: 0;
z-index: 2;
height: 1px;
background-color: #d4d4d4
}
.sidebar__item > .sidebar__content, .sidebar__item > .sidebar__group {
top: 0
}
.sidebar__item.active {
width: 467px
}
.sidebar__item:not(.visible) .sidebar__group {
overflow: hidden
}
.sidebar__content {
max-width: calc(100vw - 45px);
padding-left: 10px
}
.sidebar__content + .sidebar__content:before {
width: calc(100% - 10px)
}
}
.solr__facets {
display: flex
}
.solr__facets .facets {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 20px;
text-align: center;
margin-left: -8px;
margin-right: -8px
}
@media (min-width:576px) {
.solr__facets .facets {
margin-left: -1.38889vw;
margin-right: -1.38889vw
}
}
@media (min-width:1080px) {
.solr__facets .facets {
margin-left: -15px;
margin-right: -15px
}
}
.solr__facets .facets .facet {
margin-bottom: 10px;
padding-left: 8px;
padding-right: 8px
}
@media (min-width:576px) {
.solr__facets .facets .facet {
padding-left: 1.38889vw;
padding-right: 1.38889vw
}
}
@media (min-width:1080px) {
.solr__facets .facets .facet {
padding-left: 15px;
padding-right: 15px
}
}
.solr__result-count {
font-weight: 700;
margin-bottom: 30px;
flex-shrink: 0
}
@media (max-width:767.98px) {
.solr__facets {
flex-direction: column;
align-items: center
}
.solr__result-count {
text-align: center
}
}
@media (min-width:768px) {
.solr__facets {
justify-content:flex-start/* space-between*/
}
.solr__facets .facets {
justify-content: flex-start;
text-align: right
}
.solr__result-count {
padding-right: 30px
}
}
.solr__results .result__kicker {
letter-spacing: 1px;
margin-bottom: 5px
}
@media (min-width:576px) {
.solr__results .result__kicker {
margin-bottom: .86806vw
}
}
@media (min-width:1152px) {
.solr__results .result__kicker {
margin-bottom: 10px
}
}
.solr__results .result__title {
font-weight: 700
}
.solr__results .result__text .text__inner {
padding-right: 4px
}
.solr__results .result__image {
flex-shrink: 0
}
.solr__results .result + .result {
border-top: 1px solid #e9eaea
}
@media (min-width:576px) {
.solr__results .result__image {
width: 182px;
}
.solr__results .result:not(.result--download) {
display: flex;
align-items: flex-start
}
}
@media (max-width:575.98px) {
.solr__results .result {
max-width: 370px;
margin-left: auto;
margin-right: auto
}
.solr__results .result.has-image .result__content {
margin-top: 20px
}
}
.solr__results[data-articleloader] .pager--below .pagination__item--next {
margin-top: 30px;
margin-bottom: 30px
}
@media (min-width:576px) {
.solr__results[data-articleloader] .pager--below .pagination__item--next {
margin-top: 5.20833vw;
margin-bottom: 5.20833vw
}
}
@media (min-width:1152px) {
.solr__results[data-articleloader] .pager--below .pagination__item--next {
margin-top: 60px;
margin-bottom: 60px
}
}
mark {
background: transparent;
color: #494948;
font-weight: 700
}
.tx-solr-autosuggest {
z-index: 5;
background-color: #fff;
color: #494948;
line-height: 1.1;
border: 1px solid #f0f0f0;
border-top: 0 solid #f0f0f0;
box-shadow: 0 0 40px rgba(0, 0, 0, .2);
font-size: 10px;
overflow-y: auto
}
@media (min-width:576px) {
.tx-solr-autosuggest {
font-size: 1.73611vw
}
}
@media (min-width:748.8px) {
.tx-solr-autosuggest {
font-size: 13px
}
}
.tx-solr-autosuggest::-webkit-scrollbar {
width: 4px;
height: 4px
}
.tx-solr-autosuggest::-webkit-scrollbar-thumb {
background: #a1a1a1
}
.tx-solr-autosuggest::-webkit-scrollbar-track {
background: #e9eaea
}
.tx-solr-autosuggest .autocomplete-suggestion {
padding: .66667rem 1.33333rem;
cursor: pointer;
transition: background-color .2s ease
}
.tx-solr-autosuggest .autocomplete-suggestion:not(:last-child) {
border-bottom: 1px solid #f7f7f7
}
.tx-solr-autosuggest .autocomplete-suggestion:active, .tx-solr-autosuggest .autocomplete-suggestion:focus, .tx-solr-autosuggest .autocomplete-suggestion:hover {
background-color: #f7f7f7
}
.tx-solr-autosuggest .autocomplete-suggestion a {
color: inherit;
font-weight: 300
}
.tx-solr-autosuggest .autocomplete-group {
padding: 1.13333rem 1.33333rem .5rem .8rem;
font-weight: 500
}
.tx-solr-autosuggest .autocomplete-group + .autocomplete-suggestion {
border-top: 1px solid #f7f7f7
}
.tx-solr-autocomplete {
position: relative
}
.tx-solr-autocomplete .tx-solr-autosuggest {
width: 100% !important
}
.cc-revoke, .cc-window {
font-family: TheSansC5, Verdana, sans-serif
}
.cc-revoke, .cc-revoke .control-label, .cc-revoke label, .cc-window, .cc-window .control-label, .cc-window label {
font-size: 12px
}
@media (min-width:576px) {
.cc-revoke, .cc-revoke .control-label, .cc-revoke label, .cc-window, .cc-window .control-label, .cc-window label {
font-size: 16px
}
}
.cc-window *, .cc-window :after, .cc-window :before {
box-sizing: border-box !important
}
.cc-revoke {
top: auto;
left: 0;
bottom: 0
}
.cc-window-blocker {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
z-index: 17
}
.cc-window.cc-invisible ~ .cc-window-blocker {
display: none
}
.cc-compliance {
clear: both;
display: flex;
flex: none;
flex-direction: column;
align-items: flex-end
}
@media (min-width:576px) {
.cc-compliance {
flex-direction: row
}
}
.cc-compliance .cc-btn {
flex: 1 0 auto !important;
width: 100%
}
@media (min-width:576px) {
.cc-compliance .cc-btn {
width: auto
}
}
@media (min-width:992px) {
.cc-compliance .cc-btn {
flex: 0 1 auto !important
}
}
.cc-window.cc-floating {
max-width: none
}
.cc-imprint {
clear: both
}
.cc-header, .cc-imprint a {
display: inline-block
}
.cc-header {
color: #f00;
margin-bottom: 10px;
font-size: 14px;
font-weight: 700
}
@media (min-width:576px) {
.cc-header {
font-size: 18px;
font-weight: 700;
margin-bottom: 15px
}
}
.cc-highlight .cc-btn {
text-transform: uppercase;
font-weight: 400;
white-space: nowrap;
padding: 6px 12px;
transition-property: color, background-color;
transition-duration: .3s;
transition-timing-function: ease;
background-color: #fff
}
@media (min-width:576px) {
.cc-highlight .cc-btn {
padding: 5px 25px;
line-height: 30px
}
}
.cc-highlight .cc-btn:focus, .cc-highlight .cc-btn:hover {
text-decoration: none !important
}
.cc-highlight .cc-btn + .cc-btn {
margin-top: 5px
}
@media (max-width:449.98px) {
.cc-highlight .cc-btn + .cc-btn {
margin-left: 0
}
}
@media (min-width:576px) {
.cc-highlight .cc-btn + .cc-btn {
margin-top: 0
}
}
@media (max-width:991.98px) {
.cc-highlight .cc-btn.cc-moreinfo {
display: none
}
}
.cc-highlight .cc-btn:nth-child(n) {
border-color: #f00
}
.cc-highlight .cc-btn:nth-child(n):focus, .cc-highlight .cc-btn:nth-child(n):hover {
text-decoration: none;
color: #fff;
background-color: #f00
}
.cc-highlight .cc-btn.cc-allowall:nth-child(n) {
background-color: #f00;
color: #fff
}
.cc-highlight .cc-btn.cc-allowall:nth-child(n):focus, .cc-highlight .cc-btn.cc-allowall:nth-child(n):hover {
background-color: #fff;
color: #f00
}
.cc-compliance {
justify-content: flex-end
}
.cc-floating .cc-compliance > .cc-btn {
flex: 0
}
.cc-window.cc-popup {
width: 90%;
max-width: 990px;
left: 50%;
transform: translateX(-50%);
top: 5%;
max-height: 90vh;
overflow: hidden;
background: #fff;
padding: 0;
display: flex
}
.cc-window.cc-popup .cc-content {
flex: 1 0 auto;
overflow: hidden;
overflow-y: auto;
padding: 1em;
left: 0;
width: 100%;
max-height: calc(90vh - 96px)
}
@media (min-width:576px) {
.cc-window.cc-popup .cc-content {
padding: 2em;
width: 100%;
top: 5%;
box-shadow: none
}
}
.cc-window.cc-popup .cc-content .cc-moreinfolink {
display: inline-block
}
@media (min-width:576px) {
.cc-window.cc-popup .cc-content .cc-moreinfolink {
display: none
}
}
.cc-window.cc-popup .cc-buttons {
flex: 1 0 auto;
max-height: 96px;
border-top: 1px dotted #ccc;
background: #fff;
padding: 5px;
height: 96px
}
@media (min-width:576px) {
.cc-window.cc-popup .cc-buttons {
height: auto;
position: static
}
}
.cc-description-wrap + .cc-description-wrap {
margin-top: 1em
}
.cc-cookiedescription-wrap {
clear: both
}
.cc-cookiedescription-wrap .cc-cookiedescription-toggle {
float: right
}
.cc-cookiedescription-wrap .cc-cookiedescription-toggle .show {
display: inline-block
}
.cc-cookiedescription-wrap .cc-cookiedescription-toggle .hide {
display: none
}
.cc-cookiedescription-wrap .cc-cookiedescription {
clear: both;
display: none
}
.cc-cookiedescription-wrap .cc-cookiedescription-toggle.open .show {
display: none
}
.cc-cookiedescription-wrap .cc-cookiedescription-toggle.open .hide {
display: inline-block
}
.cc-cookiedescription-wrap .cc-cookiedescription-toggle.open ~ .cc-cookiedescription {
display: block
}
.cc-description-title {
font-weight: 700
}
.cc-cookielist {
display: flex;
flex-wrap: wrap;
margin-bottom: 1em
}
.cc-cookielist .cc-cookie-checkbox {
margin-right: 2em
}
.contact-map {
min-height: 250px;
height: 52vh;
max-height: 500px
}
.bg-brandcolor {
background-color: #001464
}
.bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #f00 30%)
}
.color-brandcolor, .hovercolor-brandcolor:active, .hovercolor-brandcolor:focus, .hovercolor-brandcolor:hover {
color: #f00
}
.contentelement.brandcolor--red .bg-brandcolor {
background-color: #f00
}
.contentelement.brandcolor--red .bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #f00 30%)
}
.contentelement.brandcolor--red .color-brandcolor, .contentelement.brandcolor--red .hovercolor-brandcolor:active, .contentelement.brandcolor--red .hovercolor-brandcolor:focus, .contentelement.brandcolor--red .hovercolor-brandcolor:hover {
color: #f00
}
.contentelement.brandcolor--red ::-moz-selection {
background: #f00
}
.contentelement.brandcolor--red ::selection {
background: #f00
}
.contentelement.brandcolor--red .headline:not(.no-brandcolor), .contentelement.brandcolor--red .kicker, .contentelement.brandcolor--red .subheadline:not(.no-brandcolor) {
color: #f00
}
.contentelement.brandcolor--red .kicker:before {
background-color: #f00
}
.contentelement.brandcolor--red .teasertext {
color: #f00
}
.contentelement.brandcolor--red .btn:not(.no-brandcolor):active, .contentelement.brandcolor--red .btn:not(.no-brandcolor):focus, .contentelement.brandcolor--red .btn:not(.no-brandcolor):hover, .contentelement.brandcolor--red .iconbtn:not(.no-brandcolor):active, .contentelement.brandcolor--red .iconbtn:not(.no-brandcolor):focus, .contentelement.brandcolor--red .iconbtn:not(.no-brandcolor):hover, .contentelement.brandcolor--red .videolink:hover .iconbtn:not(.no-brandcolor), .videolink:hover .contentelement.brandcolor--red .iconbtn:not(.no-brandcolor) {
color: #fff;
background-color: #f00
}
.contentelement.brandcolor--red .btn--brand:not(.no-brandcolor) {
color: #fff;
background: #f00
}
.contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):active, .contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):focus, .contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):hover {
color: #f00;
background-color: #fff
}
.contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):active .burger:after, .contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):active .burger:before, .contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):active .burger__inner, .contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):focus .burger:after, .contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):focus .burger:before, .contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):focus .burger__inner, .contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):hover .burger:after, .contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):hover .burger:before, .contentelement.brandcolor--red .btn--brand:not(.no-brandcolor):hover .burger__inner, .contentelement.brandcolor--red .cke_editable ul li:before, .contentelement.brandcolor--red .rte ul li:before, .contentelement.brandcolor--red ul.list li:before {
background-color: #f00
}
.contentelement.brandcolor--red .cke_editable ol li:before, .contentelement.brandcolor--red .rte ol li:before, .contentelement.brandcolor--red ol.list li:before {
color: #f00
}
.contentelement.brandcolor--red .formfield__wrapper--select:after, .contentelement.brandcolor--red .formfield__wrapper--text:after, .contentelement.brandcolor--red hr {
background-color: #f00
}
.contentelement.brandcolor--red .formfield.has-value select:not([multiple]), .contentelement.brandcolor--red select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%23f00' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
.contentelement.brandcolor--red .choices.is-focused, .contentelement.brandcolor--red .choices[data-type*=select-one] .choices__input {
border-color: #f00
}
.contentelement.brandcolor--red .choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, .contentelement.brandcolor--red .choices[data-type*=select-multiple] .choices__inner .choices__list:before, .contentelement.brandcolor--red .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, .contentelement.brandcolor--red .choices__list--dropdown .choices__item.is-highlighted {
background-color: #f00
}
.contentelement.brandcolor--red .choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--red .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--red .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--red .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--red .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--red .choices:hover:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--red .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--red .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #f00
}
.contentelement.brandcolor--red .accordion__header:before, .contentelement.brandcolor--red .accordion__toggle:after, .contentelement.brandcolor--red .accordion__toggle:before, .contentelement.brandcolor--red .checkbox__toggle:before, .contentelement.brandcolor--red .fact:nth-child(n+2):before {
background-color: #f00
}
.contentelement.brandcolor--red .teaser {
border-bottom-color: #f00
}
.contentelement.brandcolor--red .loader__dot:before, .contentelement.brandcolor--red .teaser__tagline:before {
background-color: #f00
}
.contentelement.brandcolor--red table td {
background-color: #f0f0f0
}
.contentelement.brandcolor--red table tr:nth-child(2n) td {
background-color: #e9eaea
}
.contentelement.brandcolor--red .table-responsive::-webkit-scrollbar-thumb {
background: #f00
}
.contentelement.brandcolor--red .product .gallery__thumbs .swiper-slide:after, .contentelement.brandcolor--red .sidebar__image .image__line {
background-color: #f00
}
@media (max-height:850px), (max-width:768px) {
.contentelement.brandcolor--red .sidebar__item.active .sidebar__trigger {
background-color: #f00
}
}
.contentelement.brandcolor--red .slidepagination.swiper-pagination-bullets .indicator, .contentelement.brandcolor--red .timeline__line:after, .contentelement.brandcolor--red .timeline__line:before, .contentelement.brandcolor--red .timeline__year:before {
background-color: #f00
}
.contentelement.brandcolor--red .fakelink:not(.link--white), .contentelement.brandcolor--red .fakelink:not(.link--white):active, .contentelement.brandcolor--red .fakelink:not(.link--white):focus, .contentelement.brandcolor--red .fakelink:not(.link--white):hover, .contentelement.brandcolor--red .link:not(.link--white), .contentelement.brandcolor--red .link:not(.link--white):active, .contentelement.brandcolor--red .link:not(.link--white):focus, .contentelement.brandcolor--red .link:not(.link--white):hover, .contentelement.brandcolor--red a:active .fakelink:not(.link--white), .contentelement.brandcolor--red a:focus .fakelink:not(.link--white), .contentelement.brandcolor--red a:hover .fakelink:not(.link--white), .page .contentelement.brandcolor--red a:not(.no-underline):not(.btn), .page .contentelement.brandcolor--red a:not(.no-underline):not(.btn):active, .page .contentelement.brandcolor--red a:not(.no-underline):not(.btn):focus, .page .contentelement.brandcolor--red a:not(.no-underline):not(.btn):hover, a:active .contentelement.brandcolor--red .fakelink:not(.link--white), a:focus .contentelement.brandcolor--red .fakelink:not(.link--white), a:hover .contentelement.brandcolor--red .fakelink:not(.link--white) {
color: #f00
}
.contentelement.brandcolor--red .fakelink:not(.link--white):before, .contentelement.brandcolor--red .link:not(.link--white):before, .page .contentelement.brandcolor--red a:not(.no-underline):not(.btn):before {
background-color: #f00
}
.page .contentelement.brandcolor--red a.no-underline:not(.btn) {
color: #f00
}
body.brandcolor--green .bg-brandcolor {
background-color: #b2bc00
}
body.brandcolor--green .bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #b2bc00 30%)
}
body.brandcolor--green .color-brandcolor, body.brandcolor--green .hovercolor-brandcolor:active, body.brandcolor--green .hovercolor-brandcolor:focus, body.brandcolor--green .hovercolor-brandcolor:hover {
color: #b2bc00
}
body.brandcolor--green ::-moz-selection {
background: #b2bc00
}
body.brandcolor--green ::selection {
background: #b2bc00
}
body.brandcolor--green .headline:not(.no-brandcolor), body.brandcolor--green .kicker, body.brandcolor--green .subheadline:not(.no-brandcolor) {
color: #b2bc00
}
body.brandcolor--green .kicker:before {
background-color: #b2bc00
}
body.brandcolor--green .teasertext {
color: #b2bc00
}
.videolink:hover body.brandcolor--green .iconbtn:not(.no-brandcolor), body.brandcolor--green .btn:not(.no-brandcolor):active, body.brandcolor--green .btn:not(.no-brandcolor):focus, body.brandcolor--green .btn:not(.no-brandcolor):hover, body.brandcolor--green .iconbtn:not(.no-brandcolor):active, body.brandcolor--green .iconbtn:not(.no-brandcolor):focus, body.brandcolor--green .iconbtn:not(.no-brandcolor):hover, body.brandcolor--green .videolink:hover .iconbtn:not(.no-brandcolor) {
color: #fff;
background-color: #b2bc00
}
body.brandcolor--green .btn--brand:not(.no-brandcolor) {
color: #fff;
background: #b2bc00
}
body.brandcolor--green .btn--brand:not(.no-brandcolor):active, body.brandcolor--green .btn--brand:not(.no-brandcolor):focus, body.brandcolor--green .btn--brand:not(.no-brandcolor):hover {
color: #b2bc00;
background-color: #fff
}
body.brandcolor--green .btn--brand:not(.no-brandcolor):active .burger:after, body.brandcolor--green .btn--brand:not(.no-brandcolor):active .burger:before, body.brandcolor--green .btn--brand:not(.no-brandcolor):active .burger__inner, body.brandcolor--green .btn--brand:not(.no-brandcolor):focus .burger:after, body.brandcolor--green .btn--brand:not(.no-brandcolor):focus .burger:before, body.brandcolor--green .btn--brand:not(.no-brandcolor):focus .burger__inner, body.brandcolor--green .btn--brand:not(.no-brandcolor):hover .burger:after, body.brandcolor--green .btn--brand:not(.no-brandcolor):hover .burger:before, body.brandcolor--green .btn--brand:not(.no-brandcolor):hover .burger__inner, body.brandcolor--green .cke_editable ul li:before, body.brandcolor--green .rte ul li:before, body.brandcolor--green ul.list li:before {
background-color: #b2bc00
}
body.brandcolor--green .cke_editable ol li:before, body.brandcolor--green .rte ol li:before, body.brandcolor--green ol.list li:before {
color: #b2bc00
}
body.brandcolor--green .formfield__wrapper--select:after, body.brandcolor--green .formfield__wrapper--text:after, body.brandcolor--green hr {
background-color: #b2bc00
}
body.brandcolor--green .formfield.has-value select:not([multiple]), body.brandcolor--green select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%23B2BC00' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
body.brandcolor--green .choices.is-focused, body.brandcolor--green .choices[data-type*=select-one] .choices__input {
border-color: #b2bc00
}
body.brandcolor--green .choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, body.brandcolor--green .choices[data-type*=select-multiple] .choices__inner .choices__list:before, body.brandcolor--green .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, body.brandcolor--green .choices__list--dropdown .choices__item.is-highlighted {
background-color: #b2bc00
}
body.brandcolor--green .choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--green .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--green .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--green .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--green .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--green .choices:hover:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--green .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--green .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #b2bc00
}
body.brandcolor--green .accordion__header:before, body.brandcolor--green .accordion__toggle:after, body.brandcolor--green .accordion__toggle:before, body.brandcolor--green .checkbox__toggle:before, body.brandcolor--green .fact:nth-child(n+2):before {
background-color: #b2bc00
}
body.brandcolor--green .teaser {
border-bottom-color: #b2bc00
}
body.brandcolor--green .loader__dot:before, body.brandcolor--green .teaser__tagline:before {
background-color: #b2bc00
}
body.brandcolor--green table td {
background-color: #fbfcf4
}
body.brandcolor--green table tr:nth-child(2n) td {
background-color: #f9fbee
}
body.brandcolor--green .table-responsive::-webkit-scrollbar-thumb {
background: #b2bc00
}
body.brandcolor--green .product .gallery__thumbs .swiper-slide:after, body.brandcolor--green .sidebar__image .image__line {
background-color: #b2bc00
}
@media (max-height:850px), (max-width:768px) {
body.brandcolor--green .sidebar__item.active .sidebar__trigger {
background-color: #b2bc00
}
}
body.brandcolor--green .slidepagination.swiper-pagination-bullets .indicator, body.brandcolor--green .timeline__line:after, body.brandcolor--green .timeline__line:before, body.brandcolor--green .timeline__year:before {
background-color: #b2bc00
}
a:active body.brandcolor--green .fakelink:not(.link--white), a:focus body.brandcolor--green .fakelink:not(.link--white), a:hover body.brandcolor--green .fakelink:not(.link--white), body.brandcolor--green .contentelement a:not(.no-underline):not(.btn), body.brandcolor--green .contentelement a:not(.no-underline):not(.btn):active, body.brandcolor--green .contentelement a:not(.no-underline):not(.btn):focus, body.brandcolor--green .contentelement a:not(.no-underline):not(.btn):hover, body.brandcolor--green .fakelink:not(.link--white), body.brandcolor--green .fakelink:not(.link--white):active, body.brandcolor--green .fakelink:not(.link--white):focus, body.brandcolor--green .fakelink:not(.link--white):hover, body.brandcolor--green .link:not(.link--white), body.brandcolor--green .link:not(.link--white):active, body.brandcolor--green .link:not(.link--white):focus, body.brandcolor--green .link:not(.link--white):hover, body.brandcolor--green a:active .fakelink:not(.link--white), body.brandcolor--green a:focus .fakelink:not(.link--white), body.brandcolor--green a:hover .fakelink:not(.link--white) {
color: #b2bc00
}
body.brandcolor--green .contentelement a:not(.no-underline):not(.btn):before, body.brandcolor--green .fakelink:not(.link--white):before, body.brandcolor--green .link:not(.link--white):before {
background-color: #b2bc00
}
body.brandcolor--green .contentelement a.no-underline:not(.btn) {
color: #b2bc00
}
.contentelement.brandcolor--green .bg-brandcolor {
background-color: #b2bc00
}
.contentelement.brandcolor--green .bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #b2bc00 30%)
}
.contentelement.brandcolor--green .color-brandcolor, .contentelement.brandcolor--green .hovercolor-brandcolor:active, .contentelement.brandcolor--green .hovercolor-brandcolor:focus, .contentelement.brandcolor--green .hovercolor-brandcolor:hover {
color: #b2bc00
}
.contentelement.brandcolor--green ::-moz-selection {
background: #b2bc00
}
.contentelement.brandcolor--green ::selection {
background: #b2bc00
}
.contentelement.brandcolor--green .headline:not(.no-brandcolor), .contentelement.brandcolor--green .kicker, .contentelement.brandcolor--green .subheadline:not(.no-brandcolor) {
color: #b2bc00
}
.contentelement.brandcolor--green .kicker:before {
background-color: #b2bc00
}
.contentelement.brandcolor--green .teasertext {
color: #b2bc00
}
.contentelement.brandcolor--green .btn:not(.no-brandcolor):active, .contentelement.brandcolor--green .btn:not(.no-brandcolor):focus, .contentelement.brandcolor--green .btn:not(.no-brandcolor):hover, .contentelement.brandcolor--green .iconbtn:not(.no-brandcolor):active, .contentelement.brandcolor--green .iconbtn:not(.no-brandcolor):focus, .contentelement.brandcolor--green .iconbtn:not(.no-brandcolor):hover, .contentelement.brandcolor--green .videolink:hover .iconbtn:not(.no-brandcolor), .videolink:hover .contentelement.brandcolor--green .iconbtn:not(.no-brandcolor) {
color: #fff;
background-color: #b2bc00
}
.contentelement.brandcolor--green .btn--brand:not(.no-brandcolor) {
color: #fff;
background: #b2bc00
}
.contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):active, .contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):focus, .contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):hover {
color: #b2bc00;
background-color: #fff
}
.contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):active .burger:after, .contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):active .burger:before, .contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):active .burger__inner, .contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):focus .burger:after, .contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):focus .burger:before, .contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):focus .burger__inner, .contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):hover .burger:after, .contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):hover .burger:before, .contentelement.brandcolor--green .btn--brand:not(.no-brandcolor):hover .burger__inner, .contentelement.brandcolor--green .cke_editable ul li:before, .contentelement.brandcolor--green .rte ul li:before, .contentelement.brandcolor--green ul.list li:before {
background-color: #b2bc00
}
.contentelement.brandcolor--green .cke_editable ol li:before, .contentelement.brandcolor--green .rte ol li:before, .contentelement.brandcolor--green ol.list li:before {
color: #b2bc00
}
.contentelement.brandcolor--green .formfield__wrapper--select:after, .contentelement.brandcolor--green .formfield__wrapper--text:after, .contentelement.brandcolor--green hr {
background-color: #b2bc00
}
.contentelement.brandcolor--green .formfield.has-value select:not([multiple]), .contentelement.brandcolor--green select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%23B2BC00' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
.contentelement.brandcolor--green .choices.is-focused, .contentelement.brandcolor--green .choices[data-type*=select-one] .choices__input {
border-color: #b2bc00
}
.contentelement.brandcolor--green .choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, .contentelement.brandcolor--green .choices[data-type*=select-multiple] .choices__inner .choices__list:before, .contentelement.brandcolor--green .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, .contentelement.brandcolor--green .choices__list--dropdown .choices__item.is-highlighted {
background-color: #b2bc00
}
.contentelement.brandcolor--green .choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--green .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--green .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--green .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--green .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--green .choices:hover:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--green .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--green .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #b2bc00
}
.contentelement.brandcolor--green .accordion__header:before, .contentelement.brandcolor--green .accordion__toggle:after, .contentelement.brandcolor--green .accordion__toggle:before, .contentelement.brandcolor--green .checkbox__toggle:before, .contentelement.brandcolor--green .fact:nth-child(n+2):before {
background-color: #b2bc00
}
.contentelement.brandcolor--green .teaser {
border-bottom-color: #b2bc00
}
.contentelement.brandcolor--green .loader__dot:before, .contentelement.brandcolor--green .teaser__tagline:before {
background-color: #b2bc00
}
.contentelement.brandcolor--green table td {
background-color: #fbfcf4
}
.contentelement.brandcolor--green table tr:nth-child(2n) td {
background-color: #f9fbee
}
.contentelement.brandcolor--green .table-responsive::-webkit-scrollbar-thumb {
background: #b2bc00
}
.contentelement.brandcolor--green .product .gallery__thumbs .swiper-slide:after, .contentelement.brandcolor--green .sidebar__image .image__line {
background-color: #b2bc00
}
@media (max-height:850px), (max-width:768px) {
.contentelement.brandcolor--green .sidebar__item.active .sidebar__trigger {
background-color: #b2bc00
}
}
.contentelement.brandcolor--green .slidepagination.swiper-pagination-bullets .indicator, .contentelement.brandcolor--green .timeline__line:after, .contentelement.brandcolor--green .timeline__line:before, .contentelement.brandcolor--green .timeline__year:before {
background-color: #b2bc00
}
.contentelement.brandcolor--green .fakelink:not(.link--white), .contentelement.brandcolor--green .fakelink:not(.link--white):active, .contentelement.brandcolor--green .fakelink:not(.link--white):focus, .contentelement.brandcolor--green .fakelink:not(.link--white):hover, .contentelement.brandcolor--green .link:not(.link--white), .contentelement.brandcolor--green .link:not(.link--white):active, .contentelement.brandcolor--green .link:not(.link--white):focus, .contentelement.brandcolor--green .link:not(.link--white):hover, .contentelement.brandcolor--green a:active .fakelink:not(.link--white), .contentelement.brandcolor--green a:focus .fakelink:not(.link--white), .contentelement.brandcolor--green a:hover .fakelink:not(.link--white), .page .contentelement.brandcolor--green a:not(.no-underline):not(.btn), .page .contentelement.brandcolor--green a:not(.no-underline):not(.btn):active, .page .contentelement.brandcolor--green a:not(.no-underline):not(.btn):focus, .page .contentelement.brandcolor--green a:not(.no-underline):not(.btn):hover, a:active .contentelement.brandcolor--green .fakelink:not(.link--white), a:focus .contentelement.brandcolor--green .fakelink:not(.link--white), a:hover .contentelement.brandcolor--green .fakelink:not(.link--white) {
color: #b2bc00
}
.contentelement.brandcolor--green .fakelink:not(.link--white):before, .contentelement.brandcolor--green .link:not(.link--white):before, .page .contentelement.brandcolor--green a:not(.no-underline):not(.btn):before {
background-color: #b2bc00
}
.page .contentelement.brandcolor--green a.no-underline:not(.btn) {
color: #b2bc00
}
body.brandcolor--blue .bg-brandcolor {
background-color: #0092c7
}
body.brandcolor--blue .bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #0092c7 30%)
}
body.brandcolor--blue .color-brandcolor, body.brandcolor--blue .hovercolor-brandcolor:active, body.brandcolor--blue .hovercolor-brandcolor:focus, body.brandcolor--blue .hovercolor-brandcolor:hover {
color: #0092c7
}
body.brandcolor--blue ::-moz-selection {
background: #0092c7
}
body.brandcolor--blue ::selection {
background: #0092c7
}
body.brandcolor--blue .headline:not(.no-brandcolor), body.brandcolor--blue .kicker, body.brandcolor--blue .subheadline:not(.no-brandcolor) {
color: #0092c7
}
body.brandcolor--blue .kicker:before {
background-color: #0092c7
}
body.brandcolor--blue .teasertext {
color: #0092c7
}
.videolink:hover body.brandcolor--blue .iconbtn:not(.no-brandcolor), body.brandcolor--blue .btn:not(.no-brandcolor):active, body.brandcolor--blue .btn:not(.no-brandcolor):focus, body.brandcolor--blue .btn:not(.no-brandcolor):hover, body.brandcolor--blue .iconbtn:not(.no-brandcolor):active, body.brandcolor--blue .iconbtn:not(.no-brandcolor):focus, body.brandcolor--blue .iconbtn:not(.no-brandcolor):hover, body.brandcolor--blue .videolink:hover .iconbtn:not(.no-brandcolor) {
color: #fff;
background-color: #0092c7
}
body.brandcolor--blue .btn--brand:not(.no-brandcolor) {
color: #fff;
background: #0092c7
}
body.brandcolor--blue .btn--brand:not(.no-brandcolor):active, body.brandcolor--blue .btn--brand:not(.no-brandcolor):focus, body.brandcolor--blue .btn--brand:not(.no-brandcolor):hover {
color: #0092c7;
background-color: #fff
}
body.brandcolor--blue .btn--brand:not(.no-brandcolor):active .burger:after, body.brandcolor--blue .btn--brand:not(.no-brandcolor):active .burger:before, body.brandcolor--blue .btn--brand:not(.no-brandcolor):active .burger__inner, body.brandcolor--blue .btn--brand:not(.no-brandcolor):focus .burger:after, body.brandcolor--blue .btn--brand:not(.no-brandcolor):focus .burger:before, body.brandcolor--blue .btn--brand:not(.no-brandcolor):focus .burger__inner, body.brandcolor--blue .btn--brand:not(.no-brandcolor):hover .burger:after, body.brandcolor--blue .btn--brand:not(.no-brandcolor):hover .burger:before, body.brandcolor--blue .btn--brand:not(.no-brandcolor):hover .burger__inner, body.brandcolor--blue .cke_editable ul li:before, body.brandcolor--blue .rte ul li:before, body.brandcolor--blue ul.list li:before {
background-color: #0092c7
}
body.brandcolor--blue .cke_editable ol li:before, body.brandcolor--blue .rte ol li:before, body.brandcolor--blue ol.list li:before {
color: #0092c7
}
body.brandcolor--blue .formfield__wrapper--select:after, body.brandcolor--blue .formfield__wrapper--text:after, body.brandcolor--blue hr {
background-color: #0092c7
}
body.brandcolor--blue .formfield.has-value select:not([multiple]), body.brandcolor--blue select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%230092C7' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
body.brandcolor--blue .choices.is-focused, body.brandcolor--blue .choices[data-type*=select-one] .choices__input {
border-color: #0092c7
}
body.brandcolor--blue .choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, body.brandcolor--blue .choices[data-type*=select-multiple] .choices__inner .choices__list:before, body.brandcolor--blue .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, body.brandcolor--blue .choices__list--dropdown .choices__item.is-highlighted {
background-color: #0092c7
}
body.brandcolor--blue .choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--blue .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--blue .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--blue .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--blue .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--blue .choices:hover:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--blue .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--blue .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #0092c7
}
body.brandcolor--blue .accordion__header:before, body.brandcolor--blue .accordion__toggle:after, body.brandcolor--blue .accordion__toggle:before, body.brandcolor--blue .checkbox__toggle:before, body.brandcolor--blue .fact:nth-child(n+2):before {
background-color: #0092c7
}
body.brandcolor--blue .teaser {
border-bottom-color: #0092c7
}
body.brandcolor--blue .loader__dot:before, body.brandcolor--blue .teaser__tagline:before {
background-color: #0092c7
}
body.brandcolor--blue table td {
background-color: #f4fafc
}
body.brandcolor--blue table tr:nth-child(2n) td {
background-color: #ecf7fa
}
body.brandcolor--blue .table-responsive::-webkit-scrollbar-thumb {
background: #0092c7
}
body.brandcolor--blue .product .gallery__thumbs .swiper-slide:after, body.brandcolor--blue .sidebar__image .image__line {
background-color: #0092c7
}
@media (max-height:850px), (max-width:768px) {
body.brandcolor--blue .sidebar__item.active .sidebar__trigger {
background-color: #0092c7
}
}
body.brandcolor--blue .slidepagination.swiper-pagination-bullets .indicator, body.brandcolor--blue .timeline__line:after, body.brandcolor--blue .timeline__line:before, body.brandcolor--blue .timeline__year:before {
background-color: #0092c7
}
a:active body.brandcolor--blue .fakelink:not(.link--white), a:focus body.brandcolor--blue .fakelink:not(.link--white), a:hover body.brandcolor--blue .fakelink:not(.link--white), body.brandcolor--blue .contentelement a:not(.no-underline):not(.btn), body.brandcolor--blue .contentelement a:not(.no-underline):not(.btn):active, body.brandcolor--blue .contentelement a:not(.no-underline):not(.btn):focus, body.brandcolor--blue .contentelement a:not(.no-underline):not(.btn):hover, body.brandcolor--blue .fakelink:not(.link--white), body.brandcolor--blue .fakelink:not(.link--white):active, body.brandcolor--blue .fakelink:not(.link--white):focus, body.brandcolor--blue .fakelink:not(.link--white):hover, body.brandcolor--blue .link:not(.link--white), body.brandcolor--blue .link:not(.link--white):active, body.brandcolor--blue .link:not(.link--white):focus, body.brandcolor--blue .link:not(.link--white):hover, body.brandcolor--blue a:active .fakelink:not(.link--white), body.brandcolor--blue a:focus .fakelink:not(.link--white), body.brandcolor--blue a:hover .fakelink:not(.link--white) {
color: #0092c7
}
body.brandcolor--blue .contentelement a:not(.no-underline):not(.btn):before, body.brandcolor--blue .fakelink:not(.link--white):before, body.brandcolor--blue .link:not(.link--white):before {
background-color: #0092c7
}
body.brandcolor--blue .contentelement a.no-underline:not(.btn) {
color: #0092c7
}
.contentelement.brandcolor--blue .bg-brandcolor {
background-color: #0092c7
}
.contentelement.brandcolor--blue .bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #0092c7 30%)
}
.contentelement.brandcolor--blue .color-brandcolor, .contentelement.brandcolor--blue .hovercolor-brandcolor:active, .contentelement.brandcolor--blue .hovercolor-brandcolor:focus, .contentelement.brandcolor--blue .hovercolor-brandcolor:hover {
color: #0092c7
}
.contentelement.brandcolor--blue ::-moz-selection {
background: #0092c7
}
.contentelement.brandcolor--blue ::selection {
background: #0092c7
}
.contentelement.brandcolor--blue .headline:not(.no-brandcolor), .contentelement.brandcolor--blue .kicker, .contentelement.brandcolor--blue .subheadline:not(.no-brandcolor) {
color: #0092c7
}
.contentelement.brandcolor--blue .kicker:before {
background-color: #0092c7
}
.contentelement.brandcolor--blue .teasertext {
color: #0092c7
}
.contentelement.brandcolor--blue .btn:not(.no-brandcolor):active, .contentelement.brandcolor--blue .btn:not(.no-brandcolor):focus, .contentelement.brandcolor--blue .btn:not(.no-brandcolor):hover, .contentelement.brandcolor--blue .iconbtn:not(.no-brandcolor):active, .contentelement.brandcolor--blue .iconbtn:not(.no-brandcolor):focus, .contentelement.brandcolor--blue .iconbtn:not(.no-brandcolor):hover, .contentelement.brandcolor--blue .videolink:hover .iconbtn:not(.no-brandcolor), .videolink:hover .contentelement.brandcolor--blue .iconbtn:not(.no-brandcolor) {
color: #fff;
background-color: #0092c7
}
.contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor) {
color: #fff;
background: #0092c7
}
.contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):active, .contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):focus, .contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):hover {
color: #0092c7;
background-color: #fff
}
.contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):active .burger:after, .contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):active .burger:before, .contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):active .burger__inner, .contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):focus .burger:after, .contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):focus .burger:before, .contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):focus .burger__inner, .contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):hover .burger:after, .contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):hover .burger:before, .contentelement.brandcolor--blue .btn--brand:not(.no-brandcolor):hover .burger__inner, .contentelement.brandcolor--blue .cke_editable ul li:before, .contentelement.brandcolor--blue .rte ul li:before, .contentelement.brandcolor--blue ul.list li:before {
background-color: #0092c7
}
.contentelement.brandcolor--blue .cke_editable ol li:before, .contentelement.brandcolor--blue .rte ol li:before, .contentelement.brandcolor--blue ol.list li:before {
color: #0092c7
}
.contentelement.brandcolor--blue .formfield__wrapper--select:after, .contentelement.brandcolor--blue .formfield__wrapper--text:after, .contentelement.brandcolor--blue hr {
background-color: #0092c7
}
.contentelement.brandcolor--blue .formfield.has-value select:not([multiple]), .contentelement.brandcolor--blue select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%230092C7' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
.contentelement.brandcolor--blue .choices.is-focused, .contentelement.brandcolor--blue .choices[data-type*=select-one] .choices__input {
border-color: #0092c7
}
.contentelement.brandcolor--blue .choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, .contentelement.brandcolor--blue .choices[data-type*=select-multiple] .choices__inner .choices__list:before, .contentelement.brandcolor--blue .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, .contentelement.brandcolor--blue .choices__list--dropdown .choices__item.is-highlighted {
background-color: #0092c7
}
.contentelement.brandcolor--blue .choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--blue .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--blue .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--blue .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--blue .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--blue .choices:hover:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--blue .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--blue .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #0092c7
}
.contentelement.brandcolor--blue .accordion__header:before, .contentelement.brandcolor--blue .accordion__toggle:after, .contentelement.brandcolor--blue .accordion__toggle:before, .contentelement.brandcolor--blue .checkbox__toggle:before, .contentelement.brandcolor--blue .fact:nth-child(n+2):before {
background-color: #0092c7
}
.contentelement.brandcolor--blue .teaser {
border-bottom-color: #0092c7
}
.contentelement.brandcolor--blue .loader__dot:before, .contentelement.brandcolor--blue .teaser__tagline:before {
background-color: #0092c7
}
.contentelement.brandcolor--blue table td {
background-color: #f4fafc
}
.contentelement.brandcolor--blue table tr:nth-child(2n) td {
background-color: #ecf7fa
}
.contentelement.brandcolor--blue .table-responsive::-webkit-scrollbar-thumb {
background: #0092c7
}
.contentelement.brandcolor--blue .product .gallery__thumbs .swiper-slide:after, .contentelement.brandcolor--blue .sidebar__image .image__line {
background-color: #0092c7
}
@media (max-height:850px), (max-width:768px) {
.contentelement.brandcolor--blue .sidebar__item.active .sidebar__trigger {
background-color: #0092c7
}
}
.contentelement.brandcolor--blue .slidepagination.swiper-pagination-bullets .indicator, .contentelement.brandcolor--blue .timeline__line:after, .contentelement.brandcolor--blue .timeline__line:before, .contentelement.brandcolor--blue .timeline__year:before {
background-color: #0092c7
}
.contentelement.brandcolor--blue .fakelink:not(.link--white), .contentelement.brandcolor--blue .fakelink:not(.link--white):active, .contentelement.brandcolor--blue .fakelink:not(.link--white):focus, .contentelement.brandcolor--blue .fakelink:not(.link--white):hover, .contentelement.brandcolor--blue .link:not(.link--white), .contentelement.brandcolor--blue .link:not(.link--white):active, .contentelement.brandcolor--blue .link:not(.link--white):focus, .contentelement.brandcolor--blue .link:not(.link--white):hover, .contentelement.brandcolor--blue a:active .fakelink:not(.link--white), .contentelement.brandcolor--blue a:focus .fakelink:not(.link--white), .contentelement.brandcolor--blue a:hover .fakelink:not(.link--white), .page .contentelement.brandcolor--blue a:not(.no-underline):not(.btn), .page .contentelement.brandcolor--blue a:not(.no-underline):not(.btn):active, .page .contentelement.brandcolor--blue a:not(.no-underline):not(.btn):focus, .page .contentelement.brandcolor--blue a:not(.no-underline):not(.btn):hover, a:active .contentelement.brandcolor--blue .fakelink:not(.link--white), a:focus .contentelement.brandcolor--blue .fakelink:not(.link--white), a:hover .contentelement.brandcolor--blue .fakelink:not(.link--white) {
color: #0092c7
}
.contentelement.brandcolor--blue .fakelink:not(.link--white):before, .contentelement.brandcolor--blue .link:not(.link--white):before, .page .contentelement.brandcolor--blue a:not(.no-underline):not(.btn):before {
background-color: #0092c7
}
.page .contentelement.brandcolor--blue a.no-underline:not(.btn) {
color: #0092c7
}
body.brandcolor--violet .bg-brandcolor {
background-color: #F00
}
body.brandcolor--violet .bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #F00 30%)
}
body.brandcolor--violet .color-brandcolor, body.brandcolor--violet .hovercolor-brandcolor:active, body.brandcolor--violet .hovercolor-brandcolor:focus, body.brandcolor--violet .hovercolor-brandcolor:hover {
color: #F00
}
body.brandcolor--violet ::-moz-selection {
background: #F00
}
body.brandcolor--violet ::selection {
background: #F00
}
body.brandcolor--violet .headline:not(.no-brandcolor), body.brandcolor--violet .kicker, body.brandcolor--violet .subheadline:not(.no-brandcolor) {
color: #F00
}
body.brandcolor--violet .kicker:before {
background-color: #F00
}
body.brandcolor--violet .teasertext {
color: #F00
}
.videolink:hover body.brandcolor--violet .iconbtn:not(.no-brandcolor), body.brandcolor--violet .btn:not(.no-brandcolor):active, body.brandcolor--violet .btn:not(.no-brandcolor):focus, body.brandcolor--violet .btn:not(.no-brandcolor):hover, body.brandcolor--violet .iconbtn:not(.no-brandcolor):active, body.brandcolor--violet .iconbtn:not(.no-brandcolor):focus, body.brandcolor--violet .iconbtn:not(.no-brandcolor):hover, body.brandcolor--violet .videolink:hover .iconbtn:not(.no-brandcolor) {
color: #fff;
background-color: #F00
}
body.brandcolor--violet .btn--brand:not(.no-brandcolor) {
color: #fff;
background: #F00
}
body.brandcolor--violet .btn--brand:not(.no-brandcolor):active, body.brandcolor--violet .btn--brand:not(.no-brandcolor):focus, body.brandcolor--violet .btn--brand:not(.no-brandcolor):hover {
color: #F00;
background-color: #fff
}
body.brandcolor--violet .btn--brand:not(.no-brandcolor):active .burger:after, body.brandcolor--violet .btn--brand:not(.no-brandcolor):active .burger:before, body.brandcolor--violet .btn--brand:not(.no-brandcolor):active .burger__inner, body.brandcolor--violet .btn--brand:not(.no-brandcolor):focus .burger:after, body.brandcolor--violet .btn--brand:not(.no-brandcolor):focus .burger:before, body.brandcolor--violet .btn--brand:not(.no-brandcolor):focus .burger__inner, body.brandcolor--violet .btn--brand:not(.no-brandcolor):hover .burger:after, body.brandcolor--violet .btn--brand:not(.no-brandcolor):hover .burger:before, body.brandcolor--violet .btn--brand:not(.no-brandcolor):hover .burger__inner, body.brandcolor--violet .cke_editable ul li:before, body.brandcolor--violet .rte ul li:before, body.brandcolor--violet ul.list li:before {
background-color: #F00
}
body.brandcolor--violet .cke_editable ol li:before, body.brandcolor--violet .rte ol li:before, body.brandcolor--violet ol.list li:before {
color: #F00
}
body.brandcolor--violet .formfield__wrapper--select:after, body.brandcolor--violet .formfield__wrapper--text:after, body.brandcolor--violet hr {
background-color: #F00
}
body.brandcolor--violet .formfield.has-value select:not([multiple]), body.brandcolor--violet select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%23F00' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
body.brandcolor--violet .choices.is-focused, body.brandcolor--violet .choices[data-type*=select-one] .choices__input {
border-color: #F00
}
body.brandcolor--violet .choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, body.brandcolor--violet .choices[data-type*=select-multiple] .choices__inner .choices__list:before, body.brandcolor--violet .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, body.brandcolor--violet .choices__list--dropdown .choices__item.is-highlighted {
background-color: #F00
}
body.brandcolor--violet .choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--violet .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--violet .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--violet .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--violet .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--violet .choices:hover:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--violet .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--violet .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #F00
}
body.brandcolor--violet .accordion__header:before, body.brandcolor--violet .accordion__toggle:after, body.brandcolor--violet .accordion__toggle:before, body.brandcolor--violet .checkbox__toggle:before, body.brandcolor--violet .fact:nth-child(n+2):before {
background-color: #F00
}
body.brandcolor--violet .teaser {
border-bottom-color: #F00
}
body.brandcolor--violet .loader__dot:before, body.brandcolor--violet .teaser__tagline:before {
background-color: #F00
}
body.brandcolor--violet table td {
background-color: #f9f5fa
}
body.brandcolor--violet table tr:nth-child(2n) td {
background-color: #f5edf6
}
body.brandcolor--violet .table-responsive::-webkit-scrollbar-thumb {
background: #F00
}
body.brandcolor--violet .product .gallery__thumbs .swiper-slide:after, body.brandcolor--violet .sidebar__image .image__line {
background-color: #F00
}
@media (max-height:850px), (max-width:768px) {
body.brandcolor--violet .sidebar__item.active .sidebar__trigger {
background-color: #F00
}
}
body.brandcolor--violet .slidepagination.swiper-pagination-bullets .indicator, body.brandcolor--violet .timeline__line:after, body.brandcolor--violet .timeline__line:before, body.brandcolor--violet .timeline__year:before {
background-color: #F00
}
a:active body.brandcolor--violet .fakelink:not(.link--white), a:focus body.brandcolor--violet .fakelink:not(.link--white), a:hover body.brandcolor--violet .fakelink:not(.link--white), body.brandcolor--violet .contentelement a:not(.no-underline):not(.btn), body.brandcolor--violet .contentelement a:not(.no-underline):not(.btn):active, body.brandcolor--violet .contentelement a:not(.no-underline):not(.btn):focus, body.brandcolor--violet .contentelement a:not(.no-underline):not(.btn):hover, body.brandcolor--violet .fakelink:not(.link--white), body.brandcolor--violet .fakelink:not(.link--white):active, body.brandcolor--violet .fakelink:not(.link--white):focus, body.brandcolor--violet .fakelink:not(.link--white):hover, body.brandcolor--violet .link:not(.link--white), body.brandcolor--violet .link:not(.link--white):active, body.brandcolor--violet .link:not(.link--white):focus, body.brandcolor--violet .link:not(.link--white):hover, body.brandcolor--violet a:active .fakelink:not(.link--white), body.brandcolor--violet a:focus .fakelink:not(.link--white), body.brandcolor--violet a:hover .fakelink:not(.link--white) {
color: #F00
}
body.brandcolor--violet .contentelement a:not(.no-underline):not(.btn):before, body.brandcolor--violet .fakelink:not(.link--white):before, body.brandcolor--violet .link:not(.link--white):before {
background-color: #F00
}
body.brandcolor--violet .contentelement a.no-underline:not(.btn) {
color: #F00
}
.contentelement.brandcolor--violet .bg-brandcolor {
background-color: #7b2091
}
.contentelement.brandcolor--violet .bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #7b2091 30%)
}
.contentelement.brandcolor--violet .color-brandcolor, .contentelement.brandcolor--violet .hovercolor-brandcolor:active, .contentelement.brandcolor--violet .hovercolor-brandcolor:focus, .contentelement.brandcolor--violet .hovercolor-brandcolor:hover {
color: #F00
}
.contentelement.brandcolor--violet ::-moz-selection {
background: #F00
}
.contentelement.brandcolor--violet ::selection {
background: #F00
}
.contentelement.brandcolor--violet .headline:not(.no-brandcolor), .contentelement.brandcolor--violet .kicker, .contentelement.brandcolor--violet .subheadline:not(.no-brandcolor) {
color: #F00
}
.contentelement.brandcolor--violet .kicker:before {
background-color: #F00
}
.contentelement.brandcolor--violet .teasertext {
color: #F00
}
.contentelement.brandcolor--violet .btn:not(.no-brandcolor):active, .contentelement.brandcolor--violet .btn:not(.no-brandcolor):focus, .contentelement.brandcolor--violet .btn:not(.no-brandcolor):hover, .contentelement.brandcolor--violet .iconbtn:not(.no-brandcolor):active, .contentelement.brandcolor--violet .iconbtn:not(.no-brandcolor):focus, .contentelement.brandcolor--violet .iconbtn:not(.no-brandcolor):hover, .contentelement.brandcolor--violet .videolink:hover .iconbtn:not(.no-brandcolor), .videolink:hover .contentelement.brandcolor--violet .iconbtn:not(.no-brandcolor) {
color: #fff;
background-color: #F00
}
.contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor) {
color: #fff;
background: #F00
}
.contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):active, .contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):focus, .contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):hover {
color: #F00;
background-color: #fff
}
.contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):active .burger:after, .contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):active .burger:before, .contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):active .burger__inner, .contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):focus .burger:after, .contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):focus .burger:before, .contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):focus .burger__inner, .contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):hover .burger:after, .contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):hover .burger:before, .contentelement.brandcolor--violet .btn--brand:not(.no-brandcolor):hover .burger__inner, .contentelement.brandcolor--violet .cke_editable ul li:before, .contentelement.brandcolor--violet .rte ul li:before, .contentelement.brandcolor--violet ul.list li:before {
background-color: #F00
}
.contentelement.brandcolor--violet .cke_editable ol li:before, .contentelement.brandcolor--violet .rte ol li:before, .contentelement.brandcolor--violet ol.list li:before {
color: #F00
}
.contentelement.brandcolor--violet .formfield__wrapper--select:after, .contentelement.brandcolor--violet .formfield__wrapper--text:after, .contentelement.brandcolor--violet hr {
background-color: #F00
}
.contentelement.brandcolor--violet .formfield.has-value select:not([multiple]), .contentelement.brandcolor--violet select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%23F00' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
.contentelement.brandcolor--violet .choices.is-focused, .contentelement.brandcolor--violet .choices[data-type*=select-one] .choices__input {
border-color: #F00
}
.contentelement.brandcolor--violet .choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, .contentelement.brandcolor--violet .choices[data-type*=select-multiple] .choices__inner .choices__list:before, .contentelement.brandcolor--violet .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, .contentelement.brandcolor--violet .choices__list--dropdown .choices__item.is-highlighted {
background-color: #F00
}
.contentelement.brandcolor--violet .choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--violet .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--violet .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--violet .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--violet .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--violet .choices:hover:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--violet .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--violet .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #F00
}
.contentelement.brandcolor--violet .accordion__header:before, .contentelement.brandcolor--violet .accordion__toggle:after, .contentelement.brandcolor--violet .accordion__toggle:before, .contentelement.brandcolor--violet .checkbox__toggle:before, .contentelement.brandcolor--violet .fact:nth-child(n+2):before {
background-color: #F00
}
.contentelement.brandcolor--violet .teaser {
border-bottom-color: #F00
}
.contentelement.brandcolor--violet .loader__dot:before, .contentelement.brandcolor--violet .teaser__tagline:before {
background-color: #F00
}
.contentelement.brandcolor--violet table td {
background-color: #f9f5fa
}
.contentelement.brandcolor--violet table tr:nth-child(2n) td {
background-color: #f5edf6
}
.contentelement.brandcolor--violet .table-responsive::-webkit-scrollbar-thumb {
background: #F00
}
.contentelement.brandcolor--violet .product .gallery__thumbs .swiper-slide:after, .contentelement.brandcolor--violet .sidebar__image .image__line {
background-color: #F00
}
@media (max-height:850px), (max-width:768px) {
.contentelement.brandcolor--violet .sidebar__item.active .sidebar__trigger {
background-color: #F00
}
}
.contentelement.brandcolor--violet .slidepagination.swiper-pagination-bullets .indicator, .contentelement.brandcolor--violet .timeline__line:after, .contentelement.brandcolor--violet .timeline__line:before, .contentelement.brandcolor--violet .timeline__year:before {
background-color: #F00
}
.contentelement.brandcolor--violet .fakelink:not(.link--white), .contentelement.brandcolor--violet .fakelink:not(.link--white):active, .contentelement.brandcolor--violet .fakelink:not(.link--white):focus, .contentelement.brandcolor--violet .fakelink:not(.link--white):hover, .contentelement.brandcolor--violet .link:not(.link--white), .contentelement.brandcolor--violet .link:not(.link--white):active, .contentelement.brandcolor--violet .link:not(.link--white):focus, .contentelement.brandcolor--violet .link:not(.link--white):hover, .contentelement.brandcolor--violet a:active .fakelink:not(.link--white), .contentelement.brandcolor--violet a:focus .fakelink:not(.link--white), .contentelement.brandcolor--violet a:hover .fakelink:not(.link--white), .page .contentelement.brandcolor--violet a:not(.no-underline):not(.btn), .page .contentelement.brandcolor--violet a:not(.no-underline):not(.btn):active, .page .contentelement.brandcolor--violet a:not(.no-underline):not(.btn):focus, .page .contentelement.brandcolor--violet a:not(.no-underline):not(.btn):hover, a:active .contentelement.brandcolor--violet .fakelink:not(.link--white), a:focus .contentelement.brandcolor--violet .fakelink:not(.link--white), a:hover .contentelement.brandcolor--violet .fakelink:not(.link--white) {
color: #F00
}
.contentelement.brandcolor--violet .fakelink:not(.link--white):before, .contentelement.brandcolor--violet .link:not(.link--white):before, .page .contentelement.brandcolor--violet a:not(.no-underline):not(.btn):before {
background-color: #F00
}
.page .contentelement.brandcolor--violet a.no-underline:not(.btn) {
color: #F00
}
body.brandcolor--gray .bg-brandcolor {
background-color: #f05123
}
body.brandcolor--gray .bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #f05123 30%)
}
body.brandcolor--gray .color-brandcolor, body.brandcolor--gray .hovercolor-brandcolor:active, body.brandcolor--gray .hovercolor-brandcolor:focus, body.brandcolor--gray .hovercolor-brandcolor:hover {
color: #f05123
}
body.brandcolor--gray ::-moz-selection {
background: #f05123
}
body.brandcolor--gray ::selection {
background: #f05123
}
body.brandcolor--gray .headline:not(.no-brandcolor), body.brandcolor--gray .kicker, body.brandcolor--gray .subheadline:not(.no-brandcolor) {
color: #f05123
}
body.brandcolor--gray .kicker:before {
background-color: #f05123
}
body.brandcolor--gray .teasertext {
color: #f05123
}
.videolink:hover body.brandcolor--gray .iconbtn:not(.no-brandcolor), body.brandcolor--gray .btn:not(.no-brandcolor):active, body.brandcolor--gray .btn:not(.no-brandcolor):focus, body.brandcolor--gray .btn:not(.no-brandcolor):hover, body.brandcolor--gray .iconbtn:not(.no-brandcolor):active, body.brandcolor--gray .iconbtn:not(.no-brandcolor):focus, body.brandcolor--gray .iconbtn:not(.no-brandcolor):hover, body.brandcolor--gray .videolink:hover .iconbtn:not(.no-brandcolor) {
color: #fff;
background-color: #f05123
}
body.brandcolor--gray .btn--brand:not(.no-brandcolor) {
color: #fff;
background: #f05123
}
body.brandcolor--gray .btn--brand:not(.no-brandcolor):active, body.brandcolor--gray .btn--brand:not(.no-brandcolor):focus, body.brandcolor--gray .btn--brand:not(.no-brandcolor):hover {
color: #f05123;
background-color: #fff
}
body.brandcolor--gray .btn--brand:not(.no-brandcolor):active .burger:after, body.brandcolor--gray .btn--brand:not(.no-brandcolor):active .burger:before, body.brandcolor--gray .btn--brand:not(.no-brandcolor):active .burger__inner, body.brandcolor--gray .btn--brand:not(.no-brandcolor):focus .burger:after, body.brandcolor--gray .btn--brand:not(.no-brandcolor):focus .burger:before, body.brandcolor--gray .btn--brand:not(.no-brandcolor):focus .burger__inner, body.brandcolor--gray .btn--brand:not(.no-brandcolor):hover .burger:after, body.brandcolor--gray .btn--brand:not(.no-brandcolor):hover .burger:before, body.brandcolor--gray .btn--brand:not(.no-brandcolor):hover .burger__inner, body.brandcolor--gray .cke_editable ul li:before, body.brandcolor--gray .rte ul li:before, body.brandcolor--gray ul.list li:before {
background-color: #f05123
}
body.brandcolor--gray .cke_editable ol li:before, body.brandcolor--gray .rte ol li:before, body.brandcolor--gray ol.list li:before {
color: #f05123
}
body.brandcolor--gray .formfield__wrapper--select:after, body.brandcolor--gray .formfield__wrapper--text:after, body.brandcolor--gray hr {
background-color: #f05123
}
body.brandcolor--gray .formfield.has-value select:not([multiple]), body.brandcolor--gray select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%23f05123' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
body.brandcolor--gray .choices.is-focused, body.brandcolor--gray .choices[data-type*=select-one] .choices__input {
border-color: #f05123
}
body.brandcolor--gray .choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, body.brandcolor--gray .choices[data-type*=select-multiple] .choices__inner .choices__list:before, body.brandcolor--gray .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, body.brandcolor--gray .choices__list--dropdown .choices__item.is-highlighted {
background-color: #f05123
}
body.brandcolor--gray .choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--gray .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--gray .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--gray .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--gray .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--gray .choices:hover:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--gray .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--gray .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #f05123
}
body.brandcolor--gray .accordion__header:before, body.brandcolor--gray .accordion__toggle:after, body.brandcolor--gray .accordion__toggle:before, body.brandcolor--gray .checkbox__toggle:before, body.brandcolor--gray .fact:nth-child(n+2):before {
background-color: #f05123
}
body.brandcolor--gray .teaser {
border-bottom-color: #f05123
}
body.brandcolor--gray .loader__dot:before, body.brandcolor--gray .teaser__tagline:before {
background-color: #f05123
}
body.brandcolor--gray table td {
background-color: #f8f9fa
}
body.brandcolor--gray table tr:nth-child(2n) td {
background-color: #f4f4f4
}
body.brandcolor--gray .table-responsive::-webkit-scrollbar-thumb {
background: #f05123
}
body.brandcolor--gray .product .gallery__thumbs .swiper-slide:after, body.brandcolor--gray .sidebar__image .image__line {
background-color: #f05123
}
@media (max-height:850px), (max-width:768px) {
body.brandcolor--gray .sidebar__item.active .sidebar__trigger {
background-color: #f05123
}
}
body.brandcolor--gray .slidepagination.swiper-pagination-bullets .indicator, body.brandcolor--gray .timeline__line:after, body.brandcolor--gray .timeline__line:before, body.brandcolor--gray .timeline__year:before {
background-color: #f05123
}
a:active body.brandcolor--gray .fakelink:not(.link--white), a:focus body.brandcolor--gray .fakelink:not(.link--white), a:hover body.brandcolor--gray .fakelink:not(.link--white), body.brandcolor--gray .contentelement a:not(.no-underline):not(.btn), body.brandcolor--gray .contentelement a:not(.no-underline):not(.btn):active, body.brandcolor--gray .contentelement a:not(.no-underline):not(.btn):focus, body.brandcolor--gray .contentelement a:not(.no-underline):not(.btn):hover, body.brandcolor--gray .fakelink:not(.link--white), body.brandcolor--gray .fakelink:not(.link--white):active, body.brandcolor--gray .fakelink:not(.link--white):focus, body.brandcolor--gray .fakelink:not(.link--white):hover, body.brandcolor--gray .link:not(.link--white), body.brandcolor--gray .link:not(.link--white):active, body.brandcolor--gray .link:not(.link--white):focus, body.brandcolor--gray .link:not(.link--white):hover, body.brandcolor--gray a:active .fakelink:not(.link--white), body.brandcolor--gray a:focus .fakelink:not(.link--white), body.brandcolor--gray a:hover .fakelink:not(.link--white) {
color: #f05123
}
body.brandcolor--gray .contentelement a:not(.no-underline):not(.btn):before, body.brandcolor--gray .fakelink:not(.link--white):before, body.brandcolor--gray .link:not(.link--white):before {
background-color: #f05123
}
body.brandcolor--gray .contentelement a.no-underline:not(.btn) {
color: #f05123
}
.contentelement.brandcolor--gray .bg-brandcolor {
background-color: #f05123
}
.contentelement.brandcolor--gray .bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #f05123 30%)
}
.contentelement.brandcolor--gray .color-brandcolor, .contentelement.brandcolor--gray .hovercolor-brandcolor:active, .contentelement.brandcolor--gray .hovercolor-brandcolor:focus, .contentelement.brandcolor--gray .hovercolor-brandcolor:hover {
color: #f05123
}
.contentelement.brandcolor--gray ::-moz-selection {
background: #f05123
}
.contentelement.brandcolor--gray ::selection {
background: #f05123
}
.contentelement.brandcolor--gray .headline:not(.no-brandcolor), .contentelement.brandcolor--gray .kicker, .contentelement.brandcolor--gray .subheadline:not(.no-brandcolor) {
color: #f05123
}
.contentelement.brandcolor--gray .kicker:before {
background-color: #f05123
}
.contentelement.brandcolor--gray .teasertext {
color: #f05123
}
.contentelement.brandcolor--gray .btn:not(.no-brandcolor):active, .contentelement.brandcolor--gray .btn:not(.no-brandcolor):focus, .contentelement.brandcolor--gray .btn:not(.no-brandcolor):hover, .contentelement.brandcolor--gray .iconbtn:not(.no-brandcolor):active, .contentelement.brandcolor--gray .iconbtn:not(.no-brandcolor):focus, .contentelement.brandcolor--gray .iconbtn:not(.no-brandcolor):hover, .contentelement.brandcolor--gray .videolink:hover .iconbtn:not(.no-brandcolor), .videolink:hover .contentelement.brandcolor--gray .iconbtn:not(.no-brandcolor) {
color: #fff;
background-color: #f05123
}
.contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor) {
color: #fff;
background: #f05123
}
.contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):active, .contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):focus, .contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):hover {
color: #f05123;
background-color: #fff
}
.contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):active .burger:after, .contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):active .burger:before, .contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):active .burger__inner, .contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):focus .burger:after, .contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):focus .burger:before, .contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):focus .burger__inner, .contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):hover .burger:after, .contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):hover .burger:before, .contentelement.brandcolor--gray .btn--brand:not(.no-brandcolor):hover .burger__inner, .contentelement.brandcolor--gray .cke_editable ul li:before, .contentelement.brandcolor--gray .rte ul li:before, .contentelement.brandcolor--gray ul.list li:before {
background-color: #f05123
}
.contentelement.brandcolor--gray .cke_editable ol li:before, .contentelement.brandcolor--gray .rte ol li:before, .contentelement.brandcolor--gray ol.list li:before {
color: #f05123
}
.contentelement.brandcolor--gray .formfield__wrapper--select:after, .contentelement.brandcolor--gray .formfield__wrapper--text:after, .contentelement.brandcolor--gray hr {
background-color: #f05123
}
.contentelement.brandcolor--gray .formfield.has-value select:not([multiple]), .contentelement.brandcolor--gray select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%23f05123' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
.contentelement.brandcolor--gray .choices.is-focused, .contentelement.brandcolor--gray .choices[data-type*=select-one] .choices__input {
border-color: #f05123
}
.contentelement.brandcolor--gray .choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, .contentelement.brandcolor--gray .choices[data-type*=select-multiple] .choices__inner .choices__list:before, .contentelement.brandcolor--gray .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, .contentelement.brandcolor--gray .choices__list--dropdown .choices__item.is-highlighted {
background-color: #f05123
}
.contentelement.brandcolor--gray .choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--gray .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--gray .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--gray .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--gray .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--gray .choices:hover:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--gray .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--gray .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #f05123
}
.contentelement.brandcolor--gray .accordion__header:before, .contentelement.brandcolor--gray .accordion__toggle:after, .contentelement.brandcolor--gray .accordion__toggle:before, .contentelement.brandcolor--gray .checkbox__toggle:before, .contentelement.brandcolor--gray .fact:nth-child(n+2):before {
background-color: #f05123
}
.contentelement.brandcolor--gray .teaser {
border-bottom-color: #f05123
}
.contentelement.brandcolor--gray .loader__dot:before, .contentelement.brandcolor--gray .teaser__tagline:before {
background-color: #f05123
}
.contentelement.brandcolor--gray table td {
background-color: #f8f9fa
}
.contentelement.brandcolor--gray table tr:nth-child(2n) td {
background-color: #f4f4f4
}
.contentelement.brandcolor--gray .table-responsive::-webkit-scrollbar-thumb {
background: #f05123
}
.contentelement.brandcolor--gray .product .gallery__thumbs .swiper-slide:after, .contentelement.brandcolor--gray .sidebar__image .image__line {
background-color: #f05123
}
@media (max-height:850px), (max-width:768px) {
.contentelement.brandcolor--gray .sidebar__item.active .sidebar__trigger {
background-color: #f05123
}
}
.contentelement.brandcolor--gray .slidepagination.swiper-pagination-bullets .indicator, .contentelement.brandcolor--gray .timeline__line:after, .contentelement.brandcolor--gray .timeline__line:before, .contentelement.brandcolor--gray .timeline__year:before {
background-color: #f05123
}
.contentelement.brandcolor--gray .fakelink:not(.link--white), .contentelement.brandcolor--gray .fakelink:not(.link--white):active, .contentelement.brandcolor--gray .fakelink:not(.link--white):focus, .contentelement.brandcolor--gray .fakelink:not(.link--white):hover, .contentelement.brandcolor--gray .link:not(.link--white), .contentelement.brandcolor--gray .link:not(.link--white):active, .contentelement.brandcolor--gray .link:not(.link--white):focus, .contentelement.brandcolor--gray .link:not(.link--white):hover, .contentelement.brandcolor--gray a:active .fakelink:not(.link--white), .contentelement.brandcolor--gray a:focus .fakelink:not(.link--white), .contentelement.brandcolor--gray a:hover .fakelink:not(.link--white), .page .contentelement.brandcolor--gray a:not(.no-underline):not(.btn), .page .contentelement.brandcolor--gray a:not(.no-underline):not(.btn):active, .page .contentelement.brandcolor--gray a:not(.no-underline):not(.btn):focus, .page .contentelement.brandcolor--gray a:not(.no-underline):not(.btn):hover, a:active .contentelement.brandcolor--gray .fakelink:not(.link--white), a:focus .contentelement.brandcolor--gray .fakelink:not(.link--white), a:hover .contentelement.brandcolor--gray .fakelink:not(.link--white) {
color: #f05123
}
.contentelement.brandcolor--gray .fakelink:not(.link--white):before, .contentelement.brandcolor--gray .link:not(.link--white):before, .page .contentelement.brandcolor--gray a:not(.no-underline):not(.btn):before {
background-color: #f05123
}
.page .contentelement.brandcolor--gray a.no-underline:not(.btn) {
color: #f05123
}
body.brandcolor--pink .bg-brandcolor {
background-color: #b70952
}
body.brandcolor--pink .bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #b70952 30%)
}
body.brandcolor--pink .color-brandcolor, body.brandcolor--pink .hovercolor-brandcolor:active, body.brandcolor--pink .hovercolor-brandcolor:focus, body.brandcolor--pink .hovercolor-brandcolor:hover {
color: #b70952
}
body.brandcolor--pink ::-moz-selection {
background: #b70952
}
body.brandcolor--pink ::selection {
background: #b70952
}
body.brandcolor--pink .headline:not(.no-brandcolor), body.brandcolor--pink .kicker, body.brandcolor--pink .subheadline:not(.no-brandcolor) {
color: #b70952
}
body.brandcolor--pink .kicker:before {
background-color: #b70952
}
body.brandcolor--pink .teasertext {
color: #b70952
}
.videolink:hover body.brandcolor--pink .iconbtn:not(.no-brandcolor), body.brandcolor--pink .btn:not(.no-brandcolor):active, body.brandcolor--pink .btn:not(.no-brandcolor):focus, body.brandcolor--pink .btn:not(.no-brandcolor):hover, body.brandcolor--pink .iconbtn:not(.no-brandcolor):active, body.brandcolor--pink .iconbtn:not(.no-brandcolor):focus, body.brandcolor--pink .iconbtn:not(.no-brandcolor):hover, body.brandcolor--pink .videolink:hover .iconbtn:not(.no-brandcolor) {
color: #fff;
background-color: #b70952
}
body.brandcolor--pink .btn--brand:not(.no-brandcolor) {
color: #fff;
background: #b70952
}
body.brandcolor--pink .btn--brand:not(.no-brandcolor):active, body.brandcolor--pink .btn--brand:not(.no-brandcolor):focus, body.brandcolor--pink .btn--brand:not(.no-brandcolor):hover {
color: #b70952;
background-color: #fff
}
body.brandcolor--pink .btn--brand:not(.no-brandcolor):active .burger:after, body.brandcolor--pink .btn--brand:not(.no-brandcolor):active .burger:before, body.brandcolor--pink .btn--brand:not(.no-brandcolor):active .burger__inner, body.brandcolor--pink .btn--brand:not(.no-brandcolor):focus .burger:after, body.brandcolor--pink .btn--brand:not(.no-brandcolor):focus .burger:before, body.brandcolor--pink .btn--brand:not(.no-brandcolor):focus .burger__inner, body.brandcolor--pink .btn--brand:not(.no-brandcolor):hover .burger:after, body.brandcolor--pink .btn--brand:not(.no-brandcolor):hover .burger:before, body.brandcolor--pink .btn--brand:not(.no-brandcolor):hover .burger__inner, body.brandcolor--pink .cke_editable ul li:before, body.brandcolor--pink .rte ul li:before, body.brandcolor--pink ul.list li:before {
background-color: #b70952
}
body.brandcolor--pink .cke_editable ol li:before, body.brandcolor--pink .rte ol li:before, body.brandcolor--pink ol.list li:before {
color: #b70952
}
body.brandcolor--pink .formfield__wrapper--select:after, body.brandcolor--pink .formfield__wrapper--text:after, body.brandcolor--pink hr {
background-color: #b70952
}
body.brandcolor--pink .formfield.has-value select:not([multiple]), body.brandcolor--pink select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%23B70952' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
body.brandcolor--pink .choices.is-focused, body.brandcolor--pink .choices[data-type*=select-one] .choices__input {
border-color: #b70952
}
body.brandcolor--pink .choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, body.brandcolor--pink .choices[data-type*=select-multiple] .choices__inner .choices__list:before, body.brandcolor--pink .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, body.brandcolor--pink .choices__list--dropdown .choices__item.is-highlighted {
background-color: #b70952
}
body.brandcolor--pink .choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--pink .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--pink .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--pink .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--pink .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--pink .choices:hover:not(.is-disabled)[data-type*=select-one]:after, body.brandcolor--pink .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, body.brandcolor--pink .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #b70952
}
body.brandcolor--pink .accordion__header:before, body.brandcolor--pink .accordion__toggle:after, body.brandcolor--pink .accordion__toggle:before, body.brandcolor--pink .checkbox__toggle:before, body.brandcolor--pink .fact:nth-child(n+2):before {
background-color: #b70952
}
body.brandcolor--pink .teaser {
border-bottom-color: #b70952
}
body.brandcolor--pink .loader__dot:before, body.brandcolor--pink .teaser__tagline:before {
background-color: #b70952
}
body.brandcolor--pink table td {
background-color: #fdf6f8
}
body.brandcolor--pink table tr:nth-child(2n) td {
background-color: #faeef1
}
body.brandcolor--pink .table-responsive::-webkit-scrollbar-thumb {
background: #b70952
}
body.brandcolor--pink .product .gallery__thumbs .swiper-slide:after, body.brandcolor--pink .sidebar__image .image__line {
background-color: #b70952
}
@media (max-height:850px), (max-width:768px) {
body.brandcolor--pink .sidebar__item.active .sidebar__trigger {
background-color: #b70952
}
}
body.brandcolor--pink .slidepagination.swiper-pagination-bullets .indicator, body.brandcolor--pink .timeline__line:after, body.brandcolor--pink .timeline__line:before, body.brandcolor--pink .timeline__year:before {
background-color: #b70952
}
a:active body.brandcolor--pink .fakelink:not(.link--white), a:focus body.brandcolor--pink .fakelink:not(.link--white), a:hover body.brandcolor--pink .fakelink:not(.link--white), body.brandcolor--pink .contentelement a:not(.no-underline):not(.btn), body.brandcolor--pink .contentelement a:not(.no-underline):not(.btn):active, body.brandcolor--pink .contentelement a:not(.no-underline):not(.btn):focus, body.brandcolor--pink .contentelement a:not(.no-underline):not(.btn):hover, body.brandcolor--pink .fakelink:not(.link--white), body.brandcolor--pink .fakelink:not(.link--white):active, body.brandcolor--pink .fakelink:not(.link--white):focus, body.brandcolor--pink .fakelink:not(.link--white):hover, body.brandcolor--pink .link:not(.link--white), body.brandcolor--pink .link:not(.link--white):active, body.brandcolor--pink .link:not(.link--white):focus, body.brandcolor--pink .link:not(.link--white):hover, body.brandcolor--pink a:active .fakelink:not(.link--white), body.brandcolor--pink a:focus .fakelink:not(.link--white), body.brandcolor--pink a:hover .fakelink:not(.link--white) {
color: #b70952
}
body.brandcolor--pink .contentelement a:not(.no-underline):not(.btn):before, body.brandcolor--pink .fakelink:not(.link--white):before, body.brandcolor--pink .link:not(.link--white):before {
background-color: #b70952
}
body.brandcolor--pink .contentelement a.no-underline:not(.btn) {
color: #b70952
}
.contentelement.brandcolor--pink .bg-brandcolor {
background-color: #b70952
}
.contentelement.brandcolor--pink .bg-brandcolor [data-line-clamp].has-overflow:after {
background: linear-gradient(90deg, transparent, #b70952 30%)
}
.contentelement.brandcolor--pink .color-brandcolor, .contentelement.brandcolor--pink .hovercolor-brandcolor:active, .contentelement.brandcolor--pink .hovercolor-brandcolor:focus, .contentelement.brandcolor--pink .hovercolor-brandcolor:hover {
color: #b70952
}
.contentelement.brandcolor--pink ::-moz-selection {
background: #b70952
}
.contentelement.brandcolor--pink ::selection {
background: #b70952
}
.contentelement.brandcolor--pink .headline:not(.no-brandcolor), .contentelement.brandcolor--pink .kicker, .contentelement.brandcolor--pink .subheadline:not(.no-brandcolor) {
color: #b70952
}
.contentelement.brandcolor--pink .kicker:before {
background-color: #b70952
}
.contentelement.brandcolor--pink .teasertext {
color: #b70952
}
.contentelement.brandcolor--pink .btn:not(.no-brandcolor):active, .contentelement.brandcolor--pink .btn:not(.no-brandcolor):focus, .contentelement.brandcolor--pink .btn:not(.no-brandcolor):hover, .contentelement.brandcolor--pink .iconbtn:not(.no-brandcolor):active, .contentelement.brandcolor--pink .iconbtn:not(.no-brandcolor):focus, .contentelement.brandcolor--pink .iconbtn:not(.no-brandcolor):hover, .contentelement.brandcolor--pink .videolink:hover .iconbtn:not(.no-brandcolor), .videolink:hover .contentelement.brandcolor--pink .iconbtn:not(.no-brandcolor) {
color: #fff;
background-color: #b70952
}
.contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor) {
color: #fff;
background: #b70952
}
.contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):active, .contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):focus, .contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):hover {
color: #b70952;
background-color: #fff
}
.contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):active .burger:after, .contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):active .burger:before, .contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):active .burger__inner, .contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):focus .burger:after, .contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):focus .burger:before, .contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):focus .burger__inner, .contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):hover .burger:after, .contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):hover .burger:before, .contentelement.brandcolor--pink .btn--brand:not(.no-brandcolor):hover .burger__inner, .contentelement.brandcolor--pink .cke_editable ul li:before, .contentelement.brandcolor--pink .rte ul li:before, .contentelement.brandcolor--pink ul.list li:before {
background-color: #b70952
}
.contentelement.brandcolor--pink .cke_editable ol li:before, .contentelement.brandcolor--pink .rte ol li:before, .contentelement.brandcolor--pink ol.list li:before {
color: #b70952
}
.contentelement.brandcolor--pink .formfield__wrapper--select:after, .contentelement.brandcolor--pink .formfield__wrapper--text:after, .contentelement.brandcolor--pink hr {
background-color: #b70952
}
.contentelement.brandcolor--pink .formfield.has-value select:not([multiple]), .contentelement.brandcolor--pink select.formfield:not([multiple]):focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='%23B70952' d='M540.099 776.848l472.321-473.631c15.466-15.518 15.44-40.642-.08-56.133-15.518-15.48-40.656-15.44-56.133.08L511.998 692.603 67.791 247.148c-15.48-15.518-40.602-15.558-56.121-.08C3.89 254.834 0 265.008 0 275.181c0 10.147 3.864 20.282 11.59 28.034l472.309 473.633c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z'/%3E%3C/svg%3E")
}
.contentelement.brandcolor--pink .choices.is-focused, .contentelement.brandcolor--pink .choices[data-type*=select-one] .choices__input {
border-color: #b70952
}
.contentelement.brandcolor--pink .choices[data-type*=select-multiple] .choices__inner .choices__list .choices__item, .contentelement.brandcolor--pink .choices[data-type*=select-multiple] .choices__inner .choices__list:before, .contentelement.brandcolor--pink .choices[data-type*=select-multiple] .choices__list--dropdown .choices__item:after, .contentelement.brandcolor--pink .choices__list--dropdown .choices__item.is-highlighted {
background-color: #b70952
}
.contentelement.brandcolor--pink .choices.is-focused:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--pink .choices.is-focused:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--pink .choices.is-open:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--pink .choices.is-open:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--pink .choices:hover:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--pink .choices:hover:not(.is-disabled)[data-type*=select-one]:after, .contentelement.brandcolor--pink .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-multiple]:after, .contentelement.brandcolor--pink .formfield__wrapper.has-value .choices:not(.is-disabled)[data-type*=select-one]:after {
color: #b70952
}
.contentelement.brandcolor--pink .accordion__header:before, .contentelement.brandcolor--pink .accordion__toggle:after, .contentelement.brandcolor--pink .accordion__toggle:before, .contentelement.brandcolor--pink .checkbox__toggle:before, .contentelement.brandcolor--pink .fact:nth-child(n+2):before {
background-color: #b70952
}
.contentelement.brandcolor--pink .teaser {
border-bottom-color: #F00
}
.contentelement.brandcolor--pink .loader__dot:before, .contentelement.brandcolor--pink .teaser__tagline:before {
background-color: #b70952
}
.contentelement.brandcolor--pink table td {
background-color: #fdf6f8
}
.contentelement.brandcolor--pink table tr:nth-child(2n) td {
background-color: #faeef1
}
.contentelement.brandcolor--pink .table-responsive::-webkit-scrollbar-thumb {
background: #b70952
}
.contentelement.brandcolor--pink .product .gallery__thumbs .swiper-slide:after, .contentelement.brandcolor--pink .sidebar__image .image__line {
background-color: #b70952
}
@media (max-height:850px), (max-width:768px) {
.contentelement.brandcolor--pink .sidebar__item.active .sidebar__trigger {
background-color: #b70952
}
}
.contentelement.brandcolor--pink .slidepagination.swiper-pagination-bullets .indicator, .contentelement.brandcolor--pink .timeline__line:after, .contentelement.brandcolor--pink .timeline__line:before, .contentelement.brandcolor--pink .timeline__year:before {
background-color: #b70952
}
.contentelement.brandcolor--pink .fakelink:not(.link--white), .contentelement.brandcolor--pink .fakelink:not(.link--white):active, .contentelement.brandcolor--pink .fakelink:not(.link--white):focus, .contentelement.brandcolor--pink .fakelink:not(.link--white):hover, .contentelement.brandcolor--pink .link:not(.link--white), .contentelement.brandcolor--pink .link:not(.link--white):active, .contentelement.brandcolor--pink .link:not(.link--white):focus, .contentelement.brandcolor--pink .link:not(.link--white):hover, .contentelement.brandcolor--pink a:active .fakelink:not(.link--white), .contentelement.brandcolor--pink a:focus .fakelink:not(.link--white), .contentelement.brandcolor--pink a:hover .fakelink:not(.link--white), .page .contentelement.brandcolor--pink a:not(.no-underline):not(.btn), .page .contentelement.brandcolor--pink a:not(.no-underline):not(.btn):active, .page .contentelement.brandcolor--pink a:not(.no-underline):not(.btn):focus, .page .contentelement.brandcolor--pink a:not(.no-underline):not(.btn):hover, a:active .contentelement.brandcolor--pink .fakelink:not(.link--white), a:focus .contentelement.brandcolor--pink .fakelink:not(.link--white), a:hover .contentelement.brandcolor--pink .fakelink:not(.link--white) {
color: #b70952
}
.contentelement.brandcolor--pink .fakelink:not(.link--white):before, .contentelement.brandcolor--pink .link:not(.link--white):before, .page .contentelement.brandcolor--pink a:not(.no-underline):not(.btn):before {
background-color: #b70952
}
.page .contentelement.brandcolor--pink a.no-underline:not(.btn) {
color: #b70952
}
.bg-red {
background-color: #f00
}
.bg-red.contentelement:not([class*=mb--]):not([class*=pb--]) {
border-bottom: 1px solid #f00
}
.bg-red.contentelement:not([class*=mt--]):not([class*=pt--]) {
border-top: 1px solid #f00
}
.bg-red, .bg-red .headline, .bg-red .kicker, .bg-red .subheadline, .bg-red .teasertext {
color: #fff !important
}
.bg-red .accordion__toggle:after, .bg-red .accordion__toggle:before, .bg-red .kicker:before {
background-color: #fff !important
}
.bg-red .cke_editable ul li:before, .bg-red .rte ul li:before, .bg-red ul.list li:before {
background-color: #fff
}
.bg-red .cke_editable ol li:before, .bg-red .rte ol li:before, .bg-red ol.list li:before {
color: #fff
}
.bg-green {
background-color: #b2bc00
}
.bg-green.contentelement:not([class*=mb--]):not([class*=pb--]) {
border-bottom: 1px solid #b2bc00
}
.bg-green.contentelement:not([class*=mt--]):not([class*=pt--]) {
border-top: 1px solid #b2bc00
}
.bg-green, .bg-green .headline, .bg-green .kicker, .bg-green .subheadline, .bg-green .teasertext {
color: #fff !important
}
.bg-green .accordion__toggle:after, .bg-green .accordion__toggle:before, .bg-green .kicker:before {
background-color: #fff !important
}
.bg-green .cke_editable ul li:before, .bg-green .rte ul li:before, .bg-green ul.list li:before {
background-color: #fff
}
.bg-green .cke_editable ol li:before, .bg-green .rte ol li:before, .bg-green ol.list li:before {
color: #fff
}
.bg-blue {
background-color: #0092c7
}
.bg-blue.contentelement:not([class*=mb--]):not([class*=pb--]) {
border-bottom: 1px solid #0092c7
}
.bg-blue.contentelement:not([class*=mt--]):not([class*=pt--]) {
border-top: 1px solid #0092c7
}
.bg-blue, .bg-blue .headline, .bg-blue .kicker, .bg-blue .subheadline, .bg-blue .teasertext {
color: #fff !important
}
.bg-blue .accordion__toggle:after, .bg-blue .accordion__toggle:before, .bg-blue .kicker:before {
background-color: #fff !important
}
.bg-blue .cke_editable ul li:before, .bg-blue .rte ul li:before, .bg-blue ul.list li:before {
background-color: #fff
}
.bg-blue .cke_editable ol li:before, .bg-blue .rte ol li:before, .bg-blue ol.list li:before {
color: #fff
}
.bg-violet {
background-color: #F00
}
.bg-violet.contentelement:not([class*=mb--]):not([class*=pb--]) {
border-bottom: 1px solid #F00
}
.bg-violet.contentelement:not([class*=mt--]):not([class*=pt--]) {
border-top: 1px solid #F00
}
.bg-violet, .bg-violet .headline, .bg-violet .kicker, .bg-violet .subheadline, .bg-violet .teasertext {
color: #fff !important
}
.bg-violet .accordion__toggle:after, .bg-violet .accordion__toggle:before, .bg-violet .kicker:before {
background-color: #fff !important
}
.bg-violet .cke_editable ul li:before, .bg-violet .rte ul li:before, .bg-violet ul.list li:before {
background-color: #fff
}
.bg-violet .cke_editable ol li:before, .bg-violet .rte ol li:before, .bg-violet ol.list li:before {
color: #fff
}
.bg-gray {
background-color: #747678
}
.bg-gray.contentelement:not([class*=mb--]):not([class*=pb--]) {
border-bottom: 1px solid #747678
}
.bg-gray.contentelement:not([class*=mt--]):not([class*=pt--]) {
border-top: 1px solid #747678
}
.bg-gray, .bg-gray .headline, .bg-gray .kicker, .bg-gray .subheadline, .bg-gray .teasertext {
color: #fff !important
}
.bg-gray .accordion__toggle:after, .bg-gray .accordion__toggle:before, .bg-gray .kicker:before {
background-color: #fff !important
}
.bg-gray .cke_editable ul li:before, .bg-gray .rte ul li:before, .bg-gray ul.list li:before {
background-color: #fff
}
.bg-gray .cke_editable ol li:before, .bg-gray .rte ol li:before, .bg-gray ol.list li:before {
color: #fff
}
.bg-pink {
background-color: #b70952
}
.bg-pink.contentelement:not([class*=mb--]):not([class*=pb--]) {
border-bottom: 1px solid #b70952
}
.bg-pink.contentelement:not([class*=mt--]):not([class*=pt--]) {
border-top: 1px solid #b70952
}
.bg-pink, .bg-pink .headline, .bg-pink .kicker, .bg-pink .subheadline, .bg-pink .teasertext {
color: #fff !important
}
.bg-pink .accordion__toggle:after, .bg-pink .accordion__toggle:before, .bg-pink .kicker:before {
background-color: #fff !important
}
.bg-pink .cke_editable ul li:before, .bg-pink .rte ul li:before, .bg-pink ul.list li:before {
background-color: #fff
}
.bg-pink .cke_editable ol li:before, .bg-pink .rte ol li:before, .bg-pink ol.list li:before {
color: #fff
}
.bg-white {
background-color: #fff
}
.bg-white.contentelement:not([class*=mb--]):not([class*=pb--]) {
border-bottom: 1px solid #fff
}
.bg-white.contentelement:not([class*=mt--]):not([class*=pt--]) {
border-top: 1px solid #fff
}
#men50{display: flex;align-items: center;}
#men50b{display: none;align-items: start;gap: 40px;padding: 50px;overflow: auto;
position: fixed;
z-index: 8;
top: 80px;
left: 0;right: 0;
height: calc(100% - 80px);
background: #001464;
background: linear-gradient(0deg, #000D33 0%, #001464 100%);
}