body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} @charset "UTF-8";/*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp( var(--mm-min-size), var(--mm-size), var(--mm-max-size) )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp( calc(-1 * var(--mm-max-size)), calc(-1 * var(--mm-size)), calc(-1 * var(--mm-min-size)) )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none} .sharebuttons { overflow:hidden; } .sharebuttons > ul.theme { list-style-type:none; margin:-4px; padding:0; } .sharebuttons > ul.theme:after { content:""; display:block; clear:both; } .sharebuttons > ul.theme > li { float:left; } .sharebuttons > ul.theme > li > a { margin:4px; display:block; white-space:nowrap; overflow:hidden; text-indent:101%; background-repeat:no-repeat; background-position:center; } .sharebuttons > ul.text > li > a { text-indent:0; } /* source: http://simpleicons.org/ */ .sharebuttons > ul.simpleicons_white > li > a { width:32px; height:32px; background-image:url('../../system/modules/sharebuttons/assets/simpleicons/sprites-white-32.png'); } .sharebuttons > ul.simpleicons_white > li > a.facebook { background-position:-40px 0; } .sharebuttons > ul.simpleicons_white > li > a.twitter { background-position:-160px 0; } .sharebuttons > ul.simpleicons_white > li > a.gplus { background-position:-80px 0; } .sharebuttons > ul.simpleicons_white > li > a.linkedin { background-position:-120px 0; } .sharebuttons > ul.simpleicons_white > li > a.xing { background-position:-200px 0; } .sharebuttons > ul.simpleicons_white > li > a.mail { background-position:0 0; } .sharebuttons > ul.simpleicons_white > li > a.tumblr { background-position:-240px 0; } .sharebuttons > ul.simpleicons_white > li > a.pinterest { background-position:-280px 0; } .sharebuttons > ul.simpleicons_white > li > a.reddit { background-position:-320px 0; } .sharebuttons > ul.simpleicons_white > li > a.whatsapp { background-position:-360px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { .sharebuttons > ul.simpleicons_white > li > a { background-size:auto 32px; background-image:url('../../system/modules/sharebuttons/assets/simpleicons/sprites-white-64.png'); } } .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} :root{ --schwarz: #000000; --weiss: #ffffff; --hellgrau: #f6f6f6; /* Texte Standard */ --mittelgrau: #6F6F6F; --dunkelgrau:#3B3B3B; --liniengrau: #878787; --gelb: #ffed00; /* 4 Fadings sw/trans */ --h1-oversize-size: 4.5rem; --h1-oversize-line-height: 1.03em; --h1-size: 3.75rem; --h1-line-height: 1.125em; --h2-size: 3rem; --h2-line-height: 1.125em; --h3-size: 2.5rem; --h3-line-height: 1.125em; --h4-size: 1.25rem; --h4-line-height: 1.4em; --h5-size: 1rem; --h5-line-height: 1.5em; /* --h-oversize-1: 80px; --h-oversize-1-line-height: 78px; --h-oversize-2: 64px; --h-oversize-2-line-height: 62px; */ --text-1-size: .75rem; --text-1-line-height: 1.25em; --text-2-size: 1rem; --text-2-line-height: 1.3em; --text-3-size: 1.125rem; /* Texte Standard */ --text-3-line-height: 1.44em; --text-4-size: 1.5rem; --text-4-line-height: 1.3em; --text-modules-1-size: 1.5rem; --text-modules-1-line-height: 1.2em; --standard-padding-top: 100px; --standard-padding-bottom: 120px; --standard-onlypadding-top: 150px; --standard-onlypadding-bottom: 170px; --standard-margin-top: 100px; --standard-margin-bottom: 100px; --article-padding-top: 100px; --article-padding-bottom: 100px; --article-first-padding-top: 150px; --article-first-padding-bottom: 150px; --standard-transition: all .4s; --standard-transition-long: all 1s; --standard-gradient-size: 100px; --teaser-height: 640px; } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { :root{ --h1-oversize-size: 3.5rem; --h1-oversize-line-height: 1.03em; --h1-size: 3.5rem; --h1-line-height: 1.03em; --h2-size: 2.5rem; --h2-line-height: 1.125em; --h3-size: 2rem; --h3-line-height: 1.125em; --h4-size: 1.25rem; --h4-line-height: 1.4em; --standard-padding-top: 50px; --standard-padding-bottom: 60px; --article-padding-top: 50px; --article-padding-bottom: 50px; --standard-onlypadding-top: 100px; --standard-onlypadding-bottom: 120px; --article-first-padding-top: 100px; --article-first-padding-bottom: 70px; --standard-margin-top: 50px; --standard-margin-bottom: 50px; } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { :root{ --h1-oversize-size: 2.5rem; --h1-oversize-line-height: 1.03em; --h1-size: 2.5rem; --h1-line-height: 1.03em; --h2-size: 2rem; --h2-line-height: 1.125em; --h3-size: 1.5rem; --h3-line-height: 1.125em; --h4-size: 1rem; --h4-line-height: 1.5em; --text-1-size: .75rem; --text-1-line-height: 1.25em; --text-2-size: 1rem; --text-2-line-height: 1.3em; --text-3-size: 1rem; /* Texte Standard */ --text-3-line-height: 1.44em; --text-4-size: 1.3rem; --text-4-line-height: 1.3em; --standard-gradient-size: 100px; --standard-padding-top: 50px; --standard-padding-bottom: 60px; --article-padding-top: 50px; --article-padding-bottom: 50px; --standard-onlypadding-top: 50px; --standard-onlypadding-bottom: 60px; --article-first-padding-top: 100px; --article-first-padding-bottom: 70px; --standard-margin-top: 50px; --standard-margin-bottom: 50px; } } /* ################################################################################### */ /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { } .clear{ clear:both; } .left{float:left;} .right{float:right;} .textleft{text-align:left;} .textright{text-align:right;} .textcenter{text-align:center;} img{ vertical-align:bottom; } .uppercase{ text-transform:uppercase; } .normalcase{ text-transform:none; } .display-576{ display:none; } /* --- Standard-Paddings --------------------------------------------------------------------------------------------- */ .standard-padding-top{ padding-top: var(--standard-padding-top); } .standard-padding-top-half{ padding-top: calc( var(--standard-padding-top) / 2 ); } .standard-padding-top-quarter{ padding-top: calc( var(--standard-padding-top) / 4 ); } .standard-padding-top-double{ padding-top: calc( var(--standard-padding-top) * 2 ); } .standard-padding-bottom{ padding-bottom: var(--standard-padding-bottom); } .standard-padding-bottom-half{ padding-bottom: calc( var(--standard-padding-bottom) / 2 ); } .standard-padding-bottom-quarter{ padding-bottom: calc( var(--standard-padding-bottom) / 4 ); } .standard-padding-bottom-double{ padding-bottom: calc( var(--standard-padding-bottom) * 2 ); } /* --- Standard-Margins --------------------------------------------------------------------------------------------- */ .standard-margin-top{ margin-top: var(--standard-margin-top); } .standard-margin-top-half{ margin-top: calc( var(--standard-margin-top) / 2 ); } .standard-margin-top-quarter{ margin-top: calc( var(--standard-margin-top) / 4 ); } .standard-margin-top-double{ margin-top: calc( var(--standard-margin-top) * 2 ); } .standard-margin-top-triple{ margin-top: calc( var(--standard-margin-top) * 3 ); } .standard-margin-bottom{ margin-bottom: var(--standard-margin-bottom); } .standard-margin-bottom-half{ margin-bottom: calc( var(--standard-margin-bottom) / 2 ); } .standard-margin-bottom-quarter{ margin-bottom: calc( var(--standard-margin-bottom) / 4 ); } .standard-margin-bottom-double{ margin-bottom: calc( var(--standard-margin-bottom) * 2 ); } .standard-margin-bottom-triple{ margin-bottom: calc( var(--standard-margin-bottom) * 3 ); } @media (max-width: 1200px) { .standard-margin-top-mobile-1200{ margin-top: var(--standard-margin-top); } .standard-margin-top-half-mobile-1200{ margin-top: calc( var(--standard-margin-top) / 2 ); } .standard-margin-top-quarter-mobile-1200{ margin-top: calc( var(--standard-margin-top) / 4 ); } .standard-margin-top-double-mobile-1200{ margin-top: calc( var(--standard-margin-top) * 2 ); } .standard-margin-bottom-mobile-1200{ margin-bottom: var(--standard-margin-bottom); } .standard-margin-bottom-half-mobile-1200{ margin-bottom: calc( var(--standard-margin-bottom) / 2 ); } .standard-margin-bottom-quarter-mobile-1200{ margin-bottom: calc( var(--standard-margin-bottom) / 4 ); } .standard-margin-bottom-double-mobile-1200{ margin-bottom: calc( var(--standard-margin-bottom) * 2 ); } } @media (max-width: 992px) { .standard-margin-top-mobile-992{ margin-top: var(--standard-margin-top); } .standard-margin-top-half-mobile-992{ margin-top: calc( var(--standard-margin-top) / 2 ); } .standard-margin-top-quarter-mobile-992{ margin-top: calc( var(--standard-margin-top) / 4 ); } .standard-margin-top-double-mobile-992{ margin-top: calc( var(--standard-margin-top) * 2 ); } .standard-margin-bottom-mobile-992{ margin-bottom: var(--standard-margin-bottom); } .standard-margin-bottom-half-mobile-992{ margin-bottom: calc( var(--standard-margin-bottom) / 2 ); } .standard-margin-bottom-quarter-mobile-992{ margin-bottom: calc( var(--standard-margin-bottom) / 4 ); } .standard-margin-bottom-double-mobile-992{ margin-bottom: calc( var(--standard-margin-bottom) * 2 ); } } @media (max-width: 768px) { .standard-margin-top-mobile-768{ margin-top: var(--standard-margin-top); } .standard-margin-top-half-mobile-768{ margin-top: calc( var(--standard-margin-top) / 2 ); } .standard-margin-top-quarter-mobile-768{ margin-top: calc( var(--standard-margin-top) / 4 ); } .standard-margin-top-double-mobile-768{ margin-top: calc( var(--standard-margin-top) * 2 ); } .standard-margin-bottom-mobile-768{ margin-bottom: var(--standard-margin-bottom); } .standard-margin-bottom-half-mobile-768{ margin-bottom: calc( var(--standard-margin-bottom) / 2 ); } .standard-margin-bottom-quarter-mobile-768{ margin-bottom: calc( var(--standard-margin-bottom) / 4 ); } .standard-margin-bottom-double-mobile-768{ margin-bottom: calc( var(--standard-margin-bottom) * 2 ); } } @media (max-width: 576px) { .display-576{ display:block; } .standard-nomargin-top-mobile-575{ margin-top: 0px; } .standard-nomargin-bottom-mobile-575{ margin-bottom: 0px; } .standard-margin-top-mobile-575{ margin-top: var(--standard-margin-top); } .standard-margin-top-half-mobile-575{ margin-top: calc( var(--standard-margin-top) / 2 ); } .standard-margin-top-quarter-mobile-575{ margin-top: calc( var(--standard-margin-top) / 4 ); } .standard-margin-top-double-mobile-575{ margin-top: calc( var(--standard-margin-top) * 2 ); } .standard-margin-bottom-mobile-575{ margin-bottom: var(--standard-margin-bottom); } .standard-margin-bottom-half-mobile-575{ margin-bottom: calc( var(--standard-margin-bottom) / 2 ); } .standard-margin-bottom-quarter-mobile-575{ margin-bottom: calc( var(--standard-margin-bottom) / 4 ); } .standard-margin-bottom-double-mobile-575{ margin-bottom: calc( var(--standard-margin-bottom) * 2 ); } } @charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev * * Copyright (c) 2022 Animate.css */ /* Standard Animationen LUIS Technology animate hidden fadeInUp animate hidden zoomIn animate hidden fadeInLeft delay-1s animate hidden fadeInRight delay-1s delay-1s */ .hidden{ opacity:0; } :root { --animate-duration: .25s; --animate-delay: .25s; --animate-repeat: .25s; } .animate__animated { -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .5s; animation-delay: .5s; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-05s { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-delay: calc( var(--animate-delay) / 2 ); animation-delay: calc( var(--animate-delay) / 2 ); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__delay-6s { -webkit-animation-delay: calc(1s * 6); animation-delay: calc(1s * 6); -webkit-animation-delay: calc(var(--animate-delay) * 6); animation-delay: calc(var(--animate-delay) * 6); } .animate__animated.animate__delay-7s { -webkit-animation-delay: calc(1s * 7); animation-delay: calc(1s * 7); -webkit-animation-delay: calc(var(--animate-delay) * 7); animation-delay: calc(var(--animate-delay) * 7); } .animate__animated.animate__delay-8s { -webkit-animation-delay: calc(1s * 8); animation-delay: calc(1s * 8); -webkit-animation-delay: calc(var(--animate-delay) * 8); animation-delay: calc(var(--animate-delay) * 8); } .animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* Back entrances */ @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } /* Back exits */ @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-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% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-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% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-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% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-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% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-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% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-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% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /* Bouncing exits */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } /* Flippers */ @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } /* Lightspeed */ @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Rotating exits */ @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Specials */ @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Zooming entrances */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /* Zooming exits */ @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* ibm-plex-sans-100 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 100; src: url('../../files/assets/fonts/ibm-plex-sans-v22-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-sans-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 200; src: url('../../files/assets/fonts/ibm-plex-sans-v22-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-sans-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 300; src: url('../../files/assets/fonts/ibm-plex-sans-v22-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: url('../../files/assets/fonts/ibm-plex-sans-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-sans-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; src: url('../../files/assets/fonts/ibm-plex-sans-v22-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; src: url('../../files/assets/fonts/ibm-plex-sans-v22-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: url('../../files/assets/fonts/ibm-plex-sans-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-mono-100 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 100; src: url('../../files/assets/fonts/ibm-plex-mono-v19-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-mono-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 200; src: url('../../files/assets/fonts/ibm-plex-mono-v19-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-mono-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 300; src: url('../../files/assets/fonts/ibm-plex-mono-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-mono-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; src: url('../../files/assets/fonts/ibm-plex-mono-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-mono-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; src: url('../../files/assets/fonts/ibm-plex-mono-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-mono-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; src: url('../../files/assets/fonts/ibm-plex-mono-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* ibm-plex-mono-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; src: url('../../files/assets/fonts/ibm-plex-mono-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } #header{ position:absolute; width:100%; z-index:999; padding: 40px 30px 10px 30px; } /* Tablet Hochformat */ @media (max-width: 992px) { #header{ padding: 20px 30px 10px 30px; } } /* Logo */ #header .content-text.logo{ display:flex; align-items:center; font-size:var(--text-1-size); line-height:var(--text-1-line-height); } #header .content-text.logo p{ margin-bottom:0; margin-left:15px; margin-top:8px; border-left: 1px solid #fff; padding: 0 15px 0 15px; } /* Tablet Querformat */ @media (max-width: 1200px) { #header .content-text.logo p{ display:none; } } /* Tablet Hochformat */ @media (max-width: 992px) { } /* Handys */ @media (max-width: 768px) { } @media (max-width: 576px) { } /* Hauptnavigation */ .hauptnavigation{ overflow:visible; font-size:.9rem; line-height:.9em; font-weight:500; letter-spacing: .025em; width:100%; padding-top:11px; letter-spacing:.05em; } .hauptnavigation .let-s-talk{ display:none; } /* Hauptnavigation Mobile */ .mod_mmenu{ display:none; } #header .navigation{ display:none; position:absolute; top:10px; right:0px; transition:all .4s; } #header .navigation .menu-button #hamburger{ display:inline-block; width: 40px; height: 25px; cursor: pointer; margin-right:0px; } #header .navigation .menu-button #hamburger span { display:block; background:var(--hellgrau); border-radius:0px; box-sizing: border-box; } #header .navigation .menu-button #hamburger span { width: 40px; height: 4px; position: relative; top: 0px; left: 0px; margin: 3px 0 6px 0; } #header .navigation .mod_changelanguage{ display:block; margin-top:10px; margin-left:0px; } @media (max-width: 992px) { #header .hauptnavigation, #header .content-text.contact{ display:none !important; } #header .navigation, .mod_mmenu{ display:block; } .mod_mmenu{ opacity:0; animation-name: fadeInMobileNav; animation-duration: .2s; animation-delay: 1s; animation-iteration-count: 1; animation-fill-mode: forwards ; } @keyframes fadeInMobileNav { 0% { opacity:0; } 100% { opacity:1; } } } /* Header Kontakt */ #header .content-text.contact{ display:flex; justify-content: flex-end; align-items:center; } #header .content-text.contact p{ margin-bottom:0; padding-top:8px; } #header .content-text.contact a{ border: 1px solid var(--gelb); border-radius:16px; color: var(--hellgrau); font-size:.9rem; line-height:1.2em; padding: 4px 30px 4px 15px; background:url(../../files/assets/images/empit_arrow_ws.svg) no-repeat right 10px center transparent; letter-spacing: .025em; } #header .content-text.contact a:hover{ color: var(--schwarz); background:url(../../files/assets/images/empit_arrow_sw.svg) no-repeat right 10px center var(--gelb); } #footer{ padding-bottom: 30px; } #footer a{ color: var(--mittelgrau); font-weight:500; } #footer a:hover{ color: var(--gelb); } #footer .mod_customnav:not(.legal) a{ color:#fff; } #footer .mod_customnav:not(.legal) a:hover{ color: var(--gelb); } #footer .content-text.logo{ display:flex; align-items:center; font-size:var(--text-1-size); line-height:var(--text-1-line-height); padding: 20px 0px; border-top: 1px solid var(--liniengrau); } #footer .content-text.logo p{ margin-bottom:0; margin-left:15px; margin-top:8px; border-left: 1px solid #fff; padding: 0 15px 0 15px; } /* Extra-Klein: Handys */ @media (max-width: 992px) { #footer .content-text.logo{ padding: 40px 0px 20px 0px; } } #footer .content-text.contact{ padding-top:5px; } #footer .content-text.contact a{ font-size:var(--text-3-size); line-height:var(--text-3-line-height); color: var(--hellgrau); font-weight:500; text-transform:none; } #footer .content-text.contact a:hover{ color: var(--gelb); } #footer .mod_customnav{ } #footer .mod_customnav li{ font-size:.9rem; line-height:1.8em; letter-spacing: .05em; text-transform:uppercase; font-weight:400; } #footer .mod_customnav li a{ font-weight:400; } #footer .mod_customnav.social{ font-size:0; } #footer .mod_customnav.social li{ display:inline-block; width:25%; max-width:72px; padding:0; margin:0; border:1px solid #000; box-sizing:border-box; } #footer .mod_customnav.social li a{ text-align:left; display:inline-block; width:100%; min-height:60px; text-indent:-10000px; } #footer .mod_customnav.social li a.linkedin{ background:url(../../files/assets/images/empit_sm_linkedin_normal.svg) no-repeat center transparent; background-size: 100% auto; } #footer .mod_customnav.social li a.linkedin:hover{ background:url(../../files/assets/images/empit_sm_linkedin_rollover.svg) no-repeat center transparent; background-size: 100% auto; } #footer .mod_customnav.social li a.twitter{ background:url(../../files/assets/images/empit_sm_x_normal.svg) no-repeat center transparent; background-size: 100% auto; } #footer .mod_customnav.social li a.twitter:hover{ background:url(../../files/assets/images/empit_sm_x_rollover.svg) no-repeat center transparent; background-size: 100% auto; } #footer .mod_customnav.social li a.youtube{ background:url(../../files/assets/images/empit_sm_youtube_normal.svg) no-repeat center transparent; background-size: 100% auto; } #footer .mod_customnav.social li a.youtube:hover{ background:url(../../files/assets/images/empit_sm_youtube_rollover.svg) no-repeat center transparent; background-size: 100% auto; } #footer .mod_customnav.social li a.instagram{ background:url(../../files/assets/images/empit_sm_instagram_normal.svg) no-repeat center transparent; background-size: 100% auto; } #footer .mod_customnav.social li a.instagram:hover{ background:url(../../files/assets/images/empit_sm_instagram_rollover.svg) no-repeat center transparent; background-size: 100% auto; } #footer hr{ margin-top:60px; margin-bottom:10px; } #footer .content-text.copy{ font-size:var(--text-1-size); line-height:var(--text-1-line-height); color: var(--mittelgrau); } #footer .mod_customnav.legal li{ display:inline-block; font-size:var(--text-1-size); line-height:var(--text-1-line-height); color: var(--mittelgrau); text-transform:none; } #footer .mod_customnav.legal li a{ font-size:var(--text-1-size); line-height:var(--text-1-line-height); letter-spacing: .01em; text-transform:none; } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { #footer{ text-align:center; } #footer .content-text.logo{ justify-content:center; } #footer .content-text.contact{ padding: 30px 0; } #footer .mod_customnav.mainpages ul{ margin-bottom:0; } #footer .mod_customnav.social{ padding: 30px 0 0px 0; text-align:center; } #footer .mod_customnav.social li{ float:none; } #footer hr{ margin-top:30px; margin-bottom:30px; } #footer .mod_customnav.legal{ text-align:center !important; } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { #footer .content-text.logo p{ display:none; } } html { font-size: 16px; scroll-behavior: smooth; } body{ font-family: 'IBM Plex Sans'; color: var(--hellgrau); font-size:var(--text-3-size); line-height:var(--text-3-line-height); font-weight:300; background: var(--schwarz); } a{ /* font-size: 1rem; line-height:1.3em; text-transform:uppercase; color:var(--gelb); */ color: var(--hellgrau); text-decoration:none; transition:all .4s; } a:hover{ color:var(--gelb); } /* a:focus{ outline: 2px dashed var(--gelb); box-sizing:border-box; color: var(--weiss) } */ a.link-arrow, .link-arrow a, .pagination ul li.next a{ font-size:var(--text-2-size); line-height:var(--text-2-line-height); text-transform:uppercase; color:var(--gelb); position:relative; display:inline-block; font-weight:500; padding-right:30px; margin-top:14px; letter-spacing: .05em; } a.link-arrow:hover, .link-arrow a:hover, .pagination ul li.next a:hover{ color:var(--gelb); padding-right:42px; } a.link-arrow:after, .link-arrow a:after, .pagination ul li.next a:after{ position:absolute; top:1px; right:0px; display:inline-block; content:""; width:18px; height:18px; background:url(../../files/assets/images/empit_arrow_rollover.svg) no-repeat right center transparent; background-size: auto 90%; transition: var(--standard-transition); } a.link-arrow:hover:after, .link-arrow a:hover:after, .pagination ul li.next a:hover:after{ width:30px; } a.link-headline-arrow, .link-headline-arrow a{ position:relative; display:block; padding-right:80px; box-sizing:border-box; } a.link-headline-arrow:hover, .link-headline-arrow a:hover{ color:var(--hellgrau); } a.link-headline-arrow:after, .link-headline-arrow a:after{ position:absolute; top:50%; transform:translateY(-50%); right:0px; display:inline-block; content:""; width:60px; height:36px; background:url(../../files/assets/images/empit_arrow_rollover.svg) no-repeat right 30px center transparent; background-size: auto 90%; transition: var(--standard-transition); } a.link-headline-arrow:hover:after, .link-headline-arrow a:hover:after{ right:0px; background:url(../../files/assets/images/empit_arrow_rollover.svg) no-repeat right 0px center transparent; background-size: auto 90%; } strong{ font-weight:500; } hr{ border:0; border-top: 1px solid var(--liniengrau); margin: 20px 0 40px 0; } p{ margin-bottom:24px; } h1,.h1-size, h2,.h2-size, h3,.h3-size, h4,.h4-size, h5,.h5-size, h6,.h6-size{ font-weight:300; margin-top:0; margin-bottom:30px; text-wrap:balance; color: var(--weiss); } h1 strong,.h1-size strong, h2 strong,.h2-size strong, h3 strong,.h3-size strong, h4 strong,.h4-size strong, h5 strong,.h5-size strong, h6 strong,.h6-size strong{ font-weight:500; letter-spacing: .005em; } h1.oversize, h1.oversize a{ font-size:var(--h1-oversize-size); line-height: var(--h1-oversize-line-height); } h1, h1 a, .h1-size, .h1-size a{ font-size:var(--h1-size); line-height: var(--h1-line-height); } h2, h2 a, .h2-size, .h2-size a, .mod_newsreader h1, .mod_eventreader h1{ font-size:var(--h2-size); line-height: var(--h2-line-height); } h3, h3 a, .h3-size, .h3-size a{ font-size:var(--h3-size); line-height: var(--h3-line-height); } h4, h4 a, .h4-size, .h4-size a, .mod_newsreader h2, .mod_eventreader h2, .mod_newsreader h3, .mod_eventreader h3{ font-size:var(--h4-size); line-height: var(--h4-line-height); } h5, h5 a, .h5-size, .h5-size a{ font-size:var(--h5-size); line-height: var(--h5-line-height); } .mod_newsreader h2, .mod_newsreader h3, .mod_newsreader h4, .mod_newsreader h5{ font-weight:500; } .tiny-text{ font-size:var(--text-2-size); line-height:var(--text-2-line-height); } .mini-text{ font-size:var(--text-1-size); line-height:var(--text-1-line-height); } .big-text{ font-size:var(--text-4-size); line-height:var(--text-4-line-height); } .content-text ul{ padding-left:30px; list-style-type:disc; } .content-text ul li{ margin-bottom:20px; } /* .content-text ul li::marker { color: var(--gelb); } .mod_newsreader .content-text ul li::marker { color: var(--weiss); } */ /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { .big-text{ font-size:var(--text-3-size); line-height:var(--text-3-line-height); } } .mod_article.gradient-swToTrans-top, .mod_article.gradient-swToTrans-top2, .mod_article.gradient-swToTrans-bottom, .mod_article.gradient-swToTrans-left, .mod_article.gradient-swToTrans-right{ position:relative; } .mod_article.gradient-swToTrans-top:before{ content:""; position:absolute; left:0px; top:0px; width:100%; height: var(--standard-gradient-size); z-index:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,7db9e8+100&1+0,0+100 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%); } .mod_article.gradient-swToTrans-top2:before{ content:""; position:absolute; left:0px; top:0px; width:100%; height: 150px; z-index:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,7db9e8+100&1+0,0+100 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%); } .mod_article.gradient-swToTrans-bottom:after{ content:""; position:absolute; left:0px; bottom:0px; width:100%; height: var(--standard-gradient-size); z-index:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */ background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%); } .mod_article.gradient-swToTrans-left:before{ content:""; position:absolute; left:0px; top:0px; width: var(--standard-gradient-size); height:100%; z-index:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */ background: linear-gradient(to left, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%); } .mod_article.gradient-swToTrans-right:after{ content:""; position:absolute; right:0px; top:0px; width: var(--standard-gradient-size); height:100%; z-index:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */ background: linear-gradient(to right, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%); } .mod_newsreader .layout_full picture, .content-image.gradient-swToTrans-bottom picture, .content-image.gradient-swToTrans-bottom2 figure, .content-image.gradient-swToTrans-left figure, .content-image.gradient-swToTrans-right figure, .content-player.gradient-swToTrans-left figure, .content-player.gradient-swToTrans-right figure, .content-text.gradient-swToTrans-left figure, .content-text.gradient-swToTrans-right figure, .content-text.case picture, .content-text.case figure{ position:relative; } .mod_newsreader .layout_full picture:after, .content-image.gradient-swToTrans-bottom picture:after, .content-image.gradient-swToTrans-bottom2 figure:after, .content-text.gradient-swToTrans-bottom picture:after, .content-text.gradient-swToTrans-bottom2 figure:after{ content:""; position:absolute; left:0px; bottom:-2px; width:100%; height: var(--standard-gradient-size); z-index:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */ background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%); } .content-image.gradient-swToTrans-left figure:before, .content-player.gradient-swToTrans-left figure:before{ content:""; position:absolute; left:0px; top:0px; width: var(--standard-gradient-size); height:100%; z-index:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */ background: linear-gradient(to left, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%); } .content-image.gradient-swToTrans-right figure:after, .content-player.gradient-swToTrans-right figure:after{ content:""; position:absolute; right:0px; top:0px; width: var(--standard-gradient-size); height:100%; z-index:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */ background: linear-gradient(to right, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%); } /* Artikel */ .mod_article .inn{ position:relative; z-index:10; } .mod_article.padding .inn{ padding: var(--standard-onlypadding-top) 15px var(--standard-onlypadding-bottom) 15px; } .mod_article.padding-top .inn{ padding: var(--article-padding-top) 0 0 0; } .mod_article.padding-bottom .inn{ padding: 0 0 var(--article-padding-bottom) 0; } .mod_article:not(.notFullHeight) .inn{ min-height:100vh; } .mod_article.flex .inn{ display:flex; flex-direction:column; padding: var(--article-padding-top) 15px var(--article-padding-bottom) 15px; } .mod_article.flex.paddingBottom .inn{ display:flex; flex-direction:column; padding: 0px 15px var(--article-padding-bottom) 15px; } .mod_article.flex.first .inn{ display:flex; flex-direction:column; padding: var(--article-first-padding-top) 15px var(--article-first-padding-bottom) 15px; } .mod_article.flex.justify-center .inn{ justify-content:center; } .mod_article.flex.justify-start .inn{ justify-content:flex-start; } .mod_article.flex.justify-end .inn{ justify-content:flex-end; } .mod_article.flex.justify-space-between .inn{ justify-content:space-between; } /* .mod_article:not(.notFullHeight){ min-height:100vh; box-sizing:border-box; } */ /* Elemente */ .content-image{ } .content-image figcaption{ font-size:var(--text-1-size); line-height:var(--text-1-line-height); padding-top:16px; } .content-image figcaption strong{ font-size:var(--text-3-size); line-height:var(--text-3-line-height); color: var(--weiss); } /* Top-Button --------------------------------------------------------------------------------- */ #topBtn { position: fixed; width:60px; height:60px; bottom: 40px; right: 40px; z-index: 99; border: 1px solid var(--mittelgrau); outline: none; background:url(../../files/assets/images/empit_back-to-top_normal.svg) no-repeat center transparent; color: white; cursor: pointer; padding: 0px; border-radius: 30px; font-size: 18px; text-indent:-10000px; opacity:0; transition: var(--standard-transition); } #topBtn:hover{ background:url(../../files/assets/images/empit_back-to-top_rollover.svg) no-repeat center transparent; border: 1px solid var(--gelb); } /* Extra-Klein: Handys */ @media (max-width: 576px) { #topBtn { width:40px; height:40px; bottom: 20px; right: 20px; background:url(../../files/assets/images/empit_back-to-top_normal.svg) no-repeat center transparent; background-size: auto 50%; } #topBtn:hover{ background:url(../../files/assets/images/empit_back-to-top_rollover.svg) no-repeat center transparent; background-size: auto 50%; } } /* Mobile Navigation */ .mm-panels{ font-family: 'IBM Plex Mono'; text-transform:uppercase; font-size: .9rem; font-weight:500; letter-spacing: .05em; } .mm-navbar__title{ height:80px; justify-content:start; } .mm-navbar{ margin-bottom:20px; } #mm-1 .mm-navbar__title{ background:url(../../files/assets/images/empit_logo_horizontal.svg) no-repeat left 20px center transparent; background-size: auto 40px; } #mm-1 .mm-navbar__title > span{ display:none; } .mm-listitem:after{ border-bottom-width: 0px; } .mm-listitem__btn:not(.mm-listitem__text){ border-left-width:0px; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited{ color:var(--hellgrau); } .mm-btn--next:after, .mm-btn--prev:before{ border-color:var(--hellgrau); } .mm-listitem__text.sub{ margin-left:10px; } /* Dialog --------------------------------------------------------------------------------- */ .ui-widget.ui-widget-content{ border:0; border-radius:0; } .ui-dialog, .ui-widget.ui-widget-content.ui-dialog-content, .ui-widget-content.ui-dialog-content{ border:0 !important; background:var(--dunkelgrau) !important; color:var(--hellgrau) !important; } .ui-dialog .ui-dialog-content{ padding: 0 40px 20px 40px !important; } .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-close:focus-visible{ top:30px !important; right:20px !important; width:14px !important; height:14px !important; border:0; border-radius:0; background:url(../../files/assets/images/close.svg) no-repeat center transparent !important; background-size: 100% auto !important; } .ui-icon-closethick{ background:transparent !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{ background:transparent !important; } .ui-dialog .ui-dialog-titlebar{ border:0; border-radius:0; background:transparent; } @media (max-width: 576px) { .ui-dialog .ui-dialog-content{ padding: 0 20px 20px 20px !important; } } /* Logo Marquee */ .marquee { width: 100%; overflow: hidden; margin-top:20px; } .marquee__inner-wrap { height: 100%; width: 100%; } .marquee__img { width:220px; margin: 0 10px 0 10px; text-align:center; } @media (max-width:1024px) { .marquee__img { width:180px; } } @media (max-width:500px) { .marquee__img { width:160px; } } .ce_gallery .marquee__inner { height: 100%; width: fit-content; align-items: center; display: flex; position: relative; will-change: transform; /* animation: marquee calc(perRow ?>*20s) linear infinite; */ } .ce_gallery.active .marquee__inner { height: 100%; width: fit-content; align-items: center; display: flex; position: relative; will-change: transform; animation: marquee 130s linear infinite; } @keyframes marquee { to { transform: translateX(-50%); } } /* Accordion --------------------------------------------------------------------------------- */ .ce_accordionSingle{ border-bottom: 1px solid var(--liniengrau); } .ce_accordionSingle.first{ border-top: 1px solid var(--liniengrau); } .ce_accordionSingle.last{ border-bottom: 0px solid var(--liniengrau); } .ce_accordionSingle .toggler{ cursor:pointer; font-size: var(--text-modules-1-size); line-height: var(--text-modules-1-line-height); font-weight:400; color:#fff; padding:20px 0 20px 0; } .ce_accordionSingle .toggler:hover, .ce_accordionSingle .toggler.active{ color:var(--gelb); } .ce_accordionSingle .accordion{ max-width:70%; padding-bottom:24px; } /* Klein: Handys */ @media (max-width: 768px) { .ce_accordionSingle .accordion{ max-width:100%; } } /* Glossary --------------------------------------------------------------------------------- */ .mod_glossary{ padding-left:2px; } .mod_glossary .letter{ font-size: var(--h2-size); line-height:var(--h2-line-height); color:var(--gelb); font-weight:600; } .mod_glossary .group{ margin-bottom:80px; } .mod_glossary .item{ font-size: var(--text-modules-1-size); line-height: var(--text-modules-1-line-height); font-weight:400; color:var(--hellgrau); padding:20px 0 20px 0; border-bottom: 1px solid var(--liniengrau); padding-left:2px; } .mod_glossary .item a{ color:var(--hellgrau); box-sizing:border-box; } .mod_glossary .item a:hover{ color:var(--gelb); } .mod_glossary .grouplist{ font-size:var(--text-2-size); line-height:var(--text-2-line-height); text-transform:uppercase; color:var(--hellgrau); letter-spacing: .05em; font-weight:500; margin-bottom:30px; } .mod_glossary .grouplist li{ display:inline-block; padding: 0 10px 0 0px; } .mod_glossary .grouplist li.selected a{ color:var(--gelb); } .mod_glossary .grouplist li.inactive{ opacity:.3; } .mod_glossaryreader h1{ font-size:var(--h2-size); line-height: var(--h2-line-height); font-weight:500; } .mod_glossaryreader .layout_full{ max-width:70%; } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { .mod_glossaryreader .layout_full{ max-width:100%; } .mod_glossaryreader{ margin-top: var(--standard-margin-top); } } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { } /* Klein: Handys */ @media (max-width: 768px) { .mod_glossaryreader .layout_full{ max-width:100%; } } /* Extra-Klein: Handys */ @media (max-width: 576px) { .mod_glossary .grouplist{ display:none !important; } } /* Subnavigation --------------------------------------------------------------------------------- */ .mod_customnav{ font-weight:500; padding:3px; box-sizing:border-box; } .mod_customnav strong{ color:var(--gelb); } /* Extra-Klein: Handys */ @media (max-width: 576px) { .mod_customnav{ padding:0px; } } /* Counter --------------------------------------------------------------------------------- */ .content-plenta-countup{ position:relative; font-size: 4.5rem; line-height: 1.2em; font-weight:500; clear:both; border-bottom: 1px solid var(--liniengrau); max-width:60%; margin-bottom:10px; } .content-plenta-countup.first{ padding-top:30px; } .content-plenta-countup .countup-suffix{ color: var(--gelb); } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { .content-plenta-countup{ max-width:80%; } } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { .content-plenta-countup{ max-width:100%; } } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { .content-plenta-countup{ font-size: 3.5rem; line-height: 1.03em; } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { .content-plenta-countup{ font-size: 2.5rem; line-height: 1.03em; } } /* News --------------------------------------------------------------------------------- */ .mod_newslist{ margin-top:60px; /* margin-bottom:62px; */ } .mod_newslist .layout_latest{ margin-bottom:30px; } .mod_newslist .image_container, .mod_newslist .video_container{ position:relative; } .mod_newslist .col-sm-6 .layout_latest .image_container img, .mod_newslist .col-sm-6 .layout_latest .video_container video, .mod_newslist .col-lg-4 .layout_latest .image_container img, .mod_newslist .col-lg-4 .layout_latest .video_container video, .mod_newslist.ce_swiperStart .layout_latest .image_container img, .mod_newslist.ce_swiperStart .layout_latest .video_container video{ filter: grayscale(1); transition: var(--standard-transition); } @media (max-width: 1200px) { .mod_newslist .col-sm-6 .layout_latest .image_container img, .mod_newslist .col-sm-6 .layout_latest .video_container video, .mod_newslist .col-lg-4 .layout_latest .image_container img, .mod_newslist .col-lg-4 .layout_latest .video_container video, .mod_newslist.ce_swiperStart .layout_latest .image_container img, .mod_newslist.ce_swiperStart .layout_latest .video_container video{ filter: grayscale(0) !important; } } /* .mod_newslist .col-sm-6:first-child .layout_latest .image_container img, .mod_newslist .col-sm-6:first-child .layout_latest .video_container video, .mod_newslist .col-lg-4:first-child .layout_latest .image_container img, .mod_newslist .col-lg-4:first-child .layout_latest .video_container video .mod_newslist.ce_swiperStart .layout_latest.swiper-slide-active .image_container img, .mod_newslist.ce_swiperStart .layout_latest.swiper-slide-active .video_container video, .mod_newslist.ce_swiperStart .layout_latest.swiper-slide-active .image_container img, .mod_newslist.ce_swiperStart .layout_latest.swiper-slide-active .video_container video{ filter: grayscale(0); } */ .mod_newslist .col-sm-6 .layout_latest.grayscale .image_container img, .mod_newslist .col-sm-6 .layout_latest.grayscale .video_container video, .mod_newslist .col-lg-4 .layout_latest.grayscale .image_container img, .mod_newslist .col-lg-4 .layout_latest.grayscale .video_container video, .mod_newslist.ce_swiperStart .layout_latest.grayscale .image_container img, .mod_newslist.ce_swiperStart .layout_latest.grayscale .video_container video, .mod_newslist.ce_swiperStart .layout_latest.grayscale .image_container img, .mod_newslist.ce_swiperStart .layout_latest.grayscale .video_container video{ filter: grayscale(0); } /* .mod_newslist .col-sm-6:first-child .layout_latest .image_container img, .mod_newslist .col-sm-6:first-child .layout_latest .video_container video, .mod_newslist .col-lg-4:first-child .layout_latest .image_container img, .mod_newslist .col-lg-4:first-child .layout_latest .video_container video .mod_newslist.ce_swiperStart .layout_latest.swiper-slide-active .image_container img, .mod_newslist.ce_swiperStart .layout_latest.swiper-slide-active .video_container video, .mod_newslist.ce_swiperStart .layout_latest.swiper-slide-active .image_container img, .mod_newslist.ce_swiperStart .layout_latest.swiper-slide-active .video_container video{ filter: grayscale(0); } .mod_newslist .col-sm-6 .layout_latest:hover .image_container img, .mod_newslist .col-sm-6 .layout_latest:hover .video_container video, .mod_newslist .col-lg-4 .layout_latest:hover .image_container img, .mod_newslist .col-lg-4 .layout_latest:hover .video_container video .mod_newslist.ce_swiperStart .layout_latest:not(.swiper-slide-active):hover .image_container img, .mod_newslist.ce_swiperStart .layout_latest:not(.swiper-slide-active):hover .video_container video, .mod_newslist.ce_swiperStart .layout_latest:not(.swiper-slide-active):hover .image_container img, .mod_newslist.ce_swiperStart .layout_latest:not(.swiper-slide-active):hover .video_container video{ filter: grayscale(0); } */ .mod_newslist .image_container:after, .mod_newslist .video_container:after{ position:absolute; content:""; left:0px; bottom:0px; width:100%; height: 100px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */ background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%); } .mod_newslist .layout_latest .info, .layout_full .info{ color:var(--hellgrau); font-size:var(--text-1-size); line-height:var(--text-1-line-height); margin-top:20px; margin-bottom:10px; font-family: 'IBM Plex Mono'; } .mod_newslist .layout_latest h2, .mod_newslist .layout_latest h3, .mod_newslist .layout_latest h2 a, .mod_newslist .layout_latest h3 a{ text-transform:none !important; } .mod_newslist .layout_latest:hover h2, .mod_newslist .layout_latest:hover h3{ color:var(--gelb); } .mod_newslist .layout_latest video{ aspect-ratio: 3/2; object-fit:cover; } .mod_newsreader .image_container img{ } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { .home .row .noDisplay-1200{ display:none; } } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { .home .row .noDisplay-992{ display:none; } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { .mod_newslist{ margin-top:60px; margin-bottom:30px; } .home .mod_newslist{ margin-bottom:0px; } .mod_newslist .row.newslist{ display:block !important; } } .mod_newslist.cases{ } .mod_newslist.cases .layout_latest{ } .mod_newslist.cases .layout_latest a{ } .mod_newslist.cases .image_container{ } .mod_newslist.cases .layout_latest .image_container img, .mod_newslist.cases .layout_latest .video_container video{ filter: grayscale(0); transition: var(--standard-transition-long); } .mod_newslist.cases .layout_latest:hover .image_container img, .mod_newslist.cases .layout_latest:hover .video_container video{ /* transform:scale(1.05); */ } .mod_newslist.cases h3{ letter-spacing: .05em; font-weight:500; margin-top:20px; margin-bottom:20px; /* margin-block-end:auto; */ } .mod_newslist.cases p{ text-transform:none; font-size:var(--text-2-size); line-height:var(--text-2-line-height); color: var(--hellgrau); text-wrap:balance; } .pagination{ margin-top:60px; } .pagination p{ float:left; font-size:var(--text-2-size); line-height:var(--text-2-line-height); text-transform:uppercase; color:var(--hellgrau); letter-spacing: .05em; font-weight:500; padding-top:3px; padding-right:30px; } .pagination ul{ display:inline-block; } .pagination ul li{ display:inline-block; } .pagination ul li.first, .pagination ul li.last, .pagination ul li.previous{ display:none; } .pagination ul li a, .pagination ul li strong{ font-size:var(--text-2-size); line-height:var(--text-2-line-height); text-transform:uppercase; color:var(--hellgrau); font-weight:500; padding: 0 5px 0 5px; box-sizing:border-box; } .pagination ul li strong{ color:var(--gelb); } .pagination ul li a:hover{ color:var(--gelb); } .pagination ul li.next a{ margin-top:0px !important; margin-left:30px; } .layout_full .info{ margin-bottom:20px; } .mod_newsreader h1{ font-weight:500; } .mod_newsreader p.back a{ font-size:var(--text-2-size); line-height:var(--text-2-line-height); text-transform:uppercase; color:var(--gelb); position:relative; display:inline-block; font-weight:500; padding-left:34px; padding-right:0px; margin-top:14px; letter-spacing: .05em; } .mod_newsreader p.back a:after{ position:absolute; top:1px; left:6px; right:auto; display:inline-block; content:""; width:18px; height:18px; background:url(../../files/assets/images/empit_arrow_rollover_back.svg) no-repeat left center transparent; background-size: auto 80%; transition: var(--standard-transition); } .mod_newsreader p.back a:hover:after, .mod_glossaryreader a.link-arrow.back:hover:after{ left:0px; } .mod_newsreader .layout_full video{ aspect-ratio:3/2; object-fit:cover; } .mod_newsreader p.back{ margin-top:40px; } .mod_glossaryreader a.link-arrow.back{ font-size:var(--text-2-size); line-height:var(--text-2-line-height); text-transform:uppercase; color:var(--gelb); position:relative; display:inline-block; font-weight:500; padding-left:34px; padding-right:0px; margin-top:36px; letter-spacing: .05em; } .mod_glossaryreader a.link-arrow.back:after{ position:absolute; top:1px; left:6px; right:auto; display:inline-block; content:""; width:18px; height:18px; background:url(../../files/assets/images/empit_arrow_rollover_back.svg) no-repeat left center transparent; background-size: auto 80%; transition: var(--standard-transition); } /* Sharebuttons --------------------------------------------------------------------------------- */ .sharebuttons{ margin-bottom:80px; } .sharebuttons > ul.theme{ transform:translateX(-4px); } .sharebuttons > ul.simpleicons_white > li > a{ background-image: url('../../files/assets/images/sprites-white-32.png'); } p.share-title{ padding-top:6px; margin-top:10px; margin-bottom:0px; } /* Swiper --------------------------------------------------------------------------------- */ .swiper-wrapper{ margin-top:10px; padding-bottom:40px; } .swiper-scrollbar{ border-radius:0px; background:var(--mittelgrau); } .swiper-container-horizontal>.swiper-scrollbar{ left:0px; bottom:auto; top:0px; height:4px; width:100px; } .swiper-scrollbar-drag{ background:var(--gelb); border-radius:0px; width:50px !important; } .swiper-button-next, .swiper-button-prev{ position:absolute; top:auto; bottom:0px; color:var(--hellgrau); } .swiper-button-next:after, .swiper-button-prev:after{ font-size:22px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:0px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:0px; } .swiper-button-next, .swiper-button-prev{ width:34px; } .swiper-button-next{ background:url(../../files/assets/images/empit_arrow-slider-right.svg) no-repeat center transparent; background-size: 100% auto; } .swiper-button-next:hover{ background:url(../../files/assets/images/empit_arrow-slider-right_rollover.svg) no-repeat center transparent; background-size: 100% auto; } .swiper-button-prev{ background:url(../../files/assets/images/empit_arrow-slider-left.svg) no-repeat center transparent; background-size: 100% auto; } .swiper-button-prev:hover{ background:url(../../files/assets/images/empit_arrow-slider-left_rollover.svg) no-repeat center transparent; background-size: 100% auto; } .swiper-button-next:after, .swiper-button-prev:after{ display:none; } .swiper-pagination-bullet{ background:var(--mittelgrau); opacity:1; } .swiper-pagination-bullet-active{ background:var(--gelb); } /* --- Home --------------------------------------------------------------------------------------- */ /* Decisions */ /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { #decisions > div video{ width:100% !important; height:auto !important; left:0px !important; bottom:auto !important; top:0px !important; transform:translate(0,0) !important; } #decisions .inn{ justify-content:flex-end; min-height:0px; padding-top:60%; } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { #decisions .inn{ justify-content:flex-end; min-height:0px; padding-top:160%; } } /* Cases */ .home .case.swiper-slide h3{ margin-top:20px; } .home .case.swiper-slide.link-arrow a{ margin-top:0px; } #transforming-challenges .ce_swiperStart .swiper-button-prev, #transforming-challenges .ce_swiperStart .swiper-button-next{ display:none; bottom:30px; } #transforming-challenges .content-text.show-all.link-arrow a{ margin-top:0px; } /* Klein: Handys */ @media (max-width: 768px) { #transforming-challenges .ce_swiperStart .swiper-button-prev, #transforming-challenges .ce_swiperStart .swiper-button-next{ display:flex; } } /* Realtime Data */ @media (max-width: 992px) { #real-time-data{ margin-top: var(--standard-margin-top); } #real-time-data .inn{ padding-top: var(--standard-onlypadding-top); } #real-time-data > div video{ width:100% !important; height:auto !important; left:0px !important; bottom:auto !important; top:0px !important; transform:translate(0,0) !important; } #real-time-data .inn{ justify-content:flex-end; padding-top:60%; } #real-time-data > div{ background-size: 100% auto !important; background-position: left top !important; } #transforming-challenges .ce_swiperStart .swiper-button-prev, #transforming-challenges .ce_swiperStart .swiper-button-next{ bottom:10px; } } @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { #real-time-data{ margin-top: 0px; } #real-time-data .inn{ justify-content:flex-end; min-height:0px; padding-top:100%; } #transforming-challenges .content-text.case{ text-align:center; } .home .content-text.case p{ padding-right:0px !important; } .home .content-text.case p a{ margin-left:30px !important; } } /* Corrosin Detection */ #corrosion-detection .content-image{ margin-bottom:24px; } #corrosion-or-not .content-text p{ padding-right:40px; } #corrosion-or-not .content-text ul{ padding-right:160px; } #corrosion-or-not .inn{ padding: var(--article-padding-top) 15px 0 15px; } #corrosion-integrity-applications .team-grid h3{ display:block; } #corrosion-integrity-applications .team-grid h3 a:hover{ color:#fff; cursor:default; } #corrosion-or-not .content-text.more-text{ max-height:0px; transition:max-height .4s; overflow:hidden; } #corrosion-or-not .content-text.more-text.active{ max-height:500px; } @media (max-width: 1400px) { #corrosion-or-not .content-text ul{ padding-right:120px; } } @media (max-width: 1200px) { #corrosion-or-not .content-text ul{ padding-right:60px; } } @media (max-width: 992px) { #corrosion-or-not .content-text ul{ padding-right:0px; } #corrosion-or-not .content-text p{ padding-right:0px; } } @media (max-width: 768px) { } @media (max-width: 576px) { } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { .corrosion-detection #headerbereich .content-text h1{ font-size: var(--h2-size); line-height: var(--h2-line-height); } .corrosion-detection #headerbereich .content-text{ font-size:var(--text-3-size); line-height: var(--text-3-line-height); } #corrosion-or-not .inn{ min-height:1px; } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { /* #corrosion-or-not .content-text.first.case{ margin-bottom: calc( var(--standard-margin-bottom) * 2 ); } */ #custom-hardware-and-smart-processing .inn, #from-assumptions-to-precision .inn{ text-align:center; } } /* Join our team */ #join-our-team .inn{ padding-top: 0px !important; } /* Performance proven */ @media (max-width: 992px) { #performance-proven > div video{ width:100% !important; height:auto !important; left:0px !important; top:auto !important; bottom:0px !important; transform:translate(0,0) !important; } #performance-proven .inn{ justify-content:flex-end; min-height:0px; padding-bottom:60%; } #performance-proven > div{ background-size: 100% auto !important; background-position: left bottom !important; } } @media (max-width: 992px) { #performance-proven .inn{ min-height:0px; } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { } /* Learn more*/ @media (max-width: 992px) { #learn-more{ margin-bottom:0px; } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { #join-our-team .inn, #learn-more .inn{ text-align:center; } #learn-more .inn } /* Insights*/ #insights-and-results .ce_swiperStart .swiper-button-prev, #insights-and-results .ce_swiperStart .swiper-button-next{ display:none; bottom:30px; } #insights-and-results .content-text.show-all.link-arrow a{ margin-top:0px; } #insights-and-results .layout_latest{ margin-bottom:10px; } @media (max-width: 992px) { #insights-and-results .inn{ min-height:0px; } } /* Klein: Handys */ @media (max-width: 768px) { #insights-and-results .ce_swiperStart .swiper-button-prev, #insights-and-results .ce_swiperStart .swiper-button-next{ display:flex; } } /* Extra-Klein: Handys */ @media (max-width: 576px) { #insights-and-results .layout_latest{ text-align:center; } } #our-services .swiper-container{ margin-top:36px; padding-bottom:30px; } #our-services .swiper-container .content-text{ text-align:center; border-bottom: 1px solid var(--liniengrau); } #our-services .swiper-container .content-text img{ opacity:.6; } #our-services .swiper-container .content-text.swiper-slide-active{ border-bottom: 1px solid var(--gelb); } #our-services .swiper-container .content-text.swiper-slide-active img, #our-services .swiper-container .content-text.swiper-slide-active h3{ opacity:1; } #our-services .swiper-container .content-text img{ width:60px; height:auto; filter: grayscale(1); transition: var(--standard-transition); margin-bottom:20px; } #our-services .swiper-container .content-text.swiper-slide-active img{ filter: grayscale(0); } #our-services .swiper-container .content-text h3{ font-size:var(--h4-size); line-height: var(--h4-line-height); margin-bottom:20px; font-weight:500; } #our-services .swiper-container .content-text.swiper-slide-active h3{ } #our-services .swiper-container .content-text .rte p{ display:none; } #our-services #service-output{ margin-top:40px; margin-bottom:60px; text-wrap:balance; } @media (max-width: 576px) { #our-services .content-text.spezial{ text-align:left !important; } } /* --- About --------------------------------------------------------------------------------------- */ .landscape.about #headerbereich{ background:url(../../files/content/02_about/empit_about_header.webp) no-repeat center transparent; background-size: cover; } .portrait.about #headerbereich{ background:url(../../files/content/02_about/empit_about_header_mobile.webp) no-repeat center top transparent; background-size: cover; } .about #headerbereich .content-text{ padding-bottom:100px; } .content-text.padding-right p{ padding-right:5%; } .mod_article.teaser{ position:relative; } .mod_article.teaser .inn{ position:relative; z-index:50; } .mod_article.teaser:before{ position:absolute; content:""; top:0px; left:50%; width:10000px; height:100%; transition: var(--standard-transition-long); opacity:0; } .mod_article.teaser.fadeBefore:before{ opacity:1; } .mod_article.teaser.reverse:before{ position:absolute; content:""; top:0px; left:auto; right:50%; width:10000px; height:100%; transition: var(--standard-transition); } .mod_article.teaser:after{ position:absolute; content:""; bottom:0px; left:0%; width:10000px; height:200px; background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%); } .mod_article.teaser.active:before{ opacity:.25; } .mod_article.teaser .inn{ min-height:var(--teaser-height); } .mod_article.teaser .teaser-text{ font-weight:400; display:none; } .mod_article.teaser .area h2{ letter-spacing:0; } .mod_article.teaser .area hr{ margin: 6px 0 22px 0; max-width:75%; } .mod_article.teaser .teaser-text.active{ display:block; } .mod_article.teaser a.teaser-toggle{ position:relative; display:inline-block; font-size:var(--text-2-size); font-weight:500; transition: var(--standard-transition); } .mod_article.teaser a.teaser-toggle:before{ position:absolute; top:5px; left:0px; content:""; width:16px; height:16px; background:url(../../files/assets/images/empit_arrow_normal.svg) no-repeat center transparent; transition: var(--standard-transition); opacity:0; } .mod_article.teaser a.teaser-toggle:hover:before, .mod_article.teaser a.teaser-toggle.active:before{ left:0px; opacity:1; } .mod_article.teaser a.teaser-toggle:hover, .mod_article.teaser a.teaser-toggle.active{ color:var(--gelb); padding-left:30px; } .mod_article.teaser a.teaser-toggle:focus{ outline:none !important; } #who-are-we:before{ background:url(../../files/content/02_about/empit_about_01_who-are-we.webp) no-repeat left center transparent; background-size: auto 100%; } #what-makes-empit-unique:before{ background:url(../../files/content/02_about/empit_about_02_what-makes-empit-unique.webp) no-repeat right center transparent; background-size: auto 100%; } #where-do-we-operate:before{ background:url(../../files/content/02_about/empit_about_03_where-do-we-oprate.webp) no-repeat left center transparent; background-size: auto 100%; } #how-do-we-shape-the-future:before{ background:url(../../files/content/02_about/empit_about_04_how-do-we-shape-the-future.webp) no-repeat right center transparent; background-size: auto 100%; } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { .about #headerbereich .content-text{ padding-bottom:0px; } } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { .about #headerbereich .inn{ justify-content:flex-start; } .about #headerbereich .content-text{ padding-top:100px; padding-bottom:0px; font-size:var(--text-3-size); line-height:var(--text-3-line-height); } .about #headerbereich .content-text h1{ font-size:var(--h2-size); line-height: var(--h2-line-height); } .mod_article.teaser h2{ margin-top:40px; } .mod_article.teaser .inn{ padding-bottom:100px; } .about .mod_article.teaser .inn, .technology .mod_article.teaser:not(#key-evolution) .inn, .services .mod_article.teaser:not(#specialized-applications) .inn{ padding-top:400px; } .mod_article.teaser:before, .mod_article.teaser.reverse:before{ position:absolute; content:""; top:0px; left:0px; width:100%; height:400px; transition: var(--standard-transition); } .mod_article.teaser:after{ position:absolute; content:""; bottom:auto; top:300px; left:0px; width:100%; height:100px; background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%); } #who-are-we:before{ background:url(../../files/content/02_about/empit_about_01_who-are-we.webp) no-repeat center transparent; background-size: cover; } #what-makes-empit-unique:before{ background:url(../../files/content/02_about/empit_about_02_what-makes-empit-unique.webp) no-repeat center transparent; background-size: cover; } #where-do-we-operate:before{ background:url(../../files/content/02_about/empit_about_03_where-do-we-oprate.webp) no-repeat center transparent; background-size: cover; } #how-do-we-shape-the-future:before{ background:url(../../files/content/02_about/empit_about_04_how-do-we-shape-the-future.webp) no-repeat center transparent; background-size: cover; } .about .mod_article.teaser .area p, .about .mod_article.teaser .area hr{ display:none; } .mod_article.teaser .teaser-text{ display:block; } .mod_article.teaser .teaser-text h3{ font-size:var(--text-2-size); line-height:var(--text-2-line-height); cursor:pointer; display:inline-block; background:url(../../files/assets/images/empit_arrow_ws.svg) no-repeat right top 6px transparent; padding-right:20px; } .mod_article.teaser .teaser-text.active h3{ color:var(--gelb); background:url(../../files/assets/images/empit_arrow_y.svg) no-repeat right top 6px transparent; padding-right:20px; } .mod_article.teaser .teaser-text p{ height:0px; margin-bottom:0px; overflow:hidden; transition: var(--standard-transition); } .mod_article.teaser .teaser-text.active p{ height:auto; margin-bottom:24px; } .about .mod_article.teaser .inn{ justify-content:flex-end !important; } #materials-we-inspect-with-cmi .inn{ min-height:1px; } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { .about #headerbereich .inn{ justify-content:flex-end; } .about #headerbereich .content-text{ padding-top:0px; padding-bottom:0px; } .about #intro{ margin-bottom:0px; } .about #revolutionizing-pipeline-assessments .inn{ justify-content:flex-start; padding: 50px 15px 100px 15px; } .about #revolutionizing-pipeline-assessments video{ top:80% !important; box-sizing:border-box; } #revolutionizing-pipeline-assessments .content-text{ text-align:center; } #have-questions .inn{ text-align:center; } } /* Services */ #grid-technology, #grid-detection, #grid-cables, #grid-regulations{ display:none; } #grid-technology.active, #grid-detection.active, #grid-cables.active, #grid-regulations.active{ display:flex; } #specialized-applications .team-grid h3{ display:block; } #specialized-applications .team-grid h3 a:hover{ color:#fff; cursor:default; } .services .mod_article.teaser .inn{ justify-content:center; } #materials-we-inspect-with-cmi .content-text{ padding-right:40px; box-sizing:border-box; } #high-resolution:before{ background:url(../../files/content/04_services/empit_services_mapping_01_high-resolution.webp) no-repeat left top transparent; background-size: auto 100%; } #pipeline-scan:before{ background:url(../../files/content/04_services/empit_services_mapping_02_3d-pipeline-scan.webp) no-repeat right top transparent; background-size: auto 100%; } #pipeline-movement-tracking:before{ background:url(../../files/content/04_services/empit_services_mapping_03_pipeline-movement-tracking.webp) no-repeat left top transparent; background-size: auto 100%; } #right-of-way-assessment:before{ background:url(../../files/content/04_services/empit_services_mapping_04_right-of-way-assessment.webp) no-repeat right top transparent; background-size: auto 100%; } #current-magnetometry-inspection .content-text.more-text{ max-height:0px; transition:max-height .4s; overflow:hidden; } #current-magnetometry-inspection .content-text.more-text.active{ max-height:500px; } #current-magnetometry-inspection .content-text p{ padding-right:40px; } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { #current-magnetometry-inspection .content-text p{ padding-right:0px; } } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { .services #headerbereich .content-text h1{ font-size: var(--h2-size); line-height: var(--h2-line-height); } .services #headerbereich .content-text{ font-size: var(--text-3-size); line-height: var(--text-3-line-height); } #corrosion-detection-2 .content-player.gradient-swToTrans-left figure:before, #corrosion-detection-2 .content-player.gradient-swToTrans-right figure:after{ width:50px; } #corrosion-detection-2 .inn{ min-height:1px; } #pipeline-assessment h2.h1-size{ font-size: var(--h2-size); line-height: var(--h2-line-height); } #high-resolution:before{ background-position: left center !important; } #grid-technology, #grid-detection, #grid-cables, #grid-regulations{ display:flex; } #high-resolution:before{ background:url(../../files/content/04_services/empit_services_mapping_01_high-resolution.webp) no-repeat center transparent; background-size: cover; } #pipeline-scan:before{ background:url(../../files/content/04_services/empit_services_mapping_02_3d-pipeline-scan.webp) no-repeat center transparent; background-size: cover; } #pipeline-movement-tracking:before{ background:url(../../files/content/04_services/empit_services_mapping_03_pipeline-movement-tracking.webp) no-repeat center transparent; background-size: cover; } #right-of-way-assessment:before{ background:url(../../files/content/04_services/empit_services_mapping_04_right-of-way-assessment.webp) no-repeat center transparent; background-size: cover; } #luzern-video .inn{ min-height:1px; padding: 100% 0 0 0; } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { #high-resolution:before{ background-position: left bottom -50px !important; } #materials-we-inspect-with-cmi h2 br{ display:none; } } #key-features .inn{ padding: var(--standard-onlypadding-top) 15px var(--standard-padding-bottom) 15px; } #corrosion-detection-2 .corrosion-detection-area, #key-features .corrosion-detection-area{ border-bottom: 1px solid var(--liniengrau); margin-bottom:40px; } #corrosion-detection-2 .corrosion-detection-area.active, #key-features .corrosion-detection-area.active{ border-bottom: 1px solid var(--gelb); } #corrosion-detection-2 .corrosion-detection-area a, #key-features .corrosion-detection-area a{ font-weight:500; } #corrosion-detection-2 .corrosion-detection-area p, #key-features .corrosion-detection-area p{ margin-bottom:20px; } #corrosion-detection-2 .corrosion-detection-area.active a, #key-features .corrosion-detection-area.active a{ color:var(--gelb); } #corrosion-detection-2 .corrosion-item, #key-features .corrosion-item{ display:none; } #corrosion-detection-2 .corrosion-item.active, #key-features .corrosion-item.active{ display:block; } #corrosion-detection-2 .content-player video{ max-width:100%; height:auto; } #materials-we-inspect-with-cmi .content-image{ margin-bottom:40px; } /* Technology */ #key-evolution .team-grid h3{ display:block; } #key-evolution .team-grid h3 a:hover{ color:#fff; cursor:default; } #key-innovations .content-text.area{ padding-left:10%; padding-right:10%; box-sizing:border-box; border-right:1px solid var(--liniengrau); height:100%; padding-top:20px; } #key-innovations .content-text.area.design h3{ background:url(../../files/assets/images/empit_technology_key_innovations_icon-01.svg) no-repeat left top 2px transparent; background-size: auto 26px; padding-left:34px; } #key-innovations .content-text.area.processing h3{ background:url(../../files/assets/images/empit_technology_key_innovations_icon-02.svg) no-repeat left top 2px transparent; background-size: auto 26px; padding-left:34px; } #key-innovations .content-text.area.carriers h3{ background:url(../../files/assets/images/empit_technology_key_innovations_icon-03.svg) no-repeat left top 2px transparent; background-size: auto 26px; padding-left:34px; } #key-innovations .content-text.area.first{ padding-left:0; } #key-innovations .content-text.area.last{ border-right:0px solid var(--liniengrau); } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { #key-innovations .content-text.area.growth{ padding-left:10%; padding-right:0%; } #the-cmi-tech-stack .item-text h4{ min-height:56px; } } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { #key-innovations .content-text.area.last{ padding-left:0; } #key-innovations .content-text.area{ border:0; padding-left:0px; } #key-innovations .content-text.area h3{ font-size:1.3rem; margin-bottom:20px; } } /* Klein: Handys */ @media (max-width: 768px) { #key-innovations .content-text.area, #key-innovations .content-text.area.last{ padding-left:0; padding-right:0; margin-top:0px; } } /* Extra-Klein: Handys */ @media (max-width: 576px) { .technology #headerbereich .inn{ } #talk-to-an-expert-about-cmi .inn{ text-align:center; } } #the-cmi-tech-stack{ } #the-cmi-tech-stack .tech-stack-item{ text-align:center; transition:all .4s; cursor:pointer; } #the-cmi-tech-stack .tech-stack-item .rte{ margin-top:30px; } #the-cmi-tech-stack .tech-stack-item p{ margin-bottom:10px; } #the-cmi-tech-stack .tech-stack-item > strong{ font-size:1rem; line-height:1.2em; font-weight:500; } #the-cmi-tech-stack .tech-stack-item h3{ font-size:2.25rem; line-height:1.2em; } #the-cmi-tech-stack .ce_swiperStart, #the-cmi-tech-stack .ce_swiperStart .swiper-container{ overflow:visible; } #the-cmi-tech-stack .swiper-slide{ position:relative; } #the-cmi-tech-stack .swiper-slide figure{ opacity:0; } #the-cmi-tech-stack .swiper-slide .image1, #the-cmi-tech-stack .swiper-slide .rte{ position:relative; transform:scale(.5); opacity: .4; transition: all .4s linear; } #the-cmi-tech-stack .swiper-slide .image2{ position:relative; transform:scale(.5); opacity: 0; } #the-cmi-tech-stack .swiper-slide .image1, #the-cmi-tech-stack .swiper-slide .image2{ position:absolute; top:0px; left:0px; width:100%; height:100%; transition: all .4s linear; -moz-transition: all .4s linear; -webkit-transition: all .4s linear; -ms-transition: all .4s linear; } #the-cmi-tech-stack .swiper-slide-active .image1{ transform:scale(1.2); opacity:0; } #the-cmi-tech-stack .swiper-slide-active .image2{ transform:scale(1.2); opacity:1; } #the-cmi-tech-stack .swiper-slide-active .rte{ transform:scale(1); opacity: 1; } #the-cmi-tech-stack .swiper-button-prev, #the-cmi-tech-stack .swiper-button-next{ } #the-cmi-tech-stack .swiper-button-prev{ background: url(../../files/assets/images/empit_arrow-slider-left-full.svg) no-repeat center transparent; background-size: 100% auto; } #the-cmi-tech-stack .swiper-button-prev:hover{ background: url(../../files/assets/images/empit_arrow-slider-left_rollover.svg) no-repeat center transparent; background-size: 100% auto; } #the-cmi-tech-stack .swiper-button-next{ background: url(../../files/assets/images/empit_arrow-slider-right-full.svg) no-repeat center transparent; background-size: 100% auto; } #the-cmi-tech-stack .swiper-button-next:hover{ background: url(../../files/assets/images/empit_arrow-slider-right_rollover.svg) no-repeat center transparent; background-size: 100% auto; } #the-cmi-tech-stack .swiper-slide-prev{ } #the-cmi-tech-stack .swiper-slide-next{ } #the-cmi-tech-stack .text-container{ min-height:220px; } @media (max-width: 1400px) { #the-cmi-tech-stack .text-container{ min-height:245px; } } @media (max-width: 1200px) { #the-cmi-tech-stack .text-container{ min-height:300px; } } @media (max-width: 992px) { #the-cmi-tech-stack .text-container{ min-height:380px; } } @media (max-width: 768px) { } @media (max-width: 576px) { } #the-cmi-tech-stack .item-text{ display:none; opacity:0; transition:all .4s; border-top:1px solid var(--gelb); padding-top:30px; padding-left:20px; padding-right:20px; box-sizing:border-box; } #the-cmi-tech-stack .item-text.active{ display:block; opacity:1; } #the-black-copter, #the-yellowfin, #the-current-mapper{ transition: background 1s linear; -moz-transition: background 1s linear; -webkit-transition: background 1s linear; -ms-transition: background 1s linear; } #the-black-copter.swiper-slide .image1{ background:url(../../files/content/03_technology/empit_technology_the-cmi-tech-stack_the-black-copter.webp) no-repeat center top transparent; background-size: 100% auto; } #the-yellowfin.swiper-slide .image1{ background:url(../../files/content/03_technology/empit_technology_the-cmi-tech-stack_the-yellowfin.webp) no-repeat center top transparent; background-size: 100% auto; } #the-current-mapper.swiper-slide .image1{ background:url(../../files/content/03_technology/empit_technology_the-cmi-tech-stack_the-current-mapper.webp) no-repeat center top transparent; background-size: 100% auto; } #the-black-copter.swiper-slide-active .image2{ background:url(../../files/content/03_technology/empit_technology_the-cmi-tech-stack_the-black-copter_hoover.webp) no-repeat center top transparent; background-size: 100% auto; } #the-yellowfin.swiper-slide-active .image2{ background:url(../../files/content/03_technology/empit_technology_the-cmi-tech-stack_the-yellowfin_hoover.webp) no-repeat center top transparent; background-size: 100% auto; } #the-current-mapper.swiper-slide-active .image2{ background:url(../../files/content/03_technology/empit_technology_the-cmi-tech-stack_the-current-mapper_hoover.webp) no-repeat center top transparent; background-size: 100% auto; } #the-cmi-tech-stack .swiper-slide-active figure{ opacity:0; } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { #the-cmi-tech-stack .swiper-slide-active{ } #the-cmi-tech-stack .swiper-slide-active .image1{ transform:scale(1.8); opacity:0; } #the-cmi-tech-stack .swiper-slide-active .image2{ transform:scale(1.8); opacity:1; } #the-cmi-tech-stack .swiper-slide-active .rte{ transform:scale(1); opacity: 1; } #the-cmi-tech-stack .ce_swiperStart{ margin-top:60px; } #the-cmi-tech-stack .tech-stack-item h3{ font-size:2rem; line-height:1.2em; } .technology #headerbereich .content-text h1{ font-size: var(--h2-size); line-height: var(--h2-line-height); } .technology #headerbereich .content-text{ font-size:var(--text-3-size); line-height: var(--text-3-line-height); } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { #the-cmi-tech-stack .swiper-slide-active .image1{ transform:scale(1.2); opacity:0; } #the-cmi-tech-stack .swiper-slide-active .image2{ transform:scale(1.2); opacity:1; } #the-cmi-tech-stack .swiper-slide-active .rte{ transform:scale(1); opacity: 1; } #the-cmi-tech-stack .item-text h4{ min-height:1px; } #the-cmi-tech-stack .ce_swiperStart{ margin-top:0px; } #from-signal-to-insight:before{ background-position: right -60px center !important;; } #next-generation-signal-processing:before{ background-position: left center !important;; } } .technology .mod_article.teaser .inn{ justify-content:center; } #inspect-the-unpiggable:before{ background:url(../../files/content/03_technology/empit_technology_cmi_01-inspect-the-unpiggable.webp) no-repeat left top transparent; background-size: auto 100%; } #from-signal-to-insight:before{ background:url(../../files/content/03_technology/empit_technology_cmi_02-from-signal-to-insight.webp) no-repeat right top transparent; background-size: auto 100%; } #next-generation-signal-processing:before{ background:url(../../files/content/03_technology/empit_technology_cmi_03_next-generation-signal-processing.webp) no-repeat left top transparent; background-size: auto 100%; } #grid-invasive, #grid-compatible, #grid-analysis, #grid-standardized, #grid-coatings{ display:none; } #grid-invasive.active, #grid-compatible.active, #grid-analysis.active, #grid-standardized.active, #grid-coatings.active{ display:flex; } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { #inspect-the-unpiggable:before{ background:url(../../files/content/03_technology/empit_technology_cmi_01-inspect-the-unpiggable_mobile.webp) no-repeat center transparent; background-size: cover; } #from-signal-to-insight:before{ background:url(../../files/content/03_technology/empit_technology_cmi_02-from-signal-to-insight.webp) no-repeat center transparent; background-size: cover; } #next-generation-signal-processing:before{ background:url(../../files/content/03_technology/empit_technology_cmi_03_next-generation-signal-processing.webp) no-repeat center transparent; background-size: cover; } #grid-invasive, #grid-compatible, #grid-analysis, #grid-standardized, #grid-coatings{ display:flex; } } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { } /* Careers */ .content-text.team-area-btns{ } #operating-worldwide .content-image figcaption{ font-size: var(--h4-size); line-height: var(--h4-line-height); font-weight:500; } #operating-worldwide .ce_swiperStart .swiper-button-prev, #operating-worldwide .ce_swiperStart .swiper-button-next{ display:none; } #why-empit{ } #why-empit .careers-why-area{ border-bottom: 1px solid var(--liniengrau); margin-bottom:40px; } #why-empit .careers-why-area.active{ border-bottom: 1px solid var(--gelb); } #why-empit .careers-why-area a{ font-weight:500; } #why-empit .careers-why-area p{ margin-bottom:20px; } #why-empit .careers-why-area.active a{ color:var(--gelb); } #why-empit .careers-why-text{ display:none; } #why-empit .careers-why-text.active{ display:block; } #grid-hardware, #grid-software, #grid-operations, #grid-data-analysis, #grid-management{ display:none; } #grid-hardware.active, #grid-software.active, #grid-operations.active, #grid-data-analysis.active, #grid-management.active{ display:flex; } .team-grid h3, .team-grid hr{ display:none; } .team-grid.active-mobile hr{ display:none; } a.team-btn, a.team-btn-tiny{ font-size:1.125rem; line-height:1em; font-weight:500; background:url(../../files/assets/images/empit_arrow_normal.svg) no-repeat left -20px center transparent; background-size: auto 16px; } .team-area-btns p, .team-area-btns hr, .team-content-text h3, .team-content-text hr{ margin-bottom:30px !important; } .team-content-text p{ padding-right:10px; } .team-content-text h3{ font-size:1.125rem; line-height:1em; } a.team-btn.active-mobile, a.team-btn-tiny.active{ color:var(--gelb); background:url(../../files/assets/images/empit_arrow_normal.svg) no-repeat left center transparent; background-size: auto 16px; padding-left:26px; } #gallery .gallery-container{ display:flex; align-items:stretch; flex-wrap:nowrap; } #gallery .content-image{ display:flex; float:left; height:100%; border: 10px solid var(--schwarz); box-sizing:border-box; } #ready-for-your-application h3{ text-wrap: unset; } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { #grid-hardware, #grid-software, #grid-operations, #grid-data-analysis, #grid-management{ display:flex; } } /* Klein: Handys */ @media (max-width: 768px) { #gallery .gallery-container{ flex-wrap:wrap; } #gallery .gallery-container.con1 .content-image{ width:50%; } #gallery .gallery-container.con2 .content-image{ width:33.33%; } } /* Extra-Klein: Handys */ @media (max-width: 576px) { #gallery .gallery-container.con1 .content-image{ width:50%; } #gallery .gallery-container.con2 .content-image{ width:50%; } #gallery .gallery-container.con2 .content-image:last-child{ width:100%; } #operating-worldwide .ce_swiperStart .swiper-button-prev, #operating-worldwide .ce_swiperStart .swiper-button-next{ display:block; } #operating-worldwide .ce_swiperStart .swiper-container{ padding-bottom:20px; } #operating-worldwide figcaption{ text-align:center; } } #what-you-can-expect .content-text.area{ padding-left:10%; padding-right:10%; box-sizing:border-box; border-right:1px solid var(--liniengrau); height:100%; padding-top:20px; } #what-you-can-expect .content-text.area.culture h3{ background:url(../../files/assets/images/empit_careers_what-you-can-expect_icon-01.svg) no-repeat left top 2px transparent; background-size: auto 26px; padding-left:34px; } #what-you-can-expect .content-text.area.matters h3{ background:url(../../files/assets/images/empit_careers_what-you-can-expect_icon-02.svg) no-repeat left top 2px transparent; background-size: auto 26px; padding-left:34px; } #what-you-can-expect .content-text.area.growth h3{ background:url(../../files/assets/images/empit_careers_what-you-can-expect_icon-03.svg) no-repeat left top 2px transparent; background-size: auto 26px; padding-left:34px; } #what-you-can-expect .content-text.area p{ } #what-you-can-expect .content-text.area.first{ padding-left:0; } #what-you-can-expect .content-text.area.last{ border-right:0px solid var(--liniengrau); } #our-recruitment-team .link-arrow a, #our-recruitment-team .link-arrow p{ margin-top:0px; margin-bottom:30px; } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { #what-you-can-expect .content-text.area.growth{ padding-left:10%; padding-right:0%; } #gallery .content-image{ border: 5px solid var(--schwarz); } } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { #grid-hardware, #grid-software, #grid-operations, #grid-data-analysis, #grid-management{ display:flex; } .team-grid{ overflow:hidden; } .team-grid h3, .team-grid hr{ display:block; } .team-grid h4, .team-grid p, .team-grid .team-content-image{ height:0px; margin-bottom:0px; transition:all .4s; opacity:0; } .team-grid.active-mobile h4, .team-grid.active-mobile p, .team-grid.active-mobile .team-content-image{ height:auto; margin-bottom:24px; transition:all .4s; opacity:1; } .team-grid.active-mobile .team-content-image{ margin: 6px 0 48px 0; } .team-area-btns{ display:none; } #what-you-can-expect .content-text.area.last{ padding-left:0; } #what-you-can-expect .content-text.area{ border:0; padding-left:0px; } #what-you-can-expect .content-text.area h3{ font-size:1.3rem; margin-bottom:20px; } } /* Klein: Handys */ @media (max-width: 768px) { #what-you-can-expect .content-text.area, #what-you-can-expect .content-text.area.last{ padding-left:0; padding-right:0; margin-top:0px; } } /* Extra-Klein: Handys */ @media (max-width: 576px) { #why-empit h2{ text-align:left !important; } #ready-for-your-application .inn{ text-align:center; } } #bildpanorama{ position:relative; } #bildpanorama img{ width:100%; height:auto; max-width:none; } /* Jobs */ #jobs .personio ul.first{ display:none; } #jobs .personio h2{ font-size:var(--h3-size); line-height:var(--h3-line-height); font-weight:500; } #jobs .personio ul{ margin-bottom: var(--standard-margin-bottom); } #jobs .personio li{ position:relative; padding:24px 0px 0px 0px; box-sizing:border-box; display:block; align-items:center; border-bottom:1px solid var(--liniengrau); } #jobs .personio li:after{ position:absolute; top:50%; transform:translateY(-50%); right:0px; display:inline-block; content:""; width:60px; height:36px; background:url(../../files/assets/images/empit_arrow_rollover.svg) no-repeat right 30px center transparent; background-size: auto 90%; transition: var(--standard-transition); z-index:1; } #jobs .personio li:hover:after{ right:0px; background:url(../../files/assets/images/empit_arrow_rollover.svg) no-repeat right 0px center transparent; background-size: auto 90%; } #jobs .personio h2{ } #jobs .personio li h3{ padding:0; margin:0; } #jobs .personio a.btn{ margin-top:5px; margin-bottom:0px; float:right; } #jobs .personio div.textcon{ position:relative; z-index:10; } #jobs .personio div.textcon p, #jobs .personio div.textcon h3{ padding-right:80px; } #jobs .personio div.con-btn{ display:flex; justify-content:flex-end; padding:0px 15px 0px 0px; } @media (max-width: 992px) { #jobs .personio ul{ margin-bottom: 80px; } #jobs .personio h2{ margin-bottom:15px; } } /* FAQ */ .landscape.faq #headerbereich{ background:url(../../files/content/08_faq/empit_faq_header.webp) no-repeat center transparent; background-size: cover; } .portrait.faq #headerbereich{ background:url(../../files/content/08_faq/empit_faq_header.webp) no-repeat center top transparent; background-size: cover; } /* Glossary */ .landscape.glossary #headerbereich{ background:url(../../files/content/07_glossary/empit_glossary_header.webp) no-repeat center transparent; background-size: cover; } .portrait.glossary #headerbereich{ background:url(../../files/content/07_glossary/empit_glossary_header_mobile.webp) no-repeat center top transparent; background-size: cover; } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { } /* Klein: Handys */ @media (max-width: 768px) { } /* Extra-Klein: Handys */ @media (max-width: 576px) { } /* Legal Details */ .legal-details #legal-details .content-text{ max-width:70%; } /* Klein: Handys */ @media (max-width: 992px) { .legal-details #legal-details .content-text{ max-width:100%; } } /* Privacy Policy */ .privacy-policy #privacy-policy .content-text{ max-width:70%; } /* Klein: Handys */ @media (max-width: 992px) { .privacy-policy #privacy-policy .content-text{ max-width:100%; } } /* Contact */ .landscape.contact #headerbereich{ background:url(../../files/content/06_contact/empit_contact_header.webp) no-repeat center transparent; background-size: cover; } .portrait.contact #headerbereich{ background:url(../../files/content/06_contact/empit_contact_header_mobile.webp) no-repeat center top transparent; background-size: cover; } .contact .ce_form .which-service{ padding-top:24px; } .contact-teaser{ box-sizing:border-box; } .contact-teaser.email, .contact-teaser.phone, .contact-teaser.fax{ padding: 25px 0 25px 40px; } .contact-teaser.email{ padding: 25px 0 25px 0px; } .contact-teaser.linie{ border-left:1px solid var(--liniengrau); } .contact-teaser.hamburg, .contact-teaser.lingen{ border-left:0px solid var(--liniengrau); } .contact-teaser.locations h2{ margin-bottom:0px; } .contact-teaser h2, .contact-teaser h3{ font-size:1.3rem; line-height:1.4em; font-weight:500; } .contact-teaser.email h3{ padding-left:32px; background:url(../../files/content/06_contact/empit_contact_email.svg) no-repeat left top 3px transparent; background-size: auto 22px; } .contact-teaser.phone h3{ padding-left:30px; background:url(../../files/content/06_contact/empit_contact_phone.svg) no-repeat left top 2px transparent; background-size: auto 25px; } .contact-teaser.fax h3{ padding-left:25px; background:url(../../files/content/06_contact/empit_contact_fax.svg) no-repeat left top 3px transparent; background-size: auto 23px; background-size: auto 23px; } .contact-teaser.locations h2{ padding-left:28px; background:url(../../files/content/06_contact/empit_contact_locations.svg) no-repeat left top 0px transparent; background-size: auto 26px; } .contact form .special h4{ margin-bottom:10px; } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { .contact .ce_form .which-service{ margin-top:30px; } } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { .contact #headerbereich .inn{ justify-content:center; } .contact .contact-teaser.fax br{ display:none; } .contact-teaser.email, .contact-teaser.phone, .contact-teaser.fax{ padding: 25px 0 25px 0px; } .contact-teaser.linie{ border-left:0px solid var(--liniengrau); } .contact #headerbereich .content-text{ padding-top:100px; padding-bottom:0px; font-size:var(--text-3-size); line-height:var(--text-3-line-height); } } /* Klein: Handys */ @media (max-width: 768px) { .contact #headerbereich .inn{ justify-content:flex-end; } .contact-teaser.email, .contact-teaser.phone, .contact-teaser.fax{ padding: 0px 0 0px 0px; } .contact .contact-teaser.fax br{ display:block; } } /* Extra-Klein: Handys */ @media (max-width: 576px) { .contact-teaser.locations h2{ padding-left:30px; background:url(../../files/content/06_contact/empit_contact_locations.svg) no-repeat left top 0px transparent; background-size: auto 100%; } .contact-teaser:not(.locations){ margin-top: calc( var(--standard-margin-top) / 2 ); } .contact-teaser.berlin{ margin-top:0px; } .contact-teaser.hamburg, .contact-teaser.lingen{ border-left:0px solid var(--liniengrau); margin-top:0px; } .contact #intro .col-12{ padding-left:30px; } .contact #intro .content-text.locations{ margin-left:20px; margin-top:25px; } } /* --- Cases --------------------------------------------------------------------------------------- */ body.cases .content-text.case{ margin-bottom: calc( var(--standard-margin-bottom) / 2 ); } .content-text.case h2, .content-text.case h3{ margin-top:20px; } .content-text.case p{ padding-right:20px; } /*! * This file is part of Contao. * * (c) Leo Feyer * * @license LGPL-3.0-or-later */ /** * Since fieldset borders are removed in the reset style sheet, adjust the * legends accordingly */ legend { width:100%; display:block; font-weight:bold; border:0; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--hellgrau); opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--hellgrau); } ::-ms-input-placeholder { /* Microsoft Edge */ color: var(--hellgrau); } input:is(:-webkit-autofill, :autofill) { color: var(--hellgrau) !important; background:transparent !important; } /** * Text fields and textareas */ input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"], input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),textarea { width:100%; display:inline-block; padding:3px 6px; background:transparent; border:0; border-bottom:1px solid var(--liniengrau); box-sizing: border-box; margin-left:0px !important; margin-right:0px !important; padding:0px 0px 0px 0px; line-height:60px; color:var(--hellgrau); font-weight:400; } input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus, input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus,textarea:focus { outline:0; } /** * Fix some width and height settings */ input[type="file"] { cursor:pointer; } select,input[type="file"] { display:block; } form button,input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] { width:auto; } textarea,select[multiple],select[size] { height:auto; } /** * Checkboxes and radio buttons */ input[type="radio"],input[type="checkbox"] { margin:0 3px 0 0; } input[type="radio"],input[type="checkbox"],label { vertical-align:middle; } /** * Handle disabled and read-only */ input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] { cursor:not-allowed; background:#eee; } input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] { background:transparent; } /** * Buttons */ form button, input[type="submit"], .button { cursor:pointer; border:0; background:transparent; font-size:var(--text-2-size); line-height:var(--text-2-line-height); text-transform:uppercase; color:var(--gelb); position:relative; display:inline-block; font-weight:500; padding-right:30px; padding-left:0px; margin-top:14px; letter-spacing: .05em; transition:all .4s; } form button:hover, input[type="submit"]:hover, .button:hover { color:var(--gelb); padding-right:42px; } form button:after, input[type="submit"]:after, .button:after{ position:absolute; top:1px; right:0px; display:inline-block; content:""; width:18px; height:18px; background:url(../../files/assets/images/empit_arrow_rollover.svg) no-repeat right center transparent; background-size: auto 90%; transition: var(--standard-transition); } form button:hover:after, input[type="submit"]:hover:after, .button:hover:after{ width:30px; } /** * Blue buttons */ form button.blue,input[type="submit"].blue,.button.blue { background-color:#2f96b4; background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4); background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4); background-image:-o-linear-gradient(top, #5bc0de, #2f96b4); background-image:linear-gradient(to bottom, #5bc0de, #2f96b4); border-color:#2f96b4; color:#fff; } form button.blue:active,input[type="submit"].blue:active,.button.blue:active { background-color:#2e95b3; } /** * Green buttons */ form button.green,input[type="submit"].green,.button.green { background-color:#51a351; background-image:-moz-linear-gradient(top, #62c462, #51a351); background-image:-webkit-linear-gradient(top, #62c462, #51a351); background-image:-ms-linear-gradient(top, #62c462, #51a351); background-image:-o-linear-gradient(top, #62c462, #51a351); background-image:linear-gradient(to bottom, #62c462, #51a351); border-color:#51a351; color:#fff; } form button.green:active,input[type="submit"].green:active,.button.green:active { background-color:#4f9f4f; } /** * Orange buttons */ form button.orange,input[type="submit"].orange,.button.orange { background-color:#f89406; background-image:-moz-linear-gradient(top, #fbb450, #f89406); background-image:-webkit-linear-gradient(top, #fbb450, #f89406); background-image:-ms-linear-gradient(top, #fbb450, #f89406); background-image:-o-linear-gradient(top, #fbb450, #f89406); background-image:linear-gradient(to bottom, #fbb450, #f89406); border-color:#f89406; color:#fff; } form button.orange:active,input[type="submit"].orange:active,.button.orange:active { background-color:#f28f04; } /** * Red buttons */ form button.red,input[type="submit"].red,.button.red { background-color:#bd362f; background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f); background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f); background-image:-o-linear-gradient(top, #ee5f5b, #bd362f); background-image:linear-gradient(to bottom, #ee5f5b, #bd362f); border-color:#bd362f; color:#fff; } form button.red:active,input[type="submit"].red:active,.button.red:active { background-color:#be322b; } /** * Basic form layout */ .widget { } .widget > label { display:block; margin-bottom:6px; font-weight:bold; } /** * Inline form layout */ .inline-form .widget { display:inline-block; margin-bottom:0; vertical-align:middle; } /** * Horizontal form layout */ .horizontal-form .widget:after { content:""; display:table; clear:both; } .horizontal-form .widget > label { width:20%; float:left; padding:3px 2% 0 0; text-align:right; } .horizontal-form .widget > input,.horizontal-form .widget > textarea { width:78%; float:left; } .horizontal-form .widget > fieldset { margin-left:20%; } .widget > fieldset { margin-left:0px !important; margin-right:0px !important; } .widget button.offset2{ margin-left:0px !important; margin-right:0px !important; } /* Checkbox Datenschutz Toggle */ /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 50px; height: 24px; outline:0; } /* Hide default HTML checkbox */ .switch input { opacity: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: #000; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #feed00; } input:focus + .slider { } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 14px; } .slider.round:before { border-radius: 50%; } .widget.confirm{ margin-top:20px; } .widget.confirm p{ width:40%; } .widget.confirm-title{ margin-top:80px; } .widget.confirm-title h4{ margin-bottom:40px; } .widget-submit{ margin-top:60px; margin-left:0px; } .ce_form p.error{ color:#f00; } /* Checkboxes */ .checkbox_container.services{ font-size:1rem; margin-top:10px; margin-bottom:20px; } .checkbox_container.services span{ display:block; margin-bottom:10px; line-height:normal; } .checkbox_container.services label{ font-weight:300; border: 1px solid var(--gelb); border-radius:20px; line-height:40px; padding: 6px 20px 6px 20px; cursor:pointer; } .checkbox_container.services label span.number{ font-weight:400; } .checkbox_container.services span.number{ display:inline-block; float:none; width:auto; } .checkbox_container.services input[type="checkbox"] { display:none; } .checkbox_container.services input[type="checkbox"]:checked+label{ color:var(--schwarz); background:var(--gelb); } /* .checkbox_container.services input[type="checkbox"] + label::before { width: 18px; height: 18px; border: 1px solid #000; background-color: #fff; display: block; content: ""; float: left; margin-right: 10px; margin-top: 3px; } .checkbox_container.services input[type="checkbox"]:checked+label::before { box-shadow: inset 0px 0px 0px 2px #fff; background-color: #000; } */ /* Radio-Buttons */ .radio_container.request{ margin-bottom:20px; } .radio_container.request span{ display:block; } .radio_container.request label{ } /* Search */ .mod_search .widget-text{ margin-right:0px !important; } .mod_search .widget-submit{ margin:0px !important; } .mod_search .widget-text input[type="search"]{ border:0; border-bottom:1px solid #404040; background:transparent; color:#fff; padding:0px 0px 0px 0px } .search .mod_search .widget-text input[type="search"]{ color:#000; } .mod_search .widget-submit button{ width:40px; height:40px; background:url(../../files/assets/images/search-arrow-black_normal.svg) no-repeat center transparent; background-size: 100% auto; text-indent:-10000px; margin-left:10px; } .mod_search .widget-submit button:hover{ background:url(../../files/assets/images/search-arrow-black_rollover.svg) no-repeat center transparent; background-size: 100% auto; } #headersearchmenu .mod_search .widget-submit button{ width:40px; height:40px; background:url(../../files/assets/images/search-arrow_normal.svg) no-repeat center transparent; background-size: 100% auto; text-indent:-10000px; margin-left:10px; } #headersearchmenu .mod_search .widget-submit button:hover{ background:url(../../files/assets/images/search-arrow_rollover.svg) no-repeat center transparent; background-size: 100% auto; } .mod_search ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #404040; opacity: 1; /* Firefox */ } /* Extra-Groß: Tablet Querformat */ @media (max-width: 1400px) { } /* Groß: Tablet Querformat */ @media (max-width: 1200px) { .widget.confirm p{ width:70%; } } /* Mittel: Tablet Hochformat */ @media (max-width: 992px) { } /* Klein: Handys */ @media (max-width: 768px) { .widget.confirm p{ width:100%; } .widget.confirm-title{ margin-top:30px; } } /* Extra-Klein: Handys */ @media (max-width: 576px) { } /* ESSENTIAL STYLES */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: none; display:inline-block; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu { float: none; text-transform:uppercase; } .sf-menu ul { min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu a, .sf-menu span.active, .sf-menu strong.active { font-size:.9rem; line-height:1.2em; padding: .2em 1.05em; text-decoration: none; zoom: 1; /* IE7 */ font-weight:400; } /* .sf-menu ul a, .sf-menu ul span.active, .sf-menu ul strong.active { padding: .2em .5em; } */ @media (max-width: 1400px) { .sf-menu a, .sf-menu span.active, .sf-menu strong.active { padding: .2em .22em; } /* .sf-menu ul a, .sf-menu ul span.active, .sf-menu ul strong.active { padding: .2em .22em; } */ } @media (max-width: 1200px) { .sf-menu a, .sf-menu span.active, .sf-menu strong.active { padding: .2em 1.05em; } /* .sf-menu ul a, .sf-menu ul span.active, .sf-menu ul strong.active { padding: .2em 1.05em; } */ } .sf-menu a{ color: var(--hellgrau); } .sf-menu a.trail, .sf-menu a:hover{ color: var(--gelb); } .sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ } .sf-menu li.active span.active, .sf-menu li.active strong.active { display: block; color:var(--gelb); } .sf-menu ul { padding-top:10px; padding-bottom:10px; text-align:left; } /* .sf-menu ul { padding-right:40px; padding-top:10px; padding-bottom:10px; margin-left:8px; } .sf-menu ul a{ font-size:var(--text-1-size); line-height:var(--text-1-line-height); text-transform:none; } .sf-menu ul li{ background: var(--dunkelgrau); padding: 10px 15px; } */ .sf-menu ul li:hover, .sf-menu ul li.active, .sf-menu ul li.trail{ } .sf-menu ul ul li { } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ -webkit-transition: none; transition: none; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } /* Bitjongleur Webproducing */ .ce_bs_gridStart.align-items-center{ align-items:center; } .ce_bs_gridStart.align-items-start{ align-items:flex-start; } .ce_bs_gridStart.align-items-end{ align-items:flex-end; } /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container, .mod_article:not(.fluid) .inn, #footer .inside, .ce_swiperStart.background .swiper-scrollbar{ width: 100%; max-width:1920px; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .mod_article:not(.fluid) .inn, #footer .inside, .ce_swiperStart.background .swiper-scrollbar { max-width: 540px; } } @media (min-width: 768px) { .container, .mod_article:not(.fluid) .inn, #footer .inside, .ce_swiperStart.background .swiper-scrollbar { max-width: 720px; } } @media (min-width: 992px) { .container, .mod_article:not(.fluid) .inn, #footer .inside, .ce_swiperStart.background .swiper-scrollbar { max-width: 960px; } } @media (min-width: 1200px) { .container, .mod_article:not(.fluid) .inn, #footer .inside, .ce_swiperStart.background .swiper-scrollbar { max-width: 1200px; } } @media (min-width: 1400px) { .container, .mod_article:not(.fluid) .inn, #footer .inside, .ce_swiperStart.background .swiper-scrollbar { max-width: 1400px; } #header .mm_dropdown{ max-width: 1400px; margin: 0 auto; } } .container-fluid { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /*# sourceMappingURL=bootstrap-grid.css.map */ .cc-head>*:first-child { margin-top: 0 } .cc-head>*:last-child { margin-bottom: 15px } .contao-cookiebar { --ccb-backdrop: rgba(0, 0, 0, .75); --ccb-anim-duration: .5s; --ccb-checked-clr: #000; --ccb-checked-bg: #ffed00; --ccb-unchecked-clr: #9c9b99; --ccb-unchecked-bg: #fff; --ccb-disabled-clr: #c8c7c5; --ccb-disabled-bg: #f4f4f4; --ccb-focus-clr: #00a4f4; position: fixed; inset: 0; z-index: 9999; display: flex; align-items: var(--ccb-align, center); justify-content: var(--ccb-justify, center); letter-spacing: 0; padding: 15px; max-height: 100dvh; box-sizing: border-box; pointer-events: none; overflow: hidden; color: var(--ccb-clr, #444) } .contao-cookiebar a{ color: var(--ccb-text, #868686); text-decoration:none; } .contao-cookiebar a:hover{ color: var(--ccb-text, #868686); text-decoration:underline; } .contao-cookiebar * { box-sizing: border-box } .contao-cookiebar p { color: var(--ccb-text, #868686); line-height: 1.4 } .contao-cookiebar label { position: relative; display: block; padding: 8px 13px 8px 0; line-height: 1.2rem } .contao-cookiebar label.group { font-weight: 600 } .contao-cookiebar input { position: absolute; width: 1px; height: 1px; outline: 0 none; opacity: 0 } .contao-cookiebar input+label { padding: 8px 13px 8px 45px; cursor: pointer } .contao-cookiebar input+label:before, .contao-cookiebar input+label:after { content: ""; position: absolute; border-radius: 10px } .contao-cookiebar input+label:before { top: 7px; left: 0; width: 35px; height: 18px; margin: 0; box-sizing: content-box; background: var(--ccb-unchecked-bg); border: 1px solid var(--ccb-unchecked-clr); transition: border-color .2s } .contao-cookiebar input+label:after { display: block; top: 11px; left: 4px; width: 12px; height: 12px; background: var(--ccb-unchecked-clr); transition: background .2s, margin-left .2s, padding .2s } .contao-cookiebar input+label:active:after { padding-left: 5px } .contao-cookiebar input.cc-group-half+label:after { background: linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%) } .contao-cookiebar input:checked+label:after { background: var(--ccb-checked-clr); margin-left: 17px } .contao-cookiebar input:checked+label:active:after { margin-left: 12px } .contao-cookiebar input:checked+label:before { background: var(--ccb-checked-bg); border-color: var(--ccb-checked-clr) } .contao-cookiebar input:disabled+label { pointer-events: none } .contao-cookiebar input:disabled+label:after { background: var(--ccb-disabled-clr) } .contao-cookiebar input:disabled+label:before { background: var(--ccb-disabled-bg); border-color: var(--ccb-disabled-clr) } .contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before { outline: 3px dashed var(--ccb-focus-clr); outline-offset: 2px } .contao-cookiebar .cc-btn { display: inline-block; cursor: pointer; width: 100%; padding: 8px 14px; margin-bottom: 8px; font-size: 15px; outline: 0 none; border: 1px solid var(--ccb-btn-bdr, #cfcfcf); border-radius: 4px; color: var(--ccb-btn-clr, #444); background: var(--ccb-btn-bg, #f5f5f5) } .contao-cookiebar .cc-btn:hover, .contao-cookiebar .cc-btn:focus { background: var(--ccb-btn-bg-hvr, #ececec); color:#000; } .contao-cookiebar .cc-btn:last-child { margin-bottom: 0 } .contao-cookiebar .grayscale { --ccb-btn-bg: #f1efef; --ccb-btn-bg-hvr: #ececec } .contao-cookiebar .grayscale .success { --ccb-btn-bg: #fbfbfb; --ccb-btn-bg-hvr: #f7f7f7 } .contao-cookiebar .highlight .success { --ccb-btn-bg: #000000; --ccb-btn-bg-hvr: #ffed00; --ccb-btn-bdr: #000000; --ccb-btn-clr: #fff; } .cc-focus:not(.cc-hide-focus):focus-visible { outline: 3px dashed var(--ccb-focus-clr); outline-offset: -3px } .cc-invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; float: left } .cc-inner { display: inline-block; overflow-y: auto; max-height: 100%; max-width: 100%; padding: 23px; border-radius: 3px; opacity: 0; pointer-events: none; visibility: hidden; font-size: 1rem; text-align: left; background: var(--ccb-bg, #fff); box-shadow: var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0; animation: var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards } .cc-group { position: relative; border: 1px solid var(--ccb-bdr, #d0d0d0); border-radius: 5px; margin-bottom: 10px } .cc-cookie-info { font-size: .875rem; background: var(--ccb-info-bg, #fff); border: 1px solid var(--ccb-info-bdr, #efefef); padding: 10px; border-radius: 5px } .cc-cookie-info>div>span { font-weight: 600 } .cc-cookie-info>div+div { margin-top: 5px; word-wrap: break-word } .cc-cookie-info+button.cc-detail-btn-details { margin-top: 15px } .cc-cookies { background: var(--ccb-cookies-bg, #fbfbfb); border-radius: 0 0 5px 5px } .cc-cookies>p { font-size: .875rem } .cc-cookies>p, .cc-cookies>.cc-cookie { margin: 0; padding: 15px; border-top: 1px solid var(--ccb-cookies-bdr, #fbfbfb) } .cc-cookie label.cookie+* { margin-top: 10px } .cc-cookie p { margin: 0 0 15px; font-size: .875rem } .cc-cookie-desc p { margin-bottom: 0 } .cc-footer, .cc-info { text-align: center } .cc-info { margin-top: 15px } .cc-info>p { font-size: .875rem } .cc-info>a { display: inline-block; font-size: .813rem; color: var(--ccb-detail-clr, #a2a2a2); text-decoration: none } .cc-info>a:hover { color: var(--ccb-detail-clr-hvr, #717171) } .cc-info>a+a:before { display: inline-block; content: "·"; margin-right: 5px } .cc-active .cc-inner { opacity: 1; pointer-events: auto; visibility: visible } .cc-active.cc-blocked { pointer-events: auto; animation: cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards } .cc-saved.cc-inner { opacity: 0; pointer-events: none; visibility: hidden } .cc-saved.cc-blocked { pointer-events: none; animation: cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards } .cc-left { --ccb-justify: flex-start } .cc-right { --ccb-justify: flex-end } .cc-top { --ccb-align: flex-start } .cc-top.cc-active { --ccb-anim: cookiebar-top-in } .cc-top.cc-saved { --ccb-anim: cookiebar-top-out } .cc-middle.cc-active { --ccb-anim: cookiebar-middle-in } .cc-middle.cc-saved { --ccb-anim: cookiebar-middle-out } .cc-bottom { --ccb-align: flex-end } .cc-bottom.cc-active { --ccb-anim: cookiebar-bottom-in } .cc-bottom.cc-saved { --ccb-anim: cookiebar-bottom-out } @media(min-width: 768px) { .contao-cookiebar .cc-btn { width: auto; margin-bottom: 0 } .cc-inner { max-width: var(--ccb-max-width, 750px) } } @media(forced-colors) { .contao-cookiebar input+label:after { border: 1px solid currentColor } .cc-inner { border: 1px solid currentColor } input.cc-group-half+label:after { margin-left: 9px } } @media(prefers-reduced-motion) { .contao-cookiebar { --ccb-anim-duration: 2s } } @media print { .contao-cookiebar { opacity: 0 } } @keyframes cookiebar-overlay-in { 0% { background: rgba(0, 0, 0, 0) } to { background: var(--ccb-backdrop) } } @keyframes cookiebar-overlay-out { 0% { background: var(--ccb-backdrop) } to { background: rgba(0, 0, 0, 0); visibility: hidden } } @keyframes cookiebar-top-in { 0% { opacity: 0; transform: translateY(-100%) } to { opacity: 1; transform: translateY(0) } } @keyframes cookiebar-top-out { 0% { opacity: 1; visibility: visible; transform: translateY(0) } to { opacity: 0; visibility: hidden; transform: translateY(-100%) } } @keyframes cookiebar-middle-in { 0% { opacity: 0; transform: scale(0) } to { opacity: 1; transform: scale(1) } } @keyframes cookiebar-middle-out { 0% { opacity: 1; visibility: visible; transform: scale(1) } to { opacity: 0; visibility: hidden; transform: scale(0) } } @keyframes cookiebar-bottom-in { 0% { opacity: 0; transform: translateY(100%) } to { opacity: 1; transform: translateY(0) } } @keyframes cookiebar-bottom-out { 0% { opacity: 1; visibility: visible; transform: translateY(0) } to { opacity: 0; visibility: hidden; transform: translateY(100%) } } .cc-group { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center } .cc-group>label { flex-grow: 1; margin: 5px 0 5px 10px } .cc-cookies { display: none; width: 100% } .cc-detail-btn { padding: 8px 10px; line-height: 1.2rem } .cc-detail-btn-details { text-decoration: underline; padding: 0; margin: 0 0 10px } .cc-detail-btn, .cc-detail-btn-details { display: inline-block; color: var(--ccb-detail-clr, #a2a2a2); border: 0 none; outline: 0 none; background: rgba(0, 0, 0, 0); font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer } .cc-detail-btn span:nth-child(2), .cc-detail-btn-details span:nth-child(2) { display: none } .cc-detail-btn.cc-active span:nth-child(1), .cc-detail-btn-details.cc-active span:nth-child(1) { display: none } .cc-detail-btn.cc-active span:nth-child(2), .cc-detail-btn-details.cc-active span:nth-child(2) { display: inline } .cc-detail-btn:hover, .cc-detail-btn-details:hover { background: rgba(0, 0, 0, 0); color: var(--ccb-detail-clr-hvr, #717171) } /*! jQuery UI - v1.14.1 - 2025-07-22 * https://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, button.css, controlgroup.css, checkboxradio.css, dialog.css * Copyright OpenJS Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { touch-action: none; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { touch-action: none; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; user-select: none; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 125+ */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; }