@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300-normal0.woff2) format('woff2');
font-weight: 300;
font-style: normal0;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300-normal1.woff2) format('woff2');
font-weight: 300;
font-style: normal1;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300-normal2.woff2) format('woff2');
font-weight: 300;
font-style: normal2;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300-normal3.woff2) format('woff2');
font-weight: 300;
font-style: normal3;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300-normal4.woff2) format('woff2');
font-weight: 300;
font-style: normal4;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300-normal5.woff2) format('woff2');
font-weight: 300;
font-style: normal5;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300italic-italic0.woff2) format('woff2');
font-weight: 300italic;
font-style: italic0;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300italic-italic1.woff2) format('woff2');
font-weight: 300italic;
font-style: italic1;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300italic-italic2.woff2) format('woff2');
font-weight: 300italic;
font-style: italic2;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300italic-italic3.woff2) format('woff2');
font-weight: 300italic;
font-style: italic3;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300italic-italic4.woff2) format('woff2');
font-weight: 300italic;
font-style: italic4;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-300italic-italic5.woff2) format('woff2');
font-weight: 300italic;
font-style: italic5;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-400-normal0.woff2) format('woff2');
font-weight: 400;
font-style: normal0;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-400-normal1.woff2) format('woff2');
font-weight: 400;
font-style: normal1;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-400-normal2.woff2) format('woff2');
font-weight: 400;
font-style: normal2;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-400-normal3.woff2) format('woff2');
font-weight: 400;
font-style: normal3;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-400-normal4.woff2) format('woff2');
font-weight: 400;
font-style: normal4;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-400-normal5.woff2) format('woff2');
font-weight: 400;
font-style: normal5;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500-normal0.woff2) format('woff2');
font-weight: 500;
font-style: normal0;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500-normal1.woff2) format('woff2');
font-weight: 500;
font-style: normal1;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500-normal2.woff2) format('woff2');
font-weight: 500;
font-style: normal2;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500-normal3.woff2) format('woff2');
font-weight: 500;
font-style: normal3;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500-normal4.woff2) format('woff2');
font-weight: 500;
font-style: normal4;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500-normal5.woff2) format('woff2');
font-weight: 500;
font-style: normal5;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500italic-italic0.woff2) format('woff2');
font-weight: 500italic;
font-style: italic0;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500italic-italic1.woff2) format('woff2');
font-weight: 500italic;
font-style: italic1;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500italic-italic2.woff2) format('woff2');
font-weight: 500italic;
font-style: italic2;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500italic-italic3.woff2) format('woff2');
font-weight: 500italic;
font-style: italic3;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500italic-italic4.woff2) format('woff2');
font-weight: 500italic;
font-style: italic4;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-500italic-italic5.woff2) format('woff2');
font-weight: 500italic;
font-style: italic5;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-600-normal0.woff2) format('woff2');
font-weight: 600;
font-style: normal0;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-600-normal1.woff2) format('woff2');
font-weight: 600;
font-style: normal1;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-600-normal2.woff2) format('woff2');
font-weight: 600;
font-style: normal2;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-600-normal3.woff2) format('woff2');
font-weight: 600;
font-style: normal3;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-600-normal4.woff2) format('woff2');
font-weight: 600;
font-style: normal4;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-600-normal5.woff2) format('woff2');
font-weight: 600;
font-style: normal5;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-700-normal0.woff2) format('woff2');
font-weight: 700;
font-style: normal0;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-700-normal1.woff2) format('woff2');
font-weight: 700;
font-style: normal1;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-700-normal2.woff2) format('woff2');
font-weight: 700;
font-style: normal2;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-700-normal3.woff2) format('woff2');
font-weight: 700;
font-style: normal3;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-700-normal4.woff2) format('woff2');
font-weight: 700;
font-style: normal4;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-700-normal5.woff2) format('woff2');
font-weight: 700;
font-style: normal5;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-800-normal0.woff2) format('woff2');
font-weight: 800;
font-style: normal0;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-800-normal1.woff2) format('woff2');
font-weight: 800;
font-style: normal1;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-800-normal2.woff2) format('woff2');
font-weight: 800;
font-style: normal2;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-800-normal3.woff2) format('woff2');
font-weight: 800;
font-style: normal3;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-800-normal4.woff2) format('woff2');
font-weight: 800;
font-style: normal4;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-800-normal5.woff2) format('woff2');
font-weight: 800;
font-style: normal5;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-900-normal0.woff2) format('woff2');
font-weight: 900;
font-style: normal0;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-900-normal1.woff2) format('woff2');
font-weight: 900;
font-style: normal1;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-900-normal2.woff2) format('woff2');
font-weight: 900;
font-style: normal2;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-900-normal3.woff2) format('woff2');
font-weight: 900;
font-style: normal3;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-900-normal4.woff2) format('woff2');
font-weight: 900;
font-style: normal4;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-900-normal5.woff2) format('woff2');
font-weight: 900;
font-style: normal5;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-italic-italic0.woff2) format('woff2');
font-weight: italic;
font-style: italic0;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-italic-italic1.woff2) format('woff2');
font-weight: italic;
font-style: italic1;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-italic-italic2.woff2) format('woff2');
font-weight: italic;
font-style: italic2;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-italic-italic3.woff2) format('woff2');
font-weight: italic;
font-style: italic3;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-italic-italic4.woff2) format('woff2');
font-weight: italic;
font-style: italic4;
}
@font-face {
font-family: 'rubik';
src: url(https://www.villa-kunterbunt-juelich.de/wp-content/bcf-fonts/Rubik/rubik-italic-italic5.woff2) format('woff2');
font-weight: italic;
font-style: italic5;
}@keyframes msb-flash{0%,10%,20%,to{opacity:1}15%,5%{opacity:0}}@keyframes msb-shake{0%,27%,to{transform:translateZ(0)}15%,21%,3%,9%{transform:translate3d(-10px,0,0)}12%,18%,24%,6%{transform:translate3d(10px,0,0)}}@keyframes msb-swing{5%{transform:rotate(15deg)}10%{transform:rotate(-10deg)}15%{transform:rotate(5deg)}20%{transform:rotate(-5deg)}25%,to{transform:rotate(0deg)}}@keyframes msb-tada{0%{transform:scaleX(1)}2%,4%{transform:scale3d(.9,.9,.9) rotate(-3deg)}10%,14%,18%,6%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}12%,16%,8%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}20%,to{transform:scaleX(1)}}@keyframes msb-heartbeat{0%{transform:scale(1)}4%{transform:scale(1.3)}8%{transform:scale(1)}12%{transform:scale(1.3)}18%,to{transform:scale(1)}}@keyframes msb-wobble{0%{transform:translateZ(0)}3%{transform:translate3d(-25%,0,0) rotate(-5deg)}6%{transform:translate3d(20%,0,0) rotate(3deg)}9%{transform:translate3d(-15%,0,0) rotate(-3deg)}12%{transform:translate3d(10%,0,0) rotate(2deg)}15%{transform:translate3d(-5%,0,0) rotate(-1deg)}18%,to{transform:translateZ(0)}}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn{align-items:center;background-color:var(--msb-button-bg-color,#000);border-radius:var(--msb-button-border-radius,4px);color:var(--msb-button-text-color,#fff);display:inline-flex;justify-content:center;margin:0!important;padding:0!important;position:relative;text-decoration:none}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn p{margin:0;padding:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn .button-text{align-items:center;border-radius:4px;display:inline-block;padding:5px 8px;z-index:1}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-shadow,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-shadow:hover{box-shadow:0 4px 8px -2px rgba(0,0,0,.35)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover{box-shadow:0 5px var(--msb-button-effect-color,#435100);transition:all .1s ease-in-out}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:active,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover:active{box-shadow:0 1px var(--msb-button-effect-color,#435100);top:4px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect.has-msb-shadow,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover.has-msb-shadow{box-shadow:0 5px var(--msb-button-effect-color,#435100),0 8px 20px -2px rgba(0,0,0,.4)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn:not(.has-msb-shadow,.has-msb-3d-effect):hover{box-shadow:0 4px 8px -2px rgba(0,0,0,.35)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=flash]{animation:msb-flash 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=shake]{animation:msb-shake 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=swing]{animation:msb-swing 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=tada]{animation:msb-tada 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=heartbeat]{animation:msb-heartbeat 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=wobble]{animation:msb-wobble 4s linear 0s infinite}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border:hover{border:1px solid var(--msb-button-border-color,#000)}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before{background-color:var(--msb-button-hover-border-color,#000);content:"";position:absolute}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]{transition:all .1s ease .6s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover{background-color:var(--msb-button-hover-bg-color,#fff);border-color:var(--msb-button-hover-bg-color,#fff);border-radius:0;color:var(--msb-button-hover-text-color,#000);transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before{height:0;width:2px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before{bottom:0;left:0;transition:all .1s ease .3s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after{right:0;top:0;transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before{height:2px;width:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before{left:0;top:0;transition:all .1s ease .2s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after{bottom:0;right:0;transition:all .1s ease .4s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover:before{height:100%;transition:all .1s ease .2s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover:after{height:100%;transition:all .1s ease .4s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover .button-text:before{transition:all .1s ease .3s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover .button-text:after{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]{transition:all .1s ease .3s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover{background-color:var(--msb-button-hover-bg-color,#fff);border-color:var(--msb-button-hover-bg-color,#fff);border-radius:0;color:var(--msb-button-hover-text-color,#000);transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before{height:0;transition:all .1s ease .1s;width:2px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before{bottom:0;left:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after{right:0;top:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before{height:2px;transition:all .1s ease .1s;width:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before{right:0;top:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after{bottom:0;left:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover:before{height:100%;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover .button-text:before{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]{border-bottom-left-radius:0;border-top-right-radius:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before{right:0;top:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before{bottom:0;left:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]{border-bottom-right-radius:0;border-top-left-radius:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before{bottom:0;right:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before{left:0;top:0;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover{background-color:var(--msb-button-hover-bg-color,#fff);border-color:var(--msb-button-hover-bg-color,#fff);border-radius:0;color:var(--msb-button-hover-text-color,#000);transition:all .1s ease}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before{height:2px;width:14px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after{height:14px;width:2px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after{height:2px;width:14px}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover:before{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover .button-text:before,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover:after{height:100%;transition:all .1s ease .1s}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover .button-text:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover .button-text:after{transition:all .1s ease .1s;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect:hover{color:var(--msb-button-hover-text-color,var(--msb-button-text-color,#fff))}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect:hover[data-fill-style=fill1]{background-color:var(--msb-button-hover-bg-color,var(--msb-button-bg-color,#000));border-color:var(--msb-button-hover-bg-color,var(--msb-button-bg-color,#000))}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill2]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:after,.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:after{background-color:var(--msb-button-hover-bg-color,var(--msb-button-bg-color,#000));border-radius:var(--msb-button-border-radius,4px);content:"";direction:rtl;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:0;z-index:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill2]:hover:after{left:auto;right:0;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:after{bottom:0;height:0;top:auto;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:hover:after{height:100%;top:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:after{height:0;top:0;width:100%}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:hover:after{bottom:0;height:100%;top:auto}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:after{height:100%;left:auto;right:0}.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:hover:after{left:0;width:100%}.offline-indicator {
background-color: #000;
color: #fff;
padding: .9rem;
position: fixed;
z-index: 9999;
left: 0;
bottom: 0;
width: 100%;
transform: translateY(100%);
will-change: transform;
transition: transform 200ms; }
.offline-indicator p {
margin: 0 0 0 0;
color: #fff;
font-size: .9rem;
text-align: center; }
.offline-indicator--top {
bottom: inherit;
top: 0;
transform: translateY(-100%); }
body.pwp-offline .offline-indicator,
body.pwp-offline .offline-indicator--top {
transform: translateY(0); }@keyframes spinner-animation {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.notification-button {
transform: scale(0);
display: none;
outline: none;
border: none;
width: 1em;
height: 1em;
padding: 0;
margin: 0;
background-color: transparent;
position: relative;
cursor: pointer; }
.notification-button__icon {
display: none;
width: 1em;
height: 1em;
position: absolute;
top: 50%;
left: 50%;
margin-top: -.5em;
margin-left: -.5em; }
.notification-button__icon svg {
display: block;
width: 100%;
height: 100%; }
.notification-button__icon--spinner {
background-color: transparent;
border: .12em solid currentColor;
border-top-color: transparent;
border-right-color: transparent;
width: 0.8em;
height: 0.8em;
margin-top: -0.4em;
margin-left: -0.4em;
vertical-align: middle;
box-sizing: border-box;
border-radius: 50%;
animation: spinner-animation 0.65s infinite linear; } body.pwp-notification .notification-button {
transform: scale(1);
display: block; }
body.pwp-notification .notification-button__icon--off {
display: block; }
body.pwp-notification.pwp-notification--on .notification-button__icon--off,
body.pwp-notification.pwp-notification--on .notification-button__icon--spinner {
display: none; }
body.pwp-notification.pwp-notification--on .notification-button__icon--on {
display: block; }
body.pwp-notification.pwp-notification--loader .notification-button__icon--off,
body.pwp-notification.pwp-notification--loader .notification-button__icon--on {
display: none; }
body.pwp-notification.pwp-notification--loader .notification-button__icon--spinner {
display: block; } .notification-button--fixedfooter {
position: fixed;
bottom: 1em;
left: 1em;
width: 1.8em;
height: 1.8em;
font-size: 25px;
z-index: 99999;
border-radius: 50%; }