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} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } :root { --ksp-dark-blue: #5FAAD7; --ksp-light-blue: #84D0FF; --ksp-light-green: #66FF00; --ksp-light-yellow: #FFE000; --ksp-dark-grey: #707070; --ksp-darker-grey: #464646; } :root{ --ksp-h1-size: 96px; --ksp-h1-line-height: 90px; --ksp-h2-size: 80px; --ksp-h2-line-height: 78px; --ksp-h3-size: 64px; --ksp-h3-line-height: 62px; --ksp-h4-size: 48px; --ksp-h4-line-height: 46px; --ksp-h5-size: 40px; --ksp-h5-line-height: 38px; --ksp-h6-size: 32px; --ksp-h6-line-height: 32px; --ksp-text-1-size: 23px; --ksp-text-1-line-height: 35px; --ksp-hashtag-font-family: "FFDynamoeProRegular"; --ksp-hashtag-size: 30px; --ksp-hashtag-line-height: 28px; --ksp-text-2-size: 14px; --ksp-text-2-line-height: 16px; --ksp-text-3-size: 16px; --ksp-text-3-line-height: 22px; --ksp-text-4-size: 20px; --ksp-text-4-line-height: 26px; --ksp-text-5-size: 24px; --ksp-text-5-line-height: 30px; } :root{ --ksp-header-height: 140px; } .clear{ clear:both; } .left{float:left;} .right{float:right;} .textleft{text-align:left;} .textright{text-align:right;} .textcenter{text-align:center;} img{ vertical-align:middle; } @media (max-width: 1500px) { } @media (max-width: 1200px) { :root{ --ksp-hashtag-size: 30px; --ksp-hashtag-line-height: 28px; } } @media (max-width: 992px) { } @media (max-width: 768px) { } @media (max-width: 576px) { :root{ --ksp-hashtag-size: 23px; --ksp-hashtag-line-height: 21px; --ksp-text-1-size: 20px; --ksp-text-1-line-height: 32px; } } /*! * 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) .inner, #footer .inside { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .mod_article:not(.fluid) .inner, #footer .inside { max-width: 540px; } } @media (min-width: 768px) { .container, .mod_article:not(.fluid) .inner, #footer .inside { max-width: 720px; } } @media (min-width: 992px) { .container, .mod_article:not(.fluid) .inner, #footer .inside { max-width: 960px; } } @media (min-width: 1200px) { .container, .mod_article:not(.fluid) .inner, #footer .inside { max-width: 1200px; } } @media (min-width: 1500px) { .container, .mod_article:not(.fluid) .inner, #footer .inside { max-width: 1500px; } #header .mm_dropdown{ max-width: 1500px; margin: 0 auto; } } .container-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-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 */ /* 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: left; } .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; display:inline-block; /* margin-bottom: 1em; */ } .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 */ padding-top:10px; } .sf-menu a { display:block; padding: 6px 2px 6px 2px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a.last { padding: 6px 2px 6px 2px; } .sf-menu .lang-en a, .sf-menu .lang-de a{ padding: 6px 0px 6px 24px; } .sf-menu span.active, .sf-menu span.submenu, .sf-menu span.trail, .sf-menu span.current, .sf-menu strong.active, .sf-menu strong.submenu, .sf-menu strong.trail, .sf-menu strong.current { display:block; padding: 6px 2px 6px 2px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu strong.active, .sf-menu strong.submenu, .sf-menu strong.trail, .sf-menu strong.current { padding: 6px 2px 6px 2px; } .sf-menu a { } .sf-menu li { display:inline-block; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ margin: 0 20px 0 20px; } @media (max-width: 1100px) { .sf-menu li { margin: 0 10px 0 10px; } } .sf-menu li.active span.active { display: block; } .sf-menu ul li { float:none; display:block; text-align:left; margin: 0 0px 0 0px; } .sf-menu ul ul li { } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em !important; *padding-right: 1em !important; /* 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; } /* Custom */ #hauptnavigation{ overflow:visible; } body{ font-family:"Gill Sans Nova W01 Book"; color: var(--ksp-darker-grey); font-size: var(--ksp-text-1-size); line-height: var(--ksp-text-1-line-height); font-weight: 400; } a{ text-decoration:none; color: var(--ksp-darker-grey); transition: all .4s; } a:hover{ color: var(--ksp-dark-blue); } .link-btn a, a.link-btn{ display:inline-block; border: 3px solid #fff; border-radius: 22px; box-sizing: border-box; background:transparent; font-size:17px; color:#000; line-height:48px; text-transform:uppercase; padding: 0 30px 0 30px; font-family:"Gill Sans Nova W01 SemiBold"; margin-top:30px; } .link-btn a:hover, a.link-btn:hover{ border: 3px solid #fff; background:#fff; } .link-btn.invers a, a.link-btn.invers{ border: 3px solid var(--ksp-light-blue); background:transparent; color:#000; } .link-btn.invers a:hover, a.link-btn.invers:hover{ border: 3px solid var(--ksp-light-blue); background: var(--ksp-light-blue); } @media (max-width: 576px) { } @media (max-width: 768px) { } @media (max-width: 992px) { } @media (max-width: 1200px) { .link-btn a, a.link-btn{ margin-top:10px; } } @media (max-width: 1500px) { } strong{ font-family:"Gill Sans Nova W01 SemiBold"; } /* .mod_article{ min-height: calc(40vh - var(--ksp-header-height)); background: #fff; } */ h1,h2,h3,h4,h5,h6{ font-family:"Gill Sans MT W01 Bold"; margin-bottom:24px; } h1, .h1-size{ font-size:60px; line-height:60px; text-transform:uppercase; } h2, .h2-size{ font-size:50px; line-height:50px; text-transform:uppercase; } h3, .h3-size{ font-size:35px; line-height:35px; text-transform:uppercase; } @media (max-width: 1200px) { h1, .h1-size{ font-size:50px; line-height:50px; } h2, .h2-size{ font-size:40px; line-height:40px; } h3, .h3-size{ font-size:25px; line-height:25px; } } @media (max-width: 576px) { h1, .h1-size{ font-size:40px; line-height:40px; } h2, .h2-size{ font-size:30px; line-height:30px; } h3, .h3-size{ font-size:23px; line-height:23px; } } .text-white, .text-white *{ color:#fff; } .hashtag-headline h1, .hashtag-headline h2, .hashtag-headline h3, .hashtag-headline h4{ display:inline; font-family: var(--ksp-hashtag-font-family); color: var(--ksp-darker-grey); font-size: var(--ksp-hashtag-size); line-height: var(--ksp-hashtag-line-height); color:#000; } .hashtag-headline h1 .inn, .hashtag-headline h2 .inn, .hashtag-headline h3 .inn, .hashtag-headline h4 .inn{ background:#fff; } /* Hashtag */ .text-hashtag, .text-hashtag *{ display:inline; font-family: var(--ksp-hashtag-font-family); color: var(--ksp-darker-grey); font-size: var(--ksp-hashtag-size); line-height: var(--ksp-hashtag-line-height); letter-spacing:-.05em; color:#000; } #footer .text-hashtag *{ display:inline-block; } .text-hashtag .inn{ background:#fff; } .ce_text.hashtag-top{ position:relative; overflow:visible; } .ce_text.hashtag-top p.text-hashtag{ position:absolute; top:-15px; left:40px; } .bg-light-blue-row .ce_text.hashtag-top p.text-hashtag{ position:absolute; top:-100px; left:-50px; } @media (max-width: 1500px) { } @media (max-width: 1200px) { .ce_text.hashtag-top p.text-hashtag{ top:-10px; } .bg-light-blue-row .ce_text.hashtag-top p.text-hashtag{ top:-90px; } } @media (max-width: 992px) { } @media (max-width: 768px) { .ce_text.hashtag-top p.text-hashtag{ top:-10px; } .bg-light-blue-row .ce_text.hashtag-top p.text-hashtag{ top:-90px; left:-20px; } } @media (max-width: 576px) { .ce_text.hashtag-top p.text-hashtag{ top:-10px; left:20px; } .bg-light-blue-row .ce_text.hashtag-top p.text-hashtag{ top:-80px; left:0px; } } /* Blaue Boxen */ .bg-light-blue{ /* flex-wrap:nowrap; */ } .bg-light-blue h1, .bg-light-blue h2, .bg-light-blue h3, .bg-light-blue h4{ color:#fff; } .bg-light-blue:not(.hashtag-top) h1, .bg-light-blue:not(.hashtag-top) h2, .bg-light-blue:not(.hashtag-top) h3, .bg-light-blue:not(.hashtag-top) h4{ margin-top:24px; } .bg-light-blue .ce_text, .bg-light-blue .ce_image{ box-sizing:border-box; } .bg-light-blue .ce_text:not(.nobg), .bg-light-blue .ce_image:not(.nobg){ background:var(--ksp-light-blue); border-radius:8px; } .bg-light-blue .ce_text:not(.nopadding), .bg-light-blue .ce_image:not(.nopadding){ padding: 40px; } .bg-light-blue.blue-first .ce_text:not(.nopadding), .bg-light-blue .ce.blue-first_image:not(.nopadding){ padding: 40px 75px 40px 75px; } .bg-light-blue-row{ background:var(--ksp-light-blue); border-radius:8px; padding: 40px 0px 40px 0px; box-sizing:border-box; margin: 0 0px 20px 0px; } @media (max-width: 576px) { .bg-light-blue .ce_text:not(.nopadding), .bg-light-blue .ce_image:not(.nopadding){ padding: 20px; } .bg-light-blue.blue-first .ce_text:not(.nopadding), .bg-light-blue .ce.blue-first_image:not(.nopadding){ padding: 40px 40px 40px 40px; } .bg-light-blue-row{ background:var(--ksp-light-blue); border-radius:8px; padding: 40px 0px 40px 0px; box-sizing:border-box; margin: 0 0px 20px 0px; } } .mod_article.first{ padding-top:100px; } @media (max-width: 576px) { .mod_article.first{ padding-top:50px; } } /* Headerbereich */ .mod_article.headerbereich{ position:relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6fcbff+0,24639a+100 */ background: radial-gradient(ellipse at center, rgba(111,203,255,1) 0%,rgba(36,99,154,1) 200%); padding-top: calc( var(--ksp-header-height) * .8 ); font-size:23px; line-height:normal; } .mod_article.headerbereich h1{ color:#fff; margin-top:12px; } .mod_article.headerbereich:after{ content:""; position:absolute; z-index:500; left:0px; bottom:-2px; width:100%; height:100px; background:url(../../files/assets/images/BalkenRund.svg) no-repeat center bottom transparent; background-size: 100% auto; } .mod_article.headerbereich .ce_text{ position:relative; margin-top:120px; margin-bottom:60px; } .headerbereich .ce_bs_gridStart .ce_image{ align-items:flex-end; } @media (max-width: 1500px) { } @media (max-width: 1200px) { } @media (max-width: 992px) { .mod_article.headerbereich{ padding-top: calc( var(--ksp-header-height) * 1.4 ); } .mod_article.headerbereich .ce_text{ margin-bottom:0px; } .mod_article.headerbereich:after{ background:url(../../files/assets/images/BalkenRund.svg) no-repeat center bottom transparent; background-size: 160% auto; } } @media (max-width: 768px) { .mod_article.headerbereich .ce_text{ margin-bottom:0px; } .mod_article.headerbereich:after{ background:url(../../files/assets/images/BalkenRund.svg) no-repeat center bottom transparent; background-size: 160% auto; } } @media (max-width: 576px) { .mod_article.headerbereich{ padding-top: calc( var(--ksp-header-height) * 1 ); font-size:20px; line-height:normal; } .mod_article.headerbereich:after{ background:url(../../files/assets/images/BalkenRund.svg) no-repeat center bottom transparent; background-size: 200% auto; } } /* Home */ .home .ce_text.teaser-azubi{ min-height:590px; } @media (max-width: 768px) { .home .ce_text.teaser-azubi{ min-height:390px; } } .home .ce_text.teaser-azubi.anwalt{ background:url(../../files/content/01_startseite/ksp-ausbildung-bg-anwalt.png) no-repeat right bottom var(--ksp-light-blue); background-size: 75% auto; } .home .ce_text.teaser-azubi.informatik{ background:url(../../files/content/01_startseite/ksp-ausbildung-bg-informatik.png) no-repeat right bottom var(--ksp-light-blue); background-size: 80% auto; } .home .ce_text.teaser-azubi.kaufleute{ background:url(../../files/content/01_startseite/ksp-ausbildung-bg-kaufmann.png) no-repeat right bottom var(--ksp-light-blue); background-size: 80% auto; } .home .ce_text.teaser-azubi.bewerben{ background:url(../../files/content/01_startseite/ksp-ausbildung-bg-bewerben.png) no-repeat right bottom var(--ksp-light-blue); background-size: 50% auto; } #teaser{ padding: 80px 0 40px 0; } #teaser .ce_text.teaser-ksp{ min-height:364px; } #teaser .ce_text.teaser-ksp-1{ padding-left:40%; } #teaser .ce_text.teaser-ksp-2{ padding-right:50%; } #teaser .ce_text.teaser-ksp.darum{ background:url(../../files/content/01_startseite/ksp-ausbildung-bg-darum.png) no-repeat left 30px center var(--ksp-light-blue); background-size: auto 70%; } #teaser .ce_text.teaser-ksp.bewerben{ background:url(../../files/content/01_startseite/ksp-ausbildung-bg-bewerben.png) no-repeat left 20px center var(--ksp-light-blue); background-size: auto 80%; } #teaser .ce_text.teaser-ksp.inside{ background:url(../../files/content/01_startseite/ksp-ausbildung-bg-inside.png) no-repeat right bottom var(--ksp-light-blue); background-size: auto 90%; } #teaser .ce_text.teaser-ksp.kontakt{ background:url(../../files/content/01_startseite/ksp-ausbildung-bg-kontakt.png) no-repeat right 30px center var(--ksp-light-blue); background-size: auto 90%; } @media (max-width: 992px) { #teaser{ padding: 20px 0 40px 0; } } @media (min-width: 768px) { #teaser .ce_text.teaser-ksp.darum, #teaser .ce_text.teaser-ksp.bewerben{ background-size: auto 80%; } #teaser .ce_text.teaser-ksp.inside, #teaser .ce_text.teaser-ksp.kontakt{ background-size: auto 80%; } } @media (min-width: 992px) { #teaser .ce_text.teaser-ksp{ min-height:1px; } .home .ce_text.teaser-azubi{ min-height:460px; } #teaser{ padding: 20px 0 40px 0; } #teaser .ce_text.teaser-ksp.darum, #teaser .ce_text.teaser-ksp.bewerben{ background-size: auto 60%; } #teaser .ce_text.teaser-ksp.inside, #teaser .ce_text.teaser-ksp.kontakt{ background-size: auto 60%; } #teaser .ce_text.teaser-ksp-2{ padding-right:40%; } } @media (min-width: 1200px) { .home .ce_text.teaser-azubi{ min-height:590px; } #teaser{ padding: 40px 0 40px 0; } #teaser .ce_text.teaser-ksp.darum, #teaser .ce_text.teaser-ksp.bewerben{ background-size: auto 70%; } #teaser .ce_text.teaser-ksp.inside, #teaser .ce_text.teaser-ksp.kontakt{ background-size: auto 90%; } #teaser .ce_text.teaser-ksp-2{ padding-right:40%; } } @media (max-width: 576px) { #teaser .ce_text.teaser-ksp.darum, #teaser .ce_text.teaser-ksp.bewerben{ background-size: auto 60%; background-position: right 10px bottom; } #teaser .ce_text.teaser-ksp.inside, #teaser .ce_text.teaser-ksp.kontakt{ background-size: auto 60%; background-position: right bottom; } #teaser .ce_text.teaser-ksp{ min-height:300px; } #teaser .ce_text.teaser-ksp-1, #teaser .ce_text.teaser-ksp-2{ padding: 20px; } } .home #termine .inner{ background:var(--ksp-light-blue); border-radius:8px; padding:40px; } .home #termine .mod_eventlist{ margin-top:40px; } /* Fachinformatik */ #klammer{ position:relative; } #klammer:before{ content:""; position:absolute; top:-50px; right:150px; width:120px; height:230px; background:url(../../files/content/02_ausbildungen/fachinformatiker/Bueroklammer.svg) no-repeat center transparent; background-size: auto 100%; } @media (min-width: 1500px) { } @media (max-width: 1200px) { #klammer:before{ content:""; position:absolute; top:-50px; right:90px; width:120px; height:180px; background:url(../../files/content/02_ausbildungen/fachinformatiker/Bueroklammer.svg) no-repeat center transparent; background-size: auto 100%; } } @media (max-width: 992px) { .ce_image.azubi-illu{ display:block !important; text-align:center; } .ce_image.azubi-illu img{ max-height:300px; width:auto; } #klammer:before{ content:""; position:absolute; top:-50px; right:10px; width:70px; height:140px; background:url(../../files/content/02_ausbildungen/fachinformatiker/Bueroklammer.svg) no-repeat center transparent; background-size: auto 100%; } } @media (min-width: 768px) { } @media (min-width: 576px) { } /* Darum KSP */ .darum-ksp .headerbereich{ padding-bottom:120px; } .darum-ksp .headerbereich .ce_image{ position:relative; overflow:visible; } .darum-ksp .headerbereich .ce_image .image_container img{ border-radius:8px; } .darum-ksp .slick-slider, .bewerben .slick-slider{ position:relative; overflow:visible; } .darum-ksp .ce_slick-content-start, .bewerben .ce_slick-content-start{ position:relative; overflow:visible; margin:40px 0 80px 0; } .darum-ksp .slick-slider .slick-prev, .bewerben .slick-slider .slick-prev{ position:absolute; top:50%; left:-40px; width:20px; height:52px; background:url(../../files/assets/images/arrow-left.svg) no-repeat center top transparent; background-size: 100% auto; border:0; z-index:9000; text-indent:-10000px; cursor:pointer; transform:translateY(-50%); } .darum-ksp .slick-slider .slick-next, .bewerben .slick-slider .slick-next{ position:absolute; top:50%; right:-40px; width:20px; height:52px; background:url(../../files/assets/images/arrow-right.svg) no-repeat center top transparent; background-size: 100% auto; border:0; z-index:9000; text-indent:-10000px; cursor:pointer; transform:translateY(-50%); } .darum-ksp .slick-slider .slick-slide .ce_text{ min-height:565px; padding:30px; } /* .darum-ksp .slick-slider .slick-slide .ce_text h3{ color:#000 !important; } .darum-ksp .slick-slider .slick-slide .ce_text h3 .inn{ background:#fff !important; } */ .darum-ksp .slick-slider .slick-slide .ce_text p{ margin-top:24px; } .darum-ksp .slick-slider .slick-slide .ce_text .image_container{ text-align:center; margin-top:20px; margin-bottom:40px; } .darum-ksp .slick-slider .slick-slide .ce_text h3{ font-size:26px; line-height:26px; } .darum-ksp .slick-slider .slick-slide .ce_text .image_container img{ display:inline-block; height:90px; width:auto; } @media (max-width: 576px) { } @media (max-width: 620px) { .darum-ksp .slick-slider .slick-prev, .bewerben .slick-slider .slick-prev{ left:-10px; } .darum-ksp .slick-slider .slick-next, .bewerben .slick-slider .slick-next{ right:-10px; } } @media (max-width: 768px) { } @media (max-width: 992px) { } @media (max-width: 1200px) { .darum-ksp .slick-slider .slick-slide .ce_text{ min-height:620px; } } @media (max-width: 1500px) { } .darum-ksp #zahlen-und-fakten{ background: var(--ksp-light-blue); padding: 80px 0 80px 0; margin-bottom:80px; } .darum-ksp #zahlen-und-fakten .hashtag-headline{ margin-bottom:40px; } .darum-ksp #zahlen-und-fakten .ce_text{ font-family:"Gill Sans Nova W01 SemiBold"; } .darum-ksp #zahlen-und-fakten .ce_text strong{ font-family:"Gill Sans Nova W01 SemiBold"; color:#fff; font-size:90px; line-height:90px; margin-bottom:20px; display:inline-block; } @media (max-width: 576px) { } @media (max-width: 768px) { } @media (max-width: 992px) { } @media (max-width: 1200px) { .darum-ksp #zahlen-und-fakten .ce_text:not(.hashtag-headline){ font-size:20px; line-height:normal; } .darum-ksp #zahlen-und-fakten .ce_text strong{ font-size:60px; line-height:60px; margin-bottom:10px; } } @media (max-width: 1500px) { } /* Bewerben */ .bewerben .ce_slick-content-start{ width:80%; margin-left:10%; } @media (max-width: 576px) { .bewerben .ce_slick-content-start{ width:100%; margin-left:0%; } } .bewerben .ce_text.schritte{ display:flex; height:auto !important; } .bewerben .ce_text.schritte h3{ color:#fff; } .bewerben .ce_text.schritte .text-inner{ width:75%; border-radius:8px; background:var(--ksp-light-blue); padding:40px; box-sizing:border-box; } .bewerben .slick-slide:nth-child(odd) .ce_text.schritte .text-inner{ order:1; margin-left:20px; } .bewerben .slick-slide:nth-child(even) .ce_text.schritte .text-inner{ order:-1; margin-right:20px; } .bewerben .ce_text.schritte .image_container{ width:25%; border-radius:8px; background:var(--ksp-light-blue); text-align:center; padding:40px; box-sizing:border-box; float:none; } .bewerben .ce_text.schritte .image_container img{ max-height:315px; width:auto; margin:0 auto; } .bewerben .ce_text.schritte.kontakt{ } .bewerben .ce_text.schritte.kontakt .text-inner, .bewerben .ce_text.schritte.kontakt .image_container{ width:30%; margin-right:0 !important; border-radius:0; } .bewerben .ce_text.schritte.kontakt .text-inner{ margin-left:20%; border-top-left-radius:8px; border-bottom-left-radius:8px; } .bewerben .ce_text.schritte.kontakt .image_container{ border-top-right-radius:8px; border-bottom-right-radius:8px; } @media (max-width: 992px) { .bewerben .ce_text.schritte .image_container{ display:none !important; } .bewerben .ce_text.schritte .text-inner, .bewerben .ce_text.schritte.kontakt .text-inner{ width:100%; margin:0 !important; border-radius:8px; } } @media (max-width: 576px) { .bewerben .ce_text.schritte{ display:flex; height:auto !important; min-height:420px; } } .bewerben .ce_text.jetzt-bewerben{ margin-bottom:180px; } .bewerben .ce_text.jetzt-bewerben h2{ color:var(--ksp-light-blue); line-height:100px; display:inline-block; position:relative; } .bewerben .ce_text.jetzt-bewerben h2:before{ content:""; display:inline-block; position:absolute; left:-240px; bottom:0px; width:220px; height:100px; background:url(../../files/content/05_bewerben/pfeil-nach-rechts.svg) no-repeat left center transparent; background-size: auto 100%; } .bewerben .ce_text.jetzt-bewerben h2:after{ content:""; display:inline-block; position:absolute; right:-240px; bottom:0px; width:220px; height:100px; background:url(../../files/content/05_bewerben/pfeil-nach-links.svg) no-repeat right center transparent; background-size: auto 100%; } @media (max-width: 576px) { .bewerben .ce_text.jetzt-bewerben{ margin-bottom:40px; overflow:visible; } .bewerben .ce_text.jetzt-bewerben h2:before{ content:""; display:inline-block; position:absolute; left:-200px; bottom:0px; width:220px; height:100px; background:url(../../files/content/05_bewerben/pfeil-nach-rechts.svg) no-repeat left center transparent; background-size: auto 100%; } .bewerben .ce_text.jetzt-bewerben h2:after{ content:""; display:inline-block; position:absolute; right:-200px; bottom:0px; width:220px; height:100px; background:url(../../files/content/05_bewerben/pfeil-nach-links.svg) no-repeat right center transparent; background-size: auto 100%; } } /* runde Ecken Bilder */ .ce_image.runde-ecken img{ border-radius:8px; } /* Grid */ .ce_bs_gridStart:not(.bg-light-blue-row) .ce_text{ height:100%; } .ce_bs_gridStart *[class*="col-"]{ margin-bottom:20px; } .ce_bs_gridStart.margin-bottom *[class*="col-"], .ce_bs_gridStart.margin-bottom.bg-light-blue *[class*="col-"]{ margin-bottom:80px; } .ce_bs_gridStart.margin-bottom-double.bg-light-blue *[class*="col-"]{ margin-bottom:120px; } .ce_bs_gridStart.margin-bottom.bg-light-blue-row{ margin-bottom:80px; } .ce_bs_gridStart.margin-bottom-double.bg-light-blue-row{ margin-bottom:120px; } .ce_bs_gridStart .ce_image{ display:flex; height:100%; align-items:center; } @media (max-width: 1500px) { } @media (max-width: 1200px) { } @media (max-width: 992px) { .ce_bs_gridStart.margin-bottom *[class*="col-"], .ce_bs_gridStart.margin-bottom.bg-light-blue *[class*="col-"]{ margin-bottom:40px; } .ce_bs_gridStart.margin-bottom-double.bg-light-blue *[class*="col-"]{ margin-bottom:60px; } .ce_bs_gridStart.margin-bottom.bg-light-blue-row{ margin-bottom:40px; } .ce_bs_gridStart.margin-bottom-double.bg-light-blue-row{ margin-bottom:60px; } } @media (max-width: 768px) { } @media (max-width: 576px) { } /* Top-Button */ #topBtn { position: fixed; width:40px; height:40px; bottom: 40px; right: 40px; z-index: 99; outline: none; background:url(../../files/assets/images/arrow-up-ws.svg) no-repeat center var(--ksp-dark-blue); background-size: 50% auto; color: white; cursor: pointer; padding: 0px; border-radius: 20px; font-size: 18px; text-indent:-10000px; opacity:0; transition: all .5s; border:0; } /* Header */ #header{ position:absolute; height: var(--ksp-header-height); z-index:900; width:100%; } #header .inside{ display:flex; align-items:center; } /* Footer */ #footer{ color:#fff; padding: 70px 0 40px 0; margin-top:100px; } #footer a{ color:#fff; } #footer strong{ text-transform:uppercase; } #footer .ce_text li{ background:url(../../files/assets/images/arrow-li-right-ws.svg) no-repeat left center transparent; background-size: 16px auto; font-size:20px; line-height:24px; padding-left: 30px; margin-bottom:5px; } #footer .ce_text.socials{ margin-top:40px; } #footer .ce_text.socials svg{ height:36px; width:auto; } #footer .ce_text.socials a{ margin: 0 10px 0 10px; } #footer .mod_customnav{ margin-top:30px; font-size:20px; line-height:24px; } #footer .mod_customnav li{ display:inline-block; margin: 0 10px 0 10px; } /* Container */ #container{ position:relative; z-index:800; } /* Logo */ #header .logo{ display:inline-block; float:left; margin: 40px 40px 10px 80px; } #header .logo img{ width:172px; height:auto; } @media (max-width: 992px) { #header .logo{ margin: 40px 40px 10px 40px; } #header .logo img{ width:140px; height:auto; } } @media (max-width: 560px) { #header .logo{ margin: 20px 40px 10px 20px; } #header .logo img{ width:120px; height:auto; } } /* Hauptnavigation Header */ #header .hauptnavigation{ display:inline-block; margin: 0 0px 0 20px; padding: 27px 0 0 0; float:left; font-size:15px; line-height:20px; font-weight:700; letter-spacing:.015em; text-transform:uppercase; flex-grow:2; overflow:visible; text-align:right; color:#000; margin-right:40px; color:#fff; } #header .hauptnavigation a, #header .hauptnavigation a:hover{ color:#000; } #header .hauptnavigation a.trail, #header .hauptnavigation strong{ font-family:"Gill Sans Nova W01 SemiBold"; } #header .hauptnavigation ul{ margin: 0px; } #header .hauptnavigation li{ transition: all .4s; } .hauptnavigation li:not(.bewerben) > a:before, .hauptnavigation li:not(.bewerben) > strong:before{ content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; background: #ffffff; visibility: hidden; border-radius: 5px; transform: scaleX(0); transition: .25s ease-in-out; } .hauptnavigation li:not(.bewerben) > a:hover, .hauptnavigation li:not(.bewerben) > a:focus, .hauptnavigation li:not(.bewerben) > a.active, .hauptnavigation li:not(.bewerben) > a.trail, .hauptnavigation li:not(.bewerben) > strong{ color:#fff !important; } .hauptnavigation li:not(.bewerben) > a:hover:before, .hauptnavigation li:not(.bewerben) > a:focus:before, .hauptnavigation li:not(.bewerben) > a.active:before, .hauptnavigation li:not(.bewerben) > a.trail:before, .hauptnavigation li:not(.bewerben) > strong:before{ visibility: visible; transform: scaleX(1); } .hauptnavigation li:not(.bewerben) li > a:before, .hauptnavigation li:not(.bewerben) li > strong:before{ display:none; } #header .hauptnavigation .level_2 a, #header .hauptnavigation .level_2 strong{ color:#000; line-height:15px; } #header .hauptnavigation .level_2 a:hover, #header .hauptnavigation .level_2 strong:hover, #header .hauptnavigation .level_2 strong{ color:#fff; } #header .hauptnavigation li.bewerben{ border: 3px solid var(--ksp-light-blue); border-radius: 22px; box-sizing: border-box; margin-top:-3px; background:transparent; } #header .hauptnavigation li.bewerben:hover{ border: 3px solid #fff; } #header .hauptnavigation li.bewerben a, #header .hauptnavigation li.bewerben strong{ margin: 0 30px 0 30px; } /* Hauptnavigation Mobile */ .mod_mmenu{ display:none; } #header .navigation{ display:none; position:absolute; top:35px; right:40px; 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:#030303; 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; } #footer{ background:var(--ksp-light-blue); } @media (max-width: 992px) { #footer{ text-align:center; } #footer .ce_text li{ background:transparent !important; padding-left: 0px !important; } #header .hauptnavigation{ display:none; } #header .navigation{ display:block; } .mod_mmenu{ display:block; } } @media (max-width: 560px) { #header .navigation{ right:20px; } } /* Slick-Slider */ .slick-slider .ce_text{ margin: 0 10px 0 10px; } .slick-slider .slick-dots{ text-align:center; margin-top:20px; } .slick-slider .slick-dots li{ display:inline-block; margin: 10px 5px 0px 5px; } .slick-slider .slick-dots button{ border:0; text-indent:-10000px; cursor:pointer; width:10px; height:10px; border-radius:10px; background:#dedede; } .slick-slider .slick-dots .slick-active button{ background: var(--ksp-light-blue); } /* Accordion */ .ce_accordion .toggler{ position:relative; font-family:"Gill Sans MT W01 Bold"; font-size:30px; line-height:40px; color:#fff; border-bottom: 2px solid #fff; cursor:pointer; } .ce_accordion .toggler:after{ content:""; position:absolute; top:0px; right:0px; width:20px; height:100%; background:url(../../files/assets/images/arrow-down-sw.svg) no-repeat center transparent; background-size: 100% auto; } .ce_accordion .toggler.active:after{ background:url(../../files/assets/images/arrow-up-ws.svg) no-repeat center transparent; background-size: 100% auto; } /* News */ .mod_newslist{ margin: 80px 0 80px 0; } .mod_newslist .layout_latest{ margin-bottom:20px; display:flex; } .mod_newslist .layout_latest h3, .mod_newslist .layout_latest h3 a{ color:#fff; } .mod_newslist .layout_latest .image_container{ width:33.3%; } .mod_newslist .layout_latest:nth-child(odd) .image_container{ padding-right:20px; } .mod_newslist .layout_latest:nth-child(even) .image_container{ padding-left:20px; } .mod_newslist .layout_latest .image_container img{ border-radius:8px; } .mod_newslist .layout_latest .inn{ width:66.6%; border-radius:8px; background:var(--ksp-light-blue); padding:40px; box-sizing:border-box; } .mod_newslist .layout_latest:nth-child(odd) .inn{ order:1; } .mod_newslist .layout_latest:nth-child(even) .inn{ order:-1; } .mod_newslist .pagination{ text-align:center; margin-top:80px; } .mod_newslist .pagination p{ font-family:var(--ksp-hashtag-font-family) !important; font-size:var(--ksp-hashtag-size); line-height:var(--ksp-hashtag-line-height); } .mod_newslist .pagination li{ display:inline-block; padding: 0 5px 0 5px; } .mod_newsreader .ce_bs_gridStart .ce_image{ align-items:flex-start; height:auto !important; margin-bottom:20px; padding-left:5px; } .mod_newsreader .ce_bs_gridStart .ce_image img{ border-radius:8px; } .mod_newsreader{ margin: 90px 0 90px 0; } .mod_newsreader .ce_bs_gridStart .ce_text{ align-items:flex-start; height:auto !important; } .mod_newsreader .back{ display:none; } .mod_newsreader h1, .mod_newsreader h2, .mod_newsreader h3{ color: var(--ksp-light-blue); margin-top:36px; } .mod_newsreader h1{ font-size:50px; line-height:50px; } .inside-ksp.detail .headerbereich{ min-height:260px; } @media (max-width: 576px) { .mod_newslist .layout_latest{ display:block; } .mod_newslist .layout_latest .image_container, .mod_newslist .layout_latest .inn{ width:100%; margin-bottom:20px; } .mod_newslist .layout_latest:nth-child(odd) .image_container{ padding-right:0px; } .mod_newslist .layout_latest:nth-child(even) .image_container{ padding-left:0px; } } /* Events */ .mod_eventlist .layout_upcoming{ border-bottom: 2px solid #fff; padding-bottom:10px; margin-bottom:20px; font-size:26px; line-height:32px; } .mod_eventlist .layout_upcoming time{ font-family:"Gill Sans Nova W01 SemiBold"; font-size:32px; line-height:37px; color:#fff; display:inline-block; min-width: 240px; } .mod_eventlist .layout_upcoming .teaser{ font-size:20px; line-height:24px; padding: 20px 40px 0px 245px; } @media (max-width: 1500px) { } @media (max-width: 1200px) { .mod_eventlist .layout_upcoming{ font-size:23px; line-height:35px; } .mod_eventlist .layout_upcoming time{ font-size:28px; line-height:35px; min-width: 240px; } } @media (max-width: 992px) { .mod_eventlist .layout_upcoming{ font-size:23px; line-height:35px; } .mod_eventlist .layout_upcoming time{ display:block; font-size:23px; line-height:35px; min-width: 180px; } .mod_eventlist .layout_upcoming .teaser{ padding: 10px 40px 0px 0px; } } @media (max-width: 768px) { } @media (max-width: 576px) { } @font-face{ font-display: swap; font-family:"Gill Sans Nova W01 Book"; src:url("../../files/assets/fonts/1603210/e5f44dae-0e0a-476d-9b92-3be122d4c8cd.eot?#iefix"); src:url("../../files/assets/fonts/1603210/e5f44dae-0e0a-476d-9b92-3be122d4c8cd.eot?#iefix") format("eot"),url("../../files/assets/fonts/1603210/43b67b68-8704-4bc0-9c41-620c664cb9dd.woff2") format("woff2"),url("../../files/assets/fonts/1603210/37a7a423-c7fe-48f9-8013-63d2cc236c7a.woff") format("woff"),url("../../files/assets/fonts/1603210/5ba67d9b-fa03-41f5-8020-c72589420b52.ttf") format("truetype"); } @font-face{ font-display: swap; font-family:"Gill Sans Nova W01 Book Italic"; src:url("../../files/assets/fonts/1603212/22e2ca5e-adf6-41b2-b40d-18ce3be86f77.eot?#iefix"); src:url("../../files/assets/fonts/1603212/22e2ca5e-adf6-41b2-b40d-18ce3be86f77.eot?#iefix") format("eot"),url("../../files/assets/fonts/1603212/a2bba372-7bdb-4a75-a17a-6afcd47ef5f5.woff2") format("woff2"),url("../../files/assets/fonts/1603212/88e1b823-5907-4654-ae0a-cb6a3e7a3cc5.woff") format("woff"),url("../../files/assets/fonts/1603212/ad5ef801-a546-41d4-b48c-c55597505913.ttf") format("truetype"); } @font-face{ font-display: swap; font-family:"Gill Sans Nova W01 SemiBold"; src:url("../../files/assets/fonts/1603262/ccd0adbe-535a-4d2e-a75d-91656a5cdc32.eot?#iefix"); src:url("../../files/assets/fonts/1603262/ccd0adbe-535a-4d2e-a75d-91656a5cdc32.eot?#iefix") format("eot"),url("../../files/assets/fonts/1603262/5fb9e481-085f-4ad5-8574-ffabb4dbe7a9.woff2") format("woff2"),url("../../files/assets/fonts/1603262/cc1cc8a6-92c2-4d62-973e-e4a20c3df0bf.woff") format("woff"),url("../../files/assets/fonts/1603262/4be50539-3222-4eff-b978-78bd5e7a2d99.ttf") format("truetype"); } @font-face{ font-display: swap; font-family:"Gill Sans MT W01 Bold"; src:url("../../files/assets/fonts/5727187/86470f48-8e3a-4e92-814b-253f9befd235.woff2") format("woff2"),url("../../files/assets/fonts/5727187/6f221e27-e272-4694-960b-a1fad35ed77d.woff") format("woff"); } @font-face { font-display: swap; font-family: "FFDynamoeProRegular"; src: url('../../files/assets/fonts/FFDynamoeProRegular/font.woff2') format('woff2'), url('../../files/assets/fonts/FFDynamoeProRegular/font.woff') format('woff'); } .mod_article.headerbereich .ce_image{ position:relative; } .mod_article.headerbereich .ce_image .image_container{ z-index:100; padding-top:100px; } .home .mod_article.headerbereich .ce_image .fx1{ content:""; position:absolute; z-index:110; top: 10%; left:0%; width:200px; height:200px; background:url(../../files/assets/animation/Pfeil.svg) no-repeat center transparent; background-size:100% auto; animation-name: homePfeil; animation-duration: 2s; animation-iteration-count: infinite; } @keyframes homePfeil { 0% {top:10%;left:0%;} 50% {top:12%;left:2%;} 100% {top:10%;left:0%;} } .home .mod_article.headerbereich .ce_image .fx2{ content:""; position:absolute; z-index:120; top: 50%; left:80%; width:140px; height:140px; background:url(../../files/assets/animation/Blitz.svg) no-repeat center transparent; background-size:100% auto; animation-name: homeBlitz; animation-duration: 1.8s; animation-delay: .3s; animation-iteration-count: infinite; } @keyframes homeBlitz { 0% {top:50%;left:80%;} 50% {top:52%;left:78%;} 100% {top:50%;left:80%;} } .home .mod_article.headerbereich .ce_image .fx3{ content:""; position:absolute; z-index:90; top: 1%; left:8%; width:595px; height:595px; background:url(../../files/assets/animation/shine-yellow.svg) no-repeat center transparent; background-size:100% auto; animation-name: homeShine; animation-duration: 2s; animation-iteration-count: infinite; transform:scale(1); } @media (max-width: 1500px) { .home .mod_article.headerbereich .ce_image .fx1{ top: 20%; left:0%; width:160px; height:160px; } @keyframes homePfeil { 0% {top:20%;left:0%;} 50% {top:22%;left:2%;} 100% {top:20%;left:0%;} } .home .mod_article.headerbereich .ce_image .fx2{ top: 50%; left:80%; width:100px; height:100px; } @keyframes homeBlitz { 0% {top:50%;left:80%;} 50% {top:52%;left:78%;} 100% {top:50%;left:80%;} } .home .mod_article.headerbereich .ce_image .fx3{ top: 7%; left:8%; width:80%; height:595px; } } @media (max-width: 1200px) { .home .mod_article.headerbereich .ce_image .fx1{ top: 35%; left:0%; width:140px; height:140px; } @keyframes homePfeil { 0% {top:35%;left:0%;} 50% {top:37%;left:2%;} 100% {top:35%;left:0%;} } .home .mod_article.headerbereich .ce_image .fx2{ top: 50%; left:80%; width:100px; height:100px; } @keyframes homeBlitz { 0% {top:50%;left:80%;} 50% {top:52%;left:78%;} 100% {top:50%;left:80%;} } .home .mod_article.headerbereich .ce_image .fx3{ top: auto; bottom:10%; left:8%; width:80%; height:395px; } } @media (max-width: 992px) { .home .mod_article.headerbereich .ce_image .fx1{ top: 35%; left:0%; width:140px; height:140px; } @keyframes homePfeil { 0% {top:35%;left:0%;} 50% {top:37%;left:2%;} 100% {top:35%;left:0%;} } .home .mod_article.headerbereich .ce_image .fx2{ top: 50%; left:80%; width:100px; height:100px; } @keyframes homeBlitz { 0% {top:50%;left:80%;} 50% {top:52%;left:78%;} 100% {top:50%;left:80%;} } .home .mod_article.headerbereich .ce_image .fx3{ top: auto; bottom:20%; left:8%; width:80%; height:395px; } } @media (max-width: 768px) { .home .mod_article.headerbereich .ce_image .fx1{ top: 35%; left:0%; width:140px; height:140px; } @keyframes homePfeil { 0% {top:35%;left:0%;} 50% {top:37%;left:2%;} 100% {top:35%;left:0%;} } .home .mod_article.headerbereich .ce_image .fx2{ top: 50%; left:80%; width:100px; height:100px; } @keyframes homeBlitz { 0% {top:50%;left:80%;} 50% {top:52%;left:78%;} 100% {top:50%;left:80%;} } .home .mod_article.headerbereich .ce_image .fx3{ top: auto; bottom:5%; left:8%; width:80%; height:395px; } } @media (max-width: 576px) { .home .mod_article.headerbereich .ce_image .fx1{ top: 35%; left:0%; width:140px; height:140px; } @keyframes homePfeil { 0% {top:35%;left:0%;} 50% {top:37%;left:2%;} 100% {top:35%;left:0%;} } .home .mod_article.headerbereich .ce_image .fx2{ top: 50%; left:75%; width:100px; height:100px; } @keyframes homeBlitz { 0% {top:50%;left:75%;} 50% {top:52%;left:73%;} 100% {top:50%;left:75%;} } .home .mod_article.headerbereich .ce_image .fx3{ top: auto; bottom:5%; left:8%; width:80%; height:395px; } } .rechtsanwaltsfachangestellte .mod_article.headerbereich .ce_image .fx3{ content:""; position:absolute; z-index:90; top: 1%; left:19%; width:595px; height:595px; background:url(../../files/assets/animation/shine-yellow.svg) no-repeat center transparent; background-size:100% auto; animation-name: homeShine; animation-duration: 2s; animation-iteration-count: infinite; transform:scale(1); } .kaufleute .mod_article.headerbereich .ce_image .fx3{ content:""; position:absolute; z-index:90; top: 7%; left:19%; width:595px; height:595px; background:url(../../files/assets/animation/shine-yellow.svg) no-repeat center transparent; background-size:100% auto; animation-name: homeShine; animation-duration: 2s; animation-iteration-count: infinite; transform:scale(1); } .fachinformatiker .mod_article.headerbereich .ce_image .fx3{ content:""; position:absolute; z-index:90; top: 1%; left:14%; width:595px; height:595px; background:url(../../files/assets/animation/shine-green.svg) no-repeat center transparent; background-size:100% auto; animation-name: homeShine; animation-duration: 2s; animation-iteration-count: infinite; transform:scale(1); } @media (max-width: 1500px) { .rechtsanwaltsfachangestellte .mod_article.headerbereich .ce_image .fx3{ top: 10%; left:17%; width:75%; height:595px; } .kaufleute .mod_article.headerbereich .ce_image .fx3{ top: 30%; left:17%; width:75%; height:595px; } .fachinformatiker .mod_article.headerbereich .ce_image .fx3{ top: 10%; left:17%; width:75%; height:595px; } } @media (max-width: 1200px) { .rechtsanwaltsfachangestellte .mod_article.headerbereich .ce_image .fx3{ top: 20%; left:17%; width:75%; height:595px; } .kaufleute .mod_article.headerbereich .ce_image .fx3{ top: 40%; left:17%; width:75%; height:595px; } .fachinformatiker .mod_article.headerbereich .ce_image .fx3{ top: 25%; left:17%; width:75%; height:595px; } } @media (max-width: 992px) { .rechtsanwaltsfachangestellte .mod_article.headerbereich .ce_image .fx3{ top: auto; bottom:5%; left:17%; width:75%; height:595px; } .kaufleute .mod_article.headerbereich .ce_image .fx3{ top: auto; bottom:3%; left:17%; width:75%; height:595px; } .fachinformatiker .mod_article.headerbereich .ce_image .fx3{ top: auto; bottom:5%; left:17%; width:75%; height:595px; } } @media (max-width: 768px) { .rechtsanwaltsfachangestellte .mod_article.headerbereich .ce_image .fx3, .kaufleute .mod_article.headerbereich .ce_image .fx3{ top: auto; bottom:5%; left:17%; width:75%; height:395px; } .fachinformatiker .mod_article.headerbereich .ce_image .fx3{ op: auto; bottom:5%; left:17%; width:75%; height:395px; } } @media (max-width: 576px) { .kaufleute .mod_article.headerbereich .ce_image .fx3{ top: auto; bottom:0%; left:17%; width:75%; height:395px; } } /* .inside-ksp .mod_article.headerbereich .ce_image .fx1{ content:""; position:absolute; z-index:110; top: 35%; left:4%; width:160px; height:220px; background:url(../../files/assets/animation/tiny-shine-green.svg) no-repeat center transparent; background-size:100% auto; animation-name: insideShine; animation-duration: .6s; animation-iteration-count: infinite; } @keyframes insideShine { 0% {top:35%;left:4%;} 50% {top:33%;left:2%;} 100% {top:35%;left:4%;} } */ .inside-ksp .mod_article.headerbereich .ce_image .fx2{ content:""; position:absolute; z-index:120; top: 25%; right:5%; width:74px; height:68px; background:url(../../files/assets/animation/star.svg) no-repeat center transparent; background-size:100% auto; animation-name: insideStar; animation-duration: 3s; animation-iteration-count: infinite; } @keyframes insideStar { 0% {transform:scale(1);} 50% {transform:scale(1.1);} 100% {transform:scale(1);} } .inside-ksp .mod_article.headerbereich .ce_image .fx3{ content:""; position:absolute; z-index:90; top: 1%; left:23%; width:595px; height:595px; background:url(../../files/assets/animation/shine-yellow.svg) no-repeat center transparent; background-size:100% auto; animation-name: homeShine; animation-duration: 2s; animation-iteration-count: infinite; transform:scale(1); } @keyframes homeShine { 0% {transform:scale(1);} 50% {transform:scale(1.1);} 100% {transform:scale(1);} } .darum-ksp .headerbereich .ce_image:before{ content:""; position:absolute; z-index:130; top:0px; right:120px; width:80px; height:240px; background:url(../../files/content/03_darum_ksp/Ausrufezeichen.svg) no-repeat center top transparent; background-size: 100% auto; animation-name: attention; animation-duration: 2s; animation-iteration-count: infinite; transform:scale(1); } @keyframes attention { 0% {transform:scale(1);} 50% {transform:scale(1.1);} 100% {transform:scale(1);} } @media (max-width: 1500px) { } @media (max-width: 1200px) { } @media (max-width: 992px) { } @media (max-width: 768px) { } @media (max-width: 576px) { }