@charset "UTF-8";
.roadmap.roadmap--orientation-auto .roadmap__events__event .event .event__date,.roadmap.roadmap--orientation-horizontal .roadmap__events__event .event .event__date,.roadmap.roadmap--orientation-vertical .roadmap__events__event .event .event__date{font-weight:600}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd),.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(odd){bottom:0}.roadmap.roadmap--orientation-auto{position:relative;width:95%;margin:0 auto}.roadmap.roadmap--orientation-auto .roadmap__events{position:relative;width:-webkit-calc(100% - 220px);width:calc(100% - 220px);margin:0 auto;padding:200px 0}.roadmap.roadmap--orientation-auto .roadmap__events:after{position:absolute;top:50%;left:0;display:block;content:"";width:0%;height:4px;background-color:#3f81e7;border-radius:2px;-webkit-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}.roadmap.roadmap--orientation-auto .roadmap__events__event{position:absolute;width:280px;height:200px;margin-left:-140px;list-style:none;font-size:16px}.roadmap.roadmap--orientation-auto .roadmap__events__event:after,.roadmap.roadmap--orientation-auto .roadmap__events__event:before{position:absolute;content:"";display:block;background-color:#3f81e7;-webkit-transition:all .3s cubic-bezier(.25,.1,.25,1.3);-o-transition:all .3s cubic-bezier(.25,.1,.25,1.3);transition:all .3s cubic-bezier(.25,.1,.25,1.3)}.roadmap.roadmap--orientation-auto .roadmap__events__event:before{width:20px;height:20px;border-radius:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.roadmap.roadmap--orientation-auto .roadmap__events__event:after{width:4px;height:0;border-radius:2px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.roadmap.roadmap--orientation-auto .roadmap__events__event .event{position:absolute;display:block;text-align:center;width:100%;-webkit-transition:all .3s cubic-bezier(.25,.1,.25,1.3);-o-transition:all .3s cubic-bezier(.25,.1,.25,1.3);transition:all .3s cubic-bezier(.25,.1,.25,1.3);-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.roadmap.roadmap--orientation-auto .roadmap__events__event .event .event__content small{display:block}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd):before{top:-8px}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd):after{top:0}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) .event{top:80px}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even){top:0}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even):before{bottom:-12px}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even):after{bottom:-4px}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even) .event{bottom:80px}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(1n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(1n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(1n):before{-webkit-transition-delay:.13s;-o-transition-delay:.13s;transition-delay:.13s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(2n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(2n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(2n):before{-webkit-transition-delay:.26s;-o-transition-delay:.26s;transition-delay:.26s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(3n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(3n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(3n):before{-webkit-transition-delay:.39s;-o-transition-delay:.39s;transition-delay:.39s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(4n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(4n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(4n):before{-webkit-transition-delay:.52s;-o-transition-delay:.52s;transition-delay:.52s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(5n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(5n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(5n):before{-webkit-transition-delay:.65s;-o-transition-delay:.65s;transition-delay:.65s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(6n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(6n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(6n):before{-webkit-transition-delay:.78s;-o-transition-delay:.78s;transition-delay:.78s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(7n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(7n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(7n):before{-webkit-transition-delay:.91s;-o-transition-delay:.91s;transition-delay:.91s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(8n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(8n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(8n):before{-webkit-transition-delay:1.04s;-o-transition-delay:1.04s;transition-delay:1.04s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(9n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(9n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(9n):before{-webkit-transition-delay:1.17s;-o-transition-delay:1.17s;transition-delay:1.17s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(10n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(10n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(10n):before{-webkit-transition-delay:1.3s;-o-transition-delay:1.3s;transition-delay:1.3s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(11n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(11n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(11n):before{-webkit-transition-delay:1.43s;-o-transition-delay:1.43s;transition-delay:1.43s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(12n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(12n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(12n):before{-webkit-transition-delay:1.56s;-o-transition-delay:1.56s;transition-delay:1.56s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(13n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(13n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(13n):before{-webkit-transition-delay:1.69s;-o-transition-delay:1.69s;transition-delay:1.69s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(14n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(14n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(14n):before{-webkit-transition-delay:1.82s;-o-transition-delay:1.82s;transition-delay:1.82s}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(15n) .event,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(15n):after,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(15n):before{-webkit-transition-delay:1.95s;-o-transition-delay:1.95s;transition-delay:1.95s}.roadmap.roadmap--orientation-auto .roadmap__navigation{margin:0}.roadmap.roadmap--orientation-auto .roadmap__navigation>*{position:absolute;top:50%;-webkit-transform:translateY(-46%);-ms-transform:translateY(-46%);-o-transform:translateY(-46%);transform:translateY(-46%);z-index:100;list-style:none}.roadmap.roadmap--orientation-auto .roadmap__navigation>* a{display:block;color:#000;line-height:0}.roadmap.roadmap--orientation-auto .roadmap__navigation>* a i{font-size:44px}.roadmap.roadmap--orientation-auto .roadmap__navigation>* a:hover{text-decoration:none;-webkit-box-shadow:none;box-shadow:none}.roadmap.roadmap--orientation-auto .roadmap__navigation>:first-child{left:40px}.roadmap.roadmap--orientation-auto .roadmap__navigation>:last-child{right:40px}.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events:after{width:100%}.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:before{-webkit-transform:scale(1) translateX(-50%);-ms-transform:scale(1) translateX(-50%);-o-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:after{height:62px}.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event .event{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}@media only screen and (max-width:992px){.roadmap.roadmap--orientation-auto{margin:50px auto}.roadmap.roadmap--orientation-auto .roadmap__events{padding:0;width:80%;max-width:640px;min-height:400px}.roadmap.roadmap--orientation-auto .roadmap__events:after{left:50%;top:0;width:4px;height:-webkit-calc(0% - 0px);height:calc(0% - 0px);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.roadmap.roadmap--orientation-auto .roadmap__events__event{position:relative;left:auto!important;top:auto;bottom:auto;margin-left:0;width:auto;height:auto;min-height:120px}.roadmap.roadmap--orientation-auto .roadmap__events__event:before{top:-8px;bottom:auto}.roadmap.roadmap--orientation-auto .roadmap__events__event:after{top:0;bottom:auto;width:0;height:4px!important}.roadmap.roadmap--orientation-auto .roadmap__events__event .event{top:-15px;bottom:auto;width:40%}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd):after{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}@media only screen and (max-width:992px) and (max-width:600px){.roadmap.roadmap--orientation-auto .roadmap__events__event .event{width:50%}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) .event{margin-left:-10%}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even) .event{margin-right:-10%}}@media only screen and (max-width:992px){.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even):after{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even) .event{right:0}.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events:after{width:4px;height:-webkit-calc(100% - 120px);height:calc(100% - 120px)}.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:after{width:48px}}.roadmap.roadmap--orientation-horizontal .roadmap__navigation>:last-child,.roadmap.roadmap--orientation-vertical .roadmap__navigation>:last-child{right:40px}@media only screen and (max-width:992px) and (max-width:600px){.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:after{width:32px}}@media only screen and (max-width:992px) and (max-width:992px){.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event .event{top:-10px}}@media only screen and (max-width:992px){.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(odd):after{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(even):after{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.roadmap.roadmap--orientation-horizontal{position:relative;width:95%;margin:0 auto}.roadmap.roadmap--orientation-horizontal .roadmap__events{position:relative;width:-webkit-calc(100% - 220px);width:calc(100% - 220px);margin:0 auto;padding:200px 0}.roadmap.roadmap--orientation-horizontal .roadmap__events:after{position:absolute;top:50%;left:0;display:block;content:"";width:0%;height:4px;background-color:#3f81e7;border-radius:2px;-webkit-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}.roadmap.roadmap--orientation-horizontal .roadmap__events__event{position:absolute;width:280px;height:200px;margin-left:-140px;list-style:none;font-size:16px}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:before{position:absolute;content:"";display:block;background-color:#3f81e7;-webkit-transition:all .3s cubic-bezier(.25,.1,.25,1.3);-o-transition:all .3s cubic-bezier(.25,.1,.25,1.3);transition:all .3s cubic-bezier(.25,.1,.25,1.3)}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:before{width:20px;height:20px;border-radius:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:after{width:4px;height:0;border-radius:2px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.roadmap.roadmap--orientation-horizontal.roadmap--initialized .roadmap__events .roadmap__events__event:after,.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:after{height:62px}.roadmap.roadmap--orientation-horizontal .roadmap__events__event .event{position:absolute;display:block;text-align:center;width:100%;-webkit-transition:all .3s cubic-bezier(.25,.1,.25,1.3);-o-transition:all .3s cubic-bezier(.25,.1,.25,1.3);transition:all .3s cubic-bezier(.25,.1,.25,1.3);-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.roadmap.roadmap--orientation-horizontal .roadmap__events__event .event .event__content small{display:block}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(odd):before{top:-8px}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(odd):after{top:0}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(odd) .event{top:80px}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(even){top:0}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(even):before{bottom:-12px}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(even):after{bottom:-4px}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(even) .event{bottom:80px}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(1n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(1n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(1n):before{-webkit-transition-delay:.13s;-o-transition-delay:.13s;transition-delay:.13s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(2n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(2n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(2n):before{-webkit-transition-delay:.26s;-o-transition-delay:.26s;transition-delay:.26s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(3n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(3n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(3n):before{-webkit-transition-delay:.39s;-o-transition-delay:.39s;transition-delay:.39s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(4n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(4n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(4n):before{-webkit-transition-delay:.52s;-o-transition-delay:.52s;transition-delay:.52s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(5n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(5n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(5n):before{-webkit-transition-delay:.65s;-o-transition-delay:.65s;transition-delay:.65s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(6n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(6n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(6n):before{-webkit-transition-delay:.78s;-o-transition-delay:.78s;transition-delay:.78s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(7n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(7n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(7n):before{-webkit-transition-delay:.91s;-o-transition-delay:.91s;transition-delay:.91s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(8n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(8n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(8n):before{-webkit-transition-delay:1.04s;-o-transition-delay:1.04s;transition-delay:1.04s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(9n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(9n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(9n):before{-webkit-transition-delay:1.17s;-o-transition-delay:1.17s;transition-delay:1.17s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(10n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(10n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(10n):before{-webkit-transition-delay:1.3s;-o-transition-delay:1.3s;transition-delay:1.3s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(11n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(11n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(11n):before{-webkit-transition-delay:1.43s;-o-transition-delay:1.43s;transition-delay:1.43s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(12n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(12n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(12n):before{-webkit-transition-delay:1.56s;-o-transition-delay:1.56s;transition-delay:1.56s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(13n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(13n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(13n):before{-webkit-transition-delay:1.69s;-o-transition-delay:1.69s;transition-delay:1.69s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(14n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(14n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(14n):before{-webkit-transition-delay:1.82s;-o-transition-delay:1.82s;transition-delay:1.82s}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(15n) .event,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(15n):after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(15n):before{-webkit-transition-delay:1.95s;-o-transition-delay:1.95s;transition-delay:1.95s}.roadmap.roadmap--orientation-horizontal .roadmap__navigation{margin:0}.roadmap.roadmap--orientation-horizontal .roadmap__navigation>*{position:absolute;top:50%;-webkit-transform:translateY(-46%);-ms-transform:translateY(-46%);-o-transform:translateY(-46%);transform:translateY(-46%);z-index:100;list-style:none}.roadmap.roadmap--orientation-horizontal .roadmap__navigation>* a{display:block;color:#000;line-height:0}.roadmap.roadmap--orientation-horizontal .roadmap__navigation>* a i{font-size:44px}.roadmap.roadmap--orientation-horizontal .roadmap__navigation>* a:hover{text-decoration:none;-webkit-box-shadow:none;box-shadow:none}.roadmap.roadmap--orientation-horizontal .roadmap__navigation>:first-child{left:40px}.roadmap.roadmap--orientation-horizontal.roadmap--initialized .roadmap__events:after{width:100%}.roadmap.roadmap--orientation-horizontal.roadmap--initialized .roadmap__events .roadmap__events__event:before{-webkit-transform:scale(1) translateX(-50%);-ms-transform:scale(1) translateX(-50%);-o-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}.roadmap.roadmap--orientation-horizontal.roadmap--initialized .roadmap__events .roadmap__events__event .event{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.roadmap.roadmap--orientation-vertical{position:relative;width:95%;margin:50px auto}.roadmap.roadmap--orientation-vertical .roadmap__events{position:relative;margin:0 auto}.roadmap.roadmap--orientation-vertical .roadmap__events:after{position:absolute;display:block;content:"";background-color:#3f81e7;border-radius:2px;-webkit-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}.roadmap.roadmap--orientation-vertical .roadmap__events__event{list-style:none;font-size:16px}.roadmap.roadmap--orientation-vertical .roadmap__events__event:after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:before{position:absolute;content:"";display:block;background-color:#3f81e7;-webkit-transition:all .3s cubic-bezier(.25,.1,.25,1.3);-o-transition:all .3s cubic-bezier(.25,.1,.25,1.3);transition:all .3s cubic-bezier(.25,.1,.25,1.3)}.roadmap.roadmap--orientation-vertical .roadmap__events__event:before{width:20px;height:20px;border-radius:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.roadmap.roadmap--orientation-vertical .roadmap__events__event:after{border-radius:2px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.roadmap.roadmap--orientation-vertical .roadmap__events__event .event{position:absolute;display:block;text-align:center;-webkit-transition:all .3s cubic-bezier(.25,.1,.25,1.3);-o-transition:all .3s cubic-bezier(.25,.1,.25,1.3);transition:all .3s cubic-bezier(.25,.1,.25,1.3);-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.roadmap.roadmap--orientation-vertical .roadmap__events__event .event .event__content small{display:block}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd){bottom:0}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd):before{top:-8px}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd):after{top:0}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd) .event{top:80px}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even){top:0}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even):before{bottom:-12px}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even):after{bottom:-4px}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event{bottom:80px}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(1n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(1n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(1n):before{-webkit-transition-delay:.13s;-o-transition-delay:.13s;transition-delay:.13s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(2n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(2n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(2n):before{-webkit-transition-delay:.26s;-o-transition-delay:.26s;transition-delay:.26s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(3n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(3n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(3n):before{-webkit-transition-delay:.39s;-o-transition-delay:.39s;transition-delay:.39s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(4n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(4n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(4n):before{-webkit-transition-delay:.52s;-o-transition-delay:.52s;transition-delay:.52s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(5n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(5n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(5n):before{-webkit-transition-delay:.65s;-o-transition-delay:.65s;transition-delay:.65s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(6n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(6n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(6n):before{-webkit-transition-delay:.78s;-o-transition-delay:.78s;transition-delay:.78s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(7n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(7n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(7n):before{-webkit-transition-delay:.91s;-o-transition-delay:.91s;transition-delay:.91s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(8n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(8n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(8n):before{-webkit-transition-delay:1.04s;-o-transition-delay:1.04s;transition-delay:1.04s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(9n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(9n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(9n):before{-webkit-transition-delay:1.17s;-o-transition-delay:1.17s;transition-delay:1.17s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(10n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(10n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(10n):before{-webkit-transition-delay:1.3s;-o-transition-delay:1.3s;transition-delay:1.3s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(11n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(11n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(11n):before{-webkit-transition-delay:1.43s;-o-transition-delay:1.43s;transition-delay:1.43s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(12n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(12n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(12n):before{-webkit-transition-delay:1.56s;-o-transition-delay:1.56s;transition-delay:1.56s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(13n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(13n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(13n):before{-webkit-transition-delay:1.69s;-o-transition-delay:1.69s;transition-delay:1.69s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(14n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(14n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(14n):before{-webkit-transition-delay:1.82s;-o-transition-delay:1.82s;transition-delay:1.82s}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(15n) .event,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(15n):after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(15n):before{-webkit-transition-delay:1.95s;-o-transition-delay:1.95s;transition-delay:1.95s}.roadmap.roadmap--orientation-vertical .roadmap__navigation{margin:0}.roadmap.roadmap--orientation-vertical .roadmap__navigation>*{position:absolute;top:50%;-webkit-transform:translateY(-46%);-ms-transform:translateY(-46%);-o-transform:translateY(-46%);transform:translateY(-46%);z-index:100;list-style:none}.roadmap.roadmap--orientation-vertical .roadmap__navigation>* a{display:block;color:#000;line-height:0}.roadmap.roadmap--orientation-vertical .roadmap__navigation>* a i{font-size:44px}.roadmap.roadmap--orientation-vertical .roadmap__navigation>* a:hover{text-decoration:none;-webkit-box-shadow:none;box-shadow:none}.roadmap.roadmap--orientation-vertical .roadmap__navigation>:first-child{left:40px}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:before{-webkit-transform:scale(1) translateX(-50%);-ms-transform:scale(1) translateX(-50%);-o-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event .event{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.roadmap.roadmap--orientation-vertical .roadmap__events{padding:0;width:80%;max-width:640px;min-height:400px}.roadmap.roadmap--orientation-vertical .roadmap__events:after{left:50%;top:0;width:4px;height:-webkit-calc(0% - 0px);height:calc(0% - 0px);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.roadmap.roadmap--orientation-vertical .roadmap__events__event{position:relative;left:auto!important;top:auto;bottom:auto;margin-left:0;width:auto;height:auto;min-height:120px}.roadmap.roadmap--orientation-vertical .roadmap__events__event:before{top:-8px;bottom:auto}.roadmap.roadmap--orientation-vertical .roadmap__events__event:after{top:0;bottom:auto;width:0;height:4px!important}.roadmap.roadmap--orientation-vertical .roadmap__events__event .event{top:-15px;bottom:auto;width:40%}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd):after{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even):after{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event{right:0}@media only screen and (max-width:600px){.roadmap.roadmap--orientation-vertical .roadmap__events__event .event{width:50%}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd) .event{margin-left:-10%}.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event{margin-right:-10%}}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events:after{width:4px;height:-webkit-calc(100% - 120px);height:calc(100% - 120px)}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:after{width:48px}@media only screen and (max-width:600px){.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:after{width:32px}}@media only screen and (max-width:992px){.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event .event{top:-10px}}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(odd):after{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(even):after{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #ccc;background:#ededed}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#666}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#ededed;top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#ededed;left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#ededed;left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#ededed;top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}.fancybox-button[disabled]:hover {
color: #ffffff !important;
}
.fancybox-navigation .fancybox-button {
width: 50px;
height: 50px;
min-width: 50px;
}
.fancybox-navigation .fancybox-button--arrow_left,
.fancybox-navigation .fancybox-button--arrow_right {
bottom: 0;
top: unset;
padding: unset;
}
/*********************************************************************************************
* jQCloud 2.0.1
*
* Copyright 2011 Luca Ongaro (http://www.lucaongaro.eu)
* Copyright 2013 Daniel White (http://www.developerdan.com)
* Copyright 2014 Damien "Mistic" Sorel (http://www.strangeplanet.fr)
* Licensed under MIT (http://opensource.org/licenses/MIT)
**********************************************************************************************/
div.jqcloud {
font-size: 21px;
line-height: normal;
overflow: hidden;
position: relative;
}
div.jqcloud span {
padding: 0;
}
div.jqcloud a {
font-size: inherit;
text-decoration: none;
}
div.jqcloud span.w10 {
font-size: 240%;
}
div.jqcloud span.w9 {
font-size: 240%;
}
div.jqcloud span.w8 {
font-size: 240%;
}
div.jqcloud span.w7 {
font-size: 220%;
}
div.jqcloud span.w6 {
font-size: 200%;
}
div.jqcloud span.w5 {
font-size: 180%;
}
div.jqcloud span.w4 {
font-size: 160%;
}
div.jqcloud span.w3 {
font-size: 140%;
}
div.jqcloud span.w2 {
font-size: 120%;
}
div.jqcloud span.w1 {
font-size: 100%;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
div.jqcloud span.w10 {
font-size: 120%;
}
div.jqcloud span.w9 {
font-size: 120%;
}
div.jqcloud span.w8 {
font-size: 120%;
}
div.jqcloud span.w7 {
font-size: 200%;
}
div.jqcloud span.w6 {
font-size: 180%;
}
div.jqcloud span.w5 {
font-size: 160%;
}
div.jqcloud span.w4 {
font-size: 140%;
}
div.jqcloud span.w3 {
font-size: 120%;
}
div.jqcloud span.w2 {
font-size: 100%;
}
div.jqcloud span.w1 {
font-size: 80%;
}
}
/*********************************************************************************************
* Core Owl Carousel CSS File v1.3.3
**********************************************************************************************/
.owl-carousel {
-ms-touch-action: manipulation;
touch-action: manipulation;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper {
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
-o-transform: translateX(translate3d(0px, 0px, 0px)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0px, 0px, 0px)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0px, 0px, 0px)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0px, 0px, 0px)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0px, 0px, 0px)) translateY(0) translateZ(0) rotate(0);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
position: relative;
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-ms-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-webkit-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
-o-transform: translateX(translate3d(0px, 0px, 0px)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0px, 0px, 0px)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0px, 0px, 0px)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0px, 0px, 0px)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0px, 0px, 0px)) translateY(0) translateZ(0) rotate(0);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
float: left;
}
.owl-controls {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(13, 13, 14, 0);
scrollbar-highlight-color: rgba(13, 13, 14, 0);
}
.owl-controls .owl-buttons div,
.owl-controls .owl-page {
cursor: pointer;
}
.owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
filter: alpha(opacity=50);
opacity: 0.5;
color: #ffffff;
display: inline-block;
*display: inline;
margin: 5px;
padding: 3px 10px;
font-size: 15px;
background: #888888;
zoom: 1;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: alpha(opacity=50);
opacity: 1;
text-decoration: none;
}
.owl-theme .owl-controls.clickable .owl-page:hover span {
filter: alpha(opacity=50);
opacity: 1;
}
.owl-theme .owl-controls .owl-page {
display: inline-block;
*display: inline;
zoom: 1;
}
.owl-theme .owl-controls .owl-page span {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width: 12px;
height: 12px;
filter: alpha(opacity=50);
opacity: 0.5;
display: block;
margin: 5px 7px;
background: #888888;
}
.owl-theme .owl-controls .owl-page span .owl-numbers {
width: auto;
height: auto;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
color: #ffffff;
padding: 2px 10px;
font-size: 15px;
}
.owl-theme .owl-controls .owl-page.active span {
filter: alpha(opacity=50);
opacity: 1;
}
.owl-origin {
-ms-perspective: 1200px;
-moz-perspective: 1200px;
-webkit-perspective: 1200px;
perspective: 1200px;
-ms-perspective-origin: 50% 50%;
-moz-perspective-origin: 50% 50%;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
}
.owl-fade-out {
-webkit-animation: fadeOut 0.7s both ease;
-o-animation: fadeOut 0.7s both ease;
-moz-animation: fadeOut 0.7s both ease;
animation: fadeOut 0.7s both ease;
z-index: 100;
}
.owl-fade-in {
-webkit-animation: fadeIn 0.7s both ease;
-o-animation: fadeIn 0.7s both ease;
-moz-animation: fadeIn 0.7s both ease;
animation: fadeIn 0.7s both ease;
}
/*********************************************************************************************
* ANIMATIONS
**********************************************************************************************/
@-webkit-keyframes empty {
0% {
filter: alpha(opacity=50);
opacity: 1;
}
}
@-moz-keyframes empty {
0% {
filter: alpha(opacity=50);
opacity: 1;
}
}
@keyframes empty {
0% {
filter: alpha(opacity=50);
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
filter: alpha(opacity=50);
opacity: 0;
}
100% {
filter: alpha(opacity=50);
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
filter: alpha(opacity=50);
opacity: 0;
}
100% {
filter: alpha(opacity=50);
opacity: 1;
}
}
@keyframes fadeIn {
0% {
filter: alpha(opacity=50);
opacity: 0;
}
100% {
filter: alpha(opacity=50);
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
filter: alpha(opacity=50);
opacity: 1;
}
100% {
filter: alpha(opacity=50);
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
filter: alpha(opacity=50);
opacity: 1;
}
100% {
filter: alpha(opacity=50);
opacity: 0;
}
}
@keyframes fadeOut {
0% {
filter: alpha(opacity=50);
opacity: 1;
}
100% {
filter: alpha(opacity=50);
opacity: 0;
}
}
.owl-theme .owl-controls {
-webkit-tap-highlight-color: rgba(13, 13, 14, 0);
scrollbar-highlight-color: rgba(13, 13, 14, 0);
margin-top: 10px;
text-align: center;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color: #ffffff;
margin: 5px;
padding: 4px 7px;
background: #888888;
display: inline-block;
cursor: pointer;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background: #bdbdbd;
color: #ffffff;
text-decoration: none;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] .disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-buttons {
border: none !important;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
*display: inline;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
-moz-backface-visibility: visible;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-ms-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin: 5px 7px;
background: #888888;
display: block;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #bdbdbd;
}
/*********************************************************************************************
* HELPERS
**********************************************************************************************/
/*********************************************************************************************
* BREAKPOINTS
**********************************************************************************************/
/*********************************************************************************************
* Z-INDEX
**********************************************************************************************/
/*********************************************************************************************
* GRID
**********************************************************************************************/
/*********************************************************************************************
* HEADER HEIGHTS
**********************************************************************************************/
/*********************************************************************************************
* GRÖßEN UND ABSTÄNDE
**********************************************************************************************/
/*********************************************************************************************
* BRAND COLORS
**********************************************************************************************/
/*********************************************************************************************
* TEXT COLORS
**********************************************************************************************/
/*********************************************************************************************
* ÜBERSCHRIFTEN
**********************************************************************************************/
/*********************************************************************************************
* GENERAL SETTINGS
**********************************************************************************************/
/*********************************************************************************************
* INPUT / BUTTONS
**********************************************************************************************/
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
/*********************************************************************************************
* VARIABLES
**********************************************************************************************/
/*********************************************************************************************
* FONTS
**********************************************************************************************/
/* inter-regular - latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
src: url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-regular.eot');
src: local(''), url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-regular.svg#Inter') format('svg');
/* IE9 Compat Modes */
/* Legacy iOS */
}
/* inter-700 - latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
src: url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-700.eot');
src: local(''), url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-700.svg#Inter') format('svg');
/* IE9 Compat Modes */
/* Legacy iOS */
}
/* inter-600 - latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
src: url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-600.eot');
src: local(''), url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../frontend/style/default/assets/fonts/inter/inter-v2-latin-600.svg#Inter') format('svg');
/* IE9 Compat Modes */
/* Legacy iOS */
}
@font-face {
font-family: 'FontAwesome';
src: url('../../frontend/style/default/assets/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0');
src: url('../../frontend/style/default/assets/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../frontend/style/default/assets/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../frontend/style/default/assets/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../frontend/style/default/assets/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../frontend/style/default/assets/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* indusrty-500 - latin */
@font-face {
font-family: 'industry';
font-style: normal;
font-display: swap;
font-weight: 500;
src: local(''), url('../../frontend/style/default/assets/fonts/industry/Industry-Medium.woff2') format('woff2'), /* Super Modern Browsers */ url('../../frontend/style/default/assets/fonts/industry/Industry-Medium.woff') format('woff');
/* Modern Browsers */
}
/* indusrty-700 - latin */
@font-face {
font-family: 'industry';
font-style: normal;
font-display: swap;
font-weight: 700;
src: local(''), url('../../frontend/style/default/assets/fonts/industry/Industry-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('../../frontend/style/default/assets/fonts/industry/Industry-Bold.woff') format('woff');
/* Modern Browsers */
}
/*********************************************************************************************
* FONT-MIXIN
**********************************************************************************************/
.font-regular,
.normal {
font-family: 'Inter', sans-serif;
font-weight: 400;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.font-bold,
strong,
.strong {
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.font-heading {
font-family: 'industry', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 'FontAwesome';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*********************************************************************************************
* ICONS von FONTAWESOME
**********************************************************************************************/
.fa-angle-right:before {
content: '\f101';
}
.fa-angle-left:before {
content: '\f100';
}
.fa-audio:before {
content: '\f001';
}
.fa-archive:before {
content: '\f07c';
}
.fa-bar-chart:before {
content: '\f080';
}
.fa-flip-chart-o:before {
content: '\f1c4';
}
.fa-calendar:before {
content: '\f073';
}
.fa-code:before {
content: '\f121';
}
.fa-file-o:before {
content: '\f15b';
}
.fa-home:before {
content: '\f015';
}
.fa-menu:before {
content: '\f0c9';
}
.fa-note-o:before {
content: '\f15c';
}
.fa-picture-o:before {
content: '\f03e';
}
.fa-plus:before {
content: '\f067';
}
.fa-user-circle:before {
content: '\f2bd';
}
.fa-video:before {
content: '\f008';
}
.fa-x-mark:before {
content: '\f00d';
}
.fa-xing:before {
content: '\f168';
}
.fa-linkedin:before {
content: '\f0e1';
}
.fa-twitter:before {
content: '\f099';
}
.fa-facebook:before {
content: '\f39e';
}
.fa-youtube:before {
content: '\f167';
}
.fa-instagram:before {
content: '\f16d';
}
.fa-google:before {
content: '\f0d4';
}
.fa-play-circle:before {
content: '\f04b';
}
.fa-envelope:before {
content: '\f0e0';
}
/*********************************************************************************************
* FLEX
**********************************************************************************************/
.flex {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flex-inline {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
}
/*********************************************************************************************
* GRID
* Semantic.gs // for LESS: http://lesscss.org
* The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/
**********************************************************************************************/
.grid body {
width: 100%;
}
.grid body:before,
.grid body:after {
content: "";
display: table;
}
.grid body:after {
clear: both;
}
.grid .container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.grid .container:before,
.grid .container:after {
content: "";
display: table;
}
.grid .container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.grid .container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.grid .container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.grid .container-fluid {
width: 100%;
margin: 0;
}
.grid .container-fluid:before,
.grid .container-fluid:after {
content: "";
display: table;
}
.grid .container-fluid:after {
clear: both;
}
body {
width: 100%;
}
body:before,
body:after {
content: "";
display: table;
}
body:after {
clear: both;
}
.container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.container:before,
.container:after {
content: "";
display: table;
}
.container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.container-fluid {
width: 100%;
margin: 0;
}
.container-fluid:before,
.container-fluid:after {
content: "";
display: table;
}
.container-fluid:after {
clear: both;
}
.grid-row {
display: block;
width: 100%;
margin: 0;
}
.grid-row:before,
.grid-row:after {
content: "";
display: table;
}
.grid-row:after {
clear: both;
}
.content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.content-container:before,
.content-container:after {
content: "";
display: table;
}
.content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.content-container .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.content-container .inner:before {
content: '';
width: 100%;
}
.column-1 {
display: inline;
float: left;
width: 6.9%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-1:before {
content: '';
width: 100%;
}
.column-2 {
display: inline;
float: left;
width: 15.3%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-2:before {
content: '';
width: 100%;
}
.column-3 {
display: inline;
float: left;
width: 23.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-3:before {
content: '';
width: 100%;
}
.column-4 {
display: inline;
float: left;
width: 31.9%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-4:before {
content: '';
width: 100%;
}
.column-5 {
display: inline;
float: left;
width: 40.3%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-5:before {
content: '';
width: 100%;
}
.column-6 {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-6:before {
content: '';
width: 100%;
}
.column-7 {
display: inline;
float: left;
width: 56.9%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-7:before {
content: '';
width: 100%;
}
.column-8 {
display: inline;
float: left;
width: 65.3%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-8:before {
content: '';
width: 100%;
}
.column-9 {
display: inline;
float: left;
width: 73.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-9:before {
content: '';
width: 100%;
}
.column-10 {
display: inline;
float: left;
width: 81.90000000000001%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-10:before {
content: '';
width: 100%;
}
.column-11 {
display: inline;
float: left;
width: 90.3%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-11:before {
content: '';
width: 100%;
}
.column-12 {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-12:before {
content: '';
width: 100%;
}
/*********************************************************************************************
* RESPONSIVE
**********************************************************************************************/
@media only screen and (max-width: 529px) {
.column-1,
.column-2,
.column-3,
.column-4,
.column-5,
.column-6,
.column-7,
.column-8,
.column-9,
.column-10,
.column-11,
.column-12 {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.column-1:before,
.column-2:before,
.column-3:before,
.column-4:before,
.column-5:before,
.column-6:before,
.column-7:before,
.column-8:before,
.column-9:before,
.column-10:before,
.column-11:before,
.column-12:before {
content: '';
width: 100%;
}
}
/*********************************************************************************************
* POSITION
**********************************************************************************************/
/*********************************************************************************************
* GRÖßEN & ABSTÄNDE
**********************************************************************************************/
/*********************************************************************************************
* BORDER
**********************************************************************************************/
/*********************************************************************************************
* TRANSFORM
**********************************************************************************************/
.transform-3d {
-webkit-transform-style: preserve-3d;
transform: preserve-3d;
}
/*********************************************************************************************
* SHADOWS
**********************************************************************************************/
.shadow {
-o-shadow: 0px 0px 30px 0px rgba(13, 13, 14, 0.2);
-moz-box-shadow: 0px 0px 30px 0px rgba(13, 13, 14, 0.2);
-webkit-box-shadow: 0px 0px 30px 0px rgba(13, 13, 14, 0.2);
box-shadow: 0px 0px 30px 0px rgba(13, 13, 14, 0.2);
}
.shadow.large {
-o-shadow: 0px 20px 40px 0px rgba(13, 13, 14, 0.2);
-moz-box-shadow: 0px 20px 40px 0px rgba(13, 13, 14, 0.2);
-webkit-box-shadow: 0px 20px 40px 0px rgba(13, 13, 14, 0.2);
box-shadow: 0px 20px 40px 0px rgba(13, 13, 14, 0.2);
}
.shadow.none {
-o-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/*********************************************************************************************
* PERSPECTIVE
**********************************************************************************************/
/*********************************************************************************************
* FILTER
**********************************************************************************************/
.grayscale {
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/*********************************************************************************************
* USER-SELECT
**********************************************************************************************/
/*********************************************************************************************
* ALPHABETISCHE ANORDUNG A-Z
**********************************************************************************************/
/*********************************************************************************************
* LINE-ARROW
**********************************************************************************************/
/*********************************************************************************************
* ITEM-ARROW
**********************************************************************************************/
/* Allgemeine Stylings */
body {
background: url('../../frontend/style/default/assets/icons/rapport.png');
-o-shadow: 0 0 20px 0 rgba(13, 13, 14, 0.2);
-moz-box-shadow: 0 0 20px 0 rgba(13, 13, 14, 0.2);
-webkit-box-shadow: 0 0 20px 0 rgba(13, 13, 14, 0.2);
box-shadow: 0 0 20px 0 rgba(13, 13, 14, 0.2);
}
body,
header,
footer {
max-width: 2300px;
margin: auto !important;
}
.button {
font-family: 'industry', sans-serif !important;
letter-spacing: 1px;
padding-top: 6px !important;
}
.h1 {
font-weight: normal !important;
line-height: 1.5 !important;
}
/* Mobiles Menü */
.atom-nav-back-button i {
display: none;
}
#mobilenav-trigger {
padding: 5px;
width: 40px;
right: 10px;
font-family: 'industry', sans-serif !important;
letter-spacing: 1px !important;
}
#mobilenav-trigger .menutext {
display: none;
}
#mobilenav-trigger span:not(:first-child) {
width: 20px !important;
}
#mobilenav-trigger span:first-child {
color: #b1282e !important;
}
.molecule-mainnav,
.molecule-mainnavright {
z-index: 50;
}
.cookie-info-message {
z-index: 3000;
}
/* Animierter Oline-Shop Button */
.molecule-mainnavright ul[data-level="0"] > li:last-child > a {
line-height: 16px !important;
padding: 8px 20px 8px 20px !important;
margin: 0 !important;
margin-bottom: 8px !important;
animation: pulsered 2s infinite;
}
@keyframes pulsered {
0% {
box-shadow: 0 0 0 0 #b1282e;
}
70% {
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
/* Fancy List */
.listwithshield .container,
.listwithshield .content-container {
display: flex;
justify-content: center;
}
.listwithshield ul {
list-style-type: none;
margin: 0px;
}
.listwithshield ul li {
position: relative;
padding-left: 60px;
line-height: 50px;
margin-bottom: 24px;
font-weight: bold;
font-size: 20px;
max-width: 380px;
min-height: 50px;
}
.listwithshield ul li:before {
display: block;
content: url('../../frontend/style/default/assets/css/frontend/style/default/assets/icons/shield.svg');
width: 40px;
height: 40px;
position: absolute;
left: 0px;
top: 5px;
}
.molecule-mainnavright ul[data-level="0"] > li:last-child:after {
bottom: -9px !important;
}
.molecule-mainnavright ul[data-level="0"] > li:last-child > a {
margin-top: 5px !important;
margin-bottom: 6px !important;
}
.molecule-mainnavright ul[data-level="0"] > li:last-child > ul:last-child {
/*padding-left: 25px !important;
padding-right: 25px !important;*/
}
.molecule-mainnavright ul[data-level="0"] > li:last-child > ul:last-child li:not(:last-child) {
margin-bottom: 12px;
}
.molecule-mainnavright ul[data-level="0"] > li:last-child > ul:last-child li:not(:hover) a {
background: #fff;
}
/* Responsive Einstellungen */
@media only screen and (max-width: 529px) {
.h1 {
font-size: 24px !important;
line-height: 44px !important;
}
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.h1 {
font-size: 35px !important;
line-height: 50px !important;
}
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
h2 {
font-size: 32px !important;
}
ul {
padding-left: 25px !important;
}
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px), only screen and (min-width: 991px) and (max-width: 1200px) {
.organism-imagegallery .owl-wrapper-outer {
transform: scale(0.83) !important;
}
.organism-imagegallery .owl-buttons .owl-prev svg,
.organism-imagegallery .owl-buttons .owl-next svg {
width: 40px !important;
height: 40px !important;
}
.organism-imagegallery .owl-buttons .owl-prev {
left: -22px !important;
}
.organism-imagegallery .owl-buttons .owl-next {
right: -22px !important;
}
}
html,
body {
overflow-x: hidden;
}
html *,
body * {
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit;
margin: 0;
padding: 0;
outline: 0;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
html *::-webkit-scrollbar,
body *::-webkit-scrollbar {
display: none;
}
html *:after,
body *:after,
html *:before,
body *:before {
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html.ie,
body.ie {
display: block;
}
html img,
body img,
html video,
body video {
max-width: 100%;
height: auto;
}
html audio,
body audio {
max-width: 100%;
}
html iframe,
body iframe {
border: none;
}
html input[type="radio"],
body input[type="radio"],
html input[type="checkbox"],
body input[type="checkbox"] {
position: relative;
bottom: 0.15rem;
font-size: 115%;
margin-right: 3px;
vertical-align: middle;
}
html inputinput[type="search"],
body inputinput[type="search"] {
-ms-progress-appearance: textfield;
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
}
html inputinput[type="search"]::-webkit-search-decoration,
body inputinput[type="search"]::-webkit-search-decoration,
html inputinput[type="search"]::-webkit-search-cancel-button,
body inputinput[type="search"]::-webkit-search-cancel-button {
-ms-progress-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
::-moz-focus-inner {
border: 0;
padding: 0;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode {
color: #ffffff !important;
background: #303030 !important;
}
}
body {
font-family: 'Inter', sans-serif;
}
::-moz-selection {
color: #171718;
background-color: #e58d91;
}
::selection {
color: #171718;
background-color: #e58d91;
}
a {
color: #353535;
transition: 0.6s;
text-decoration: none !important;
}
a:hover {
color: #b1282e;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.molecule-mobilenav a {
margin-bottom: 24px;
margin-top: 24px;
letter-spacing: 1px;
}
h1,
.h1,
h2,
.h2,
.molecule-mobilenav a {
font-weight: 700;
font-family: 'industry', sans-serif;
color: #b1282e;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-weight: 700;
color: #464646;
}
br {
opacity: 0 !important;
}
h1,
.h1,
.molecule-mobilenav a {
font-size: 43px;
line-height: 52px;
text-transform: uppercase;
letter-spacing: 4px;
}
h2,
.h2 {
font-size: 35px;
line-height: 46px;
text-transform: uppercase;
letter-spacing: 3px;
}
h3,
.h3 {
font-size: 30px;
line-height: 35px;
font-weight: 700;
color: #d7d7d7;
text-transform: uppercase;
}
h4,
.h4 {
font-size: 22px;
line-height: 26px;
font-weight: 700;
color: #464646;
text-transform: uppercase;
}
h5,
.h5 {
font-size: 20px;
line-height: 28px;
font-weight: 700;
color: #d7d7d7;
}
h6,
.h6 {
font-size: 16px;
line-height: 25px;
font-weight: 700;
color: #464646;
}
.subheading,
.subheading p {
font-size: 17px;
line-height: 28px;
}
p,
span {
font-size: 16px;
color: #333333;
line-height: 25px;
margin-bottom: 12px;
}
li {
color: #333333;
}
i {
font-size: 15px !important;
color: #333333;
}
ol,
ul {
margin: 0 0 0 20px;
list-style-type: square;
}
ol ol li,
ul ol li {
list-style-type: lower-alpha;
}
ol ol ol li,
ul ol ol li {
list-style-type: lower-roman;
}
ol + h2,
ul + h2,
ol + h3,
ul + h3,
ol + h4,
ul + h4,
ol + h5,
ul + h5,
ol + h6,
ul + h6 {
margin-top: 24px;
}
ol.unstyled,
ul.unstyled,
ol .list-flat,
ul .list-flat {
margin-left: 0;
}
ol.unstyled,
ul.unstyled,
ol .list-flat,
ul .list-flat,
ol.unstyled ul,
ul.unstyled ul,
ol .list-flat ul,
ul .list-flat ul {
list-style: none;
}
hr {
margin-top: 12px;
margin-bottom: 12px;
border-top: 1px solid rgba(13, 13, 14, 0);
border-left: 1px solid rgba(13, 13, 14, 0);
border-bottom: 1px solid rgba(13, 13, 14, 0.1);
border-right: 1px solid transparent;
}
hr + h2,
hr + h3,
hr + h4,
hr + h5,
hr + h6 {
margin-top: 24px;
}
p + h2,
dl + h2,
blockquote + h2,
pre + h2,
table + h2,
form + h2,
figure + h2,
p + h3,
dl + h3,
blockquote + h3,
pre + h3,
table + h3,
form + h3,
figure + h3,
p + h4,
dl + h4,
blockquote + h4,
pre + h4,
table + h4,
form + h4,
figure + h4,
p + h5,
dl + h5,
blockquote + h5,
pre + h5,
table + h5,
form + h5,
figure + h5,
p + h6,
dl + h6,
blockquote + h6,
pre + h6,
table + h6,
form + h6,
figure + h6 {
margin-top: 24px;
}
nav ul,
nav ol {
margin: 0;
list-style: none;
margin-left: 24px;
}
dl dt {
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
ul {
margin-bottom: 12px;
}
ul li {
font-size: 16px;
line-height: 25px;
}
blockquote {
padding-left: 1rem;
border-left: 4px solid rgba(13, 13, 14, 0.1);
font-style: italic;
color: rgba(51, 51, 51, 0.65);
}
blockquote p {
margin-bottom: .5rem;
}
time,
small {
font-size: 87.5%;
}
cite {
opacity: .6;
font-size: 87.5%;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted rgba(13, 13, 14, 0.5);
cursor: help;
}
var {
font-size: 16px;
opacity: .6;
font-style: normal;
}
mark,
code,
samp,
kbd {
position: relative;
top: -1px;
padding: 4px 4px 2px 4px;
display: inline-block;
line-height: 1;
color: rgba(51, 51, 51, 0.85);
}
mark {
background: #f7ba45;
font-size: 87.5%;
}
samp {
font-size: 87.5%;
color: #ffffff;
background: #b1282e;
}
kbd {
border: 1px solid rgba(13, 13, 14, 0.1);
}
sub,
sup {
font-size: x-small;
line-height: 0;
margin-left: 0.25rem;
position: relative;
}
sup {
top: 0;
}
sub {
bottom: 1px;
}
sup sub,
sub sup {
font-size: 10px;
}
var,
kbd {
font-size: 87.5%;
}
pre,
code {
background: #e58d91;
padding: 1rem;
top: 0;
display: block;
color: rgba(51, 51, 51, 0.85);
overflow: none;
white-space: pre-wrap;
}
figure {
overflow: hidden;
}
figure figcaption {
filter: alpha(opacity=50);
opacity: 0.8;
position: relative;
color: #ffffff;
background: rgba(13, 13, 14, 0.5);
padding: 5px 10px 15px 10px;
margin: -10px 0px;
font-size: 87.5%;
}
figure pre {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: none;
border: 1px solid rgba(13, 13, 14, 0.1);
}
figure pre {
margin-bottom: 8px;
}
.muted {
opacity: .65;
}
a.muted {
color: #0d0d0e;
}
a.muted:hover {
opacity: 1;
}
table {
border-collapse: collapse;
border: none;
width: 100%;
}
table caption {
background: #b1282e;
color: #ffffff;
padding: 15px 10px;
}
table tr {
border-bottom: 2px solid rgba(13, 13, 14, 0.1) !important;
}
table tr:last-child {
border: none !important;
}
table tr td {
border: none;
padding: 15px 10px;
}
a {
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a span {
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a:hover span {
color: #b1282e;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode ::-moz-selection {
color: #ffffff;
background-color: #939393;
}
.darkmode ::selection {
color: #ffffff;
background-color: #939393;
}
.darkmode h1,
.darkmode .h1,
.darkmode h2,
.darkmode .h2,
.darkmode h3,
.darkmode .h3,
.darkmode .molecule-mobilenav a {
color: #606060 !important;
}
.darkmode h4,
.darkmode .h4,
.darkmode h5,
.darkmode .h5,
.darkmode h6,
.darkmode .h6 {
color: #ffffff !important;
}
.darkmode p,
.darkmode span,
.darkmode pre,
.darkmode blockquote,
.darkmode label {
color: #ffffff !important;
}
.darkmode a {
color: #e6e7e7 !important;
}
.darkmode a:hover {
color: #ffffff !important;
}
.darkmode pre {
background-color: #353535 !important;
}
.darkmode hr {
border-color: #383838 !important;
}
.darkmode table tr {
border-color: #383838 !important;
}
}
fieldset {
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
font-family: inherit;
border: 1px solid rgba(13, 13, 14, 0.1);
padding: 2rem;
}
legend {
font-family: 'Inter', sans-serif;
font-weight: 400;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 13px;
text-transform: uppercase;
padding: 0 1rem;
margin-left: -1rem;
top: 2px;
position: relative;
line-height: 0;
}
input,
textarea,
select {
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-o-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
font-family: inherit;
font-size: 16px;
outline: none;
vertical-align: middle;
background: #ffffff;
border: 1px solid #e6e7e7;
padding: 0 12px;
}
input.small,
textarea.small,
select.small {
font-size: 15px;
height: 36px;
}
input.big,
textarea.big,
select.big {
height: 48px;
font-size: 17px;
}
input.error,
textarea.error,
select.error {
background-color: rgba(201, 66, 66, 0.1);
border: 1px solid #da7e7e;
}
input.success,
textarea.success,
select.success {
background-color: rgba(53, 190, 177, 0.1);
border: 1px solid #6ad5cb;
}
input:disabled,
textarea:disabled,
select:disabled,
input.disabled,
textarea.disabled,
select.disabled {
filter: alpha(opacity=50);
opacity: 0.6;
cursor: -webkit- default;
cursor: -moz- default;
cursor: default;
resize: none;
font-style: italic;
color: rgba(13, 13, 14, 0.5);
}
select {
-ms-progress-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 1rem center;
}
select[multipule] {
background-image: none;
height: auto;
padding: .5rem .75rem;
}
textarea {
height: auto;
padding: 8px 12px;
vertical-align: top;
}
input[type="file"] {
border: none;
background: none;
}
input[type="file"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
height: auto;
display: inline-block;
padding: 0;
}
input[type="search"],
input.search {
padding-left: 48px;
background-repeat: no-repeat;
background-position: 8px 53%;
background-image: url('data:image/svg+xml;utf8,');
}
label {
display: block;
color: #171718;
margin-bottom: 4px;
font-size: 15px;
}
label.checkbox,
label.desc,
label.success,
label.error {
text-transform: none;
font-family: 'Inter', sans-serif;
font-weight: 400;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
label.checkbox {
font-size: 16px;
line-height: 25px;
cursor: pointer;
color: inherit;
}
label.checkboxinput {
margin-top: 0;
}
.req {
position: relative;
top: 1px;
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #c94242;
font-size: 110%;
}
form,
.form-item {
margin-bottom: 2rem;
}
.form > .form-item:last-child {
margin-bottom: 0;
}
.form .row:last-child .form-item {
margin-bottom: 0;
}
.form span.success,
.form span.error {
font-size: 13px;
line-height: 19px;
margin-left: 4px;
}
.login-prepend {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.login-prependinput {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.login-prepend.button {
margin-right: -1px;
-webkit-border-radius: 50px 0 0 50px !important;
-moz-border-radius: 50px 0 0 50px !important;
border-radius: 50px 0 0 50px !important;
}
.login-prependspan {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-shrink: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
font-family: 'Inter', sans-serif;
font-weight: 400;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border: 1px solid #d4d4d4;
border-right: none;
background-color: #e58d91;
padding: 0 .875rem;
color: rgba(13, 13, 14, 0.5);
font-size: 13px;
white-space: nowrap;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode input:-webkit-autofill,
.darkmode input:-webkit-autofill:hover,
.darkmode input:-webkit-autofill:focus,
.darkmode textarea:-webkit-autofill,
.darkmode textarea:-webkit-autofill:hover,
.darkmode textarea:-webkit-autofill:focus,
.darkmode select:-webkit-autofill,
.darkmode select:-webkit-autofill:hover,
.darkmode select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #303030 inset !important;
-o-shadow: 0 0 0px 1000px #303030 inset !important;
-moz-box-shadow: 0 0 0px 1000px #303030 inset !important;
box-shadow: 0 0 0px 1000px #303030 inset !important;
-webkit-text-fill-color: #bdbdbd !important;
color: #bdbdbd !important;
}
.darkmode textarea,
.darkmode input,
.darkmode select {
border-color: #4a4a4a !important;
background-color: #303030 !important;
color: #bdbdbd !important;
}
.darkmode textarea::-webkit-input-placeholder,
.darkmode input::-webkit-input-placeholder,
.darkmode select::-webkit-input-placeholder {
color: #bdbdbd !important;
}
.darkmode textarea:-ms-input-placeholder,
.darkmode input:-ms-input-placeholder,
.darkmode select:-ms-input-placeholder {
color: #bdbdbd !important;
}
.darkmode textarea:-moz-input-placerholder,
.darkmode input:-moz-input-placerholder,
.darkmode select:-moz-input-placerholder {
color: #bdbdbd !important;
}
.darkmode textarea::placeholder,
.darkmode input::placeholder,
.darkmode select::placeholder {
color: #bdbdbd !important;
}
}
.label {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid rgba(13, 13, 14, 0);
display: inline-block;
background: #e6e7e7;
padding: 0 10px;
color: #333333;
font-size: 15px;
line-height: 22px;
vertical-align: middle;
text-decoration: none;
transition: 0.6s;
cursor: default;
}
.labela,
.labela:hover {
color: inherit;
text-decoration: none;
}
.label.big {
font-size: 15px;
line-height: 19px;
padding: 0 12px;
}
.label.tag {
padding: 0;
background: none;
border: none;
text-transform: uppercase;
font-size: 12px;
}
.label.tag.big {
font-size: 14px;
}
.label.badge {
-webkit-border-radius: 64px;
-moz-border-radius: 64px;
border-radius: 64px;
text-align: center;
padding: 0 6px;
}
.label.badge.big {
padding: 0 8px;
}
.label.upper {
text-transform: uppercase;
font-size: 13px;
}
.label.outline {
background: none;
border-color: #bdbdbd;
}
.label.success {
background: #35beb1;
color: #ffffff;
}
.label.error {
background: #c94242;
color: #ffffff;
}
.label.warning {
background: #0d0d0e;
color: #f7ba45;
}
.label.focus {
background: #b1282e;
color: #ffffff;
}
.label.black {
background: #0d0d0e;
color: #ffffff;
}
.label.inverted {
background: #ffffff;
color: #0d0d0e;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .label {
background-color: #0d0d0e !important;
}
}
/*********************************************************************************************
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
**********************************************************************************************/
/*********************************************************************************************
* FLASH
**********************************************************************************************/
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation: flash;
-o-animation: flash;
-moz-animation: flash;
animation: flash;
}
/*********************************************************************************************
* SHAKE
**********************************************************************************************/
@-webkit-keyframes shake {
from,
to {
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-o-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
-o-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
20%,
40%,
60%,
80% {
-moz-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
-o-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
}
@keyframes shake {
from,
to {
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-o-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
-o-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
20%,
40%,
60%,
80% {
-moz-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
-o-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
}
.shake {
-webkit-animation: shake;
-o-animation: shake;
-moz-animation: shake;
animation: shake;
}
/*********************************************************************************************
* HEADSHAKE
**********************************************************************************************/
@-webkit-keyframes headShake {
0% {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-o-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
}
6.5% {
-moz-transform: translateX(-6px) rotateY(-9deg);
-ms-transform: translateX(-6px) rotateY(-9deg);
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
-o-transform: translateX(translateX(-6px) rotateY(-9deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(-6px) rotateY(-9deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(-6px) rotateY(-9deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(-6px) rotateY(-9deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(-6px) rotateY(-9deg)) translateY(0) translateZ(0) rotate(0);
}
18.5% {
-moz-transform: translateX(5px) rotateY(7deg);
-ms-transform: translateX(5px) rotateY(7deg);
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
-o-transform: translateX(translateX(5px) rotateY(7deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(5px) rotateY(7deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(5px) rotateY(7deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(5px) rotateY(7deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(5px) rotateY(7deg)) translateY(0) translateZ(0) rotate(0);
}
31.5% {
-moz-transform: translateX(-3px) rotateY(-5deg);
-ms-transform: translateX(-3px) rotateY(-5deg);
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
-o-transform: translateX(translateX(-3px) rotateY(-5deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(-3px) rotateY(-5deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(-3px) rotateY(-5deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(-3px) rotateY(-5deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(-3px) rotateY(-5deg)) translateY(0) translateZ(0) rotate(0);
}
43.5% {
-moz-transform: translateX(2px) rotateY(3deg);
-ms-transform: translateX(2px) rotateY(3deg);
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
-o-transform: translateX(translateX(2px) rotateY(3deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(2px) rotateY(3deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(2px) rotateY(3deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(2px) rotateY(3deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(2px) rotateY(3deg)) translateY(0) translateZ(0) rotate(0);
}
50% {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-o-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
}
}
@keyframes headShake {
0% {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-o-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
}
6.5% {
-moz-transform: translateX(-6px) rotateY(-9deg);
-ms-transform: translateX(-6px) rotateY(-9deg);
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
-o-transform: translateX(translateX(-6px) rotateY(-9deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(-6px) rotateY(-9deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(-6px) rotateY(-9deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(-6px) rotateY(-9deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(-6px) rotateY(-9deg)) translateY(0) translateZ(0) rotate(0);
}
18.5% {
-moz-transform: translateX(5px) rotateY(7deg);
-ms-transform: translateX(5px) rotateY(7deg);
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
-o-transform: translateX(translateX(5px) rotateY(7deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(5px) rotateY(7deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(5px) rotateY(7deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(5px) rotateY(7deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(5px) rotateY(7deg)) translateY(0) translateZ(0) rotate(0);
}
31.5% {
-moz-transform: translateX(-3px) rotateY(-5deg);
-ms-transform: translateX(-3px) rotateY(-5deg);
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
-o-transform: translateX(translateX(-3px) rotateY(-5deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(-3px) rotateY(-5deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(-3px) rotateY(-5deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(-3px) rotateY(-5deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(-3px) rotateY(-5deg)) translateY(0) translateZ(0) rotate(0);
}
43.5% {
-moz-transform: translateX(2px) rotateY(3deg);
-ms-transform: translateX(2px) rotateY(3deg);
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
-o-transform: translateX(translateX(2px) rotateY(3deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(2px) rotateY(3deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(2px) rotateY(3deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(2px) rotateY(3deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(2px) rotateY(3deg)) translateY(0) translateZ(0) rotate(0);
}
50% {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-o-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateX(0)) translateY(0) translateZ(0) rotate(0);
}
}
.headShake {
-webkit-animation: headShake;
-o-animation: headShake;
-moz-animation: headShake;
animation: headShake;
}
/*********************************************************************************************
* SWING
**********************************************************************************************/
@-webkit-keyframes swing {
20% {
-moz-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
-o-transform: translateX(rotate3d(0, 0, 1, 15deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, 15deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, 15deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, 15deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, 15deg)) translateY(0) translateZ(0) rotate(0);
}
40% {
-moz-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
-o-transform: translateX(rotate3d(0, 0, 1, -10deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, -10deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, -10deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, -10deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, -10deg)) translateY(0) translateZ(0) rotate(0);
}
60% {
-moz-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
-o-transform: translateX(rotate3d(0, 0, 1, 5deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, 5deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, 5deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, 5deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, 5deg)) translateY(0) translateZ(0) rotate(0);
}
80% {
-moz-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
-o-transform: translateX(rotate3d(0, 0, 1, -5deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, -5deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, -5deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, -5deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, -5deg)) translateY(0) translateZ(0) rotate(0);
}
to {
-moz-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
-o-transform: translateX(rotate3d(0, 0, 1, 0deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, 0deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, 0deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, 0deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, 0deg)) translateY(0) translateZ(0) rotate(0);
}
}
@keyframes swing {
20% {
-moz-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
-o-transform: translateX(rotate3d(0, 0, 1, 15deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, 15deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, 15deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, 15deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, 15deg)) translateY(0) translateZ(0) rotate(0);
}
40% {
-moz-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
-o-transform: translateX(rotate3d(0, 0, 1, -10deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, -10deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, -10deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, -10deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, -10deg)) translateY(0) translateZ(0) rotate(0);
}
60% {
-moz-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
-o-transform: translateX(rotate3d(0, 0, 1, 5deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, 5deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, 5deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, 5deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, 5deg)) translateY(0) translateZ(0) rotate(0);
}
80% {
-moz-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
-o-transform: translateX(rotate3d(0, 0, 1, -5deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, -5deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, -5deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, -5deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, -5deg)) translateY(0) translateZ(0) rotate(0);
}
to {
-moz-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
-o-transform: translateX(rotate3d(0, 0, 1, 0deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, 0deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, 0deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, 0deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, 0deg)) translateY(0) translateZ(0) rotate(0);
}
}
.swing {
-webkit-animation: swing;
-o-animation: swing;
-moz-animation: swing;
animation: swing;
-moz-transform-origin: top center;
-o-transform-origin: top center;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
}
/*********************************************************************************************
* BounceInDown
**********************************************************************************************/
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
filter: alpha(opacity=50);
opacity: 0;
-moz-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
-o-transform: translateX(translate3d(0, -3000px, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, -3000px, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, -3000px, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, -3000px, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, -3000px, 0)) translateY(0) translateZ(0) rotate(0);
}
60% {
filter: alpha(opacity=50);
opacity: 1;
-moz-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
-o-transform: translateX(translate3d(0, 25px, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, 25px, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, 25px, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, 25px, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, 25px, 0)) translateY(0) translateZ(0) rotate(0);
}
75% {
-moz-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
-o-transform: translateX(translate3d(0, -10px, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, -10px, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, -10px, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, -10px, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, -10px, 0)) translateY(0) translateZ(0) rotate(0);
}
90% {
-moz-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-o-transform: translateX(translate3d(0, 5px, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, 5px, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, 5px, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, 5px, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, 5px, 0)) translateY(0) translateZ(0) rotate(0);
}
to {
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
-o-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
transform: translateX(none) translateY(0) translateZ(0) rotate(0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
filter: alpha(opacity=50);
opacity: 0;
-moz-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
-o-transform: translateX(translate3d(0, -3000px, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, -3000px, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, -3000px, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, -3000px, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, -3000px, 0)) translateY(0) translateZ(0) rotate(0);
}
60% {
filter: alpha(opacity=50);
opacity: 1;
-moz-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
-o-transform: translateX(translate3d(0, 25px, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, 25px, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, 25px, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, 25px, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, 25px, 0)) translateY(0) translateZ(0) rotate(0);
}
75% {
-moz-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
-o-transform: translateX(translate3d(0, -10px, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, -10px, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, -10px, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, -10px, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, -10px, 0)) translateY(0) translateZ(0) rotate(0);
}
90% {
-moz-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-o-transform: translateX(translate3d(0, 5px, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, 5px, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, 5px, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, 5px, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, 5px, 0)) translateY(0) translateZ(0) rotate(0);
}
to {
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
-o-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
transform: translateX(none) translateY(0) translateZ(0) rotate(0);
}
}
.bounceInDown {
-webkit-animation: bounceInDown;
-o-animation: bounceInDown;
-moz-animation: bounceInDown;
animation: bounceInDown;
}
/*********************************************************************************************
* FadeIn
**********************************************************************************************/
@-webkit-keyframes fadeIn {
from {
filter: alpha(opacity=50);
opacity: 0;
}
to {
filter: alpha(opacity=50);
opacity: 1;
}
}
@keyframes fadeIn {
from {
filter: alpha(opacity=50);
opacity: 0;
}
to {
filter: alpha(opacity=50);
opacity: 1;
}
}
.fadeIn {
-webkit-animation: fadeIn;
-o-animation: fadeIn;
-moz-animation: fadeIn;
animation: fadeIn;
}
/*********************************************************************************************
* FadeInDown
**********************************************************************************************/
@-webkit-keyframes fadeInDown {
from {
filter: alpha(opacity=50);
opacity: 0;
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-o-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
}
to {
filter: alpha(opacity=50);
opacity: 1;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
-o-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
transform: translateX(none) translateY(0) translateZ(0) rotate(0);
}
}
@keyframes fadeInDown {
from {
filter: alpha(opacity=50);
opacity: 0;
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-o-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
}
to {
filter: alpha(opacity=50);
opacity: 1;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
-o-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
transform: translateX(none) translateY(0) translateZ(0) rotate(0);
}
}
.fadeInDown {
-webkit-animation: fadeInDown;
-o-animation: fadeInDown;
-moz-animation: fadeInDown;
animation: fadeInDown;
}
/*********************************************************************************************
* FadeInUp
**********************************************************************************************/
@-webkit-keyframes fadeInUp {
from {
filter: alpha(opacity=50);
opacity: 0;
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-o-transform: translateX(translate3d(0, 100%, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, 100%, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, 100%, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, 100%, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, 100%, 0)) translateY(0) translateZ(0) rotate(0);
}
to {
filter: alpha(opacity=50);
opacity: 1;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
-o-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
transform: translateX(none) translateY(0) translateZ(0) rotate(0);
}
}
@keyframes fadeInUp {
from {
filter: alpha(opacity=50);
opacity: 0;
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-o-transform: translateX(translate3d(0, 100%, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, 100%, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, 100%, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, 100%, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, 100%, 0)) translateY(0) translateZ(0) rotate(0);
}
to {
filter: alpha(opacity=50);
opacity: 1;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
-o-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
transform: translateX(none) translateY(0) translateZ(0) rotate(0);
}
}
.fadeInUp {
-webkit-animation: fadeInUp;
-o-animation: fadeInUp;
-moz-animation: fadeInUp;
animation: fadeInUp;
}
/*********************************************************************************************
* FadeOut
**********************************************************************************************/
@-webkit-keyframes fadeOut {
from {
filter: alpha(opacity=50);
opacity: 1;
}
to {
filter: alpha(opacity=50);
opacity: 0;
}
}
@keyframes fadeOut {
from {
filter: alpha(opacity=50);
opacity: 1;
}
to {
filter: alpha(opacity=50);
opacity: 0;
}
}
.fadeOut {
-webkit-animation: fadeOut;
-o-animation: fadeOut;
-moz-animation: fadeOut;
animation: fadeOut;
}
/*********************************************************************************************
* FLIP
**********************************************************************************************/
@-webkit-keyframes flip {
from {
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-o-transform: translateX(perspective(400px) rotate3d(0, 1, 0, -360deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(perspective(400px) rotate3d(0, 1, 0, -360deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(perspective(400px) rotate3d(0, 1, 0, -360deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(perspective(400px) rotate3d(0, 1, 0, -360deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(perspective(400px) rotate3d(0, 1, 0, -360deg)) translateY(0) translateZ(0) rotate(0);
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-o-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)) translateY(0) translateZ(0) rotate(0);
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-o-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)) translateY(0) translateZ(0) rotate(0);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-o-transform: translateX(perspective(400px) scale3d(0.95, 0.95, 0.95)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(perspective(400px) scale3d(0.95, 0.95, 0.95)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(perspective(400px) scale3d(0.95, 0.95, 0.95)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(perspective(400px) scale3d(0.95, 0.95, 0.95)) translateY(0) translateZ(0) rotate(0);
transform: translateX(perspective(400px) scale3d(0.95, 0.95, 0.95)) translateY(0) translateZ(0) rotate(0);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-moz-transform: perspective(400px);
-ms-transform: perspective(400px);
-webkit-transform: perspective(400px);
transform: perspective(400px);
-o-transform: translateX(perspective(400px)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(perspective(400px)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(perspective(400px)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(perspective(400px)) translateY(0) translateZ(0) rotate(0);
transform: translateX(perspective(400px)) translateY(0) translateZ(0) rotate(0);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-o-transform: translateX(perspective(400px) rotate3d(0, 1, 0, -360deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(perspective(400px) rotate3d(0, 1, 0, -360deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(perspective(400px) rotate3d(0, 1, 0, -360deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(perspective(400px) rotate3d(0, 1, 0, -360deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(perspective(400px) rotate3d(0, 1, 0, -360deg)) translateY(0) translateZ(0) rotate(0);
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-o-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)) translateY(0) translateZ(0) rotate(0);
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-o-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)) translateY(0) translateZ(0) rotate(0);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-o-transform: translateX(perspective(400px) scale3d(0.95, 0.95, 0.95)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(perspective(400px) scale3d(0.95, 0.95, 0.95)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(perspective(400px) scale3d(0.95, 0.95, 0.95)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(perspective(400px) scale3d(0.95, 0.95, 0.95)) translateY(0) translateZ(0) rotate(0);
transform: translateX(perspective(400px) scale3d(0.95, 0.95, 0.95)) translateY(0) translateZ(0) rotate(0);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-moz-transform: perspective(400px);
-ms-transform: perspective(400px);
-webkit-transform: perspective(400px);
transform: perspective(400px);
-o-transform: translateX(perspective(400px)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(perspective(400px)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(perspective(400px)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(perspective(400px)) translateY(0) translateZ(0) rotate(0);
transform: translateX(perspective(400px)) translateY(0) translateZ(0) rotate(0);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.flip {
-webkit-animation: flip;
-o-animation: flip;
-moz-animation: flip;
animation: flip;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/*********************************************************************************************
* RotateIn
**********************************************************************************************/
@-webkit-keyframes rotateIn {
from {
-moz-transform-origin: center;
-o-transform-origin: center;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-moz-transform: rotate3d(0, 0, 1, -200deg);
-ms-transform: rotate3d(0, 0, 1, -200deg);
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
-o-transform: translateX(rotate3d(0, 0, 1, -200deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, -200deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, -200deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, -200deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, -200deg)) translateY(0) translateZ(0) rotate(0);
filter: alpha(opacity=50);
opacity: 0;
}
to {
-moz-transform-origin: center;
-o-transform-origin: center;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
-o-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
transform: translateX(none) translateY(0) translateZ(0) rotate(0);
filter: alpha(opacity=50);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-moz-transform-origin: center;
-o-transform-origin: center;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-moz-transform: rotate3d(0, 0, 1, -200deg);
-ms-transform: rotate3d(0, 0, 1, -200deg);
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
-o-transform: translateX(rotate3d(0, 0, 1, -200deg)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(rotate3d(0, 0, 1, -200deg)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(rotate3d(0, 0, 1, -200deg)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(rotate3d(0, 0, 1, -200deg)) translateY(0) translateZ(0) rotate(0);
transform: translateX(rotate3d(0, 0, 1, -200deg)) translateY(0) translateZ(0) rotate(0);
filter: alpha(opacity=50);
opacity: 0;
}
to {
-moz-transform-origin: center;
-o-transform-origin: center;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
-o-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(none) translateY(0) translateZ(0) rotate(0);
transform: translateX(none) translateY(0) translateZ(0) rotate(0);
filter: alpha(opacity=50);
opacity: 1;
}
}
.rotateIn {
-webkit-animation: rotateIn;
-o-animation: rotateIn;
-moz-animation: rotateIn;
animation: rotateIn;
}
/*********************************************************************************************
* SlideInDown
**********************************************************************************************/
@keyframes slideInDown {
from {
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-o-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, -100%, 0)) translateY(0) translateZ(0) rotate(0);
visibility: visible;
}
to {
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-o-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
}
.slideInDown {
-webkit-animation: slideInDown;
-o-animation: slideInDown;
-moz-animation: slideInDown;
animation: slideInDown;
}
.message {
padding-top: 1rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 2.5em;
font-size: 15px;
line-height: 22px;
background: #e6e7e7;
color: #333333;
margin-bottom: 24px;
position: relative;
}
.messagea {
color: inherit;
}
.messageh2,
.messageh3,
.messageh4,
.messageh5,
.messageh6 {
margin-bottom: 0;
}
.message.close {
position: absolute;
top: 1.1rem;
left: unset;
bottom: unset;
right: 1rem;
}
.message.error {
background: #c94242;
color: #ffffff;
}
.message.success {
background: #35beb1;
color: #ffffff;
}
.message.warning {
background: #f7ba45;
}
.message.focus {
background: #b1282e;
color: #ffffff;
}
.message.black {
background: #0d0d0e;
color: #ffffff;
}
.message.inverted {
background: #ffffff;
}
.box {
padding: 0px;
background: #fafafa;
}
.box.outline {
border: 1px solid #d4d4d4;
}
.box :last-child {
margin-bottom: 0;
}
main > div:not([class*="bg-"]) .box,
aside .box {
background: #f7f7f7;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode main > div:not([class*="bg-"]) .box,
.darkmode aside .box,
.darkmode .box {
background-color: rgba(13, 13, 14, 0.2) !important;
}
}
.dropdown {
position: absolute;
top: 0;
left: unset;
bottom: unset;
right: 0;
width: 0;
height: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-o-shadow: 0px 20px 40px 0px rgba(13, 13, 14, 0.2);
-moz-box-shadow: 0px 20px 40px 0px rgba(13, 13, 14, 0.2);
-webkit-box-shadow: 0px 20px 40px 0px rgba(13, 13, 14, 0.2);
box-shadow: 0px 20px 40px 0px rgba(13, 13, 14, 0.2);
width: 280px;
font-size: 15px;
background: #ffffff;
max-height: 300px;
overflow: hidden;
z-index: 100;
}
.dropdown.close {
margin: 24px;
margin-left: auto;
margin-right: auto;
}
.dropdown.open {
overflow: auto;
}
.dropdown ul {
list-style: none;
margin: 0;
}
.dropdown ul li {
border-bottom: 1px solid rgba(13, 13, 14, 0.05);
}
.dropdown ul li:last-child {
border-bottom: none;
}
.dropdown ul a {
padding: 12px;
display: block;
text-decoration: none;
color: #0d0d0e;
}
.dropdown ul a:hover {
background: rgba(13, 13, 14, 0.05);
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .dropdown {
background-color: #0d0d0e !important;
}
.darkmode .dropdown div {
background-color: #8b8b8b !important;
}
.darkmode .dropdown div li {
border-color: #131313 !important;
}
.darkmode .dropdown div li:hover {
background-color: #340c0e !important;
}
}
.loader,
.loader:after {
width: 18px;
height: 18px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}
.loader {
position: relative;
top: 0;
left: unset;
bottom: unset;
right: unset;
border-top: 2px solid rgba(177, 40, 46, 0.2);
border-right: 2px solid rgba(177, 40, 46, 0.2);
border-bottom: 2px solid rgba(177, 40, 46, 0.2);
border-left: 2px solid #b1282e;
margin: 0;
font-size: 13px;
text-indent: -9999em;
}
.loader.secondary {
border-top: 2px solid rgba(177, 40, 46, 0.2);
border-right: 2px solid rgba(177, 40, 46, 0.2);
border-bottom: 2px solid rgba(177, 40, 46, 0.2);
border-left: 2px solid #b1282e;
}
.button .loader {
border-top: 2px solid rgba(255, 255, 255, 0.2);
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-left: 2px solid #ffffff;
}
.button.outline .loader {
border-top: 2px solid rgba(177, 40, 46, 0.2);
border-right: 2px solid rgba(177, 40, 46, 0.2);
border-bottom: 2px solid rgba(177, 40, 46, 0.2);
border-left: 2px solid #b1282e;
}
.button.secondary.outline .loader {
border-top: 2px solid rgba(177, 40, 46, 0.2);
border-right: 2px solid rgba(177, 40, 46, 0.2);
border-bottom: 2px solid rgba(177, 40, 46, 0.2);
border-left: 2px solid #b1282e;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.group:before,
.group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group:after {
content: "";
display: table;
clear: both;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.display-block {
display: block;
}
.hide,
.hidden {
display: none !important;
}
.hidden-opacity {
opacity: 0;
float: left;
}
.no-scroll {
position: fixed;
top: 0;
left: 0;
bottom: unset;
right: unset;
width: 100% !important;
height: 100% !important;
overflow: hidden;
}
.left {
text-align: left;
align-items: flex-start;
}
.right {
text-align: right;
align-items: flex-end;
}
.center {
text-align: center;
align-items: center;
justify-content: center;
}
.cursive {
font-style: italic;
}
.color-primary {
color: #464646;
}
.color-secondary {
color: #b1282e;
}
.color-tertiary {
color: #d7d7d7;
}
.close {
min-width: 16px;
min-height: 16px;
display: inline-block;
font-size: 15px;
line-height: 22px;
text-align: center;
vertical-align: middle;
opacity: .6;
}
.close:hover {
opacity: 1;
}
.close.small {
font-size: 13px;
}
.close.big {
font-size: 19px;
}
.close.white {
color: #ffffff;
}
.small {
font-size: 13px;
line-height: 19px;
}
.caret {
display: inline-block;
}
.overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.95);
z-index: 200;
}
.overlay > .close {
position: fixed;
top: 1rem;
left: unset;
bottom: unset;
right: 1rem;
}
@media only screen and (max-width: 529px) {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
.hide-mobile {
display: none !important;
}
.show-mobile {
display: none !important;
}
}
.inline-block {
display: flow-root;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.inline-block {
display: inline-block;
}
}
/*********************************************************************************************
* Block Abstände
**********************************************************************************************/
.margin-top-1 {
margin-top: 24px !important;
}
.margin-top-2 {
margin-top: 72px !important;
}
.margin-top-3 {
margin-top: 144px !important;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.margin-top-3 {
margin-top: 96px !important;
}
}
.margin-bottom-1 {
margin-bottom: 24px !important;
}
.margin-bottom-2 {
margin-bottom: 72px !important;
}
.margin-bottom-3 {
margin-bottom: 144px !important;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.margin-bottom-3 {
margin-bottom: 96px !important;
}
}
.padding-top-1 {
padding-top: 24px !important;
}
.padding-top-2 {
padding-top: 72px !important;
}
.padding-top-3 {
padding-top: 144px !important;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.padding-top-3 {
padding-top: 96px !important;
}
}
.padding-bottom-1 {
padding-bottom: 24px !important;
}
.padding-bottom-2 {
padding-bottom: 72px !important;
}
.padding-bottom-3 {
padding-bottom: 144px !important;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.padding-bottom-3 {
padding-bottom: 96px !important;
}
}
.no-space {
padding-top: 0 !important;
margin-top: 0 !important;
}
/*********************************************************************************************
* Block Hintergrund PRIMÄR
**********************************************************************************************/
.bg-primary .molecule-teaserbox,
.bg-secondary .molecule-teaserbox,
.bg-tertiary .molecule-teaserbox,
.bg-primary .box,
.bg-secondary .box,
.bg-tertiary .box {
background: rgba(13, 13, 14, 0.1) !important;
}
.bg-primary table caption,
.bg-secondary table caption,
.bg-tertiary table caption {
background: rgba(13, 13, 14, 0.2) !important;
}
.bg-primary.organism-forms label,
.bg-secondary.organism-forms label,
.bg-tertiary.organism-forms label,
.bg-primary.organism-forms input[type=text],
.bg-secondary.organism-forms input[type=text],
.bg-tertiary.organism-forms input[type=text],
.bg-primary.organism-forms input[type=number],
.bg-secondary.organism-forms input[type=number],
.bg-tertiary.organism-forms input[type=number],
.bg-primary.organism-forms input[type=email],
.bg-secondary.organism-forms input[type=email],
.bg-tertiary.organism-forms input[type=email],
.bg-primary.organism-forms textarea,
.bg-secondary.organism-forms textarea,
.bg-tertiary.organism-forms textarea {
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bg-primary .molecule-categorylisting .label,
.bg-secondary .molecule-categorylisting .label,
.bg-tertiary .molecule-categorylisting .label {
background: rgba(13, 13, 14, 0.2) !important;
color: #ffffff !important;
}
.bg-primary {
background-color: #464646 !important;
color: #ffffff !important;
border-color: #ffffff !important;
}
.bg-primary input:-webkit-autofill,
.bg-primary input:-webkit-autofill:hover,
.bg-primary input:-webkit-autofill:focus,
.bg-primary textarea:-webkit-autofill,
.bg-primary textarea:-webkit-autofill:hover,
.bg-primary textarea:-webkit-autofill:focus,
.bg-primary select:-webkit-autofill,
.bg-primary select:-webkit-autofill:hover,
.bg-primary select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #464646 inset !important;
-o-shadow: 0 0 0px 1000px #464646 inset !important;
-moz-box-shadow: 0 0 0px 1000px #464646 inset !important;
box-shadow: 0 0 0px 1000px #464646 inset !important;
-webkit-text-fill-color: #ffffff !important;
color: #ffffff !important;
}
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary .h1,
.bg-primary .h2,
.bg-primary .h3,
.bg-primary .h4,
.bg-primary .h5,
.bg-primary .h6,
.bg-primary p,
.bg-primary a,
.bg-primary .molecule-mobilenav a {
color: #ffffff !important;
}
.bg-primary .button.white {
background-color: #ffffff !important;
color: #464646 !important;
}
.bg-primary .button.white:hover,
.bg-primary .button.white .hover {
background-color: transparent !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.bg-primary hr,
.bg-primary :before {
border-color: #ffffff !important;
}
.bg-primary li {
border-color: rgba(255, 255, 255, 0.4) !important;
}
.bg-primary input,
.bg-primary textarea {
color: #ffffff !important;
}
.bg-primary input::-webkit-input-placeholder,
.bg-primary textarea::-webkit-input-placeholder {
color: #ffffff !important;
}
.bg-primary input:-ms-input-placeholder,
.bg-primary textarea:-ms-input-placeholder {
color: #ffffff !important;
}
.bg-primary input:-moz-input-placerholder,
.bg-primary textarea:-moz-input-placerholder {
color: #ffffff !important;
}
.bg-primary input::placeholder,
.bg-primary textarea::placeholder {
color: #ffffff !important;
}
.bg-primary label,
.bg-primary li:before,
.bg-primary i {
color: #ffffff !important;
}
.bg-primary.organism-subtitle h2,
.bg-primary.organism-subtitle h3,
.bg-primary.organism-subtitle h4 {
color: #ffffff !important;
}
.bg-primary .molecule-eventslistentry .calendar-item :first-child {
color: #464646;
}
.bg-primary .molecule-teaserbox:hover .teaserbox-image-placeholder,
.bg-primary .box:hover .teaserbox-image-placeholder {
background: rgba(159, 159, 159, 0.5) !important;
}
.bg-primary .molecule-teaserbox .teaserbox-image-placeholder,
.bg-primary .box .teaserbox-image-placeholder {
background: rgba(121, 121, 121, 0.5) !important;
}
/*********************************************************************************************
* Block Hintergrund SEKUNDÄR
**********************************************************************************************/
.bg-secondary {
background-color: #b1282e !important;
color: #ffffff !important;
}
.bg-secondary h1,
.bg-secondary h2,
.bg-secondary h3,
.bg-secondary h4,
.bg-secondary h5,
.bg-secondary h6,
.bg-secondary .h1,
.bg-secondary .h2,
.bg-secondary .h3,
.bg-secondary .h4,
.bg-secondary .h5,
.bg-secondary .h6,
.bg-secondary p,
.bg-secondary a,
.bg-secondary .molecule-mobilenav a {
color: #ffffff !important;
}
.bg-secondary .button.white {
background-color: #ffffff !important;
color: #b1282e !important;
}
.bg-secondary .button.white:hover,
.bg-secondary .button.white .hover {
background-color: transparent !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.bg-secondary hr,
.bg-secondary :before {
border-color: #ffffff !important;
}
.bg-secondary li {
border-color: rgba(255, 255, 255, 0.4) !important;
}
.bg-secondary input:-webkit-autofill,
.bg-secondary input:-webkit-autofill:hover,
.bg-secondary input:-webkit-autofill:focus,
.bg-secondary textarea:-webkit-autofill,
.bg-secondary textarea:-webkit-autofill:hover,
.bg-secondary textarea:-webkit-autofill:focus,
.bg-secondary select:-webkit-autofill,
.bg-secondary select:-webkit-autofill:hover,
.bg-secondary select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #b1282e inset !important;
-o-shadow: 0 0 0px 1000px #b1282e inset !important;
-moz-box-shadow: 0 0 0px 1000px #b1282e inset !important;
box-shadow: 0 0 0px 1000px #b1282e inset !important;
-webkit-text-fill-color: #ffffff !important;
color: #ffffff !important;
}
.bg-secondary input,
.bg-secondary textarea {
color: #ffffff !important;
}
.bg-secondary input::-webkit-input-placeholder,
.bg-secondary textarea::-webkit-input-placeholder {
color: #ffffff !important;
}
.bg-secondary input:-ms-input-placeholder,
.bg-secondary textarea:-ms-input-placeholder {
color: #ffffff !important;
}
.bg-secondary input:-moz-input-placerholder,
.bg-secondary textarea:-moz-input-placerholder {
color: #ffffff !important;
}
.bg-secondary input::placeholder,
.bg-secondary textarea::placeholder {
color: #ffffff !important;
}
.bg-secondary label,
.bg-secondary li:before,
.bg-secondary i {
color: #ffffff !important;
}
.bg-secondary.organism-subtitle h2,
.bg-secondary.organism-subtitle h3,
.bg-secondary.organism-subtitle h4 {
color: #ffffff !important;
}
.bg-secondary .molecule-eventslistentry .calendar-item :first-child {
color: #b1282e;
}
.bg-secondary .molecule-teaserbox:hover .teaserbox-image-placeholder,
.bg-secondary .box:hover .teaserbox-image-placeholder {
background: rgba(234, 162, 165, 0.5) !important;
}
.bg-secondary .molecule-teaserbox .teaserbox-image-placeholder,
.bg-secondary .box .teaserbox-image-placeholder {
background: rgba(220, 99, 104, 0.5) !important;
}
/*********************************************************************************************
* Block Hintergrund TERTIÄR
**********************************************************************************************/
.bg-tertiary {
background-color: #d7d7d7 !important;
color: #333333 !important;
}
.bg-tertiary h1,
.bg-tertiary h2,
.bg-tertiary h3,
.bg-tertiary h4,
.bg-tertiary h5,
.bg-tertiary h6,
.bg-tertiary .h1,
.bg-tertiary .h2,
.bg-tertiary .h3,
.bg-tertiary .h4,
.bg-tertiary .h5,
.bg-tertiary .h6,
.bg-tertiary p,
.bg-tertiary a,
.bg-tertiary .molecule-mobilenav a {
color: #333333 !important;
}
.bg-tertiary hr,
.bg-tertiary :before {
border-color: #333333 !important;
}
.bg-tertiary .button.white {
background-color: #ffffff !important;
color: #d7d7d7 !important;
}
.bg-tertiary .button.white:hover,
.bg-tertiary .button.white .hover {
background-color: transparent !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.bg-tertiary li {
border-color: rgba(51, 51, 51, 0.4) !important;
}
.bg-tertiary input,
.bg-tertiary textarea {
color: #333333 !important;
}
.bg-tertiary input::-webkit-input-placeholder,
.bg-tertiary textarea::-webkit-input-placeholder {
color: #333333 !important;
}
.bg-tertiary input:-ms-input-placeholder,
.bg-tertiary textarea:-ms-input-placeholder {
color: #333333 !important;
}
.bg-tertiary input:-moz-input-placerholder,
.bg-tertiary textarea:-moz-input-placerholder {
color: #333333 !important;
}
.bg-tertiary input::placeholder,
.bg-tertiary textarea::placeholder {
color: #333333 !important;
}
.bg-tertiary input:-webkit-autofill,
.bg-tertiary input:-webkit-autofill:hover,
.bg-tertiary input:-webkit-autofill:focus,
.bg-tertiary textarea:-webkit-autofill,
.bg-tertiary textarea:-webkit-autofill:hover,
.bg-tertiary textarea:-webkit-autofill:focus,
.bg-tertiary select:-webkit-autofill,
.bg-tertiary select:-webkit-autofill:hover,
.bg-tertiary select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #d7d7d7 inset !important;
-o-shadow: 0 0 0px 1000px #d7d7d7 inset !important;
-moz-box-shadow: 0 0 0px 1000px #d7d7d7 inset !important;
box-shadow: 0 0 0px 1000px #d7d7d7 inset !important;
-webkit-text-fill-color: #333333 !important;
color: #333333 !important;
}
.bg-tertiary label,
.bg-tertiary li:before,
.bg-tertiary i {
color: #333333 !important;
}
.bg-tertiary.organism-subtitle h2,
.bg-tertiary.organism-subtitle h3,
.bg-tertiary.organism-subtitle h4 {
color: #333333 !important;
}
.bg-tertiary .molecule-eventslistentry .calendar-item :first-child {
color: #d7d7d7;
}
.bg-tertiary .molecule-teaserbox:hover .teaserbox-image-placeholder,
.bg-tertiary .box:hover .teaserbox-image-placeholder {
background: rgba(255, 255, 255, 0.5) !important;
}
.bg-tertiary .molecule-teaserbox .teaserbox-image-placeholder,
.bg-tertiary .box .teaserbox-image-placeholder {
background: rgba(255, 255, 255, 0.5) !important;
}
/*********************************************************************************************
* Block Hintergrund GRAUSTUFEN
**********************************************************************************************/
.bg-primary-light .molecule-categorylisting .label,
.bg-secondary-light .molecule-categorylisting .label,
.bg-tertiary-light .molecule-categorylisting .label {
background: rgba(13, 13, 14, 0.2) !important;
color: #ffffff !important;
}
.bg-primary-light,
.bg-grey-1 {
background-color: #606060 !important;
color: #333333 !important;
}
.bg-primary-light input:-webkit-autofill,
.bg-grey-1 input:-webkit-autofill,
.bg-primary-light input:-webkit-autofill:hover,
.bg-grey-1 input:-webkit-autofill:hover,
.bg-primary-light input:-webkit-autofill:focus,
.bg-grey-1 input:-webkit-autofill:focus,
.bg-primary-light textarea:-webkit-autofill,
.bg-grey-1 textarea:-webkit-autofill,
.bg-primary-light textarea:-webkit-autofill:hover,
.bg-grey-1 textarea:-webkit-autofill:hover,
.bg-primary-light textarea:-webkit-autofill:focus,
.bg-grey-1 textarea:-webkit-autofill:focus,
.bg-primary-light select:-webkit-autofill,
.bg-grey-1 select:-webkit-autofill,
.bg-primary-light select:-webkit-autofill:hover,
.bg-grey-1 select:-webkit-autofill:hover,
.bg-primary-light select:-webkit-autofill:focus,
.bg-grey-1 select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #606060 inset !important;
-o-shadow: 0 0 0px 1000px #606060 inset !important;
-moz-box-shadow: 0 0 0px 1000px #606060 inset !important;
box-shadow: 0 0 0px 1000px #606060 inset !important;
-webkit-text-fill-color: #333333 !important;
color: #333333 !important;
}
.bg-primary-light input:not([type=submit]),
.bg-grey-1 input:not([type=submit]),
.bg-primary-light textarea,
.bg-grey-1 textarea,
.bg-primary-light select,
.bg-grey-1 select {
border-color: #ffffff !important;
}
.bg-primary-light input:not([type=submit])::-webkit-input-placeholder,
.bg-grey-1 input:not([type=submit])::-webkit-input-placeholder,
.bg-primary-light textarea::-webkit-input-placeholder,
.bg-grey-1 textarea::-webkit-input-placeholder,
.bg-primary-light select::-webkit-input-placeholder,
.bg-grey-1 select::-webkit-input-placeholder {
color: #333333 !important;
}
.bg-primary-light input:not([type=submit]):-ms-input-placeholder,
.bg-grey-1 input:not([type=submit]):-ms-input-placeholder,
.bg-primary-light textarea:-ms-input-placeholder,
.bg-grey-1 textarea:-ms-input-placeholder,
.bg-primary-light select:-ms-input-placeholder,
.bg-grey-1 select:-ms-input-placeholder {
color: #333333 !important;
}
.bg-primary-light input:not([type=submit]):-moz-input-placerholder,
.bg-grey-1 input:not([type=submit]):-moz-input-placerholder,
.bg-primary-light textarea:-moz-input-placerholder,
.bg-grey-1 textarea:-moz-input-placerholder,
.bg-primary-light select:-moz-input-placerholder,
.bg-grey-1 select:-moz-input-placerholder {
color: #333333 !important;
}
.bg-primary-light input:not([type=submit])::placeholder,
.bg-grey-1 input:not([type=submit])::placeholder,
.bg-primary-light textarea::placeholder,
.bg-grey-1 textarea::placeholder,
.bg-primary-light select::placeholder,
.bg-grey-1 select::placeholder {
color: #333333 !important;
}
.bg-primary-light input:not([type=submit])::-webkit-input-placeholder,
.bg-grey-1 input:not([type=submit])::-webkit-input-placeholder,
.bg-primary-light textarea::-webkit-input-placeholder,
.bg-grey-1 textarea::-webkit-input-placeholder,
.bg-primary-light select::-webkit-input-placeholder,
.bg-grey-1 select::-webkit-input-placeholder {
font-weight: normal !important;
}
.bg-primary-light input:not([type=submit]):-ms-input-placeholder,
.bg-grey-1 input:not([type=submit]):-ms-input-placeholder,
.bg-primary-light textarea:-ms-input-placeholder,
.bg-grey-1 textarea:-ms-input-placeholder,
.bg-primary-light select:-ms-input-placeholder,
.bg-grey-1 select:-ms-input-placeholder {
font-weight: normal !important;
}
.bg-primary-light input:not([type=submit]):-moz-input-placerholder,
.bg-grey-1 input:not([type=submit]):-moz-input-placerholder,
.bg-primary-light textarea:-moz-input-placerholder,
.bg-grey-1 textarea:-moz-input-placerholder,
.bg-primary-light select:-moz-input-placerholder,
.bg-grey-1 select:-moz-input-placerholder {
font-weight: normal !important;
}
.bg-primary-light input:not([type=submit])::placeholder,
.bg-grey-1 input:not([type=submit])::placeholder,
.bg-primary-light textarea::placeholder,
.bg-grey-1 textarea::placeholder,
.bg-primary-light select::placeholder,
.bg-grey-1 select::placeholder {
font-weight: normal !important;
}
.bg-primary-light table caption,
.bg-grey-1 table caption {
background: #464646 !important;
}
.bg-primary-light .molecule-teaserbox:hover .teaserbox-image-placeholder,
.bg-grey-1 .molecule-teaserbox:hover .teaserbox-image-placeholder {
background: rgba(96, 96, 96, 0.25) !important;
}
.bg-primary-light .molecule-teaserbox .teaserbox-image-placeholder,
.bg-grey-1 .molecule-teaserbox .teaserbox-image-placeholder {
background: rgba(96, 96, 96, 0.5) !important;
}
.bg-secondary-light,
.bg-grey-2 {
background-color: #d23a40 !important;
color: #ffffff !important;
}
.bg-secondary-light input:-webkit-autofill,
.bg-grey-2 input:-webkit-autofill,
.bg-secondary-light input:-webkit-autofill:hover,
.bg-grey-2 input:-webkit-autofill:hover,
.bg-secondary-light input:-webkit-autofill:focus,
.bg-grey-2 input:-webkit-autofill:focus,
.bg-secondary-light textarea:-webkit-autofill,
.bg-grey-2 textarea:-webkit-autofill,
.bg-secondary-light textarea:-webkit-autofill:hover,
.bg-grey-2 textarea:-webkit-autofill:hover,
.bg-secondary-light textarea:-webkit-autofill:focus,
.bg-grey-2 textarea:-webkit-autofill:focus,
.bg-secondary-light select:-webkit-autofill,
.bg-grey-2 select:-webkit-autofill,
.bg-secondary-light select:-webkit-autofill:hover,
.bg-grey-2 select:-webkit-autofill:hover,
.bg-secondary-light select:-webkit-autofill:focus,
.bg-grey-2 select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #d23a40 inset !important;
-o-shadow: 0 0 0px 1000px #d23a40 inset !important;
-moz-box-shadow: 0 0 0px 1000px #d23a40 inset !important;
box-shadow: 0 0 0px 1000px #d23a40 inset !important;
-webkit-text-fill-color: #333333 !important;
color: #333333 !important;
}
.bg-secondary-light *,
.bg-grey-2 * {
color: #ffffff !important;
}
.bg-secondary-light input:not([type=submit]),
.bg-grey-2 input:not([type=submit]),
.bg-secondary-light textarea,
.bg-grey-2 textarea,
.bg-secondary-light select,
.bg-grey-2 select {
border-color: #ffffff !important;
}
.bg-secondary-light input:not([type=submit])::-webkit-input-placeholder,
.bg-grey-2 input:not([type=submit])::-webkit-input-placeholder,
.bg-secondary-light textarea::-webkit-input-placeholder,
.bg-grey-2 textarea::-webkit-input-placeholder,
.bg-secondary-light select::-webkit-input-placeholder,
.bg-grey-2 select::-webkit-input-placeholder {
color: #ffffff !important;
}
.bg-secondary-light input:not([type=submit]):-ms-input-placeholder,
.bg-grey-2 input:not([type=submit]):-ms-input-placeholder,
.bg-secondary-light textarea:-ms-input-placeholder,
.bg-grey-2 textarea:-ms-input-placeholder,
.bg-secondary-light select:-ms-input-placeholder,
.bg-grey-2 select:-ms-input-placeholder {
color: #ffffff !important;
}
.bg-secondary-light input:not([type=submit]):-moz-input-placerholder,
.bg-grey-2 input:not([type=submit]):-moz-input-placerholder,
.bg-secondary-light textarea:-moz-input-placerholder,
.bg-grey-2 textarea:-moz-input-placerholder,
.bg-secondary-light select:-moz-input-placerholder,
.bg-grey-2 select:-moz-input-placerholder {
color: #ffffff !important;
}
.bg-secondary-light input:not([type=submit])::placeholder,
.bg-grey-2 input:not([type=submit])::placeholder,
.bg-secondary-light textarea::placeholder,
.bg-grey-2 textarea::placeholder,
.bg-secondary-light select::placeholder,
.bg-grey-2 select::placeholder {
color: #ffffff !important;
}
.bg-secondary-light input:not([type=submit])::-webkit-input-placeholder,
.bg-grey-2 input:not([type=submit])::-webkit-input-placeholder,
.bg-secondary-light textarea::-webkit-input-placeholder,
.bg-grey-2 textarea::-webkit-input-placeholder,
.bg-secondary-light select::-webkit-input-placeholder,
.bg-grey-2 select::-webkit-input-placeholder {
font-weight: normal !important;
}
.bg-secondary-light input:not([type=submit]):-ms-input-placeholder,
.bg-grey-2 input:not([type=submit]):-ms-input-placeholder,
.bg-secondary-light textarea:-ms-input-placeholder,
.bg-grey-2 textarea:-ms-input-placeholder,
.bg-secondary-light select:-ms-input-placeholder,
.bg-grey-2 select:-ms-input-placeholder {
font-weight: normal !important;
}
.bg-secondary-light input:not([type=submit]):-moz-input-placerholder,
.bg-grey-2 input:not([type=submit]):-moz-input-placerholder,
.bg-secondary-light textarea:-moz-input-placerholder,
.bg-grey-2 textarea:-moz-input-placerholder,
.bg-secondary-light select:-moz-input-placerholder,
.bg-grey-2 select:-moz-input-placerholder {
font-weight: normal !important;
}
.bg-secondary-light input:not([type=submit])::placeholder,
.bg-grey-2 input:not([type=submit])::placeholder,
.bg-secondary-light textarea::placeholder,
.bg-grey-2 textarea::placeholder,
.bg-secondary-light select::placeholder,
.bg-grey-2 select::placeholder {
font-weight: normal !important;
}
.bg-secondary-light table caption,
.bg-grey-2 table caption {
background: #b1282e !important;
}
.bg-secondary-light .molecule-teaserbox:hover .teaserbox-image-placeholder,
.bg-grey-2 .molecule-teaserbox:hover .teaserbox-image-placeholder {
background: rgba(210, 58, 64, 0.25) !important;
}
.bg-secondary-light .molecule-teaserbox .teaserbox-image-placeholder,
.bg-grey-2 .molecule-teaserbox .teaserbox-image-placeholder {
background: rgba(210, 58, 64, 0.5) !important;
}
.bg-tertiary-light,
.bg-grey-3 {
background-color: #f1f1f1 !important;
color: #333333 !important;
}
.bg-tertiary-light input:-webkit-autofill,
.bg-grey-3 input:-webkit-autofill,
.bg-tertiary-light input:-webkit-autofill:hover,
.bg-grey-3 input:-webkit-autofill:hover,
.bg-tertiary-light input:-webkit-autofill:focus,
.bg-grey-3 input:-webkit-autofill:focus,
.bg-tertiary-light textarea:-webkit-autofill,
.bg-grey-3 textarea:-webkit-autofill,
.bg-tertiary-light textarea:-webkit-autofill:hover,
.bg-grey-3 textarea:-webkit-autofill:hover,
.bg-tertiary-light textarea:-webkit-autofill:focus,
.bg-grey-3 textarea:-webkit-autofill:focus,
.bg-tertiary-light select:-webkit-autofill,
.bg-grey-3 select:-webkit-autofill,
.bg-tertiary-light select:-webkit-autofill:hover,
.bg-grey-3 select:-webkit-autofill:hover,
.bg-tertiary-light select:-webkit-autofill:focus,
.bg-grey-3 select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #f1f1f1 inset !important;
-o-shadow: 0 0 0px 1000px #f1f1f1 inset !important;
-moz-box-shadow: 0 0 0px 1000px #f1f1f1 inset !important;
box-shadow: 0 0 0px 1000px #f1f1f1 inset !important;
-webkit-text-fill-color: #333333 !important;
color: #333333 !important;
}
.bg-tertiary-light input:not([type=submit]),
.bg-grey-3 input:not([type=submit]),
.bg-tertiary-light textarea,
.bg-grey-3 textarea,
.bg-tertiary-light select,
.bg-grey-3 select {
border-color: #d7d7d7 !important;
}
.bg-tertiary-light input:not([type=submit])::-webkit-input-placeholder,
.bg-grey-3 input:not([type=submit])::-webkit-input-placeholder,
.bg-tertiary-light textarea::-webkit-input-placeholder,
.bg-grey-3 textarea::-webkit-input-placeholder,
.bg-tertiary-light select::-webkit-input-placeholder,
.bg-grey-3 select::-webkit-input-placeholder {
color: #333333 !important;
}
.bg-tertiary-light input:not([type=submit]):-ms-input-placeholder,
.bg-grey-3 input:not([type=submit]):-ms-input-placeholder,
.bg-tertiary-light textarea:-ms-input-placeholder,
.bg-grey-3 textarea:-ms-input-placeholder,
.bg-tertiary-light select:-ms-input-placeholder,
.bg-grey-3 select:-ms-input-placeholder {
color: #333333 !important;
}
.bg-tertiary-light input:not([type=submit]):-moz-input-placerholder,
.bg-grey-3 input:not([type=submit]):-moz-input-placerholder,
.bg-tertiary-light textarea:-moz-input-placerholder,
.bg-grey-3 textarea:-moz-input-placerholder,
.bg-tertiary-light select:-moz-input-placerholder,
.bg-grey-3 select:-moz-input-placerholder {
color: #333333 !important;
}
.bg-tertiary-light input:not([type=submit])::placeholder,
.bg-grey-3 input:not([type=submit])::placeholder,
.bg-tertiary-light textarea::placeholder,
.bg-grey-3 textarea::placeholder,
.bg-tertiary-light select::placeholder,
.bg-grey-3 select::placeholder {
color: #333333 !important;
}
.bg-tertiary-light input:not([type=submit])::-webkit-input-placeholder,
.bg-grey-3 input:not([type=submit])::-webkit-input-placeholder,
.bg-tertiary-light textarea::-webkit-input-placeholder,
.bg-grey-3 textarea::-webkit-input-placeholder,
.bg-tertiary-light select::-webkit-input-placeholder,
.bg-grey-3 select::-webkit-input-placeholder {
font-weight: normal !important;
}
.bg-tertiary-light input:not([type=submit]):-ms-input-placeholder,
.bg-grey-3 input:not([type=submit]):-ms-input-placeholder,
.bg-tertiary-light textarea:-ms-input-placeholder,
.bg-grey-3 textarea:-ms-input-placeholder,
.bg-tertiary-light select:-ms-input-placeholder,
.bg-grey-3 select:-ms-input-placeholder {
font-weight: normal !important;
}
.bg-tertiary-light input:not([type=submit]):-moz-input-placerholder,
.bg-grey-3 input:not([type=submit]):-moz-input-placerholder,
.bg-tertiary-light textarea:-moz-input-placerholder,
.bg-grey-3 textarea:-moz-input-placerholder,
.bg-tertiary-light select:-moz-input-placerholder,
.bg-grey-3 select:-moz-input-placerholder {
font-weight: normal !important;
}
.bg-tertiary-light input:not([type=submit])::placeholder,
.bg-grey-3 input:not([type=submit])::placeholder,
.bg-tertiary-light textarea::placeholder,
.bg-grey-3 textarea::placeholder,
.bg-tertiary-light select::placeholder,
.bg-grey-3 select::placeholder {
font-weight: normal !important;
}
.bg-tertiary-light table caption,
.bg-grey-3 table caption {
background: #d7d7d7 !important;
}
.bg-tertiary-light .molecule-teaserbox:hover .teaserbox-image-placeholder,
.bg-grey-3 .molecule-teaserbox:hover .teaserbox-image-placeholder {
background: rgba(241, 241, 241, 0.25) !important;
}
.bg-tertiary-light .molecule-teaserbox .teaserbox-image-placeholder,
.bg-grey-3 .molecule-teaserbox .teaserbox-image-placeholder {
background: rgba(241, 241, 241, 0.5) !important;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .bg-primary {
background-color: #131313 !important;
color: #ffffff !important;
}
.darkmode .bg-secondary {
background-color: #340c0e !important;
color: #ffffff !important;
}
.darkmode .bg-tertiary {
background-color: #8b8b8b !important;
color: #ffffff !important;
}
.darkmode .bg-primary-light {
background-color: #383838 !important;
color: #ffffff !important;
}
.darkmode .bg-secondary-light {
background-color: #3d3d3d !important;
color: #ffffff !important;
}
.darkmode .bg-tertiary-light {
background-color: #3d3d3d !important;
color: #ffffff !important;
}
.darkmode .bg-primary-light .button,
.darkmode .bg-primary-light input[type=submit] {
background-color: #131313 !important;
}
.darkmode .bg-secondary-light .button,
.darkmode .bg-secondary-light input[type=submit] {
background-color: #340c0e !important;
}
.darkmode .bg-tertiary-light .button,
.darkmode .bg-tertiary-light input[type=submit] {
background-color: #8b8b8b !important;
}
.darkmode .bg-primary input:-webkit-autofill,
.darkmode .bg-primary input:-webkit-autofill:hover,
.darkmode .bg-primary input:-webkit-autofill:focus,
.darkmode .bg-primary textarea:-webkit-autofill,
.darkmode .bg-primary textarea:-webkit-autofill:hover,
.darkmode .bg-primary textarea:-webkit-autofill:focus,
.darkmode .bg-primary select:-webkit-autofill,
.darkmode .bg-primary select:-webkit-autofill:hover,
.darkmode .bg-primary select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #131313 inset !important;
-o-shadow: 0 0 0px 1000px #131313 inset !important;
-moz-box-shadow: 0 0 0px 1000px #131313 inset !important;
box-shadow: 0 0 0px 1000px #131313 inset !important;
-webkit-text-fill-color: #ffffff !important;
color: #ffffff !important;
}
.darkmode .bg-primary input,
.darkmode .bg-primary textarea {
background-color: #131313 !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.darkmode .bg-primary input::-webkit-input-placeholder,
.darkmode .bg-primary textarea::-webkit-input-placeholder {
color: #ffffff !important;
}
.darkmode .bg-primary input:-ms-input-placeholder,
.darkmode .bg-primary textarea:-ms-input-placeholder {
color: #ffffff !important;
}
.darkmode .bg-primary input:-moz-input-placerholder,
.darkmode .bg-primary textarea:-moz-input-placerholder {
color: #ffffff !important;
}
.darkmode .bg-primary input::placeholder,
.darkmode .bg-primary textarea::placeholder {
color: #ffffff !important;
}
.darkmode .bg-primary .button {
border-color: #ffffff !important;
background-color: #ffffff !important;
color: #131313 !important;
}
.darkmode .bg-primary .button:hover {
background-color: transparent !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.darkmode .bg-secondary input:-webkit-autofill,
.darkmode .bg-secondary input:-webkit-autofill:hover,
.darkmode .bg-secondary input:-webkit-autofill:focus,
.darkmode .bg-secondary textarea:-webkit-autofill,
.darkmode .bg-secondary textarea:-webkit-autofill:hover,
.darkmode .bg-secondary textarea:-webkit-autofill:focus,
.darkmode .bg-secondary select:-webkit-autofill,
.darkmode .bg-secondary select:-webkit-autofill:hover,
.darkmode .bg-secondary select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #340c0e inset !important;
-o-shadow: 0 0 0px 1000px #340c0e inset !important;
-moz-box-shadow: 0 0 0px 1000px #340c0e inset !important;
box-shadow: 0 0 0px 1000px #340c0e inset !important;
-webkit-text-fill-color: #ffffff !important;
color: #ffffff !important;
}
.darkmode .bg-secondary input,
.darkmode .bg-secondary textarea {
background-color: #340c0e !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.darkmode .bg-secondary input::-webkit-input-placeholder,
.darkmode .bg-secondary textarea::-webkit-input-placeholder {
color: #ffffff !important;
}
.darkmode .bg-secondary input:-ms-input-placeholder,
.darkmode .bg-secondary textarea:-ms-input-placeholder {
color: #ffffff !important;
}
.darkmode .bg-secondary input:-moz-input-placerholder,
.darkmode .bg-secondary textarea:-moz-input-placerholder {
color: #ffffff !important;
}
.darkmode .bg-secondary input::placeholder,
.darkmode .bg-secondary textarea::placeholder {
color: #ffffff !important;
}
.darkmode .bg-secondary .button {
border-color: #ffffff !important;
background-color: #ffffff !important;
color: #340c0e !important;
}
.darkmode .bg-secondary .button:hover {
background-color: transparent !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.darkmode .bg-tertiary input:-webkit-autofill,
.darkmode .bg-tertiary input:-webkit-autofill:hover,
.darkmode .bg-tertiary input:-webkit-autofill:focus,
.darkmode .bg-tertiary textarea:-webkit-autofill,
.darkmode .bg-tertiary textarea:-webkit-autofill:hover,
.darkmode .bg-tertiary textarea:-webkit-autofill:focus,
.darkmode .bg-tertiary select:-webkit-autofill,
.darkmode .bg-tertiary select:-webkit-autofill:hover,
.darkmode .bg-tertiary select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #8b8b8b inset !important;
-o-shadow: 0 0 0px 1000px #8b8b8b inset !important;
-moz-box-shadow: 0 0 0px 1000px #8b8b8b inset !important;
box-shadow: 0 0 0px 1000px #8b8b8b inset !important;
-webkit-text-fill-color: #ffffff !important;
color: #ffffff !important;
}
.darkmode .bg-tertiary input,
.darkmode .bg-tertiary textarea {
background-color: #8b8b8b !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.darkmode .bg-tertiary input::-webkit-input-placeholder,
.darkmode .bg-tertiary textarea::-webkit-input-placeholder {
color: #ffffff !important;
}
.darkmode .bg-tertiary input:-ms-input-placeholder,
.darkmode .bg-tertiary textarea:-ms-input-placeholder {
color: #ffffff !important;
}
.darkmode .bg-tertiary input:-moz-input-placerholder,
.darkmode .bg-tertiary textarea:-moz-input-placerholder {
color: #ffffff !important;
}
.darkmode .bg-tertiary input::placeholder,
.darkmode .bg-tertiary textarea::placeholder {
color: #ffffff !important;
}
.darkmode .bg-tertiary .button {
border-color: #ffffff !important;
background-color: #ffffff !important;
color: #8b8b8b !important;
}
.darkmode .bg-tertiary .button:hover {
background-color: transparent !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
}
.list-bare,
.list-flat {
list-style-type: none;
margin-left: 0;
}
.list-bare li,
.list-flat li {
margin-left: 0;
padding: 0 !important;
}
.list-bare li:before,
.list-flat li:before {
display: none !important;
}
.readmore {
text-align: right;
}
#content {
position: relative;
padding-top: 220px;
-o-shadow: 0 1px 20px 0 rgba(13, 13, 14, 0.5);
-moz-box-shadow: 0 1px 20px 0 rgba(13, 13, 14, 0.5);
-webkit-box-shadow: 0 1px 20px 0 rgba(13, 13, 14, 0.5);
box-shadow: 0 1px 20px 0 rgba(13, 13, 14, 0.5);
z-index: 1;
background: #ffffff;
-ms-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
#content {
padding-top: 160px;
}
}
@media only screen and (max-width: 529px) {
#content {
padding-top: 130px;
}
}
#content .container {
padding-left: 24px;
padding-right: 24px;
}
#content main {
overflow-y: auto;
}
header.klein + #content {
padding-top: 120px !important;
}
header.shrink + #content {
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-o-transform: translateX(translateY(-100px)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateY(-100px)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateY(-100px)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateY(-100px)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateY(-100px)) translateY(0) translateZ(0) rotate(0);
}
/*********************************************************************************************
* BUTTONS
**********************************************************************************************/
.button,
button,
input[type=submit] {
padding: 10px 20px 8px 20px;
margin-top: 24px;
margin-bottom: 0px;
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px !important;
border-radius: 50px !important;
border: 1px solid transparent;
display: inline-block;
min-width: 80px;
text-transform: uppercase;
text-align: center;
transition: 0.6s !important;
-webkit-appearance: none;
cursor: pointer;
}
.button.primary,
button.primary,
input[type=submit].primary {
background-color: #464646;
border-color: #464646;
color: #ffffff;
}
.button.primary span,
button.primary span,
input[type=submit].primary span {
color: #ffffff;
}
.button.secondary,
button.secondary,
input[type=submit].secondary {
background-color: #b1282e;
border-color: #b1282e;
color: #ffffff;
}
.button.secondary span,
button.secondary span,
input[type=submit].secondary span {
color: #ffffff;
}
.button.tertiary,
button.tertiary,
input[type=submit].tertiary {
border-color: #d7d7d7;
background-color: #d7d7d7;
color: #333333;
}
.button.tertiary span,
button.tertiary span,
input[type=submit].tertiary span {
color: #333333;
}
.button .disabled,
button .disabled,
input[type=submit] .disabled,
.button :disabled,
button :disabled,
input[type=submit] :disabled {
cursor: default;
font-style: normal;
color: rgba(255, 255, 255, 0.7);
background-color: rgba(13, 13, 14, 0.7);
}
.buttoni,
buttoni,
input[type=submit]i {
margin: 0 2px;
}
.button.icon i,
button.icon i,
input[type=submit].icon i {
vertical-align: middle;
}
.buttonhover-flat .button.primary:hover,
.buttonhover-flat button.primary:hover,
.buttonhover-flat input[type=submit].primary:hover,
.buttonhover-flat .button.primary.hover,
.buttonhover-flat button.primary.hover,
.buttonhover-flat input[type=submit].primary.hover {
background-color: #535353;
}
.buttonhover-flat .button.secondary:hover,
.buttonhover-flat button.secondary:hover,
.buttonhover-flat input[type=submit].secondary:hover,
.buttonhover-flat .button.secondary.hover,
.buttonhover-flat button.secondary.hover,
.buttonhover-flat input[type=submit].secondary.hover {
background-color: #c62d33;
}
.buttonhover-flat .button.tertiary:hover,
.buttonhover-flat button.tertiary:hover,
.buttonhover-flat input[type=submit].tertiary:hover,
.buttonhover-flat .button.tertiary.hover,
.buttonhover-flat button.tertiary.hover,
.buttonhover-flat input[type=submit].tertiary.hover {
background-color: #e4e4e4;
}
.buttonhover-outline .button.primary:hover,
.buttonhover-outline button.primary:hover,
.buttonhover-outline input[type=submit].primary:hover,
.buttonhover-outline .button.primary.hover,
.buttonhover-outline button.primary.hover,
.buttonhover-outline input[type=submit].primary.hover {
background-color: transparent;
border-color: #464646;
color: #464646;
}
.buttonhover-outline .button.primary:hover span,
.buttonhover-outline button.primary:hover span,
.buttonhover-outline input[type=submit].primary:hover span,
.buttonhover-outline .button.primary.hover span,
.buttonhover-outline button.primary.hover span,
.buttonhover-outline input[type=submit].primary.hover span {
color: #464646;
}
.buttonhover-outline .button.secondary:hover,
.buttonhover-outline button.secondary:hover,
.buttonhover-outline input[type=submit].secondary:hover,
.buttonhover-outline .button.secondary.hover,
.buttonhover-outline button.secondary.hover,
.buttonhover-outline input[type=submit].secondary.hover {
background-color: transparent;
border-color: #b1282e;
color: #b1282e;
}
.buttonhover-outline .button.secondary:hover span,
.buttonhover-outline button.secondary:hover span,
.buttonhover-outline input[type=submit].secondary:hover span,
.buttonhover-outline .button.secondary.hover span,
.buttonhover-outline button.secondary.hover span,
.buttonhover-outline input[type=submit].secondary.hover span {
color: #b1282e;
}
.buttonhover-outline .button.tertiary:hover,
.buttonhover-outline button.tertiary:hover,
.buttonhover-outline input[type=submit].tertiary:hover,
.buttonhover-outline .button.tertiary.hover,
.buttonhover-outline button.tertiary.hover,
.buttonhover-outline input[type=submit].tertiary.hover {
background-color: transparent;
border-color: #d7d7d7;
color: #d7d7d7;
}
.buttonhover-outline .button.tertiary:hover span,
.buttonhover-outline button.tertiary:hover span,
.buttonhover-outline input[type=submit].tertiary:hover span,
.buttonhover-outline .button.tertiary.hover span,
.buttonhover-outline button.tertiary.hover span,
.buttonhover-outline input[type=submit].tertiary.hover span {
color: #d7d7d7;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .button {
background-color: #340c0e !important;
border-color: #340c0e !important;
color: #ffffff !important;
}
.darkmode .button:hover {
background-color: transparent !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.darkmode .button.primary {
background-color: #131313 !important;
border-color: #131313 !important;
color: #ffffff !important;
}
.darkmode .button.primary:hover {
background-color: transparent !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.darkmode .button.secondary {
background-color: #340c0e !important;
border-color: #340c0e !important;
color: #ffffff !important;
}
.darkmode .button.secondary:hover {
background-color: transparent !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
.darkmode .button.tertiary {
background-color: #8b8b8b !important;
border-color: #8b8b8b !important;
color: #ffffff !important;
}
.darkmode .button.tertiary:hover {
background-color: transparent !important;
border-color: #ffffff !important;
color: #ffffff !important;
}
}
img[style*="float: left"] {
margin: 0;
margin-right: 24px;
margin-bottom: 24px;
}
img[style*="float: right"] {
margin: 0;
margin-left: 24px;
margin-bottom: 24px;
}
.image-responsive {
display: block;
max-width: 100%;
height: auto;
}
.atom-logo {
display: inline-block;
position: absolute;
bottom: -125px;
width: 180px;
height: 250px;
-ms-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
-webkit-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
}
@media only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px), only screen and (min-width: 1700px) {
.klein .atom-logo.atom-logo,
.shrink .atom-logo.atom-logo {
-moz-transform: scale(0.35) translateY(-165px) translateX(0);
-ms-transform: scale(0.35) translateY(-165px) translateX(0);
-webkit-transform: scale(0.35) translateY(-165px) translateX(0);
transform: scale(0.35) translateY(-165px) translateX(0);
-o-transform: translateX(scale(0.35) translateY(-165px) translateX(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(scale(0.35) translateY(-165px) translateX(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(scale(0.35) translateY(-165px) translateX(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(scale(0.35) translateY(-165px) translateX(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(scale(0.35) translateY(-165px) translateX(0)) translateY(0) translateZ(0) rotate(0);
}
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.atom-logo {
-moz-transform: scale(0.4) translateY(-140px) translateX(0);
-ms-transform: scale(0.4) translateY(-140px) translateX(0);
-webkit-transform: scale(0.4) translateY(-140px) translateX(0);
transform: scale(0.4) translateY(-140px) translateX(0);
-o-transform: translateX(scale(0.4) translateY(-140px) translateX(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(scale(0.4) translateY(-140px) translateX(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(scale(0.4) translateY(-140px) translateX(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(scale(0.4) translateY(-140px) translateX(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(scale(0.4) translateY(-140px) translateX(0)) translateY(0) translateZ(0) rotate(0);
}
}
@media only screen and (max-width: 529px) {
.atom-logo {
-moz-transform: scale(0.25) translateY(-165px) translateX(0);
-ms-transform: scale(0.25) translateY(-165px) translateX(0);
-webkit-transform: scale(0.25) translateY(-165px) translateX(0);
transform: scale(0.25) translateY(-165px) translateX(0);
-o-transform: translateX(scale(0.25) translateY(-165px) translateX(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(scale(0.25) translateY(-165px) translateX(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(scale(0.25) translateY(-165px) translateX(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(scale(0.25) translateY(-165px) translateX(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(scale(0.25) translateY(-165px) translateX(0)) translateY(0) translateZ(0) rotate(0);
}
}
.atom-logo span {
width: 100%;
height: 100%;
margin-bottom: 0px;
}
.atom-logo svg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto 0;
width: 180px;
height: 250px;
}
.atom-logo svg .logofillcolor1 {
fill: #B1282E;
}
.atom-logo svg .logofillcolor2 {
fill: #FFFFFF;
}
.ie .atom-logo {
left: calc(50% - 90px);
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .atom-logo {
-o-filter: invert(1);
-webkit-filter: invert(1);
-moz-filter: invert(1);
-ms-filter: invert(1);
filter: invert(1);
}
}
.atom-metadata {
margin-bottom: 36px;
margin-right: 0px;
margin-left: 0px;
text-transform: uppercase;
font-size: 15px !important;
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #bdbdbd !important;
}
.atom-nav-back-button i {
font-size: 20px !important;
margin-left: -20px;
}
.molecule-breadcrumbs {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
font-size: 15px;
}
.molecule-breadcrumbs:before,
.molecule-breadcrumbs:after {
content: "";
display: table;
}
.molecule-breadcrumbs:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-breadcrumbs {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.molecule-breadcrumbs {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.molecule-breadcrumbsul,
.molecule-breadcrumbsol {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.molecule-breadcrumbs .push-center {
margin-left: auto;
margin-right: auto;
}
.molecule-breadcrumbs.push-center ul,
.molecule-breadcrumbs.push-center ol {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.molecule-breadcrumbs a {
padding: 12px;
padding-top: 0px;
padding-bottom: 0px;
font-style: normal;
display: inline-block;
white-space: nowrap;
font-size: 15px;
}
.molecule-breadcrumbs a:hover span {
color: #b1282e !important;
}
.molecule-breadcrumbs li {
display: inline-block;
}
.molecule-breadcrumbs li:after {
display: inline-block;
content: '/';
color: rgba(13, 13, 14, 0.3);
}
.molecule-breadcrumbs li:last-child:after {
display: none;
}
.molecule-breadcrumbs li:first-child span,
.molecule-breadcrumbs li:first-child a {
padding-left: 0;
}
.molecule-breadcrumbs li.active a {
text-decoration: none;
cursor: text;
}
.molecule-breadcrumbs.config-separator-arrow li:after {
font-family: 'FontAwesome';
content: '\f015';
}
.molecule-breadcrumbs.config-separator-arrow li:last-child:after {
display: none;
}
.molecule-breadcrumbs li:first-child span[itemprop=name] {
display: none;
}
.molecule-breadcrumbs li:first-child a {
float: left;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .molecule-breadcrumbs li:after {
color: #bdbdbd;
}
}
.molecule-categorylisting {
margin-left: 0px;
margin-right: 0px;
}
.molecule-categorylisting ul {
margin-top: 0;
}
.molecule-categorylisting li {
display: inline-block;
margin: 0 !important;
}
.molecule-contact {
padding-top: 48px;
padding-bottom: 48px;
text-align: center;
overflow: hidden;
word-break: break-all;
}
.molecule-contact .box {
padding: 12px;
margin-bottom: 24px;
}
.molecule-contact .box * {
color: #ffffff;
}
.molecule-contact .box .h6 {
margin: 0;
}
.molecule-contact .position {
color: #b1282e;
}
.molecule-contact figure {
-ms-transition: all 0.5s 0s ease-in-out;
-moz-transition: all 0.5s 0s ease-in-out;
-webkit-transition: all 0.5s 0s ease-in-out;
transition: all 0.5s 0s ease-in-out;
margin-bottom: 24px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 120px;
overflow: visible;
margin-left: auto;
margin-right: auto;
}
.molecule-contact figure img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
max-width: 113%;
height: auto;
margin-left: -7px;
display: inline;
transform: scale(1);
}
.molecule-contact .figure-rounded a:hover figure {
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
background: #d4d4d4;
}
.molecule-contact .contact-name-position {
margin-top: 12px;
margin-bottom: 12px;
line-height: 24px;
}
.molecule-contact .contact-name-position .h5 {
margin-bottom: 0;
color: #333333;
}
.molecule-contact .contact-name-position p {
margin-bottom: 12px;
}
.molecule-contact .contact-meta-data a:hover {
color: #333333;
text-decoration: underline;
}
.molecule-contact .maillink {
display: inline-block;
}
.molecule-contact .maillink i {
vertical-align: middle;
}
.molecule-contact .phonenumber {
display: block;
}
aside .molecule-contact {
margin-bottom: 24px;
}
aside .molecule-contact h3 {
margin-bottom: 12px;
}
.molecule-contact-detail {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.molecule-contact-detail.reverse {
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.molecule-contact-detail .button {
padding: 5px 15px;
font-size: 15px;
margin-top: 0px;
margin-bottom: 24px;
}
.molecule-contact-detail .button i:before {
color: #ffffff !important;
}
.molecule-contact-detail .button:hover i:before {
color: #b1282e !important;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-contact-detail .contact-detail {
padding: 24px;
}
.molecule-contact-detail .contact-image img {
width: 100%;
}
}
.molecule-contact-detail .contact-image {
width: 35%;
}
.molecule-contact-detail .contact-detail {
width: 60%;
padding: 24px;
}
.molecule-contact-detail .contact-detail .position {
margin-bottom: 0;
color: #b1282e;
}
.molecule-contact-detail .contact-detail .contact-data {
color: #353535;
}
.molecule-contact-detail .contact-detail .schwerpunkte {
margin-top: 24px;
margin-bottom: 24px;
}
.molecule-contact-detail .accordion {
margin-top: 24px;
}
.molecule-contact-detail .accordion .accordion-title {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 24px;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
text-decoration: none;
transition: 0.6s;
border-top: 1px solid rgba(177, 40, 46, 0.3);
border-bottom: 1px solid rgba(177, 40, 46, 0.3);
cursor: pointer;
display: block;
padding: 0 !important;
padding-bottom: 14px !important;
}
.molecule-contact-detail .accordion .accordion-title:before {
position: absolute;
top: 50%;
left: unset;
bottom: unset;
right: 20px;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-top: -11.25px;
}
.molecule-contact-detail .accordion .accordion-title:before {
width: 15px;
height: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
content: '';
display: block;
border-top: 4px solid #b1282e;
border-left: 4px solid #b1282e;
}
.molecule-contact-detail .accordion .accordion-title:before {
-o-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.molecule-contact-detail .accordion .accordion-title:hover,
.molecule-contact-detail .accordion .accordion-title.active {
background: #e58d91;
}
.molecule-contact-detail .accordion .accordion-title.active:before {
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.molecule-contact-detail .accordion .accordion-title:first-of-type {
border-top: none;
}
.molecule-contact-detail .accordion .accordion-title:hover,
.molecule-contact-detail .accordion .accordion-title.active {
background: rgba(70, 70, 70, 0);
}
.molecule-contact-detail .accordion .accordion-title:hover:before {
top: 25%;
}
.molecule-contact-detail .accordion .accordion-title.active:before {
top: 50%;
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.molecule-contact-detail .accordion .accordion-title span {
margin-top: 0px;
margin-bottom: 0px;
color: #333333;
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.molecule-contact-detail .accordion .accordion-title:before {
top: 35%;
border-color: #b1282e;
}
.molecule-contact-detail .accordion .accordion-content {
padding: 24px;
border-top: 2px solid rgba(13, 13, 14, 0);
border-left: 2px solid #b1282e;
border-bottom: 2px solid transparent;
border-right: 2px solid transparent;
background: rgba(255, 255, 255, 0.05);
}
.molecule-contact-detail .accordion .accordion-content :last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-contact-detail .contact-image,
.molecule-contact-detail .contact-detail {
width: 100%;
}
}
.molecule-cookiemessage .cookie-info-message {
position: fixed;
top: unset;
left: 0px;
bottom: 0px;
right: unset;
-o-shadow: 0 -1px 5px 6px rgba(13, 13, 14, 0.2);
-moz-box-shadow: 0 -1px 5px 6px rgba(13, 13, 14, 0.2);
-webkit-box-shadow: 0 -1px 5px 6px rgba(13, 13, 14, 0.2);
box-shadow: 0 -1px 5px 6px rgba(13, 13, 14, 0.2);
padding-top: 12px;
padding-bottom: 12px;
width: 100%;
display: none;
color: #ffffff;
background: #3a3a3a;
border-top: 1px solid #bdbdbd;
z-index: 500;
}
.molecule-cookiemessage .cookie-info-message.active {
display: block;
}
.molecule-cookiemessage .cookie-info-message .inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding-left: 24px;
padding-right: 24px;
}
.molecule-cookiemessage .cookie-info-message .inner .cookie-buttons {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 400px;
}
.molecule-cookiemessage .cookie-info-message .inner .cookie-buttons a {
display: block;
margin: 5px 0px !important;
flex-grow: 1;
padding: 5px 20px;
}
.molecule-cookiemessage .cookie-info-message .inner .cookie-buttons a span {
vertical-align: middle;
font-size: 12px !important;
line-height: 24px !important;
text-transform: uppercase;
}
.molecule-cookiemessage .cookie-info-message .inner p {
margin-right: 24px;
text-align: left;
width: calc(100% - 400px);
margin-bottom: 0px;
color: #ffffff;
font-size: 12px;
line-height: 20px;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-cookiemessage .cookie-info-message .inner p {
text-align: center;
margin-right: 0px;
margin-bottom: 10px;
}
}
.molecule-cookiemessage .cookie-info-message .inner a:not(.button) {
color: #ffffff;
text-decoration: underline !important;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-cookiemessage .cookie-info-message .inner {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.molecule-cookiemessage .cookie-info-message .inner p {
width: 100%;
}
.molecule-cookiemessage .cookie-info-message .inner .cookie-buttons {
width: 100%;
}
}
.molecule-cookiemessage .cookie-change-answer {
position: fixed;
top: unset;
left: 0px;
bottom: 0px;
right: unset;
width: 40px;
height: 40px;
display: none;
background: #b1282e;
transition: 0.6s;
padding: 0px !important;
border-top-right-radius: 5px !important;
z-index: 400;
cursor: pointer;
}
.molecule-cookiemessage .cookie-change-answer.active {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.molecule-cookiemessage .cookie-change-answer:hover {
background-color: #c62d33 !important;
}
.molecule-cookiemessage .cookie-change-answer svg * {
fill: #ffffff;
}
.molecule-cookiemessage #cookie-settings {
background: #fff;
border: 1px solid gray;
max-width: 350px;
max-height: 100vh;
height: 680px;
position: fixed;
overflow: scroll;
display: flex;
flex-direction: column;
justify-content: space-between;
margin: auto;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: 0.3s;
opacity: 0;
z-index: -999999;
}
.molecule-cookiemessage #cookie-settings.active {
opacity: 1;
z-index: 10000;
}
.molecule-cookiemessage #cookie-settings .inner {
padding: 25px;
padding-bottom: 0;
display: flex;
flex-direction: column;
}
.molecule-cookiemessage #cookie-settings .inner #close {
text-align: right;
width: 100%;
font-size: 2em;
cursor: pointer;
z-index: 2;
}
.molecule-cookiemessage #cookie-settings .inner h2 {
margin: 0px !important;
line-height: 1.5em !important;
text-transform: none;
font-size: 18px !important;
color: #b1282e !important;
margin-bottom: 14px !important;
margin-top: -25px !important;
z-index: 1;
}
.molecule-cookiemessage #cookie-settings .inner h2:after {
content: '';
}
.molecule-cookiemessage #cookie-settings .inner p {
line-height: 22px;
font-size: 11px !important;
}
.molecule-cookiemessage #cookie-settings .row {
border-bottom: 1px solid #ececec;
padding: 10px 25px;
}
.molecule-cookiemessage #cookie-settings .row .settings-tab {
color: #b1282e;
font-size: 14px;
line-height: 14px;
letter-spacing: 1px;
font-weight: bold;
font-family: 'industry', sans-serif;
}
.molecule-cookiemessage #cookie-settings .row .option {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.molecule-cookiemessage #cookie-settings .row label,
.molecule-cookiemessage #cookie-settings .row .icon {
font-size: 11px !important;
cursor: pointer;
}
.molecule-cookiemessage #cookie-settings .row .cookie-dropdown-title {
font-weight: bold;
}
.molecule-cookiemessage #cookie-settings .row .cookie-dropdown-title:not(.select-all-cookies) {
margin-top: 15px;
}
.molecule-cookiemessage #cookie-settings .row .cookie-dropdown-title input {
cursor: pointer;
}
.molecule-cookiemessage #cookie-settings .row .dropdown-content {
padding-left: 15px;
}
.molecule-cookiemessage #cookie-settings .row .dropdown-content.disabled {
opacity: 0.4;
pointer-events: none;
}
.molecule-cookiemessage #cookie-settings .row .dropdown-content input {
cursor: pointer;
}
.molecule-cookiemessage #cookie-settings .cookie-savearea {
border-bottom: none;
padding-top: 25px;
padding-bottom: 25px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.molecule-cookiemessage #cookie-settings .cookie-savearea .button {
margin: 2px 0px;
padding: 5px 20px;
}
.molecule-cookiemessage #cookie-settings .cookie-savearea .button span {
font-size: 12px;
line-height: 24px;
}
.molecule-cookiemessage #cookie-settings .icon-space {
width: 20px;
color: gray;
font-size: 13px;
line-height: 12px;
margin-bottom: 0;
}
.molecule-cookiemessage #cookie-settings .icon-space::after {
content: '▸';
margin-right: 3px;
}
.molecule-cookiemessage #cookie-settings .icon-space.active::after {
content: '▾' !important;
}
.molecule-cookiemessage #cookie-overlay {
background: #484747b0;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: fixed;
}
.molecule-cookiemessage #cookie-overlay:not(.hidden) {
z-index: 9999;
}
.molecule-downloadlink {
padding: 24px;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
display: block;
transition: 0.6s;
text-decoration: none;
display: flex;
align-items: center;
color: #333333;
}
.molecule-downloadlink:before {
position: absolute;
top: 50%;
left: unset;
bottom: unset;
right: 20px;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-top: -4.5px;
}
.molecule-downloadlink:before {
width: 6px;
height: 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
content: '';
display: block;
border-top: 1px solid #333333;
border-left: 1px solid #333333;
}
.molecule-downloadlink:before {
-o-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.molecule-downloadlink:hover,
.molecule-downloadlink.active {
background: #e58d91;
}
.molecule-downloadlink:hover:before,
.molecule-downloadlink.active:before {
-o-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.molecule-downloadlink:hover {
color: #333333;
background: rgba(177, 40, 46, 0.3) !important;
}
.molecule-downloadlink h3,
.molecule-downloadlink h4,
.molecule-downloadlink h5 {
line-height: 24px;
}
.molecule-downloadlink h3,
.molecule-downloadlink h4,
.molecule-downloadlink h5,
.molecule-downloadlink h6,
.molecule-downloadlink p {
margin-bottom: 0;
}
.molecule-downloadlink .im {
margin-right: 12px;
font-size: 19px;
}
.molecule-downloadlink .im,
.molecule-downloadlink .download-desc {
display: inline-block;
vertical-align: top;
}
.molecule-downloadlink .download-desc {
max-width: calc(100% - 70px);
}
aside .molecule-downloadlink {
padding: 12px;
}
aside .molecule-downloadlink h3,
aside .molecule-downloadlink h4,
aside .molecule-downloadlink h5 {
font-size: 15px;
line-height: 22px;
}
aside .molecule-downloadlink .download-desc {
max-width: calc(100% - 60px);
}
aside .molecule-downloadlink:before {
right: 14px;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .molecule-downloadlink:hover {
background-color: rgba(13, 13, 14, 0.1) !important;
}
}
.molecule-eventsdetail [class*="organism-"] {
padding-left: 0px;
padding-right: 0px;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-eventsdetail > *:not(.molecule-figure) {
padding-left: 24px;
padding-right: 24px;
}
}
.molecule-eventsdetail h1,
.molecule-eventsdetail .molecule-mobilenav a {
margin-bottom: 24px;
}
.molecule-eventsdetail .event-meta {
margin-bottom: 12px;
}
.molecule-eventsdetail.box {
padding: 24px;
}
.molecule-eventsdetail .teaser {
margin-top: 24px;
margin-bottom: 24px;
}
.molecule-eventslistentry {
position: relative;
}
.molecule-eventslistentry.box {
padding: 24px;
}
.molecule-eventslistentry.calendar {
padding-left: 84px;
padding-right: 48px;
}
.molecule-eventslistentry:not(:last-child) {
margin-bottom: 24px;
}
.molecule-eventslistentry p,
.molecule-eventslistentry h2,
.molecule-eventslistentry h3,
.molecule-eventslistentry h4,
.molecule-eventslistentry h5 {
margin: 0;
}
.molecule-eventslistentry .teasertext {
margin-top: 12px;
margin-bottom: 12px;
}
.molecule-eventslistentry .molecule-categorylisting.list-flat {
margin: 0px;
margin-bottom: 24px;
}
.molecule-eventslistentry .calendar-item {
width: 36px;
height: 36px;
position: absolute;
top: 35px;
left: 20px;
bottom: unset;
right: unset;
margin-bottom: 24px;
display: block;
background: #ffffff;
border: 1px solid #d4d4d4;
text-align: center;
}
.molecule-eventslistentry .calendar-item:before,
.molecule-eventslistentry .calendar-item:after {
width: 2px;
height: 2px;
position: absolute;
top: 1px;
left: unset;
bottom: unset;
right: unset;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: '';
display: block;
background: #ffffff;
z-index: 300;
}
.molecule-eventslistentry .calendar-item:before {
left: 6px;
}
.molecule-eventslistentry .calendar-item:after {
right: 6px;
}
.molecule-eventslistentry .calendar-item :first-child {
display: block;
margin-bottom: 24px;
margin-top: 24px;
letter-spacing: 1px;
font-size: 22px;
line-height: 26px;
font-weight: 700;
color: #464646;
text-transform: uppercase;
margin: 5px 0px;
}
.molecule-eventslistentry .calendar-item :first-child:before {
position: absolute;
top: -1px;
left: -1px;
bottom: unset;
right: unset;
width: calc(100% + 2px);
height: 6px;
content: '';
display: block;
background: #0d0d0e;
}
.molecule-eventslistentry .calendar-item :last-child {
position: absolute;
top: unset;
left: 0;
bottom: -22px;
right: unset;
font-size: 11px;
width: 100%;
display: block;
}
aside .molecule-eventslistentry {
margin-bottom: 24px;
list-style-type: none;
background: #f7f7f7;
}
aside .molecule-categorylisting.list-flat {
margin: 0px;
margin-bottom: 24px;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .molecule-eventslistentry {
border-color: #383838 !important;
}
.darkmode .molecule-eventslistentry .calendar-item {
border-color: #4a4a4a !important;
background-color: #4a4a4a !important;
}
}
.molecule-eventslistentrystartpage {
margin-bottom: 12px;
padding-left: 84px;
position: relative;
}
.molecule-eventslistentrystartpage p:last-of-type {
margin-bottom: 12px;
}
.molecule-eventslistentrystartpage h2,
.molecule-eventslistentrystartpage h3,
.molecule-eventslistentrystartpage h4,
.molecule-eventslistentrystartpage h5 {
margin-bottom: 0;
}
.molecule-eventslistentrystartpage .events-meta {
margin-bottom: 12px;
}
.molecule-eventslistentrystartpage a {
text-decoration: none;
}
.molecule-eventslistentrystartpage a:hover {
text-decoration: none;
}
.molecule-eventslistentrystartpage a:hover h2,
.molecule-eventslistentrystartpage a:hover h3,
.molecule-eventslistentrystartpage a:hover h4,
.molecule-eventslistentrystartpage a:hover h5 {
color: #bdbdbd;
}
.molecule-figure.figure-rounded {
width: 150px;
height: 150px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
-ms-transition: all 0.5s 0s ease-in-out;
-moz-transition: all 0.5s 0s ease-in-out;
-webkit-transition: all 0.5s 0s ease-in-out;
transition: all 0.5s 0s ease-in-out;
display: inline-block;
position: relative;
background: #0d0d0e;
overflow: hidden;
}
.molecule-figure a,
.molecule-figure picture {
display: flex;
height: 100%;
}
.pswp {
z-index: 500;
}
.fancybox-container strong {
font-size: 17px;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .molecule-figure img {
border-color: #131313 !important;
}
}
.molecule-footernav .list-flat {
line-height: 35px;
}
.molecule-joboffersdetail [class*="organism-"] {
padding-left: 0px;
padding-right: 0px;
}
.molecule-joboffersdetail .jobdetail-intro .subtitle {
margin-bottom: -20px;
}
.molecule-joboffersdetail .jobdetail-intro h1,
.molecule-joboffersdetail .jobdetail-intro .molecule-mobilenav a {
margin-bottom: 48px;
}
.molecule-jobofferslink {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding: 24px !important;
background: rgba(13, 13, 14, 0.1);
}
.molecule-jobofferslink h2 {
margin-top: 0;
}
.molecule-jobofferslink i {
margin: 12px;
font-size: 27px !important;
}
.molecule-jobofferslink:hover .item-arrow {
background: #464646;
}
.molecule-jobofferslink:hover .item-arrow:before {
border-color: #ffffff;
}
.molecule-jobofferslink .item-arrow {
width: 400px;
height: 55px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
padding: 0;
display: inline-block;
position: relative;
margin-left: 7%;
border: 2px solid #464646;
transition: 0.6s;
}
.molecule-jobofferslink .item-arrow:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 10px;
height: 10px;
margin: auto auto;
left: -2px;
border-top: 2px solid #464646;
border-left: 2px solid #464646;
-o-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.molecule-jobofferslink .job-image {
margin-right: 24px;
}
aside .molecule-jobofferslink .download-desc {
max-width: calc(100% - 60px);
}
aside .molecule-jobofferslink:before {
right: 14px;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
.molecule-languageswitcher {
height: 25px;
}
.molecule-languageswitcher a {
width: 25px;
height: 25px;
display: inline-block;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
/*@media @mobile, @tablet {
.size(20px);
&:not(:first-child) {
margin-left: 10px;
}
svg {
.size(20px);
}
}*/
}
.molecule-languageswitcher a:hover svg {
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.molecule-languageswitcher a:not(:first-child) {
margin-left: 20px;
}
.molecule-languageswitcher a svg {
width: 25px;
height: 25px;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.molecule-mainnav,
.molecule-mainnavright {
height: 100%;
text-transform: uppercase;
flex: 1 1 0;
-ms-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-mainnav,
.molecule-mainnavright {
display: none !important;
}
}
.molecule-mainnav ul,
.molecule-mainnavright ul {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-content: center;
-webkit-align-content: center;
align-content: center;
text-align: center;
margin-left: 0;
padding: 15px 0px;
}
.molecule-mainnav ul li,
.molecule-mainnavright ul li {
display: inline-block;
margin: 0;
}
.molecule-mainnav ul li:last-child,
.molecule-mainnavright ul li:last-child {
margin-right: 0;
}
.molecule-mainnav ul li ul li,
.molecule-mainnavright ul li ul li {
transition: 0.3s;
}
.molecule-mainnav a,
.molecule-mainnavright a {
text-decoration: none;
padding: 8px 1.1vw;
display: block;
color: #d7d7d7;
font-size: 16px;
line-height: 25px;
font-weight: 700;
font-family: 'industry', sans-serif;
letter-spacing: 2px;
position: relative;
}
@media only screen and (min-width: 1700px) {
.molecule-mainnav a,
.molecule-mainnavright a {
padding: 24px;
padding-top: 12px;
padding-bottom: 12px;
}
}
.molecule-mainnav a:hover,
.molecule-mainnavright a:hover,
.molecule-mainnav a.active,
.molecule-mainnavright a.active {
color: #333333;
}
.molecule-mainnav i,
.molecule-mainnavright i {
font-size: 17px;
vertical-align: -3px;
display: inline-block;
}
.molecule-mainnav [data-level="0"] > .hassubnav:after,
.molecule-mainnavright [data-level="0"] > .hassubnav:after {
margin-left: -12px;
position: absolute;
top: unset;
left: 50%;
bottom: -8px;
right: unset;
width: 16px;
height: 16px;
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-top: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
border-bottom: 1px solid transparent;
border-right: 1px solid transparent;
content: '';
display: none;
background: #ffffff;
z-index: 401;
}
.molecule-mainnav [data-level="0"] > .hassubnav:hover:after,
.molecule-mainnavright [data-level="0"] > .hassubnav:hover:after {
display: block;
}
.molecule-mainnav .hassubnav,
.molecule-mainnavright .hassubnav {
position: relative;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.molecule-mainnav .hassubnav ul,
.molecule-mainnavright .hassubnav ul {
overflow: hidden;
margin-top: 10px;
}
.molecule-mainnav .hassubnav li,
.molecule-mainnavright .hassubnav li {
padding: 5px 0px !important;
}
.molecule-mainnav .hassubnav a,
.molecule-mainnavright .hassubnav a {
display: inline;
}
.molecule-mainnav .hassubnav:after,
.molecule-mainnavright .hassubnav:after {
top: 28px;
}
}
.molecule-mainnav .hassubnav > [data-level],
.molecule-mainnavright .hassubnav > [data-level] {
position: absolute;
top: unset;
left: 0;
bottom: unset;
right: unset;
width: auto;
height: auto;
display: none;
border: 1px solid #d4d4d4;
text-align: left;
z-index: 400;
}
.molecule-mainnav .hassubnav > [data-level] li,
.molecule-mainnavright .hassubnav > [data-level] li {
display: block;
}
.molecule-mainnav .hassubnav > [data-level] a,
.molecule-mainnavright .hassubnav > [data-level] a {
padding: 5px 25px;
text-align: left;
}
.molecule-mainnav .hassubnav:hover > [data-level],
.molecule-mainnavright .hassubnav:hover > [data-level] {
display: block;
background: #ffffff;
}
.molecule-mainnav .hassubnav [data-level="2"],
.molecule-mainnavright .hassubnav [data-level="2"] {
position: absolute;
top: -1px;
left: 100%;
bottom: unset;
right: initial;
z-index: 300;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .molecule-mainnav .hassubnav:after {
background-color: #0d0d0e !important;
border-color: #0d0d0e !important;
}
.darkmode .molecule-mainnav .hassubnav > [data-level] {
border-color: #0d0d0e !important;
}
}
.molecule-mainnavright ul[data-level="0"] {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.molecule-mainnavright ul[data-level="0"] > li:last-child > a {
color: #b1282e;
margin: 10px 0px;
padding: 0px 20px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: 2px solid #b1282e;
display: inline-block;
}
.molecule-mainnavright ul[data-level="0"] > li:last-child > a:hover {
background: #b1282e;
color: #ffffff;
}
.molecule-message .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.molecule-message .inner:before {
content: '';
width: 100%;
}
.molecule-message .message.line {
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px), only screen and (min-width: 1700px) {
#mobilenav.active + header .atom-logo {
bottom: 6px;
transform: scale(0.5) translateY(80px);
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px), only screen and (min-width: 1700px) {
#mobilenav.active + header.klein .atom-logo {
transform: scale(0.4) translateY(160px);
}
}
.molecule-mobilenav {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-o-transform: translateY(100%);
-ms-transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
-ms-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
opacity: 0;
z-index: 501;
margin-top: 170px;
padding-bottom: 140px;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-mobilenav {
margin-top: 130px;
box-sizing: border-box;
margin-top: 0px;
padding-top: 130px;
padding-bottom: 0px;
}
}
.molecule-mobilenav .logo svg * {
fill: #ffffff;
}
.molecule-mobilenav ul {
margin-left: 0 !important;
}
.molecule-mobilenav .mobilenav-header {
height: 96px;
}
.molecule-mobilenav .mobilenav-header .container {
position: relative;
z-index: 501;
height: 96px;
}
.molecule-mobilenav #mobilenav-close {
position: absolute;
top: 50%;
left: unset;
bottom: unset;
right: 30px;
color: #0d0d0e;
opacity: 1;
margin-top: -12px;
cursor: pointer;
}
.molecule-mobilenav #mobilenav-close:hover {
opacity: .8;
}
.molecule-mobilenav #mobilenav-close i {
font-size: 19px !important;
}
.molecule-mobilenav.active {
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
z-index: 501;
}
.molecule-mobilenav .mobilenav-slider {
width: 100%;
height: 100%;
overflow: hidden;
background: rgba(70, 70, 70, 0.95);
}
.molecule-mobilenav .mobilenav-slider-inner {
-ms-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
height: 100%;
overflow-y: scroll;
}
.molecule-mobilenav .mobilenav-slide {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%;
align-items: center;
float: left;
width: 100%;
text-align: center;
overflow-y: scroll;
}
.molecule-mobilenav .mobilenav-slide ul {
width: 100%;
padding: 0 !important;
}
.molecule-mobilenav .mobilenav-slide a {
transition: 0.6s;
color: #ffffff;
font-size: 17px;
line-height: 19px;
}
.molecule-mobilenav .mobilenav-slide a:hover {
background: #3e3e3e;
}
.molecule-mobilenav .languageswitcher {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.molecule-mobilenav .languageswitcher a {
float: left;
}
.molecule-mobilenav .languageswitcher a svg {
width: 25px;
height: 25px;
float: left;
}
.molecule-mobilenav .languages {
margin: 0;
padding: 0;
background: #606060;
border: 1px solid #606060;
transition: 0.6s;
}
.molecule-mobilenav .languages a {
color: #ffffff;
text-align: center;
}
.molecule-mobilenav .languages:hover {
background: #535353;
}
.molecule-mobilenav a {
margin: 0;
padding: 5px;
padding-top: 12px;
padding-bottom: 12px;
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-break: break-word;
display: block;
text-transform: uppercase;
font-size: 19px;
line-height: 31px;
}
/**********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .molecule-mobilenav {
background-color: #0d0d0e;
}
.darkmode .molecule-mobilenav a {
color: #ffffff !important;
}
.darkmode .molecule-mobilenav #mobilenav-close {
color: #ffffff;
}
.darkmode .molecule-mobilenav .mobilenav-slide a:hover {
background-color: #2d2d2d;
}
.darkmode .molecule-mobilenav .languages {
border-color: #0b0203;
background-color: #0b0203;
}
.darkmode .molecule-mobilenav .languages:hover {
background-color: #340c0e;
}
}
.molecule-newsdetail {
margin-top: 48px;
}
.molecule-newsdetail [class*="organism-"] {
padding-left: 0px;
padding-right: 0px;
}
.molecule-newsdetail .teaser {
margin-top: 24px;
}
.molecule-newsdetail .teaser p {
margin: 0;
}
.molecule-newsdetail.box {
padding: 24px;
}
.molecule-newsdetail h1,
.molecule-newsdetail .molecule-mobilenav a {
margin-bottom: 24px;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-newsdetail {
padding-right: 18px !important;
padding-left: 18px !important;
}
.molecule-newsdetail .organism-htmlcontent {
padding: 0 !important;
}
}
.molecule-newsdetail .organism-htmlcontent {
float: none !important;
}
.molecule-newsdetail .organism-htmlcontent .inner {
margin: 0 !important;
}
.molecule-newslistentry {
padding-bottom: 24px !important;
margin-top: 24px;
overflow: hidden;
}
.molecule-newslistentry:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.molecule-newslistentry:first-child {
margin-top: 0;
}
.molecule-newslistentry.box.border .teaserimage {
padding: 24px;
padding-bottom: 0px;
}
.molecule-newslistentry.box .box-content {
padding: 24px;
padding-top: 0px;
}
.molecule-newslistentry .image-responsive-container {
border: 1px solid rgba(177, 40, 46, 0.3);
}
.molecule-newslistentry figure {
margin-bottom: 24px !important;
overflow: hidden;
}
.molecule-newslistentry figure img {
width: 100%;
transition: 1s;
}
.molecule-newslistentry a {
text-decoration: none;
}
.molecule-newslistentry a figcaption {
color: #333333;
background: #ffffff;
transition: 1s;
}
.molecule-newslistentry a:hover {
text-decoration: none;
}
.molecule-newslistentry a:hover h2,
.molecule-newslistentry a:hover h3,
.molecule-newslistentry a:hover h4,
.molecule-newslistentry a:hover h5 {
color: #bdbdbd;
}
.molecule-newslistentry a:hover img {
transform: scale(1.1);
}
.molecule-newslistentry .atom-metadata {
margin-bottom: 24px;
float: left;
}
@media only screen and (max-width: 529px) {
.molecule-newslistentry .atom-metadata {
float: unset;
}
}
.molecule-newslistentry .atom-metadata i {
vertical-align: middle;
}
.molecule-newslistentry p,
.molecule-newslistentry ul,
.molecule-newslistentry li,
.molecule-newslistentry blockquote,
.molecule-newslistentry hr {
margin-bottom: 24px;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .molecule-newslistentry {
border-color: #383838 !important;
}
.darkmode .molecule-newslistentry a figcaption {
color: #ffffff !important;
background-color: #131313 !important;
}
.darkmode .molecule-newslistentry .readmore {
color: #e6e7e7 !important;
}
.darkmode .molecule-newslistentry .readmore:hover {
color: #ffffff !important;
}
}
.molecule-nojsmessage .message {
display: block;
position: relative;
height: auto;
}
.molecule-nojsmessage p {
margin-bottom: 0;
}
.molecule-outdatedbrowsermessage #outdated {
position: fixed;
top: 0;
left: 0;
bottom: unset;
right: unset;
width: 100%;
display: none;
background-color: #c94242;
color: #ffffff;
text-transform: uppercase;
text-align: center;
z-index: 500;
}
.molecule-outdatedbrowsermessage #outdated h6 {
font-size: 32px;
margin: 30px 0 10px;
}
.molecule-outdatedbrowsermessage #outdated p {
font-size: 15px;
}
.molecule-outdatedbrowsermessage #outdated #btnUpdateBrowser {
padding: 24px;
padding-top: 12px;
padding-bottom: 12px;
display: block;
position: relative;
margin: 30px auto 0;
color: #ffffff;
text-decoration: none;
border: 2px solid #ffffff;
cursor: pointer;
transition: 1s;
width: 300px;
}
.molecule-outdatedbrowsermessage #outdated #btnUpdateBrowser:hover {
color: #c94242 !important;
background-color: #ffffff;
}
.molecule-outdatedbrowsermessage #outdated .last {
position: absolute;
top: 10px;
left: unset;
bottom: unset;
right: 25px;
width: 20px;
height: 20px;
}
.molecule-outdatedbrowsermessage #outdated .last[dir='rtl'] {
right: auto !important;
left: 25px !important;
}
.molecule-outdatedbrowsermessage #outdated #btnCloseUpdateBrowser {
width: 100%;
height: 100%;
display: block;
position: relative;
text-decoration: none;
color: #ffffff;
font-size: 34px;
line-height: 56px;
}
/*********************************************************************************************
* LETI LOADER
**********************************************************************************************/
.molecules-pagepreloader {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
z-index: 500;
transition: 1.2s;
background: #ffffff !important;
}
.molecules-pagepreloader.hidden {
opacity: 0;
z-index: -999 !important;
}
.leti-loader {
position: relative;
}
.leti-loader:before {
content: "";
position: absolute;
top: unset;
left: unset;
bottom: unset;
right: unset;
background-color: #ffffff;
opacity: 1;
-webkit-animation: leti-loader-fadein 0.15s linear;
-o-animation: leti-loader-fadein 0.15s linear;
-moz-animation: leti-loader-fadein 0.15s linear;
animation: leti-loader-fadein 0.15s linear;
z-index: 500;
}
.leti-loader:after {
position: absolute;
top: 50%;
left: 50%;
bottom: unset;
right: unset;
content: "";
width: 30px;
height: 30px;
margin: -17px 0 0 -17px;
-ms-transition: all 0.75s ease 0s;
-moz-transition: all 0.75s ease 0s;
-webkit-transition: all 0.75s ease 0s;
transition: all 0.75s ease 0s;
-webkit-animation: standard 1s infinite linear;
-o-animation: standard 1s infinite linear;
-moz-animation: standard 1s infinite linear;
animation: standard 1s infinite linear;
-moz-transform-origin: center;
-o-transform-origin: center;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border-right: 3px solid #d4d4d4;
border-left: 3px solid #d4d4d4;
border-top: 3px solid #b1282e;
border-bottom: 3px solid #b1282e;
z-index: 500;
}
.leti-loader.no-overlay:before {
content: none;
display: none;
}
.leti-loader.mini:after {
width: 16px;
height: 16px;
margin: -11px 0 0 -11px;
}
.leti-loader.stick-top:after {
top: 0px;
margin-top: 0px;
}
.leti-loader.stick-left:after {
left: 0px;
margin-left: 0px;
}
/*********************************************************************************************
* ANIMATIONS
**********************************************************************************************/
@-webkit-keyframes standard {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes standard {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes leti-loader-fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes leti-loader-fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .molecules-pagepreloader {
background: #131313 !important;
}
.darkmode .leti-loader:before {
background: #340c0e !important;
}
}
.molecule-pagination {
margin: 24px 0;
margin-top: 96px;
}
.molecule-pagination ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.molecule-pagination.centered ul {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.molecule-pagination em,
.molecule-pagination a {
padding: 8px;
padding-right: 12px;
padding-left: 12px;
display: inline-block;
font-style: normal;
white-space: nowrap;
border: 1px solid transparent;
margin-right: 2px;
}
.molecule-pagination a {
text-decoration: none;
color: #0d0d0e;
border: 1px solid #d4d4d4;
background: #ffffff;
}
.molecule-pagination a:hover {
color: rgba(13, 13, 14, 0.5);
}
.molecule-pagination em,
.molecule-pagination li.active a {
background: #ffffff;
cursor: default;
background: #b1282e;
color: #ffffff;
}
.molecule-pagination.upper {
font-size: 15px;
}
#scrolltotop {
position: absolute;
top: unset;
left: unset;
bottom: -20px;
right: 20px;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
width: 40px;
height: 40px;
-ms-transition: all ease-in-out 0.1s;
-moz-transition: all ease-in-out 0.1s;
-webkit-transition: all ease-in-out 0.1s;
transition: all ease-in-out 0.1s;
background: #d7d7d7;
display: block;
text-align: center;
}
#scrolltotop:hover {
transform: translateY(-5px) scale(1.1);
background: #a4a4a4;
}
#scrolltotop:before {
position: absolute;
top: 50%;
left: 50%;
bottom: unset;
right: unset;
-o-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
-webkit-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
width: 40%;
height: 40%;
content: '';
display: block;
border-top: 4px solid #ffffff;
border-left: 4px solid #ffffff;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode #scrolltotop {
background-color: #340c0e !important;
}
}
.molecule-searchbox input[type="text"],
.molecule-searchbox input[type="email"],
.molecule-searchbox input[type="search"],
.molecule-searchbox textarea {
color: #1a1a1a;
}
.molecule-searchbox #search-form {
display: inline;
float: left;
width: 65.3%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 17.36%;
}
.molecule-searchbox #search-form:before {
content: '';
width: 100%;
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-searchbox #search-form {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 0.6899999999999999%;
}
.molecule-searchbox #search-form:before {
content: '';
width: 100%;
}
}
.molecule-searchbox #search-form i {
display: none;
}
.molecule-sidebarbox {
padding-left: 24px;
padding-right: 24px;
}
.molecule-sidebarbox h1,
.molecule-sidebarbox h2,
.molecule-sidebarbox h3,
.molecule-sidebarbox h4,
.molecule-sidebarbox h5,
.molecule-sidebarbox h6,
.molecule-sidebarbox .h1,
.molecule-sidebarbox .h2,
.molecule-sidebarbox .h3,
.molecule-sidebarbox .h4,
.molecule-sidebarbox .h5,
.molecule-sidebarbox .h6,
.molecule-sidebarbox .molecule-mobilenav a {
margin-top: 0;
}
.molecule-sidebarbox.config-style-pen {
position: relative;
}
.molecule-sidebarbox.config-style-pen:before {
position: absolute;
top: -20px;
left: unset;
bottom: unset;
right: -20px;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: url('../../frontend/style/default/assets/img/svg/icon-pencil.svg');
display: block;
border: 1px solid #0d0d0e;
background: #ffffff;
text-align: center;
}
.molecule-sidebartableofcontents {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-bottom: 24px;
}
.molecule-sidebartableofcontents:before {
content: '';
width: 100%;
}
.molecule-sidebartableofcontents ul {
margin-bottom: 0;
}
.molecule-sidebartableofcontents li {
display: inline-block;
margin-bottom: 4px;
}
.molecule-sidebartableofcontents .button.dark.active {
background: #0d0d0e;
}
.molecule-slider .slider-hero {
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.molecule-slider .slider-hero {
width: 100%;
max-width: 100%;
background: rgba(13, 13, 14, 0.45);
padding-left: 0px !important;
padding-right: 0px !important;
left: unset;
}
}
.molecule-slider .owl-controls {
display: none;
margin-top: 0px;
}
.molecule-slider .owl-controls .owl-pagination .owl-page span {
width: 10px !important;
height: 10px !important;
}
.molecule-slider .owl-controls .owl-buttons div {
position: absolute;
top: 50%;
left: unset;
bottom: unset;
right: unset;
width: 24px;
height: 24px;
margin: 0;
padding: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border-top: 8px solid rgba(229, 141, 145, 0.8);
border-left: 8px solid rgba(229, 141, 145, 0.8);
border-bottom: 8px solid transparent;
border-right: 8px solid transparent;
background: transparent;
zoom: 0;
display: block;
opacity: .75;
}
.molecule-slider .owl-controls .owl-buttons div.owl-prev {
left: 24px;
transform: translateY(-80%) rotate(-45deg);
}
.molecule-slider .owl-controls .owl-buttons div.owl-next {
right: 24px;
transform: translateY(-80%) rotate(135deg);
}
.molecule-slider .owl-controls .owl-page.active span {
background: #b1282e;
}
.owl-theme .owl-controls .owl-page span {
width: 32px !important;
height: 2px !important;
}
@media only screen and (max-width: 529px) {
.molecule-slider .owl-controls .owl-buttons.owl-prev {
left: 12px;
}
.molecule-slider .owl-controls .owl-buttons.owl-next {
right: 12px;
}
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .molecule-slider {
background: #303030 !important;
}
}
.molecule-stage {
position: relative;
width: 100%;
overflow: hidden;
z-index: 200;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-stage .stage-hero {
padding: 12px;
position: inherit;
width: 100% !important;
padding: 0px !important;
}
}
.molecule-stage .stage-hero .container {
padding-left: 0px !important;
padding-right: 0px !important;
}
.molecule-stage .stage-hero-aligner {
margin: auto;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-stage .stage-hero-aligner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
margin: 0px;
width: 100%;
}
}
.molecule-directoryentry > a {
padding-left: 72px;
display: block;
position: relative;
min-height: 40px;
text-decoration: none;
}
.molecule-directoryentry > a .counter {
position: absolute;
top: -1px;
left: -1px;
bottom: unset;
right: unset;
width: 42px;
height: 42px;
text-align: center;
padding: 0;
}
.molecule-directoryentry > a h3,
.molecule-directoryentry > a h4,
.molecule-directoryentry > a h5,
.molecule-directoryentry > a h6 {
padding-right: 48px;
margin-bottom: 0;
}
.molecule-directoryentry > a i {
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
left: unset;
bottom: unset;
right: 15px;
}
.molecule-directoryentry > ol {
padding-top: 24px;
padding-bottom: 24px;
padding-left: 72px;
border-top: 1px solid #d4d4d4;
}
.molecule-directoryentry > ol:before,
.molecule-directoryentry > ol:after {
content: "";
display: table;
}
.molecule-directoryentry > ol:after {
clear: both;
}
.molecule-directoryentry > ol:after {
content: "";
display: table;
clear: both;
}
.molecule-directoryentry > ol li {
margin-bottom: 6px;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.molecule-directoryentry > ol li:last-child {
margin-bottom: 0 !important;
}
.molecule-directoryentry > ol li i {
margin-left: 12px;
}
.molecule-directoryentry > ol a {
display: block;
text-decoration: none;
}
.molecule-directoryentry > ol a:hover .counter {
margin-right: 24px;
}
.molecule-directoryentry > ol .counter {
margin-right: 12px;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .molecule-directoryentry .primary {
background-color: #8b8b8b !important;
}
.darkmode .molecule-directoryentry > ol {
border-top: 5px solid #131313 !important;
}
}
.molecule-teaserbox {
width: 100%;
height: auto;
display: block;
position: relative;
transition: 0.6s;
word-break: break-word;
box-sizing: border-box;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-teaserbox {
width: 100% !important;
margin-bottom: 24px !important;
}
}
.molecule-teaserbox.no-button {
padding-bottom: 0px;
}
.molecule-teaserbox.no-button a {
padding-bottom: 48px;
}
.molecule-teaserbox.no-image {
transition: 2.4s;
}
.molecule-teaserbox.no-image a {
padding-top: 48px;
}
.molecule-teaserbox.no-image.no-button h3 {
margin-bottom: 0;
}
.molecule-teaserbox.no-image.no-button a {
padding-top: 24px;
padding-bottom: 24px;
}
.molecule-teaserbox.center-text {
text-align: center;
}
.molecule-teaserbox.center-text .teaserbox-text {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.molecule-teaserbox.no-space {
margin: 0 !important;
padding: 0 !important;
}
.molecule-teaserbox.no-space.config-col-3 {
width: calc(33.33333333%) !important;
}
@media only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px) {
.molecule-teaserbox.no-space.config-col-3 {
width: 50% !important;
}
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-teaserbox.no-space.config-col-3 {
width: 100% !important;
}
}
.molecule-teaserbox.item:first-child {
margin-left: 0 !important;
}
.molecule-teaserbox.item:last-child {
margin-right: 0 !important;
}
.molecule-teaserbox.border {
padding: 24px;
}
.molecule-teaserbox .button {
transition: 1s;
margin-top: 24px;
}
.molecule-teaserbox .svg {
width: 150px;
margin-bottom: -2px;
}
.molecule-teaserbox h3 {
display: block;
width: 100%;
margin-top: 0px;
}
.molecule-teaserbox h3 .h1 {
font-family: 'Inter', sans-serif;
font-weight: 400;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.molecule-teaserbox a {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
height: 100%;
text-decoration: none;
}
.molecule-teaserbox a .teaserbox-text {
color: #333333;
flex-grow: 1;
}
.molecule-teaserbox a > div {
width: 100%;
}
.molecule-teaserbox .button-holder {
text-align: center;
padding: 24px;
padding-top: 0px;
background: #ffffff;
}
.molecule-teaserbox .teaserbox-image {
-ms-flex-self: flex-start;
-webkit-align-self: flex-start;
align-self: flex-start;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(#ffffff, #000000);
}
.molecule-teaserbox .teaserbox-image figure {
transition: 1s;
margin: 0;
}
.molecule-teaserbox .teaserbox-image figure img {
width: 100%;
}
.molecule-teaserbox .teaserbox-image .teaserbox-image-placeholder {
background-color: #b1282e;
width: 100%;
height: 0;
position: relative;
padding-bottom: 56.5%;
color: #ffffff;
transition: 1s;
}
.molecule-teaserbox .teaserbox-image .teaserbox-image-placeholder.bg-primary {
background: #535353 !important;
}
.molecule-teaserbox .teaserbox-image .teaserbox-image-placeholder.bg-secondary {
background: #c62d33 !important;
}
.molecule-teaserbox .teaserbox-image .teaserbox-image-placeholder.bg-tertiary {
background: #e4e4e4 !important;
}
.molecule-teaserbox .teaserbox-image .teaserbox-image-placeholder i {
position: absolute;
top: 50%;
left: 50%;
bottom: unset;
right: unset;
margin-top: -10px;
margin-bottom: -10px;
margin-left: auto;
margin-right: auto;
font-size: 17px !important;
}
.molecule-teaserbox:hover {
-o-transform: scale(1.01);
-moz-transform: scale(1.01);
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01);
}
.molecule-teaserbox .atom-metadata {
width: 100%;
}
.molecule-teaserbox .atom-button {
margin-top: 0px;
}
.molecule-teaserbox .teaserbox-text {
width: 100%;
margin: auto;
padding: 24px;
background: #ffffff;
text-align: center;
}
.molecule-teaserbox .teaserbox-text > div {
max-width: 600px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-content: space-between;
-webkit-align-content: space-between;
align-content: space-between;
}
.molecule-teaserbox .teaserbox-text p {
width: 100%;
margin-bottom: 8px !important;
}
.molecule-teaserbox .teaserbox-text :last-child {
margin-bottom: 0;
}
.molecule-teaserbox .teaserbox-text h3 {
margin-bottom: 12px;
color: #464646 !important;
}
.molecule-teaserbox .teaserbox-text .atom-metadata span {
color: #bdbdbd !important;
}
.molecule-teaserbox .teaserbox-text p {
color: #333333 !important;
}
aside .molecule-teaserbox {
margin-bottom: 24px;
}
.molecule-teaserbox-icon {
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-align: center;
}
.molecule-teaserbox-icon:hover {
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.molecule-teaserbox-icon a {
text-decoration: none;
}
.molecule-teaserbox-icon a:before {
font-size: 272px;
text-rendering: geometricPrecision;
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-teaserbox-icon a:before {
font-size: 224px;
}
}
.molecule-teaserbox-icon h1,
.molecule-teaserbox-icon .molecule-mobilenav a {
margin-bottom: 24px;
padding: 12px;
padding-top: 0px;
padding-bottom: 0px;
line-height: 24px;
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-teaserbox-icon h1,
.molecule-teaserbox-icon .molecule-mobilenav a {
font-size: 32px;
}
}
.molecule-teaserbox-icon h1 small,
.molecule-teaserbox-icon .molecule-mobilenav a small {
font-size: 16px;
color: #333333;
}
.molecule-teaserbox-icon p {
padding: 12px;
padding-top: 0px;
padding-bottom: 0px;
font-family: 'Inter', sans-serif;
font-weight: 400;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #333333;
font-size: 16px;
line-height: 24px;
}
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.primary:hover,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.primary.hover {
background-color: #535353;
}
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.secondary:hover,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.secondary.hover {
background-color: #c62d33;
}
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.tertiary:hover,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.tertiary.hover {
background-color: #e4e4e4;
}
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.primary:hover,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.primary.hover {
background-color: transparent;
border-color: #464646;
}
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.primary:hover a,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.primary.hover a,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.primary:hover span,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.primary.hover span {
color: #ffffff;
}
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.secondary:hover,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.secondary.hover {
background-color: transparent;
border-color: #b1282e;
}
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.secondary:hover a,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.secondary.hover a,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.secondary:hover span,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.secondary.hover span {
color: #ffffff;
}
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.tertiary:hover,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.tertiary.hover {
background-color: transparent;
border-color: #d7d7d7;
}
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.tertiary:hover a,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.tertiary.hover a,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.tertiary:hover span,
.hoverbutton-outline .molecule-teaserbox.hover-button:hover .button.tertiary.hover span {
color: #333333;
}
aside .molecule-teaserbox > a {
height: auto;
}
.molecule-topline {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
-o-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: 40px;
transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-topline {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
}
.molecule-topline strong {
color: #b1282e;
}
.molecule-topline p,
.molecule-topline a,
.molecule-topline span,
.molecule-topline strong {
margin-bottom: 0px;
font-size: 13px;
line-height: 19px;
}
.molecule-topline p {
margin: 12px 0px;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-topline p {
display: none;
}
}
.molecule-topline #mobilenav-trigger {
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #d7d7d7;
font-size: 15px;
text-transform: uppercase;
position: absolute;
top: calc(100% - 60px);
right: -100px;
transform: translate(-50%, -50%);
cursor: pointer;
border-radius: 50%;
border: none;
outline: none;
width: 130px;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px), only screen and (min-width: 991px) and (max-width: 1200px) {
.molecule-topline #mobilenav-trigger {
top: calc(100% - 20px);
}
}
.molecule-topline #mobilenav-trigger:hover span:not(.menutext)::before {
width: 100%;
transition: all 0.3s linear;
}
.molecule-topline #mobilenav-trigger.on span:not(.menutext):nth-child(2) {
animation: span-first-on 0.5s ease-in-out;
animation-fill-mode: forwards;
}
.molecule-topline #mobilenav-trigger.on span:not(.menutext):nth-child(3) {
animation: span-second-on 0.5s ease-in-out;
animation-fill-mode: forwards;
}
.molecule-topline #mobilenav-trigger.on span:not(.menutext):nth-child(4) {
animation: span-third-on 0.5s ease-in-out;
animation-fill-mode: forwards;
}
.molecule-topline #mobilenav-trigger span:not(.menutext) {
position: absolute;
width: 25px;
height: 2.5px;
top: 50%;
left: 50%;
background: #d7d7d7;
border-radius: 2px;
overflow: hidden;
transition: all 0.3s linear;
}
.molecule-topline #mobilenav-trigger span:not(.menutext):nth-child(2) {
animation: span-first-off 0.5s ease-in-out;
animation-fill-mode: forwards;
}
.molecule-topline #mobilenav-trigger span:not(.menutext):nth-child(3) {
animation: span-second-off 0.5s ease-in-out;
animation-fill-mode: forwards;
}
.molecule-topline #mobilenav-trigger span:not(.menutext):nth-child(4) {
animation: span-third-off 0.5s ease-in-out;
animation-fill-mode: forwards;
}
.molecule-topline #mobilenav-trigger span:not(.menutext):before {
content: "";
position: absolute;
width: 0;
height: 100%;
top: 0;
right: 0;
background: #464646;
transition: all 0.3s linear;
}
@keyframes span-first-on {
0% {
transform: translate(-50%, -300%);
}
30% {
transform: translate(-50%, -50%);
}
100% {
transform: translate(-50%, -50%) rotate(-45deg);
}
}
@keyframes span-first-off {
0% {
transform: translate(-50%, -50%) rotate(-45deg);
}
30% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -300%);
}
}
@keyframes span-second-on {
0% {
transform: translate(-50%, -50%);
}
25% {
background: #464646;
}
50% {
transform: translate(-50%, -50%) scale(1);
}
100% {
transform: translate(-150%, -50%) scale(0);
}
}
@keyframes span-second-off {
0% {
transform: translate(-150%, -50%) scale(0);
}
25% {
background: #464646;
}
50% {
transform: translate(-50%, -50%) scale(1);
}
100% {
transform: translate(-50%, -50%);
}
}
@keyframes span-third-on {
0% {
transform: translate(-50%, 200%);
}
30% {
transform: translate(-50%, -50%);
}
100% {
transform: translate(-50%, -50%) rotate(45deg);
}
}
@keyframes span-third-off {
0% {
transform: translate(-50%, -50%) rotate(45deg);
}
30% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, 200%);
}
}
.molecule-video video {
object-fit: cover;
}
.organism-accordion.fullwidth {
padding-left: 24px;
padding-right: 24px;
}
.organism-accordion:not(.fullwidth) .accordion {
display: inline;
float: left;
width: 65.3%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 17.36%;
}
.organism-accordion:not(.fullwidth) .accordion:before {
content: '';
width: 100%;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px), only screen and (min-width: 991px) and (max-width: 1200px) {
.organism-accordion:not(.fullwidth) .accordion {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 0.6899999999999999%;
}
.organism-accordion:not(.fullwidth) .accordion:before {
content: '';
width: 100%;
}
}
.organism-accordion .h6 {
margin-bottom: 0;
color: #333333;
}
.organism-accordion .accordion {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-accordion .accordion:before {
content: '';
width: 100%;
}
@media only screen and (max-width: 529px) {
.organism-accordion .accordion ul {
margin: 0;
}
.organism-accordion .accordion img {
width: 100% !important;
object-fit: contain;
margin: 0 !important;
margin-bottom: 24px !important;
}
}
.organism-accordion .accordion .accordion-title {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom: 1px solid rgba(189, 189, 189, 0.3);
cursor: pointer;
padding: 14px 0 !important;
}
.organism-accordion .accordion .accordion-title span {
margin-top: 0px;
margin-bottom: 0px;
color: #333333;
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.organism-accordion .accordion .accordion-title .arrow {
position: relative;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
width: 30px;
height: 30px;
-ms-transition: all ease-in-out 0.1s;
-moz-transition: all ease-in-out 0.1s;
-webkit-transition: all ease-in-out 0.1s;
transition: all ease-in-out 0.1s;
background: #d7d7d7;
display: block;
text-align: center;
}
.organism-accordion .accordion .accordion-title .arrow:before {
position: absolute;
top: 50%;
left: 50%;
bottom: unset;
right: unset;
-o-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
-webkit-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
width: 30%;
height: 30%;
content: '';
display: block;
border-top: 4px solid #6b6b6b;
border-left: 4px solid #6b6b6b;
}
.organism-accordion .accordion .accordion-title:first-of-type {
border-top: none;
}
.organism-accordion .accordion .accordion-title:hover .arrow,
.organism-accordion .accordion .accordion-title.active .arrow {
transform: rotate(180deg);
}
.organism-accordion .accordion .accordion-title.active {
border-color: #b1282e;
}
.organism-accordion .accordion .accordion-title p {
margin-top: 0px;
margin-bottom: 0px;
}
.organism-accordion .accordion .accordion-content {
padding: 24px;
background: rgba(255, 255, 255, 0.05);
}
.organism-accordion .accordion .accordion-content:last-of-type {
border-bottom: 1px solid rgba(177, 40, 46, 0.3);
}
.organism-accordion .accordion .accordion-content :last-child {
margin-bottom: 0;
}
.page-fullwidth .organism-accordion.no-fullwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.page-fullwidth .organism-accordion.no-fullwidth .content-container:before,
.page-fullwidth .organism-accordion.no-fullwidth .content-container:after {
content: "";
display: table;
}
.page-fullwidth .organism-accordion.no-fullwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-accordion.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-accordion.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.page-fullwidth .organism-accordion.no-fullwidth .content-container .inner {
display: inline;
float: left;
width: 65.3%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 17.36%;
}
.page-fullwidth .organism-accordion.no-fullwidth .content-container .inner:before {
content: '';
width: 100%;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.page-fullwidth .organism-accordion.no-fullwidth .content-container .inner {
margin-left: 0.6899999999999999%;
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.page-fullwidth .organism-accordion.no-fullwidth .content-container .inner:before {
content: '';
width: 100%;
}
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .accordion .accordion-title,
.darkmode .accordion .accordion-title.active {
background-color: rgba(13, 13, 14, 0.3) !important;
}
.darkmode .accordion .accordion-title::before,
.darkmode .accordion .accordion-title.active::before {
border-color: #ffffff !important;
}
.darkmode .accordion .accordion-content {
background-color: rgba(13, 13, 14, 0.1) !important;
border-left-color: #340c0e !important;
}
}
.organism-actionlink .button {
margin-top: 0px;
}
.organism-actionlink .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.organism-actionlink .content-container:before,
.organism-actionlink .content-container:after {
content: "";
display: table;
}
.organism-actionlink .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-actionlink .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.organism-actionlink .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.organism-actionlink .content-container .inner.width-3 {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-actionlink .content-container .inner.width-3:before {
content: '';
width: 100%;
}
.organism-actionlink .content-container .inner.width-2 {
display: inline;
float: left;
width: 65.3%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-actionlink .content-container .inner.width-2:before {
content: '';
width: 100%;
}
.organism-actionlink .content-container .inner.width-2.center {
margin-left: 17.36%;
}
.organism-actionlink .content-container .inner.width-2.right {
margin-left: 34.03%;
}
.organism-actionlink .content-container .inner.width-1 {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-actionlink .content-container .inner.width-1:before {
content: '';
width: 100%;
}
.organism-actionlink .content-container .inner.width-1.center {
margin-left: 25.69%;
}
.organism-actionlink .content-container .inner.width-1.right {
margin-left: 50.69%;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-actionlink .content-container .inner {
display: inline !important;
float: left !important;
width: 98.59999999999999% !important;
margin-left: 0.66% !important;
margin-right: 0.66% !important;
margin-left: 0.6899999999999999% !important;
}
.organism-actionlink .content-container .inner:before {
content: '' !important;
width: 100% !important;
}
}
.organism-actionlink:not(.no-fullwidth) a {
width: 100%;
}
.organism-brandings .content-container a {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 22%;
padding: 24px;
background: rgba(70, 70, 70, 0.1);
box-sizing: border-box;
}
.organism-brandings .content-container a:hover {
background: #464646;
}
.organism-brandings .content-container a:hover svg * {
fill: #ffffff;
}
.organism-brandings .content-container a svg {
width: 100%;
}
.organism-brandings .content-container a svg * {
fill: #464646;
}
[class*="organism-"] {
padding-left: 24px;
padding-right: 24px;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
[class*="organism-"] {
padding-left: 18px;
padding-right: 18px;
}
}
[class*="organism-"].fullwidth:not(.organism-forms):not(.organism-accordion):not(.organism-htmlcontent) {
padding-right: 0px;
padding-left: 0px;
}
[class*="organism-"] > .content-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
[class*="organism-"].config-col-2 > .content-container > a,
[class*="organism-"].config-col-2 > .content-container > .molecule-teaserbox,
[class*="organism-"].config-col-2 > .content-container > ul > li,
[class*="organism-"].config-col-2 > .content-container > .gallery > .item {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
width: 49%;
margin-bottom: 24px;
}
[class*="organism-"].config-col-2 > .content-container > a:before,
[class*="organism-"].config-col-2 > .content-container > .molecule-teaserbox:before,
[class*="organism-"].config-col-2 > .content-container > ul > li:before,
[class*="organism-"].config-col-2 > .content-container > .gallery > .item:before {
content: '';
width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
[class*="organism-"].config-col-2 > .content-container > a,
[class*="organism-"].config-col-2 > .content-container > .molecule-teaserbox,
[class*="organism-"].config-col-2 > .content-container > ul > li,
[class*="organism-"].config-col-2 > .content-container > .gallery > .item {
width: 48.8%;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
[class*="organism-"].config-col-2 > .content-container > a,
[class*="organism-"].config-col-2 > .content-container > .molecule-teaserbox,
[class*="organism-"].config-col-2 > .content-container > ul > li,
[class*="organism-"].config-col-2 > .content-container > .gallery > .item {
width: 48.6%;
}
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
[class*="organism-"].config-col-2 > .content-container > a,
[class*="organism-"].config-col-2 > .content-container > .molecule-teaserbox,
[class*="organism-"].config-col-2 > .content-container > ul > li,
[class*="organism-"].config-col-2 > .content-container > .gallery > .item {
width: 47%;
}
}
@media only screen and (max-width: 529px) {
[class*="organism-"].config-col-2 > .content-container > a,
[class*="organism-"].config-col-2 > .content-container > .molecule-teaserbox,
[class*="organism-"].config-col-2 > .content-container > ul > li,
[class*="organism-"].config-col-2 > .content-container > .gallery > .item {
width: 46%;
}
}
[class*="organism-"].config-col-2 > .content-container > a:nth-child(odd),
[class*="organism-"].config-col-2 > .content-container > .molecule-teaserbox:nth-child(odd),
[class*="organism-"].config-col-2 > .content-container > ul > li:nth-child(odd),
[class*="organism-"].config-col-2 > .content-container > .gallery > .item:nth-child(odd) {
margin-left: 0px;
margin-right: 12px;
}
[class*="organism-"].config-col-2 > .content-container > a:nth-child(even),
[class*="organism-"].config-col-2 > .content-container > .molecule-teaserbox:nth-child(even),
[class*="organism-"].config-col-2 > .content-container > ul > li:nth-child(even),
[class*="organism-"].config-col-2 > .content-container > .gallery > .item:nth-child(even) {
margin-right: 0px;
margin-left: 12px;
}
[class*="organism-"].config-col-2 .ratio-2 .col:first-child {
width: 60%;
}
[class*="organism-"].config-col-2 .ratio-2 .col:last-child {
width: 40%;
}
[class*="organism-"].config-col-3 > .content-container > a,
[class*="organism-"].config-col-3 > .content-container > .molecule-teaserbox,
[class*="organism-"].config-col-3 > .content-container > ul > li,
[class*="organism-"].config-col-3 > .content-container > .gallery > .item {
display: inline;
float: left;
width: 31.9%;
margin-left: 0.66%;
margin-right: 0.66%;
width: 32.4%;
margin-bottom: 24px;
}
[class*="organism-"].config-col-3 > .content-container > a:before,
[class*="organism-"].config-col-3 > .content-container > .molecule-teaserbox:before,
[class*="organism-"].config-col-3 > .content-container > ul > li:before,
[class*="organism-"].config-col-3 > .content-container > .gallery > .item:before {
content: '';
width: 100%;
}
[class*="organism-"].config-col-3 > .content-container > a:first-child,
[class*="organism-"].config-col-3 > .content-container > .molecule-teaserbox:first-child,
[class*="organism-"].config-col-3 > .content-container > ul > li:first-child,
[class*="organism-"].config-col-3 > .content-container > .gallery > .item:first-child,
[class*="organism-"].config-col-3 > .content-container > a:nth-child(4n),
[class*="organism-"].config-col-3 > .content-container > .molecule-teaserbox:nth-child(4n),
[class*="organism-"].config-col-3 > .content-container > ul > li:nth-child(4n),
[class*="organism-"].config-col-3 > .content-container > .gallery > .item:nth-child(4n) {
margin-left: 0px;
}
[class*="organism-"].config-col-3 > .content-container > a:nth-child(3n),
[class*="organism-"].config-col-3 > .content-container > .molecule-teaserbox:nth-child(3n),
[class*="organism-"].config-col-3 > .content-container > ul > li:nth-child(3n),
[class*="organism-"].config-col-3 > .content-container > .gallery > .item:nth-child(3n) {
margin-right: 0px;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
[class*="organism-"].config-col-3 > .content-container > a,
[class*="organism-"].config-col-3 > .content-container > .molecule-teaserbox,
[class*="organism-"].config-col-3 > .content-container > ul > li,
[class*="organism-"].config-col-3 > .content-container > .gallery > .item {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
width: 47.5%;
}
[class*="organism-"].config-col-3 > .content-container > a:before,
[class*="organism-"].config-col-3 > .content-container > .molecule-teaserbox:before,
[class*="organism-"].config-col-3 > .content-container > ul > li:before,
[class*="organism-"].config-col-3 > .content-container > .gallery > .item:before {
content: '';
width: 100%;
}
[class*="organism-"].config-col-3 > .content-container > a:nth-child(odd),
[class*="organism-"].config-col-3 > .content-container > .molecule-teaserbox:nth-child(odd),
[class*="organism-"].config-col-3 > .content-container > ul > li:nth-child(odd),
[class*="organism-"].config-col-3 > .content-container > .gallery > .item:nth-child(odd) {
margin-left: 0px;
margin-right: 12px;
}
[class*="organism-"].config-col-3 > .content-container > a:nth-child(even),
[class*="organism-"].config-col-3 > .content-container > .molecule-teaserbox:nth-child(even),
[class*="organism-"].config-col-3 > .content-container > ul > li:nth-child(even),
[class*="organism-"].config-col-3 > .content-container > .gallery > .item:nth-child(even) {
margin-right: 0px;
margin-left: 12px;
}
}
@media only screen and (max-width: 529px) {
[class*="organism-"].config-col-3 > .content-container > a,
[class*="organism-"].config-col-3 > .content-container > .molecule-teaserbox,
[class*="organism-"].config-col-3 > .content-container > ul > li,
[class*="organism-"].config-col-3 > .content-container > .gallery > .item {
width: 46%;
}
}
[class*="organism-"].config-col-4 > .content-container > a,
[class*="organism-"].config-col-4 > .content-container > .molecule-teaserbox,
[class*="organism-"].config-col-4 > .content-container > ul > li,
[class*="organism-"].config-col-4 > .content-container > .gallery > .item {
display: inline;
float: left;
width: 23.6%;
margin-left: 0.66%;
margin-right: 0.66%;
width: 23.9%;
margin-bottom: 24px;
}
[class*="organism-"].config-col-4 > .content-container > a:before,
[class*="organism-"].config-col-4 > .content-container > .molecule-teaserbox:before,
[class*="organism-"].config-col-4 > .content-container > ul > li:before,
[class*="organism-"].config-col-4 > .content-container > .gallery > .item:before {
content: '';
width: 100%;
}
[class*="organism-"].config-col-4 > .content-container > a:first-child,
[class*="organism-"].config-col-4 > .content-container > .molecule-teaserbox:first-child,
[class*="organism-"].config-col-4 > .content-container > ul > li:first-child,
[class*="organism-"].config-col-4 > .content-container > .gallery > .item:first-child,
[class*="organism-"].config-col-4 > .content-container > a:nth-child(5n),
[class*="organism-"].config-col-4 > .content-container > .molecule-teaserbox:nth-child(5n),
[class*="organism-"].config-col-4 > .content-container > ul > li:nth-child(5n),
[class*="organism-"].config-col-4 > .content-container > .gallery > .item:nth-child(5n) {
margin-left: 0px;
}
[class*="organism-"].config-col-4 > .content-container > a:nth-child(4n),
[class*="organism-"].config-col-4 > .content-container > .molecule-teaserbox:nth-child(4n),
[class*="organism-"].config-col-4 > .content-container > ul > li:nth-child(4n),
[class*="organism-"].config-col-4 > .content-container > .gallery > .item:nth-child(4n) {
margin-right: 0px;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
[class*="organism-"].config-col-4 > .content-container > a,
[class*="organism-"].config-col-4 > .content-container > .molecule-teaserbox,
[class*="organism-"].config-col-4 > .content-container > ul > li,
[class*="organism-"].config-col-4 > .content-container > .gallery > .item {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
width: 47.5%;
}
[class*="organism-"].config-col-4 > .content-container > a:before,
[class*="organism-"].config-col-4 > .content-container > .molecule-teaserbox:before,
[class*="organism-"].config-col-4 > .content-container > ul > li:before,
[class*="organism-"].config-col-4 > .content-container > .gallery > .item:before {
content: '';
width: 100%;
}
[class*="organism-"].config-col-4 > .content-container > a:nth-child(odd),
[class*="organism-"].config-col-4 > .content-container > .molecule-teaserbox:nth-child(odd),
[class*="organism-"].config-col-4 > .content-container > ul > li:nth-child(odd),
[class*="organism-"].config-col-4 > .content-container > .gallery > .item:nth-child(odd) {
margin-left: 0px;
margin-right: 12px;
}
[class*="organism-"].config-col-4 > .content-container > a:nth-child(even),
[class*="organism-"].config-col-4 > .content-container > .molecule-teaserbox:nth-child(even),
[class*="organism-"].config-col-4 > .content-container > ul > li:nth-child(even),
[class*="organism-"].config-col-4 > .content-container > .gallery > .item:nth-child(even) {
margin-right: 0px;
margin-left: 12px;
}
}
@media only screen and (max-width: 529px) {
[class*="organism-"].config-col-4 > .content-container > a,
[class*="organism-"].config-col-4 > .content-container > .molecule-teaserbox,
[class*="organism-"].config-col-4 > .content-container > ul > li,
[class*="organism-"].config-col-4 > .content-container > .gallery > .item {
width: 46%;
}
}
.organism-contact:before,
.organism-contact:after {
content: "";
display: table;
}
.organism-contact:after {
clear: both;
}
.organism-contact:after {
content: "";
display: table;
clear: both;
}
.organism-contact .contacts {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.organism-contact.config-hidemetadata .contact-meta-data {
display: none;
}
.organism-contact.config-col-1 .molecule-contact {
display: inline !important;
float: left !important;
width: 98.59999999999999% !important;
margin-left: 0.66% !important;
margin-right: 0.66% !important;
}
.organism-contact.config-col-1 .molecule-contact:before {
content: '' !important;
width: 100% !important;
}
.organism-contact.config-col-1 .molecule-contact:not(:last-child) {
margin-bottom: 24px;
}
.organism-contact.config-col-2 .molecule-contact {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-contact.config-col-2 .molecule-contact:before {
content: '';
width: 100%;
}
.organism-contact.config-col-2 .molecule-contact:nth-child(1n+3),
.organism-contact.config-col-2 .molecule-contact:nth-child(2n+3) {
margin-top: 12px;
}
@media only screen and (max-width: 529px) {
.organism-contact.config-col-2 .molecule-contact {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-contact.config-col-2 .molecule-contact:before {
content: '';
width: 100%;
}
.organism-contact.config-col-2 .molecule-contact:not(:last-child) {
margin-bottom: 24px;
}
}
.organism-contact.config-col-3 .molecule-contact {
display: inline;
float: left;
width: 31.9%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-contact.config-col-3 .molecule-contact:before {
content: '';
width: 100%;
}
.organism-contact.config-col-3 .molecule-contact:nth-child(1n+4),
.organism-contact.config-col-3 .molecule-contact:nth-child(2n+4),
.organism-contact.config-col-3 .molecule-contact:nth-child(3n+4) {
margin-top: 12px;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px) {
.organism-contact.config-col-3 .molecule-contact {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-contact.config-col-3 .molecule-contact:before {
content: '';
width: 100%;
}
.organism-contact.config-col-3 .molecule-contact:nth-child(1n+3),
.organism-contact.config-col-3 .molecule-contact:nth-child(2n+3) {
margin-top: 12px;
}
}
@media only screen and (max-width: 529px) {
.organism-contact.config-col-3 .molecule-contact {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-contact.config-col-3 .molecule-contact:before {
content: '';
width: 100%;
}
.organism-contact.config-col-3 .molecule-contact:not(:last-child) {
margin-bottom: 24px;
}
}
.organism-contact.config-col-4 .molecule-contact {
display: inline;
float: left;
width: 23.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-contact.config-col-4 .molecule-contact:before {
content: '';
width: 100%;
}
.organism-contact.config-col-4 .molecule-contact:nth-child(1n+5),
.organism-contact.config-col-4 .molecule-contact:nth-child(2n+5),
.organism-contact.config-col-4 .molecule-contact:nth-child(3n+5),
.organism-contact.config-col-4 .molecule-contact:nth-child(4n+5) {
margin-top: 12px;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px) {
.organism-contact.config-col-4 .molecule-contact {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-contact.config-col-4 .molecule-contact:before {
content: '';
width: 100%;
}
.organism-contact.config-col-4 .molecule-contact:nth-child(1n+3),
.organism-contact.config-col-4 .molecule-contact:nth-child(2n+3) {
margin-top: 12px;
}
}
@media only screen and (max-width: 529px) {
.organism-contact.config-col-4 .molecule-contact {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-contact.config-col-4 .molecule-contact:before {
content: '';
width: 100%;
}
.organism-contact.config-col-4 .molecule-contact:not(:last-child) {
margin-bottom: 24px;
}
}
aside .organism-contact .contact {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-bottom: 24px;
}
aside .organism-contact .contact:before {
content: '';
width: 100%;
}
.organism-contact-detail .left-content {
display: inline;
float: left;
width: 23.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-contact-detail .left-content:before {
content: '';
width: 100%;
}
.organism-contact-detail .right-content {
display: inline;
float: left;
width: 65.3%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 9.029999999999999%;
}
.organism-contact-detail .right-content:before {
content: '';
width: 100%;
}
.organism-contact-detail .right-content h4 {
color: #333333;
}
.organism-contact-detail .right-content #contact-data {
display: block;
width: 100%;
margin: 0;
margin-bottom: 48px;
}
.organism-contact-detail .right-content #contact-data:before,
.organism-contact-detail .right-content #contact-data:after {
content: "";
display: table;
}
.organism-contact-detail .right-content #contact-data:after {
clear: both;
}
.organism-contact-detail .right-content #contact-data dt {
display: inline;
float: left;
width: 11.1%;
margin-left: 0.66%;
margin-right: 0.66%;
font-family: 'Inter', sans-serif;
font-weight: 400;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.organism-contact-detail .right-content #contact-data dt:before {
content: '';
width: 100%;
}
.organism-contact-detail .right-content #contact-data dd {
display: inline;
float: left;
width: 86.09999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-contact-detail .right-content #contact-data dd:before {
content: '';
width: 100%;
}
.organism-contact-detail .right-content #contact-data dd a {
text-decoration: none;
}
.organism-contact-detail .right-content #contact-data dd a:hover {
text-decoration: underline;
}
.organism-contact-detail .details .accordion-title {
padding-left: 0px !important;
margin: 0 0.83333333%;
}
.organism-contact-detail .details .accordion-content {
border-left: 0px !important;
margin-left: 32.5%;
}
.organism-contact-detail .details .accordion-content li {
margin-bottom: 12px;
}
.organism-contact-detail .qualification,
.organism-contact-detail .details {
display: block;
width: 100%;
margin: 0;
}
.organism-contact-detail .qualification:before,
.organism-contact-detail .details:before,
.organism-contact-detail .qualification:after,
.organism-contact-detail .details:after {
content: "";
display: table;
}
.organism-contact-detail .qualification:after,
.organism-contact-detail .details:after {
clear: both;
}
.organism-contact-detail .qualification {
padding-bottom: 12px;
border-bottom: 1px solid #d4d4d4;
}
/**********************************************************************************************
* DARKMODE
@media @darkmode {
.organism-contact {
.contact {
background-color: @darkmode-primary !important;
}
}
.organism-contact-detail {
.qualification {
border-color: @color-midgray;
}
}
}
**********************************************************************************************/
.organism-dividingline hr {
margin: 0 !important;
}
.page-fullwidth .organism-dividingline.no-fullwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.page-fullwidth .organism-dividingline.no-fullwidth .content-container:before,
.page-fullwidth .organism-dividingline.no-fullwidth .content-container:after {
content: "";
display: table;
}
.page-fullwidth .organism-dividingline.no-fullwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-dividingline.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-dividingline.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.page-fullwidth .organism-dividingline.no-fullwidth .content-container .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.page-fullwidth .organism-dividingline.no-fullwidth .content-container .inner:before {
content: '';
width: 100%;
}
.organism-downloadgallery i {
margin-right: 24px;
font-size: 25px !important;
color: #464646;
}
.organism-downloadgallery ul {
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
width: 100%;
}
.organism-downloadgallery ul li {
margin-left: 0;
padding: 0 !important;
}
.organism-downloadgallery ul li:before {
display: none !important;
}
.organism-downloadgallery ul li {
border-top: 1px solid rgba(177, 40, 46, 0.3);
}
.organism-downloadgallery ul li:first-child {
border-top: none;
}
.organism-downloadgallery .download-desc p {
margin-top: 0px;
}
aside .organism-downloadgallery {
background: #f7f7f7;
margin-bottom: 24px;
}
aside .organism-downloadgallery .content-container {
padding: 0;
}
aside .organism-downloadgallery .content-container .inner {
margin: 0;
width: 100%;
}
aside .organism-downloadgallery .content-container .inner li {
padding-left: 12px;
padding-right: 12px;
}
.page-fullwidth .organism-downloadgallery.no-fullwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.page-fullwidth .organism-downloadgallery.no-fullwidth .content-container:before,
.page-fullwidth .organism-downloadgallery.no-fullwidth .content-container:after {
content: "";
display: table;
}
.page-fullwidth .organism-downloadgallery.no-fullwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-downloadgallery.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-downloadgallery.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .organism-downloadgallery li {
border-color: #4a4a4a !important;
}
.darkmode aside .organism-downloadgallery {
background-color: rgba(13, 13, 14, 0.1) !important;
}
}
.organism-events:before,
.organism-events:after {
content: "";
display: table;
}
.organism-events:after {
clear: both;
}
.organism-events:after {
content: "";
display: table;
clear: both;
}
.organism-events ul,
.organism-events .events-text ul {
margin-left: 0;
list-style-type: none;
}
.organism-events .molecules-eventslistentry {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
margin-bottom: calc( 36px - 1.38888889% );
}
.page-start .organism-events h6 {
margin-top: -12px;
}
.page-start .organism-events .molecule-eventslistentrystartpage {
padding-left: 60px;
}
.page-start .organism-events .calendar-item {
left: 0;
}
aside .organism-events .content-container {
padding: 0;
}
aside .organism-events .content-container .inner {
margin: 0;
width: 100%;
}
.page-fullwidth .organism-events.no-fullwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
transition: 0.6s;
}
.page-fullwidth .organism-events.no-fullwidth .content-container:before,
.page-fullwidth .organism-events.no-fullwidth .content-container:after {
content: "";
display: table;
}
.page-fullwidth .organism-events.no-fullwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-events.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-events.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.page-fullwidth .organism-events.no-fullwidth .content-container .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.page-fullwidth .organism-events.no-fullwidth .content-container .inner:before {
content: '';
width: 100%;
}
footer {
padding-top: 96px;
padding-bottom: 96px;
background: #b1282e;
position: fixed;
left: 0;
right: 0;
bottom: 0;
transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
footer {
text-align: center;
padding-top: 24px;
padding-bottom: 24px;
}
}
footer * {
color: #ffffff !important;
font-size: 15px;
line-height: 30px;
}
footer ul {
padding: 0 !important;
}
footer .footer-inner {
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
footer .footer-inner {
flex-flow: column;
justify-content: center;
}
}
footer .footer-inner:before,
footer .footer-inner:after {
display: none;
}
footer .container {
position: relative;
overflow-x: unset;
}
@media only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px) {
footer .container {
padding-left: 24px;
padding-right: 24px;
}
}
footer a:not(.social-link):not(#scrolltotop) {
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
}
footer a:not(.social-link):not(#scrolltotop):hover,
footer a:not(.social-link):not(#scrolltotop):active {
color: #d7d7d7 !important;
transform: translateX(5px) !important;
display: inline-flex;
}
footer a:not(.social-link):not(#scrolltotop):hover span,
footer a:not(.social-link):not(#scrolltotop):active span {
color: #d7d7d7 !important;
}
footer #contact-data:before {
display: none !important;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
footer #contact-data {
margin-bottom: 24px;
}
}
footer .molecule-footernav a {
color: #e6e7e7;
}
footer .molecule-footernav a:hover {
color: #ffffff;
}
footer #copyright {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 0px;
margin-top: 24px;
}
footer #copyright:before {
content: '';
width: 100%;
}
#footer-contact .contact-table {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
#footer-contact .contact-table {
justify-content: center;
}
}
#footer-contact .contact-table span {
margin: 0;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
#footer-contact {
margin-bottom: 24px;
}
}
#footer-contact:before {
display: none !important;
}
#footer-contact ul {
display: flex;
flex-wrap: wrap;
}
#footer-contact ul li {
margin-right: 5px;
}
#footer-contact ul li a:hover {
margin: 0;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
#social-links {
display: flex;
justify-content: center;
margin-bottom: 24px;
}
}
#social-links:before {
display: none !important;
}
#social-links ul {
display: flex;
flex-wrap: wrap;
}
#social-links ul li {
margin-right: 5px;
}
#social-links ul li a:hover {
margin: 0;
}
.social-link {
width: 48px;
height: 48px;
display: inline-block;
}
.social-link i {
width: 48px;
height: 48px;
font-size: 30px !important;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: #b1282e;
}
.social-link.xing:hover i {
background: #006464;
}
.social-link.linkedin:hover i {
background: #0077b5;
}
.social-link.facebook:hover i {
background: #3a5795;
}
.social-link.twitter:hover i {
background: #55acee;
}
.social-link.youtube:hover i {
background: #cc181e;
}
.social-link.instagram:hover i {
background: #000000;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode footer,
.darkmode .footer-inner {
background-color: #161616 !important;
color: #ffffff !important;
}
.darkmode .social-link i {
background-color: #340c0e !important;
}
.darkmode .social-link.xing:hover i {
background: #006464 !important;
}
.darkmode .social-link.linkedin:hover i {
background: #0077b5 !important;
}
.darkmode .social-link.facebook:hover i {
background: #3a5795 !important;
}
.darkmode .social-link.twitter:hover i {
background: #55acee !important;
}
.darkmode .social-link.youtube:hover i {
background: #cc181e !important;
}
.darkmode .social-link.instagram:hover i {
background: #000000 !important;
}
}
.organism-forms input:-webkit-autofill,
.organism-forms input:-webkit-autofill:hover,
.organism-forms input:-webkit-autofill:focus,
.organism-forms textarea:-webkit-autofill,
.organism-forms textarea:-webkit-autofill:hover,
.organism-forms textarea:-webkit-autofill:focus,
.organism-forms select:-webkit-autofill,
.organism-forms select:-webkit-autofill:hover,
.organism-forms select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
-o-shadow: 0 0 0px 1000px #ffffff inset;
-moz-box-shadow: 0 0 0px 1000px #ffffff inset;
box-shadow: 0 0 0px 1000px #ffffff inset;
-webkit-text-fill-color: #1a1a1a;
color: #1a1a1a;
}
.organism-forms form {
width: 100%;
}
.organism-forms label {
margin-bottom: 24px;
margin-top: 24px;
letter-spacing: 1px;
font-size: 16px;
line-height: 25px;
font-weight: 700;
color: #464646;
margin-top: 0px;
margin-bottom: 12px;
text-transform: none;
}
@media only screen and (max-width: 529px) {
.organism-forms label {
font-size: 13px;
line-height: 19px;
}
}
.organism-forms label[for=captchainput] {
text-transform: uppercase;
}
.organism-forms select,
.organism-forms input + label {
cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.organism-forms select + .chevron {
display: none;
}
}
.organism-forms input[type=text],
.organism-forms input[type=number],
.organism-forms input[type=email],
.organism-forms textarea,
.organism-forms select,
.organism-forms .field {
margin-bottom: 24px;
margin-top: 24px;
letter-spacing: 1px;
font-size: 16px;
line-height: 25px;
font-weight: 700;
color: #464646;
margin-top: 0px;
padding: 12px;
margin-bottom: 12px;
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border: 1px solid #d4d4d4 !important;
background: transparent;
text-transform: unset;
color: #333333;
line-height: 35px;
box-sizing: border-box;
}
.organism-forms input[type=text]::-webkit-input-placeholder,
.organism-forms input[type=number]::-webkit-input-placeholder,
.organism-forms input[type=email]::-webkit-input-placeholder,
.organism-forms textarea::-webkit-input-placeholder,
.organism-forms select::-webkit-input-placeholder,
.organism-forms .field::-webkit-input-placeholder {
color: #888888;
}
.organism-forms input[type=text]:-ms-input-placeholder,
.organism-forms input[type=number]:-ms-input-placeholder,
.organism-forms input[type=email]:-ms-input-placeholder,
.organism-forms textarea:-ms-input-placeholder,
.organism-forms select:-ms-input-placeholder,
.organism-forms .field:-ms-input-placeholder {
color: #888888;
}
.organism-forms input[type=text]:-moz-input-placerholder,
.organism-forms input[type=number]:-moz-input-placerholder,
.organism-forms input[type=email]:-moz-input-placerholder,
.organism-forms textarea:-moz-input-placerholder,
.organism-forms select:-moz-input-placerholder,
.organism-forms .field:-moz-input-placerholder {
color: #888888;
}
.organism-forms input[type=text]::placeholder,
.organism-forms input[type=number]::placeholder,
.organism-forms input[type=email]::placeholder,
.organism-forms textarea::placeholder,
.organism-forms select::placeholder,
.organism-forms .field::placeholder {
color: #888888;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.organism-forms input[type=text],
.organism-forms input[type=number],
.organism-forms input[type=email],
.organism-forms textarea,
.organism-forms select,
.organism-forms .field {
padding: 19px;
line-height: 25px !important;
}
}
@media only screen and (max-width: 529px) {
.organism-forms input[type=text],
.organism-forms input[type=number],
.organism-forms input[type=email],
.organism-forms textarea,
.organism-forms select,
.organism-forms .field {
font-size: 13px;
}
}
.organism-forms input[type=text]::placeholder,
.organism-forms input[type=number]::placeholder,
.organism-forms input[type=email]::placeholder,
.organism-forms textarea::placeholder,
.organism-forms select::placeholder,
.organism-forms .field::placeholder {
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.organism-forms input[type=text]::-webkit-input-placeholder,
.organism-forms input[type=number]::-webkit-input-placeholder,
.organism-forms input[type=email]::-webkit-input-placeholder,
.organism-forms textarea::-webkit-input-placeholder,
.organism-forms select::-webkit-input-placeholder,
.organism-forms .field::-webkit-input-placeholder {
line-height: 35px;
}
.organism-forms .captcha-fail p {
font-size: 15px;
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.organism-forms .two-columns {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.organism-forms .two-columns.field {
padding: 24px;
}
.organism-forms .two-columns.field > label {
width: 200px;
}
@media only screen and (max-width: 529px) {
.organism-forms .two-columns.field > label {
width: 100%;
}
}
.organism-forms .two-columns.field > div {
width: calc(100% - 200px);
}
@media only screen and (max-width: 529px) {
.organism-forms .two-columns.field > div {
width: 100%;
}
}
.organism-forms .two-columns.field > div .checkbox-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.organism-forms .two-columns.field > div .checkbox-container input {
width: unset !important;
margin: 5px 10px !important;
}
.organism-forms .two-columns > input:first-child,
.organism-forms .two-columns > select:first-child,
.organism-forms .two-columns > .input:first-child {
width: 30%;
}
@media only screen and (max-width: 529px) {
.organism-forms .two-columns > input:first-child,
.organism-forms .two-columns > select:first-child,
.organism-forms .two-columns > .input:first-child {
width: 100%;
}
}
.organism-forms .two-columns > input:last-child,
.organism-forms .two-columns > select:last-child,
.organism-forms .two-columns > .input:last-child {
width: 69%;
}
@media only screen and (max-width: 529px) {
.organism-forms .two-columns > input:last-child,
.organism-forms .two-columns > select:last-child,
.organism-forms .two-columns > .input:last-child {
width: 100%;
}
}
.organism-forms .two-columns.large > input,
.organism-forms .two-columns.large > select,
.organism-forms .two-columns.large > .input {
width: 49.5%;
}
@media only screen and (max-width: 529px) {
.organism-forms .two-columns.large > input,
.organism-forms .two-columns.large > select,
.organism-forms .two-columns.large > .input {
width: 100%;
}
}
.organism-forms .two-columns input[type=submit] {
width: auto;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-forms .two-columns input[type=submit] {
width: 100%;
}
}
.organism-forms .two-columns .dsgvo-column {
width: 80%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-top: 24px;
}
.organism-forms .two-columns .dsgvo-column input[type=checkbox] {
width: 5%;
height: 22px;
-ms-flex-self: flex-start;
-webkit-align-self: flex-start;
align-self: flex-start;
margin: 5px 0px !important;
margin-right: 12px !important;
background: transparent;
}
.organism-forms .two-columns .dsgvo-column label {
width: 90%;
line-height: 25px;
color: #333333;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-forms .two-columns .dsgvo-column {
width: 100%;
}
}
.organism-forms .two-columns .dsgvo-column + input {
margin-top: 24px;
margin-bottom: 0px;
}
.organism-forms .tooltip_templates {
display: none;
}
.organism-forms .bubble {
position: relative;
cursor: pointer;
}
.organism-forms .bubble .tooltip,
.organism-forms .bubble .chevron {
position: absolute;
right: 15px;
top: 15px;
font-weight: bold;
background: #d4d4d4;
padding: 4px 11px;
font-size: 22px;
border-radius: 50%;
cursor: default;
}
.organism-forms .bubble .chevron {
z-index: -1;
padding: 3px 8px;
line-height: 10px;
}
.organism-forms .bubble .chevron svg {
width: 15px;
}
.organism-forms textarea {
height: 350px;
}
.organism-forms .emailsuccess,
.organism-forms .emailerror {
visibility: hidden;
text-align: center;
}
.organism-forms .emailsuccess.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 3s;
animation: fadein 0.5s, fadeout 0.5s 3s;
}
.organism-forms .emailerror.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 4s;
animation: fadein 0.5s, fadeout 0.5s 4s;
}
/*********************************************************************************************
* FadeIn
**********************************************************************************************/
@-webkit-keyframes fadeIn {
from {
filter: alpha(opacity=50);
opacity: 0;
}
to {
filter: alpha(opacity=50);
opacity: 1;
}
}
@keyframes fadeIn {
from {
filter: alpha(opacity=50);
opacity: 0;
}
to {
filter: alpha(opacity=50);
opacity: 1;
}
}
.fadeIn {
-webkit-animation: fadeIn;
-o-animation: fadeIn;
-moz-animation: fadeIn;
animation: fadeIn;
}
/*********************************************************************************************
* SHAKE
**********************************************************************************************/
@-webkit-keyframes shake {
from,
to {
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-o-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
-o-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
20%,
40%,
60%,
80% {
-moz-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
-o-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
}
@keyframes shake {
from,
to {
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-o-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(0, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
10%,
30%,
50%,
70%,
90% {
-moz-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
-o-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(-10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
20%,
40%,
60%,
80% {
-moz-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
-o-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translate3d(10px, 0, 0)) translateY(0) translateZ(0) rotate(0);
}
}
.shake {
-webkit-animation: shake;
-o-animation: shake;
-moz-animation: shake;
animation: shake;
}
header {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
width: 100%;
top: 0;
border-bottom: 1px solid #bdbdbd;
background: #ffffff;
z-index: 501;
height: 220px;
-ms-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
@media only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px), only screen and (min-width: 1700px) {
header.shrink:not(.klein) {
-moz-transform: translateY(-100px) translateX(0) translateZ(0);
-ms-transform: translateY(-100px) translateX(0) translateZ(0);
-webkit-transform: translateY(-100px) translateX(0) translateZ(0);
transform: translateY(-100px) translateX(0) translateZ(0);
-o-transform: translateX(translateY(-100px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateY(-100px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateY(-100px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateY(-100px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateY(-100px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
}
header.shrink:not(.klein) .molecule-mainnav,
header.shrink:not(.klein) .molecule-mainnavright {
-moz-transform: translateY(10px) translateX(0) translateZ(0);
-ms-transform: translateY(10px) translateX(0) translateZ(0);
-webkit-transform: translateY(10px) translateX(0) translateZ(0);
transform: translateY(10px) translateX(0) translateZ(0);
-o-transform: translateX(translateY(10px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateY(10px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateY(10px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateY(10px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateY(10px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
}
}
@media only screen and (max-width: 529px) {
header {
height: 130px;
}
header.shrink {
-moz-transform: translateY(-40px) translateX(0) translateZ(0);
-ms-transform: translateY(-40px) translateX(0) translateZ(0);
-webkit-transform: translateY(-40px) translateX(0) translateZ(0);
transform: translateY(-40px) translateX(0) translateZ(0);
-o-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
}
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
header {
height: 160px;
}
header.shrink {
-moz-transform: translateY(-40px) translateX(0) translateZ(0);
-ms-transform: translateY(-40px) translateX(0) translateZ(0);
-webkit-transform: translateY(-40px) translateX(0) translateZ(0);
transform: translateY(-40px) translateX(0) translateZ(0);
-o-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
}
}
header.klein {
height: 160px;
}
@media only screen and (max-width: 529px) {
header.klein {
height: 130px;
}
}
header.klein.shrink {
-moz-transform: translateY(-40px) translateX(0) translateZ(0);
-ms-transform: translateY(-40px) translateX(0) translateZ(0);
-webkit-transform: translateY(-40px) translateX(0) translateZ(0);
transform: translateY(-40px) translateX(0) translateZ(0);
-o-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateY(-40px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
}
header.klein ul {
-moz-transform: translateY(-10px) translateX(0) translateZ(0);
-ms-transform: translateY(-10px) translateX(0) translateZ(0);
-webkit-transform: translateY(-10px) translateX(0) translateZ(0);
transform: translateY(-10px) translateX(0) translateZ(0);
-o-transform: translateX(translateY(-10px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-moz-transform: translateX(translateY(-10px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-ms-transform: translateX(translateY(-10px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
-webkit-transform: translateX(translateY(-10px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
transform: translateX(translateY(-10px) translateX(0) translateZ(0)) translateY(0) translateZ(0) rotate(0);
}
header.klein .molecule-mainnav .hassubnav:hover > [data-level] {
top: 59px;
}
header .container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-grow: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
height: 100%;
overflow: unset !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1699px), only screen and (min-width: 991px) and (max-width: 1200px) {
header .container {
padding-left: 24px;
padding-right: 24px;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
header .container {
width: 100%;
}
}
header .container:before,
header .container:after {
display: none;
}
header .mainnav-mobile {
display: none;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
header .mainnav-mobile {
display: block;
}
}
header #mobilenav-trigger {
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #d7d7d7;
font-size: 15px;
text-transform: uppercase;
position: absolute;
top: 50%;
right: -100px;
transform: translate(-50%, -50%);
cursor: pointer;
border-radius: 50%;
border: none;
outline: none;
width: 130px;
}
header #mobilenav-trigger:hover span:not(.menutext)::before {
width: 100%;
transition: all 0.3s linear;
}
header #mobilenav-trigger.on span:not(.menutext):nth-child(2) {
animation: span-first-on 0.5s ease-in-out;
animation-fill-mode: forwards;
}
header #mobilenav-trigger.on span:not(.menutext):nth-child(3) {
animation: span-second-on 0.5s ease-in-out;
animation-fill-mode: forwards;
}
header #mobilenav-trigger.on span:not(.menutext):nth-child(4) {
animation: span-third-on 0.5s ease-in-out;
animation-fill-mode: forwards;
}
header #mobilenav-trigger span:not(.menutext) {
position: absolute;
width: 25px;
height: 2.5px;
top: 50%;
left: 50%;
background: #d7d7d7;
border-radius: 2px;
overflow: hidden;
transition: all 0.3s linear;
}
header #mobilenav-trigger span:not(.menutext):nth-child(2) {
animation: span-first-off 0.5s ease-in-out;
animation-fill-mode: forwards;
}
header #mobilenav-trigger span:not(.menutext):nth-child(3) {
animation: span-second-off 0.5s ease-in-out;
animation-fill-mode: forwards;
}
header #mobilenav-trigger span:not(.menutext):nth-child(4) {
animation: span-third-off 0.5s ease-in-out;
animation-fill-mode: forwards;
}
header #mobilenav-trigger span:not(.menutext):before {
content: "";
position: absolute;
width: 0;
height: 100%;
top: 0;
right: 0;
background: #464646;
transition: all 0.3s linear;
}
@media only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px), only screen and (min-width: 1700px) {
.ie header.shrink .molecule-mainnav ul,
.ie header.klein .molecule-mainnav ul,
.ie header.shrink .molecule-mainnavright ul,
.ie header.klein .molecule-mainnavright ul {
-moz-transform: translateY(0px) !important;
-ms-transform: translateY(0px) !important;
-webkit-transform: translateY(0px) !important;
transform: translateY(0px) !important;
-o-transform: translateX(translateY(0px)) translateY(0) translateZ(0) rotate(0) !important;
-moz-transform: translateX(translateY(0px)) translateY(0) translateZ(0) rotate(0) !important;
-ms-transform: translateX(translateY(0px)) translateY(0) translateZ(0) rotate(0) !important;
-webkit-transform: translateX(translateY(0px)) translateY(0) translateZ(0) rotate(0) !important;
transform: translateX(translateY(0px)) translateY(0) translateZ(0) rotate(0) !important;
}
.ie header.shrink .molecule-mainnav [data-level="0"] > .hassubnav:after,
.ie header.klein .molecule-mainnav [data-level="0"] > .hassubnav:after,
.ie header.shrink .molecule-mainnavright [data-level="0"] > .hassubnav:after,
.ie header.klein .molecule-mainnavright [data-level="0"] > .hassubnav:after {
bottom: -8px !important;
}
}
@keyframes span-first-on {
0% {
transform: translate(-50%, -300%);
}
30% {
transform: translate(-50%, -50%);
}
100% {
transform: translate(-50%, -50%) rotate(-45deg);
}
}
@keyframes span-first-off {
0% {
transform: translate(-50%, -50%) rotate(-45deg);
}
30% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -300%);
}
}
@keyframes span-second-on {
0% {
transform: translate(-50%, -50%);
}
25% {
background: #464646;
}
50% {
transform: translate(-50%, -50%) scale(1);
}
100% {
transform: translate(-150%, -50%) scale(0);
}
}
@keyframes span-second-off {
0% {
transform: translate(-150%, -50%) scale(0);
}
25% {
background: #464646;
}
50% {
transform: translate(-50%, -50%) scale(1);
}
100% {
transform: translate(-50%, -50%);
}
}
@keyframes span-third-on {
0% {
transform: translate(-50%, 200%);
}
30% {
transform: translate(-50%, -50%);
}
100% {
transform: translate(-50%, -50%) rotate(45deg);
}
}
@keyframes span-third-off {
0% {
transform: translate(-50%, -50%) rotate(45deg);
}
30% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, 200%);
}
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .header-inner .container {
background-color: #161616 !important;
}
.darkmode header {
background-color: #161616 !important;
border-color: #0d0d0e !important;
}
.darkmode .molecule-mainnav .hassubnav:hover > [data-level] {
background-color: #0d0d0e;
}
.darkmode #mobilenav-trigger span:not(.menutext) {
background: #ffffff !important;
}
}
.organism-htmlcontent h1,
.organism-htmlcontent .h1,
.organism-htmlcontent h2,
.organism-htmlcontent .h2,
.organism-htmlcontent h3,
.organism-htmlcontent .h3,
.organism-htmlcontent h4,
.organism-htmlcontent .h4,
.organism-htmlcontent h5,
.organism-htmlcontent .h5,
.organism-htmlcontent h6,
.organism-htmlcontent .h6,
.organism-htmlcontent .molecule-mobilenav a {
margin: 0;
word-break: break-word;
}
.organism-htmlcontent h1,
.organism-htmlcontent .h1,
.organism-htmlcontent h2,
.organism-htmlcontent .h2,
.organism-htmlcontent .molecule-mobilenav a {
padding-top: 36px;
padding-bottom: 36px;
}
.organism-htmlcontent h3,
.organism-htmlcontent .h3 {
padding-top: 24px;
padding-bottom: 24px;
}
.organism-htmlcontent h4,
.organism-htmlcontent .h4,
.organism-htmlcontent h5,
.organism-htmlcontent .h5 {
padding-top: 12px;
padding-bottom: 12px;
}
.organism-htmlcontent h6,
.organism-htmlcontent .h6 {
padding-top: 7.2px;
padding-bottom: 7.2px;
}
.page-fullwidth .organism-htmlcontent.no-fullwidth.center-text .inner {
margin-left: 17.36% !important;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px), only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-htmlcontent.no-fullwidth.center-text .inner {
margin-left: 0.6899999999999999% !important;
}
}
.page-fullwidth .organism-htmlcontent.no-fullwidth .inner {
display: inline;
float: left;
width: 65.3%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.page-fullwidth .organism-htmlcontent.no-fullwidth .inner:before {
content: '';
width: 100%;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px), only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-htmlcontent.no-fullwidth .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.page-fullwidth .organism-htmlcontent.no-fullwidth .inner:before {
content: '';
width: 100%;
}
}
.page-fullwidth .organism-htmlcontent .content-container {
justify-content: center;
}
.organism-imagegallery:before,
.organism-imagegallery:after {
content: "";
display: table;
}
.organism-imagegallery:after {
clear: both;
}
.organism-imagegallery:after {
content: "";
display: table;
clear: both;
}
.organism-imagegallery .gallery {
margin-left: 0px;
}
.organism-imagegallery.config-cover picture {
background-size: cover;
}
.organism-imagegallery.config-contain picture {
background-size: contain;
}
.organism-imagegallery.config-ratio-1by1 picture {
padding-bottom: 100%;
}
.organism-imagegallery.config-ratio-3by2 picture {
padding-bottom: 66.66666667%;
}
.organism-imagegallery.config-ratio-4by3 picture {
padding-bottom: 75%;
}
.organism-imagegallery.config-ratio-16by9 picture {
padding-bottom: 56.25%;
}
.organism-imagegallery.config-ratio-21by9 picture {
padding-bottom: 42.85714286%;
}
.organism-imagegallery.config-col-3 .owl-item,
.organism-imagegallery.config-col-4 .owl-item {
padding-right: 20px;
box-sizing: border-box;
}
.organism-imagegallery.grayscale .item {
border: none !important;
}
.organism-imagegallery.grayscale img {
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.organism-imagegallery a {
overflow: hidden;
display: block;
}
aside .organism-imagegallery .item {
display: inline;
float: left;
width: 49.9%;
margin-left: 0.66%;
margin-right: 0.66%;
width: 48.6%;
}
aside .organism-imagegallery .item:before {
content: '';
width: 100%;
}
aside .organism-imagegallery figcaption {
display: none;
}
aside .organism-imagegallery .container {
padding: 0;
}
.organism-imagegallery .owl-wrapper-outer {
transform: scale(0.9);
margin-left: 10px;
}
.organism-imagegallery .owl-wrapper-outer * {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.organism-imagegallery .owl-buttons .owl-next {
position: absolute;
right: 0px;
top: calc(50% - 40px);
background: none !important;
}
.organism-imagegallery .owl-buttons .owl-prev {
position: absolute;
left: 0px;
top: calc(50% - 40px);
background: none !important;
}
.organism-imagegallery .owl-buttons svg {
width: 50px;
height: 50px;
fill: #ffffff;
}
aside .organism-imagegallery {
margin-bottom: 24px;
padding-left: 0px;
padding-right: 0px;
}
aside .organism-imagegallery picture {
display: block;
padding-bottom: 0px !important;
}
.organism-imagegallery [class*="organism-"].config-col-4 .item,
.organism-imagegallery [class*="organism-"].config-col-4 [class*="col-"] {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.page-f.gallerylwidth .organism-imagegallery.no-f.gallerylwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.page-f.gallerylwidth .organism-imagegallery.no-f.gallerylwidth .content-container:before,
.page-f.gallerylwidth .organism-imagegallery.no-f.gallerylwidth .content-container:after {
content: "";
display: table;
}
.page-f.gallerylwidth .organism-imagegallery.no-f.gallerylwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-f.gallerylwidth .organism-imagegallery.no-f.gallerylwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-f.gallerylwidth .organism-imagegallery.no-f.gallerylwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.page-fullwidth .organism-imageupload.no-fullwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.page-fullwidth .organism-imageupload.no-fullwidth .content-container:before,
.page-fullwidth .organism-imageupload.no-fullwidth .content-container:after {
content: "";
display: table;
}
.page-fullwidth .organism-imageupload.no-fullwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-imageupload.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-imageupload.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.page-fullwidth .organism-imageupload.no-fullwidth .content-container .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.page-fullwidth .organism-imageupload.no-fullwidth .content-container .inner:before {
content: '';
width: 100%;
}
.organism-intro {
width: 100%;
padding: 0;
}
.organism-intro .inner {
padding-left: 24px;
padding-right: 24px;
}
.organism-intro.center * {
text-align: center;
}
.organism-intro .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
overflow-x: unset !important;
}
.organism-intro .content-container:before,
.organism-intro .content-container:after {
content: "";
display: table;
}
.organism-intro .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-intro .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.organism-intro .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.organism-intro .untertitel {
display: block;
text-transform: uppercase;
font-size: 16px;
line-height: 25px;
color: #bdbdbd;
}
.organism-intro .untertitel p {
margin: 5px 0px;
}
.organism-intro h1,
.organism-intro .molecule-mobilenav a {
margin-top: 0;
}
.organism-intro .subheading p {
margin-bottom: 12px !important;
}
.organism-intro .subheading p:last-child {
margin-bottom: 0px !important;
}
.page-fullwidth .organism-intro .content-container {
justify-content: center;
}
.page-fullwidth .organism-intro .content-container .subheading > * {
max-width: 960px;
margin: auto;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px), only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-intro .content-container .subheading > * {
width: 100%;
}
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .intro .untertitel {
color: #606060 !important;
}
}
.organism-joboffers.overviewpage ul {
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
}
.organism-joboffers.overviewpage ul li {
margin-left: 0;
padding: 0 !important;
}
.organism-joboffers.overviewpage ul li:before {
display: none !important;
}
.organism-joboffers.overviewpage li {
border-top: 1px solid rgba(177, 40, 46, 0.3);
margin-bottom: 24px;
}
.organism-joboffers.overviewpage li:first-child {
border-top: none;
}
.organism-joboffers.overviewpage li:last-child {
margin-bottom: 0px;
}
aside .organism-joboffers.overviewpage .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 0.6899999999999999%;
}
aside .organism-joboffers.overviewpage .inner:before {
content: '';
width: 100%;
}
.page-fullwidth .organism-joboffers.no-fullwidth .molecule-joboffersdetail,
.page-fullwidth .organism-joboffers.no-fullwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.page-fullwidth .organism-joboffers.no-fullwidth .molecule-joboffersdetail:before,
.page-fullwidth .organism-joboffers.no-fullwidth .content-container:before,
.page-fullwidth .organism-joboffers.no-fullwidth .molecule-joboffersdetail:after,
.page-fullwidth .organism-joboffers.no-fullwidth .content-container:after {
content: "";
display: table;
}
.page-fullwidth .organism-joboffers.no-fullwidth .molecule-joboffersdetail:after,
.page-fullwidth .organism-joboffers.no-fullwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-joboffers.no-fullwidth .molecule-joboffersdetail,
.page-fullwidth .organism-joboffers.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-joboffers.no-fullwidth .molecule-joboffersdetail,
.page-fullwidth .organism-joboffers.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.page-fullwidth .organism-joboffers.no-fullwidth .molecule-joboffersdetail .inner,
.page-fullwidth .organism-joboffers.no-fullwidth .content-container .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.page-fullwidth .organism-joboffers.no-fullwidth .molecule-joboffersdetail .inner:before,
.page-fullwidth .organism-joboffers.no-fullwidth .content-container .inner:before {
content: '';
width: 100%;
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .organism-joboffers.overviewpage ul li {
border-color: #383838 !important;
}
}
.organism-news.box {
padding: 24px;
background: #f7f7f7;
}
.organism-news:not(.no-fullwidth) .molecule-newslistentry {
padding: 24px;
}
.organism-news ul {
margin-left: 0px;
}
.page-fullwidth .organism-news.no-fullwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.page-fullwidth .organism-news.no-fullwidth .content-container:before,
.page-fullwidth .organism-news.no-fullwidth .content-container:after {
content: "";
display: table;
}
.page-fullwidth .organism-news.no-fullwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-news.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-news.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.page-fullwidth .organism-news.no-fullwidth .content-container .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.page-fullwidth .organism-news.no-fullwidth .content-container .inner:before {
content: '';
width: 100%;
}
.organism-newsteaser [class*="col-"] .button {
float: right;
}
.organism-newsteaser [class*="col-"] .box .button {
float: none;
}
.organism-pagelinks .molecule-teaserbox {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
display: inline;
float: left;
width: 31.9%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-pagelinks .molecule-teaserbox:before {
content: '';
width: 100%;
}
.organism-pagelinks .molecule-teaserbox:before {
display: none;
}
.organism-pagelinks .card-inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
}
.organism-pagelinks .card-inner .card-text {
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
width: 100%;
}
.organism-pagelinks .card-inner .card-text h3 {
margin-bottom: 0;
}
.organism-pagelinks .card-inner .card-image {
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
width: 100%;
}
.organism-pagelinks.config-col-2 .molecule-teaserbox {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-pagelinks.config-col-2 .molecule-teaserbox:before {
content: '';
width: 100%;
}
.organism-pagelinks.config-col-2 .molecule-teaserbox:nth-child(1n+3),
.organism-pagelinks.config-col-2 .molecule-teaserbox:nth-child(2n+3) {
margin-top: 12px;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-pagelinks.config-col-2 .molecule-teaserbox {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-pagelinks.config-col-2 .molecule-teaserbox:before {
content: '';
width: 100%;
}
.organism-pagelinks.config-col-2 .molecule-teaserbox:not(:last-child) {
margin-bottom: 24px;
}
}
.organism-pagelinks.config-col-3 .molecule-teaserbox {
display: inline;
float: left;
width: 31.9%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-pagelinks.config-col-3 .molecule-teaserbox:before {
content: '';
width: 100%;
}
.organism-pagelinks.config-col-3 .molecule-teaserbox:nth-child(1n+4),
.organism-pagelinks.config-col-3 .molecule-teaserbox:nth-child(2n+4),
.organism-pagelinks.config-col-3 .molecule-teaserbox:nth-child(3n+4) {
margin-top: 12px;
}
@media only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px) {
.organism-pagelinks.config-col-3 .molecule-teaserbox {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-pagelinks.config-col-3 .molecule-teaserbox:before {
content: '';
width: 100%;
}
.organism-pagelinks.config-col-3 .molecule-teaserbox:nth-child(1n+3),
.organism-pagelinks.config-col-3 .molecule-teaserbox:nth-child(2n+3) {
margin-top: 12px;
}
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-pagelinks.config-col-3 .molecule-teaserbox {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-pagelinks.config-col-3 .molecule-teaserbox:before {
content: '';
width: 100%;
}
.organism-pagelinks.config-col-3 .molecule-teaserbox:not(:last-child) {
margin-bottom: 24px;
}
}
.organism-pagelinks.config-col-4 .molecule-teaserbox {
display: inline;
float: left;
width: 23.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-pagelinks.config-col-4 .molecule-teaserbox:before {
content: '';
width: 100%;
}
.organism-pagelinks.config-col-4 .molecule-teaserbox:nth-child(1n+5),
.organism-pagelinks.config-col-4 .molecule-teaserbox:nth-child(2n+5),
.organism-pagelinks.config-col-4 .molecule-teaserbox:nth-child(3n+5),
.organism-pagelinks.config-col-4 .molecule-teaserbox:nth-child(4n+5) {
margin-top: 12px;
}
@media only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px) {
.organism-pagelinks.config-col-4 .molecule-teaserbox {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-pagelinks.config-col-4 .molecule-teaserbox:before {
content: '';
width: 100%;
}
.organism-pagelinks.config-col-4 .molecule-teaserbox:nth-child(1n+3),
.organism-pagelinks.config-col-4 .molecule-teaserbox:nth-child(2n+3) {
margin-top: 12px;
}
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-pagelinks.config-col-4 .molecule-teaserbox {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-pagelinks.config-col-4 .molecule-teaserbox:before {
content: '';
width: 100%;
}
.organism-pagelinks.config-col-4 .molecule-teaserbox:not(:last-child) {
margin-bottom: 24px;
}
}
.organism-pagelinks.config-style-boxed .inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.organism-pagelinks.config-style-boxed .item {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.organism-pagelinks.config-style-listed .item {
margin-bottom: 12px;
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
display: inline-block;
}
.organism-pagelinks.config-style-listed .item:before {
content: '';
width: 100%;
}
.organism-pagelinks.config-style-listed .item:before {
display: none;
}
.organism-pagelinks.config-style-listed .item a {
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.organism-pagelinks.config-style-listed .item .teaserbox-image {
display: none !important;
}
.organism-pagelinks.config-style-listed .item > a:hover {
padding-left: 24px;
}
.organism-pagelinks.config-style-listed .item > a:hover h3 {
color: #b1282e;
}
.organism-pagelinks.config-style-listed h3 {
display: inline-block;
margin-bottom: 0;
float: left;
}
.organism-pagelinks.config-style-listed h3:after {
display: none;
}
.organism-pagelinks.config-style-listed .teaserbox-text {
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
vertical-align: middle;
}
.organism-pagelinks.config-style-listed .text-right {
vertical-align: middle;
display: inline-block;
float: right;
}
.organism-pagelinks .inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-pagelinks .inner {
display: block;
}
}
.page-fullwidth .organism-pagelinks.no-fullwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.page-fullwidth .organism-pagelinks.no-fullwidth .content-container:before,
.page-fullwidth .organism-pagelinks.no-fullwidth .content-container:after {
content: "";
display: table;
}
.page-fullwidth .organism-pagelinks.no-fullwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-pagelinks.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-pagelinks.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.page-fullwidth .organism-pagelinks.no-fullwidth .content-container .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.page-fullwidth .organism-pagelinks.no-fullwidth .content-container .inner:before {
content: '';
width: 100%;
}
/*********************************************************************************************
* RESPONSIVE
**********************************************************************************************/
@media only screen and (max-width: 529px) {
.config-col-3 > div > ul > li {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.config-col-3 > div > ul > li:before {
content: '';
width: 100%;
}
.config-col-4 > div > ul > li {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.config-col-4 > div > ul > li:before {
content: '';
width: 100%;
}
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.config-col-3 > div > ul > li {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.config-col-3 > div > ul > li:before {
content: '';
width: 100%;
}
.config-col-4 > div > ul > li {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.config-col-4 > div > ul > li:before {
content: '';
width: 100%;
}
}
.organism-products .item {
padding: 24px;
text-align: center;
-o-shadow: 0px 0px 6px 6px rgba(13, 13, 14, 0);
-moz-box-shadow: 0px 0px 6px 6px rgba(13, 13, 14, 0);
-webkit-box-shadow: 0px 0px 6px 6px rgba(13, 13, 14, 0);
box-shadow: 0px 0px 6px 6px rgba(13, 13, 14, 0);
}
.organism-products .item:hover {
-o-shadow: 0px 0px 6px 6px rgba(13, 13, 14, 0.2);
-moz-box-shadow: 0px 0px 6px 6px rgba(13, 13, 14, 0.2);
-webkit-box-shadow: 0px 0px 6px 6px rgba(13, 13, 14, 0.2);
box-shadow: 0px 0px 6px 6px rgba(13, 13, 14, 0.2);
}
.organism-products .item > a {
display: block;
}
.organism-products .item figure {
width: 250px;
height: 250px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin: auto;
margin-bottom: 36px;
}
.organism-products .item figure img {
object-fit: cover;
}
.organism-products .owl-wrapper-outer {
-o-transform: scale(0.9);
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.organism-products .owl-wrapper-outer .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.organism-products .owl-wrapper-outer:before,
.organism-products .owl-wrapper-outer:after {
content: "";
position: absolute;
z-index: 1;
width: 500px;
top: 0;
height: 100%;
pointer-events: none;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 1200px) and (max-width: 1699px) {
.organism-products .owl-wrapper-outer:before,
.organism-products .owl-wrapper-outer:after {
width: 200px;
}
}
@media only screen and (max-width: 529px) {
.organism-products .owl-wrapper-outer:before,
.organism-products .owl-wrapper-outer:after {
width: 0px;
}
}
.organism-products .owl-wrapper-outer:before {
left: 0;
}
.organism-products .owl-wrapper-outer:after {
right: 0;
}
.organism-products .owl-theme .owl-controls .owl-buttons div {
opacity: 1;
transition: 0.6s;
background: none !important;
}
.organism-products .owl-theme .owl-controls .owl-buttons div.owl-next:hover svg {
fill: #464646;
}
.organism-products .owl-theme .owl-controls .owl-buttons div.owl-prev:hover svg {
fill: #464646;
}
.organism-products .owl-theme .owl-controls .owl-buttons div svg {
width: 50px;
height: 50px;
fill: #d7d7d7;
transition: 0.6s;
}
.organism-products a {
margin: auto;
}
.organism-products p {
min-height: 100px;
max-width: 300px;
margin: auto;
margin-top: 24px;
}
.organism-products .product-title {
font-weight: bold;
}
.organism-products .button {
margin-top: 24px;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-products-kategorie {
padding-left: 0 !important;
padding-right: 0 !important;
}
.organism-products-kategorie .inner {
margin: 0 !important;
width: 100%;
}
}
.organism-products-kategorie .fancy-title {
text-align: center;
background-size: cover !important;
}
.organism-products-kategorie .fancy-title h1,
.organism-products-kategorie .fancy-title .molecule-mobilenav a {
margin-top: 0px;
margin-bottom: 48px;
padding: 120px 0;
color: #ffffff;
background: rgba(13, 13, 14, 0.3);
}
.organism-products-kategorie .description {
padding-left: 24px;
padding-right: 24px;
text-align: center;
}
.organism-products-kategorie .description .button {
color: #ffffff;
margin-bottom: 72px;
}
.organism-products-kategorie .items {
padding-left: 24px;
padding-right: 24px;
}
.organism-products-kategorie .accordion {
margin-top: 24px;
width: 100%;
}
.organism-products-kategorie .accordion .accordion-title {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-top: 1px solid rgba(189, 189, 189, 0.3);
border-bottom: 1px solid rgba(189, 189, 189, 0.3);
cursor: pointer;
padding: 0 !important;
padding-bottom: 14px !important;
}
.organism-products-kategorie .accordion .accordion-title .arrow {
position: relative;
top: 0;
left: 0;
bottom: unset;
right: unset;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
width: 30px;
height: 30px;
-ms-transition: all ease-in-out 0.1s;
-moz-transition: all ease-in-out 0.1s;
-webkit-transition: all ease-in-out 0.1s;
transition: all ease-in-out 0.1s;
background: #d7d7d7;
display: block;
text-align: center;
}
.organism-products-kategorie .accordion .accordion-title .arrow:before {
position: absolute;
top: 50%;
left: 50%;
bottom: unset;
right: unset;
-o-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
-webkit-transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
transform: translateX(-50%) translateY(-25%) translateZ(0) rotate(45deg);
width: 30%;
height: 30%;
content: '';
display: block;
border-top: 4px solid #6b6b6b;
border-left: 4px solid #6b6b6b;
}
.organism-products-kategorie .accordion .accordion-title:first-of-type {
border-top: none;
}
.organism-products-kategorie .accordion .accordion-title:hover,
.organism-products-kategorie .accordion .accordion-title.active {
background: rgba(70, 70, 70, 0);
}
.organism-products-kategorie .accordion .accordion-title:hover .arrow {
transform: rotate(180deg);
}
.organism-products-kategorie .accordion .accordion-title.active {
border-color: #b1282e;
}
.organism-products-kategorie .accordion .accordion-title span {
margin-top: 0px;
margin-bottom: 0px;
color: #333333;
font-family: 'Inter', sans-serif;
font-weight: bold;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.organism-products-kategorie .accordion .accordion-content {
background: rgba(255, 255, 255, 0.05);
}
.organism-products-kategorie .accordion .accordion-content :last-child {
margin-bottom: 0;
}
.organism-products-kategorie .accordion .accordion-content .content {
margin-top: 72px;
margin-bottom: 72px;
}
.organism-products-kategorie .content {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-products-kategorie .content {
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
margin: 0 !important;
}
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-products-kategorie .content .product-image {
margin-bottom: 48px;
margin-top: 48px;
}
}
.organism-products-kategorie .content .product-image a {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.organism-products-kategorie .content .product-image img {
max-height: 400px;
object-fit: contain;
}
.organism-products-kategorie .content .product-gallery {
margin-top: 24px;
margin-bottom: 24px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.organism-products-kategorie .content .product-gallery .item {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #d7d7d7;
margin: 12px;
padding: 12px;
width: calc(100%/6 - 84px);
}
@media only screen and (min-width: 991px) and (max-width: 1200px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-products-kategorie .content .product-gallery .item {
width: calc(100%/4 - 60px);
}
}
@media only screen and (max-width: 529px) {
.organism-products-kategorie .content .product-gallery .item {
width: calc(100%/2 - 50px);
}
}
.organism-products-kategorie .content .product-gallery .item picture {
display: block !important;
}
.organism-products-kategorie .content > div {
width: 45%;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-products-kategorie .content > div {
width: 100%;
}
}
.organism-products-kategorie .content > div h2 {
margin-top: 0 !important;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-products-kategorie .content > div h2 {
margin-top: 24px !important;
}
}
.organism-search {
position: relative;
background: #b1282e;
display: none;
z-index: 100;
}
.organism-search.fixed {
z-index: -999;
}
.organism-search .button {
border: 1px solid #ffffff;
}
.organism-search .button:hover {
border: 1px solid #ffffff;
}
.organism-search .container {
padding-left: 2%;
padding-right: 2%;
position: relative;
}
.organism-search fieldset {
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.organism-search fieldset:before,
.organism-search fieldset:after {
content: "";
display: table;
}
.organism-search fieldset:after {
clear: both;
}
.organism-search #search-field {
display: inline;
float: left;
width: 48.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-search #search-field:before {
content: '';
width: 100%;
}
@media only screen and (max-width: 529px), only screen and (min-width: 991px) and (max-width: 1200px) {
.organism-search #search-field {
display: inline;
float: left;
width: 40.3%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-search #search-field:before {
content: '';
width: 100%;
}
}
.organism-search #search-button {
display: inline;
float: left;
width: 15.3%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-search #search-button:before {
content: '';
width: 100%;
}
@media only screen and (max-width: 529px), only screen and (min-width: 991px) and (max-width: 1200px) {
.organism-search #search-button {
display: inline;
float: left;
width: 23.6%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-search #search-button:before {
content: '';
width: 100%;
}
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.organism-search #search-button {
padding: 10px 5px;
}
}
#search.fixedsmall {
position: fixed;
top: 0;
left: 0;
bottom: unset;
right: unset;
width: 100%;
z-index: 500;
}
#search .center {
position: relative;
}
#search .close-slidedown-menu-btn {
position: absolute;
top: 0;
left: unset;
bottom: unset;
right: 60px;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 1px solid #ffffff;
background: #ffffff;
cursor: pointer;
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
#search .close-slidedown-menu-btn {
position: absolute;
top: -14px;
left: auto;
bottom: auto;
right: 3%;
}
}
#search .close-slidedown-menu-btn i {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto auto;
}
#search .close-slidedown-menu-btn i:before,
#search .close-slidedown-menu-btn i:after {
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#search .close-slidedown-menu-btn:hover {
background: #b1282e;
}
#search .close-slidedown-menu-btn:hover i:before,
#search .close-slidedown-menu-btn:hover i:after {
background: #ffffff;
}
.organism-seachresults h2 {
margin-bottom: 12px;
}
.organism-seachresults .molecule-breadcrumb {
margin-top: 0;
margin-bottom: auto;
margin-left: 0;
margin-right: 0;
}
.organism-seachresults .molecule-breadcrumb li:first-child a {
float: left;
padding-left: 5px;
}
.organism-seachresults li.searchresult {
padding-top: 24px !important;
padding-bottom: 24px !important;
border-top: 1px solid #d4d4d4;
}
.organism-seachresults li.searchresult :last-child {
margin-bottom: 0;
}
.page-fullwidth .organism-seachresults.no-fullwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.page-fullwidth .organism-seachresults.no-fullwidth .content-container:before,
.page-fullwidth .organism-seachresults.no-fullwidth .content-container:after {
content: "";
display: table;
}
.page-fullwidth .organism-seachresults.no-fullwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-seachresults.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-seachresults.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.page-fullwidth .organism-seachresults.no-fullwidth .content-container .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.page-fullwidth .organism-seachresults.no-fullwidth .content-container .inner:before {
content: '';
width: 100%;
}
.organism-sectionopen {
padding: 0px;
}
.organism-sectionopen.no-fullwidth {
max-width: 1440px;
margin: auto;
}
.organism-sectionopen.whitetextcolor > *,
.organism-sectionopen.whitetextcolor p,
.organism-sectionopen.whitetextcolor li {
color: #ffffff;
}
.organism-sitemap a {
text-decoration: none;
}
.organism-sitemap *,
.organism-sitemap {
list-style-type: none !important;
}
.organism-sitemap > li {
margin-left: 0;
}
.organism-sitemap ul {
padding-top: 12px;
margin-bottom: 0;
}
.organism-sitemap ul > li {
margin-bottom: 12px;
}
.organism-sitemap .tree-structure {
margin-left: 0;
}
.organism-sitemap h2,
.organism-sitemap h3,
.organism-sitemap h4,
.organism-sitemap h5 {
margin-bottom: 0;
}
.organism-sitemap li > ul {
padding-left: 12px;
margin-left: 12px;
border-left: 1px solid #d4d4d4;
}
.organism-sitemap li > ul li {
position: relative;
}
.organism-sitemap li > ul li:before {
position: absolute;
top: 50%;
left: -15px;
bottom: unset;
right: unset;
content: '';
display: block;
width: 20px;
border-bottom: 1px solid #d4d4d4;
}
.organism-sitemap li > ul > li {
padding-left: 12px;
}
.organism-sitemap li > ul > li:before {
top: 12px;
}
.organism-sitemap:first-of-type > li:first-child {
padding-left: 24px;
background: url('../../frontend/style/default/organisms/frontend/style/default/images/svg/home.svg') no-repeat left center;
background-size: 16px 16px;
}
.page-fullwidth .organism-sitemap.no-fullwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.page-fullwidth .organism-sitemap.no-fullwidth .content-container:before,
.page-fullwidth .organism-sitemap.no-fullwidth .content-container:after {
content: "";
display: table;
}
.page-fullwidth .organism-sitemap.no-fullwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-sitemap.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-sitemap.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.page-fullwidth .organism-sitemap.no-fullwidth .content-container .inner {
display: inline;
float: left;
width: 65.3%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 17.36%;
}
.page-fullwidth .organism-sitemap.no-fullwidth .content-container .inner:before {
content: '';
width: 100%;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-sitemap.no-fullwidth .content-container .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 0.6899999999999999%;
}
.page-fullwidth .organism-sitemap.no-fullwidth .content-container .inner:before {
content: '';
width: 100%;
}
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-sourceinformation {
padding-right: 18px;
padding-left: 18px;
}
}
.organism-sourceinformation ul.disc {
list-style-type: disc;
}
.organism-sourceinformation ul.cycle {
list-style-type: circle;
}
.organism-sourceinformation ul.square {
list-style-type: square;
}
.organism-sourceinformation ul.upper-roman {
list-style-type: upper-roman;
}
.organism-sourceinformation ul.decimal {
list-style-type: decimal;
}
.molecule-stage .slider-image,
.molecule-slider .slider-image,
.molecule-stage .stage-image,
.molecule-slider .stage-image,
.molecule-stage .molecule-video,
.molecule-slider .molecule-video {
display: block;
overflow: hidden;
margin: 0 auto;
max-height: 600px;
overflow-y: hidden;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-stage .slider-image,
.molecule-slider .slider-image,
.molecule-stage .stage-image,
.molecule-slider .stage-image,
.molecule-stage .molecule-video,
.molecule-slider .molecule-video {
height: 55%;
}
}
.molecule-stage .slider-image.loaded,
.molecule-slider .slider-image.loaded,
.molecule-stage .stage-image.loaded,
.molecule-slider .stage-image.loaded,
.molecule-stage .molecule-video.loaded,
.molecule-slider .molecule-video.loaded {
-ms-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
opacity: 1 !important;
}
.molecule-stage .slider-image img,
.molecule-slider .slider-image img,
.molecule-stage .stage-image img,
.molecule-slider .stage-image img,
.molecule-stage .molecule-video img,
.molecule-slider .molecule-video img {
display: block;
max-width: none;
width: 100%;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-stage .slider-image img,
.molecule-slider .slider-image img,
.molecule-stage .stage-image img,
.molecule-slider .stage-image img,
.molecule-stage .molecule-video img,
.molecule-slider .molecule-video img {
height: 100%;
object-fit: cover;
}
}
.molecule-stage .slider-hero,
.molecule-slider .slider-hero,
.molecule-stage .stage-hero,
.molecule-slider .stage-hero {
width: 30vw;
height: 100%;
position: absolute;
top: 40px;
left: 0;
bottom: 0;
right: 0;
padding-left: 48px;
padding-right: 48px;
text-align: center;
min-width: 400px;
max-width: 500px;
z-index: 100;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-stage .slider-hero,
.molecule-slider .slider-hero,
.molecule-stage .stage-hero,
.molecule-slider .stage-hero {
max-width: unset;
width: 100%;
left: 0px !important;
}
}
.molecule-stage .slider-hero.stage-bg-black,
.molecule-slider .slider-hero.stage-bg-black,
.molecule-stage .stage-hero.stage-bg-black,
.molecule-slider .stage-hero.stage-bg-black {
background: rgba(13, 13, 14, 0.6);
}
.molecule-stage .slider-hero.stage-bg-black *:not(.button),
.molecule-slider .slider-hero.stage-bg-black *:not(.button),
.molecule-stage .stage-hero.stage-bg-black *:not(.button),
.molecule-slider .stage-hero.stage-bg-black *:not(.button) {
color: #ffffff;
}
.molecule-stage .slider-hero.stage-bg-white,
.molecule-slider .slider-hero.stage-bg-white,
.molecule-stage .stage-hero.stage-bg-white,
.molecule-slider .stage-hero.stage-bg-white {
background: rgba(255, 255, 255, 0.6);
}
.molecule-stage .slider-hero.stage-bg-white *:not(.button),
.molecule-slider .slider-hero.stage-bg-white *:not(.button),
.molecule-stage .stage-hero.stage-bg-white *:not(.button),
.molecule-slider .stage-hero.stage-bg-white *:not(.button) {
color: #333333;
}
.molecule-stage .slider-hero.stage-bg-primary,
.molecule-slider .slider-hero.stage-bg-primary,
.molecule-stage .stage-hero.stage-bg-primary,
.molecule-slider .stage-hero.stage-bg-primary {
background: rgba(70, 70, 70, 0.6);
}
.molecule-stage .slider-hero.stage-bg-primary *:not(.button),
.molecule-slider .slider-hero.stage-bg-primary *:not(.button),
.molecule-stage .stage-hero.stage-bg-primary *:not(.button),
.molecule-slider .stage-hero.stage-bg-primary *:not(.button) {
color: #ffffff;
}
.molecule-stage .slider-hero.stage-bg-secondary,
.molecule-slider .slider-hero.stage-bg-secondary,
.molecule-stage .stage-hero.stage-bg-secondary,
.molecule-slider .stage-hero.stage-bg-secondary {
background: rgba(177, 40, 46, 0.6);
}
.molecule-stage .slider-hero.stage-bg-secondary *:not(.button),
.molecule-slider .slider-hero.stage-bg-secondary *:not(.button),
.molecule-stage .stage-hero.stage-bg-secondary *:not(.button),
.molecule-slider .stage-hero.stage-bg-secondary *:not(.button) {
color: #ffffff;
}
.molecule-stage .slider-hero.stage-bg-tertiary,
.molecule-slider .slider-hero.stage-bg-tertiary,
.molecule-stage .stage-hero.stage-bg-tertiary,
.molecule-slider .stage-hero.stage-bg-tertiary {
background: rgba(215, 215, 215, 0.6);
}
.molecule-stage .slider-hero.stage-bg-tertiary *:not(.button),
.molecule-slider .slider-hero.stage-bg-tertiary *:not(.button),
.molecule-stage .stage-hero.stage-bg-tertiary *:not(.button),
.molecule-slider .stage-hero.stage-bg-tertiary *:not(.button) {
color: #333333;
}
.molecule-stage .slider-hero .container,
.molecule-slider .slider-hero .container,
.molecule-stage .stage-hero .container,
.molecule-slider .stage-hero .container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
}
.molecule-stage .slider-hero .link,
.molecule-slider .slider-hero .link,
.molecule-stage .stage-hero .link,
.molecule-slider .stage-hero .link {
margin: 36px;
margin-bottom: 0px;
}
.molecule-stage .slider-hero .h4,
.molecule-slider .slider-hero .h4,
.molecule-stage .stage-hero .h4,
.molecule-slider .stage-hero .h4 {
margin: 0px;
margin-bottom: 5px;
}
.molecule-stage .slider-hero .description,
.molecule-slider .slider-hero .description,
.molecule-stage .stage-hero .description,
.molecule-slider .stage-hero .description,
.molecule-stage .slider-hero .headline,
.molecule-slider .slider-hero .headline,
.molecule-stage .stage-hero .headline,
.molecule-slider .stage-hero .headline {
max-width: 800px;
margin: auto;
}
.molecule-stage .slider-hero .description a,
.molecule-slider .slider-hero .description a,
.molecule-stage .stage-hero .description a,
.molecule-slider .stage-hero .description a,
.molecule-stage .slider-hero .headline a,
.molecule-slider .slider-hero .headline a,
.molecule-stage .stage-hero .headline a,
.molecule-slider .stage-hero .headline a {
display: none;
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.molecule-stage .slider-hero .description,
.molecule-slider .slider-hero .description,
.molecule-stage .stage-hero .description,
.molecule-slider .stage-hero .description,
.molecule-stage .slider-hero .headline,
.molecule-slider .slider-hero .headline,
.molecule-stage .stage-hero .headline,
.molecule-slider .stage-hero .headline {
width: 80%;
}
}
@media screen and (-ms-high-contrast: active) and (max-width: 950px), (-ms-high-contrast: none) and (max-width: 950px) {
.molecule-stage .slider-hero .description,
.molecule-slider .slider-hero .description,
.molecule-stage .stage-hero .description,
.molecule-slider .stage-hero .description,
.molecule-stage .slider-hero .headline,
.molecule-slider .slider-hero .headline,
.molecule-stage .stage-hero .headline,
.molecule-slider .stage-hero .headline {
max-width: 100%;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.molecule-stage .config-text-center .slider-hero-aligner,
.molecule-slider .config-text-center .slider-hero-aligner {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 60%;
}
}
@media screen and (-ms-high-contrast: active) and only screen and (max-width: 529px), (-ms-high-contrast: none) and only screen and (max-width: 529px), screen and (-ms-high-contrast: active) and only screen and (min-width: 530px) and (max-width: 990px), (-ms-high-contrast: none) and only screen and (min-width: 530px) and (max-width: 990px), screen and (-ms-high-contrast: active) and only screen and (min-width: 991px) and (max-width: 1200px), (-ms-high-contrast: none) and only screen and (min-width: 991px) and (max-width: 1200px) {
.molecule-stage .config-text-center .slider-hero-aligner,
.molecule-slider .config-text-center .slider-hero-aligner {
width: 100%;
}
}
.molecule-stage .slider-hero-aligner,
.molecule-slider .slider-hero-aligner,
.molecule-stage .stage-hero-aligner,
.molecule-slider .stage-hero-aligner {
margin: auto;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.molecule-stage .slider-hero-aligner,
.molecule-slider .slider-hero-aligner,
.molecule-stage .stage-hero-aligner,
.molecule-slider .stage-hero-aligner {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 24px;
box-sizing: border-box;
width: 100vw;
margin-left: 0px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.molecule-stage .slider-hero-aligner,
.molecule-slider .slider-hero-aligner,
.molecule-stage .stage-hero-aligner,
.molecule-slider .stage-hero-aligner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
}
@media screen and (-ms-high-contrast: active) and (max-width: 950px), (-ms-high-contrast: none) and (max-width: 950px) {
.molecule-stage .slider-hero-aligner,
.molecule-slider .slider-hero-aligner,
.molecule-stage .stage-hero-aligner,
.molecule-slider .stage-hero-aligner {
-ms-flex-wrap: nowrap !important;
-webkit-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
width: 100%;
height: 60%;
margin: 0 auto;
}
}
.organism-stagegroup {
padding-left: 0px;
padding-right: 0px;
}
.organism-stagegroup.no-bulletpoints .owl-pagination {
display: none;
}
.organism-stagegroup.no-arrows .owl-buttons {
display: none;
}
.organism-stagegroup.bulletpoints-bottom .owl-pagination {
position: absolute;
bottom: 10px;
right: 48%;
}
.organism-stagegroup .config-text-center .slider-hero,
.organism-stagegroup .config-text-center .stage-hero {
top: 0px;
left: 0px;
width: 100%;
min-width: 100%;
max-width: 100%;
padding: 0px;
}
.organism-stagegroup .config-text-left .slider-hero,
.organism-stagegroup .config-text-left .stage-hero {
top: 0px;
left: 0px;
}
.organism-stagegroup .config-text-right .slider-hero,
.organism-stagegroup .config-text-right .stage-hero {
padding-left: 24px;
padding-right: 24px;
top: 0px;
right: 0px;
left: auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.organism-stagegroup {
width: 100%;
}
.organism-stagegroup .owl-wrapper {
width: 100% !important;
}
.organism-stagegroup .owl-wrapper .owl-item {
width: 100% !important;
}
.organism-stagegroup .owl-wrapper .owl-item img {
width: 100% !important;
}
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-subtitle {
padding-right: 18px;
padding-left: 18px;
}
}
.organism-subtitle.text-fullwidth .content-container {
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.organism-subtitle .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.organism-subtitle .content-container:before,
.organism-subtitle .content-container:after {
content: "";
display: table;
}
.organism-subtitle .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-subtitle .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.organism-subtitle .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
.organism-subtitle .content-container .inner {
display: inline;
float: left;
width: 98.59999999999999%;
margin-left: 0.66%;
margin-right: 0.66%;
}
.organism-subtitle .content-container .inner:before {
content: '';
width: 100%;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-subtitle .content-container .inner {
padding-left: 18px;
padding-right: 18px;
}
}
.organism-subtitle h1,
.organism-subtitle .h1,
.organism-subtitle h2,
.organism-subtitle .h2,
.organism-subtitle h3,
.organism-subtitle .h3,
.organism-subtitle h4,
.organism-subtitle .h4,
.organism-subtitle h5,
.organism-subtitle .h5,
.organism-subtitle h6,
.organism-subtitle .h6,
.organism-subtitle .molecule-mobilenav a {
margin: 0;
width: 100%;
}
.page-standard .organism-subtitle .content-container {
padding: 0;
}
.organism-tabs:before,
.organism-tabs:after {
content: "";
display: table;
}
.organism-tabs:after {
clear: both;
}
.organism-tabs:after {
content: "";
display: table;
clear: both;
}
.organism-tabs .tabs {
list-style-type: none;
margin-left: 0;
}
.organism-tabs .tabs li {
margin-left: 0;
padding: 0 !important;
}
.organism-tabs .tabs li:before {
display: none !important;
}
.organism-tabs .tabs:before,
.organism-tabs .tabs:after {
content: "";
display: table;
}
.organism-tabs .tabs:after {
clear: both;
}
.organism-tabs .tabs:after {
content: "";
display: table;
clear: both;
}
.organism-tabs .tabs a {
-ms-transition: all 0s linear;
-moz-transition: all 0s linear;
-webkit-transition: all 0s linear;
transition: all 0s linear;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-tabs .tabs a {
width: 100%;
}
}
.organism-tabs .tabs p {
margin-bottom: 24px;
}
.organism-tabs .tabs p:last-child {
margin-bottom: 0;
}
.organism-tabs .tabs .h6 {
margin-bottom: 0;
color: #333333;
}
.organism-tabs .tabs .tab {
display: inline;
margin: 0;
}
.organism-tabs .tabs .tab .tab-title {
padding-left: 24px;
padding-right: 24px;
padding-top: 0px;
padding-bottom: 12px;
display: inline-block;
background: rgba(177, 40, 46, 0.1);
border: 1px solid rgba(177, 40, 46, 0.3);
border-bottom: 1px solid transparent;
text-decoration: none;
cursor: pointer;
}
@media only screen and (max-width: 529px) {
.organism-tabs .tabs .tab .tab-title {
padding-left: 18px;
padding-right: 18px;
display: block;
border-top: 1px solid #d4d4d4;
}
}
.organism-tabs .tabs .tab .tab-title .h6 {
margin-top: 12px;
}
.organism-tabs .tabs .tab .tab-title.active {
border: 1px solid rgba(177, 40, 46, 0.3);
background: rgba(177, 40, 46, 0.3);
border-bottom: 1px solid transparent;
}
@media only screen and (max-width: 529px) {
.organism-tabs .tabs .tab .tab-title.active {
border-color: #d4d4d4;
margin-bottom: 0;
}
}
.organism-tabs .tabs .tab .tab-content {
padding: 24px;
float: left;
display: none;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(177, 40, 46, 0.3);
width: auto;
}
@media only screen and (max-width: 529px) {
.organism-tabs .tabs .tab .tab-content {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top: 0;
float: none;
}
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .tabs .tab-title {
background-color: rgba(13, 13, 14, 0.3) !important;
border-color: rgba(13, 13, 14, 0.2) !important;
}
.darkmode .tabs .tab-title.active {
background-color: rgba(13, 13, 14, 0.5) !important;
border-color: rgba(13, 13, 14, 0.4) !important;
}
.darkmode .tabs .tab-content {
background-color: rgba(13, 13, 14, 0.1) !important;
border-color: rgba(13, 13, 14, 0.1) !important;
}
}
.organism-timeline .roadmap--orientation-vertical .roadmap__events {
max-width: 100%;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px), only screen and (min-width: 991px) and (max-width: 1200px) {
.organism-timeline .roadmap--orientation-vertical .roadmap__events {
width: 100% !important;
}
}
@media only screen and (max-width: 529px) {
.organism-timeline .roadmap--orientation-vertical .roadmap__events {
display: flex !important;
flex-flow: column !important;
}
}
.organism-timeline .roadmap--orientation-vertical .roadmap__events:after {
background-color: #b1282e !important;
}
@media only screen and (max-width: 529px) {
.organism-timeline .roadmap--orientation-vertical .roadmap__events:after {
display: none !important;
}
}
.organism-timeline .roadmap--orientation-vertical .roadmap__events li {
width: 50% !important;
margin-left: 50% !important;
transform: translateX(-50%) !important;
min-height: 200px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1699px) {
.organism-timeline .roadmap--orientation-vertical .roadmap__events li {
width: 100% !important;
}
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.organism-timeline .roadmap--orientation-vertical .roadmap__events li {
min-height: 150px !important;
margin-left: 0% !important;
transform: translateX(0%) !important;
}
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (min-width: 991px) and (max-width: 1200px) {
.organism-timeline .roadmap--orientation-vertical .roadmap__events li {
width: 100% !important;
}
}
@media only screen and (max-width: 529px) {
.organism-timeline .roadmap--orientation-vertical .roadmap__events li {
width: 100% !important;
min-height: 0px !important;
margin-bottom: 12px !important;
}
}
.organism-timeline .roadmap--orientation-vertical .roadmap__events li:before,
.organism-timeline .roadmap--orientation-vertical .roadmap__events li:after {
background-color: #b1282e !important;
}
@media only screen and (max-width: 529px) {
.organism-timeline .roadmap--orientation-vertical .roadmap__events li:before,
.organism-timeline .roadmap--orientation-vertical .roadmap__events li:after {
display: none !important;
}
}
.organism-timeline .roadmap--orientation-vertical .roadmap__events .event {
top: 0px !important;
bottom: unset !important;
background: #b1282e !important;
color: #ffffff !important;
padding: 24px;
}
.organism-timeline .roadmap--orientation-vertical .roadmap__events .event p,
.organism-timeline .roadmap--orientation-vertical .roadmap__events .event strong {
color: #ffffff !important;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-timeline .roadmap--orientation-vertical .roadmap__events .event {
padding: 12px;
box-sizing: border-box;
}
}
@media only screen and (max-width: 529px) {
.organism-timeline .roadmap--orientation-vertical .roadmap__events .event {
width: 100% !important;
margin-left: 0px !important;
margin-right: 0px !important;
position: relative !important;
}
}
@media only screen and (max-width: 529px) {
.organism-timeline .roadmap--orientation-vertical .roadmap__events .event:before {
display: none !important;
}
}
.organism-timeline .roadmap--orientation-vertical .roadmap__events .event p:last-child {
margin-bottom: 0px;
}
.organism-twocolumns {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-twocolumns {
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
}
}
.organism-twocolumns.ratio-2 .col:first-child {
width: 60%;
}
.organism-twocolumns.ratio-2 .col:last-child {
width: 40%;
}
.organism-twocolumns.listwithshield .col:first-child .container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.organism-twocolumns.listwithshield .col:first-child .container {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
}
@media only screen and (max-width: 529px) {
.organism-twocolumns.listwithshield .col:first-child .container {
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
}
.organism-twocolumns.listwithshield .col:nth-child(2) .container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.organism-twocolumns.listwithshield .col:nth-child(2) .container {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-twocolumns.changemobilecolumnorder {
-ms-flex-flow: column-reverse;
-webkit-flex-flow: column-reverse;
flex-flow: column-reverse;
}
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-twocolumns.changemobilecolumnorder .col.col-image:nth-child(2) {
margin-bottom: 20px;
}
}
.organism-twocolumns.vertical-centered .col {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.organism-twocolumns.fullwidth .col-image .container,
.organism-twocolumns.fullwidth .col-video .container,
.organism-twocolumns.fullwidth .col-form .container {
padding-left: 0px !important;
padding-right: 0px !important;
max-width: 100%;
}
.organism-twocolumns.fullwidth .col-image .organism-video .inner,
.organism-twocolumns.fullwidth .col-video .organism-video .inner,
.organism-twocolumns.fullwidth .col-form .organism-video .inner {
margin: 0px !important;
width: 100% !important;
}
@media only screen and (min-width: 530px) and (max-width: 990px) {
.organism-twocolumns .col-form .container {
margin: auto !important;
}
}
.organism-twocolumns .col-image .container {
padding-left: 0px !important;
padding-right: 0px !important;
}
.organism-twocolumns .col-image img {
height: intrinsic;
width: 100%;
}
.organism-twocolumns [class*="organism-"] {
padding-right: 0px;
padding-left: 0px;
}
.organism-twocolumns .col {
width: 50%;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-twocolumns .col {
width: 100% !important;
}
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-twocolumns .col.col-contact .container {
margin: auto !important;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.organism-twocolumns .col.col-contact .container {
width: 100%;
}
}
.organism-twocolumns .col .organism-forms {
margin: 0px !important;
width: 100% !important;
}
.organism-twocolumns .col .organism-forms form {
width: 100% !important;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-twocolumns .col.col-box .container {
max-width: 100%;
margin-left: 0px;
margin-right: 0px;
}
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-twocolumns .col.col-box:first-child .container {
margin-bottom: 20px;
}
}
.organism-twocolumns .col.col-padding-1 {
padding-top: 24px;
padding-bottom: 24px;
}
.organism-twocolumns .col.col-padding-2 {
padding-top: 72px;
padding-bottom: 72px;
}
.organism-twocolumns .col.col-padding-3 {
padding-top: 144px;
padding-bottom: 144px;
}
.organism-twocolumns .col.col-text:first-child .container {
padding-left: 0px !important;
}
.organism-twocolumns .col.col-text h2:first-child,
.organism-twocolumns .col.col-text h3:first-child,
.organism-twocolumns .col.col-text h4:first-child {
margin-top: 0px;
}
.organism-twocolumns .col.col-text-padding:first-child .container {
padding-right: 72px !important;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-twocolumns .col.col-text-padding:first-child .container {
margin-left: 0px !important;
max-width: 100%;
padding-right: 0px !important;
margin-bottom: 20px;
}
}
.organism-twocolumns .col.col-text-padding:nth-child(2) .container {
box-sizing: border-box;
padding-left: 72px !important;
padding-right: 0px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1699px), only screen and (min-width: 991px) and (max-width: 1200px) {
.organism-twocolumns .col.col-text-padding:nth-child(2) .container {
padding-right: 24px !important;
}
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-twocolumns .col.col-text-padding:nth-child(2) .container {
max-width: 100%;
padding-right: 0px !important;
padding-left: 0px !important;
}
}
.organism-twocolumns .col.col-image:first-child .container {
padding-right: 0px !important;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-twocolumns .col.col-image:first-child .container {
padding-left: 0px !important;
margin-bottom: 20px;
margin-left: 0px;
max-width: 100%;
}
}
.organism-twocolumns .col.col-image:nth-child(2) .container {
padding-left: 0px !important;
}
@media only screen and (min-width: 530px) and (max-width: 990px), only screen and (max-width: 529px) {
.organism-twocolumns .col.col-image:nth-child(2) .container {
padding-right: 0px !important;
margin-right: 0px;
max-width: 100%;
}
}
.organism-twocolumns .col .container {
box-sizing: border-box;
max-width: 720px;
}
.organism-twocolumns .col:first-child .container {
margin-right: 0px;
}
.organism-twocolumns .col:nth-child(2) .container {
margin-left: 0px;
}
.organism-twocolumns .molecule-sidebarbox {
padding: 0px;
}
.organism-twocolumns p:last-child {
margin-bottom: 0px;
}
.organism-video {
position: relative;
display: block;
overflow: hidden;
}
.organism-video .inner {
margin-left: 20px;
margin-right: 20px;
}
.organism-video .video-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(70, 70, 70, 0.85);
transition: 0.6s;
z-index: 100;
cursor: pointer;
}
.organism-video .preview-image {
width: 100%;
}
.organism-video .playbutton {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: absolute;
top: 50%;
left: 50%;
bottom: unset;
right: unset;
transform: translateX(-50%) translateY(-50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 120px;
height: 120px;
background: #2d2d2d;
z-index: 101;
cursor: pointer;
}
.organism-video .playbutton i {
position: absolute;
top: 20%;
left: 34%;
bottom: unset;
right: unset;
z-index: 102;
color: #ffffff;
font-size: 70px !important;
width: 100%;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.organism-video .playbutton {
width: 14vw;
height: 14vw;
}
.organism-video .playbutton i {
font-size: 8.5vw !important;
}
}
.organism-video .youtube-preview-image {
margin-top: -48px;
}
.organism-video .fadeout {
animation: 1s video-fadeout;
}
.organism-video .iframe {
position: relative;
display: block;
height: 0;
overflow: hidden;
padding-bottom: 55.25%;
}
.organism-video iframe,
.organism-video embed,
.organism-video object,
.organism-video video {
position: absolute !important;
top: 0 !important;
left: 0 !important;
bottom: unset !important;
right: unset !important;
width: 100% !important;
height: 100% !important;
border: 0;
}
@keyframes video-fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.page-fullwidth .organism-video.no-fullwidth .content-container {
margin: 0 auto;
padding: 0 auto;
max-width: 1440px;
width: 100%;
}
.page-fullwidth .organism-video.no-fullwidth .content-container:before,
.page-fullwidth .organism-video.no-fullwidth .content-container:after {
content: "";
display: table;
}
.page-fullwidth .organism-video.no-fullwidth .content-container:after {
clear: both;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-fullwidth .organism-video.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
overflow-x: hidden;
}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.page-fullwidth .organism-video.no-fullwidth .content-container {
padding-left: 0px;
padding-right: 0px;
width: auto;
}
}
/*********************************************************************************************
* DARKMODE
**********************************************************************************************/
@media (prefers-color-scheme: dark) {
.darkmode .organism-video {
border-color: #131313 !important;
}
}
.error404 {
min-height: 400px;
height: calc(100vh - 390px);
padding-top: 144px;
padding-bottom: 144px;
}
.error404 .h1 {
margin-bottom: 48px;
}
.page-fullwidth main {
width: 100% !important;
margin: 0 !important;
}
.page-login-box {
position: absolute;
top: 50%;
left: 50%;
bottom: unset;
right: unset;
-o-transform: translateY(-70%);
-ms-transform: translateY(-70%);
-webkit-transform: translateY(-70%);
-moz-transform: translateY(-70%);
transform: translateY(-70%);
width: 350px;
margin-left: -175px;
}
.page-login-box .logo {
margin-bottom: 12px;
display: block;
}
.page-login-box .logo svg {
display: block;
width: 165px;
height: 84px;
margin: 0 auto;
}
.page-login-box #login-box {
-ms-transition: box-shadow 1s ease-in-out;
-moz-transition: box-shadow 1s ease-in-out;
-webkit-transition: box-shadow 1s ease-in-out;
transition: box-shadow 1s ease-in-out;
position: relative;
background: #ffffff;
padding: 70px 52px 40px 52px;
}
.page-login-box #login-box.form-error {
-webkit-animation: shake;
-o-animation: shake;
-moz-animation: shake;
animation: shake;
}
.page-login-box #login-box .login-prepend {
position: absolute;
top: 1px;
left: 1px;
bottom: unset;
right: 1px;
color: rgba(51, 51, 51, 0.5);
height: 48px;
line-height: 48px;
text-shadow: 1px 1px 1px #ffffff;
text-align: center;
}
.page-login-box #login-box .email {
margin-bottom: 12px;
}
.page-login-box #login-box .password {
margin-bottom: 24px;
}
.page-login-box #login-box .button {
width: 100%;
}
.page-standard main,
.page-standard #main {
display: inline;
float: left;
width: 65.3%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-right: 0px;
margin-left: 0px;
}
.page-standard main:before,
.page-standard #main:before {
content: '';
width: 100%;
}
.page-standard.no-sidebar main,
.page-standard.no-sidebar #main {
display: inline;
float: left;
width: 65.3%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 17.36%;
}
.page-standard.no-sidebar main:before,
.page-standard.no-sidebar #main:before {
content: '';
width: 100%;
}
.page-standard aside {
display: inline;
float: left;
width: 27.8%;
margin-left: 0.66%;
margin-right: 0.66%;
margin-left: 4.86%;
}
.page-standard aside:before {
content: '';
width: 100%;
}
.page-standard main,
.page-standard aside {
margin-top: 48px;
}
.page-standard .organism-intro + main,
.page-standard .organism-intro + main + aside {
margin-top: 0;
}
.page-standard #content .container {
padding-left: 0px;
padding-right: 0px;
}
@media only screen and (max-width: 529px), only screen and (min-width: 530px) and (max-width: 990px) {
.page-standard main,
.page-standard #main,
.page-standard aside {
display: inline !important;
float: left !important;
width: 98.59999999999999% !important;
margin-left: 0.66% !important;
margin-right: 0.66% !important;
margin-left: 0.6899999999999999% !important;
margin-left: 0px !important;
margin-right: 0px !important;
width: 100% !important;
box-sizing: border-box;
}
.page-standard main:before,
.page-standard #main:before,
.page-standard aside:before {
content: '' !important;
width: 100% !important;
}
}