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} 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%} #wrapper{width:960px;margin:0 auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class^=ce_],.mod_article [class*=" ce_"],.mod_article [class^=content-],.mod_article [class*=" content-"],.mod_article [class^=mod_],.mod_article [class*=" mod_"]{margin-left:10px;margin-right:10px}.ce_sliderStart>.content-slider{margin-left:0;margin-right:0}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class^=layout_]>*,.mod_article [class*=" layout_"]>*,.mod_article [class^=event_]>*,.mod_article [class*=" event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:none!important;display:block!important;width:auto!important}.offset1,.offset2,.offset3,.offset4,.offset5,.offset6,.offset7,.offset8,.offset9,.offset10,.offset11,.offset12{margin-left:10px!important}} @media screen{ #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;background-color:#000;color:#FFF;padding:.5em}#toTop:hover{background-color:#FFF;color:#000}#toTop:active,#toTop:focus{outline:none} } @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} /** * CLICKPRESS CSS-Grid * @author: Stefan Schulz-Lauterbach * * thanks to Dinko Skopljak for co-working */ .justify-items-start { justify-items: start; } .justify-items-center { justify-items: center; } .justify-items-end { justify-items: end; } .justify-items-stretch { justify-items: stretch; } .content-start { align-content: start; } .content-center { align-content: center; } .content-end { align-content: end; } .items-start { align-items: start; } .items-center { align-items: center; } .items-end { align-items: end; } .items-stretch { align-items: stretch; } .items-baseline { align-items: baseline; } [class*=grid_] { display: grid; grid-gap: 1rem; } [class*=grid_] > .block { margin-bottom: 0; } @media (min-width: 576px) { .grid_mobile_100 { grid-template-columns: 1fr; } .grid_mobile_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_mobile_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_mobile_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_mobile_75_25 { grid-template-columns: 3fr 1fr; } .grid_mobile_25_75 { grid-template-columns: 1fr 3fr; } .grid_mobile_66_33 { grid-template-columns: 2fr 1fr; } .grid_mobile_33_66 { grid-template-columns: 1fr 2fr; } .grid_mobile_60_40 { grid-template-columns: 3fr 2fr; } .grid_mobile_40_60 { grid-template-columns: 2fr 3fr; } .grid_mobile_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_mobile_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_mobile_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_mobile_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_mobile_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_mobile_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .gap_mobile_0 { grid-gap: 0; } .gap_mobile_1 { grid-gap: 1rem; } .gap_mobile_2 { grid-gap: 2rem; } .gap_mobile_3 { grid-gap: 3rem; } .gap_mobile_4 { grid-gap: 4rem; } .gap_mobile_5 { grid-gap: 5rem; } .gap_mobile_6 { grid-gap: 6rem; } .gap_mobile_7 { grid-gap: 7rem; } .gap_mobile_8 { grid-gap: 8rem; } .gap_mobile_9 { grid-gap: 9rem; } .gap_mobile_10 { grid-gap: 10rem; } .gap_mobile_11 { grid-gap: 11rem; } .gap_mobile_12 { grid-gap: 12rem; } } @media (min-width: 768px) { .grid_tablet_100 { grid-template-columns: 1fr; } .grid_tablet_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_tablet_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_tablet_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_tablet_75_25 { grid-template-columns: 3fr 1fr; } .grid_tablet_25_75 { grid-template-columns: 1fr 3fr; } .grid_tablet_66_33 { grid-template-columns: 2fr 1fr; } .grid_tablet_33_66 { grid-template-columns: 1fr 2fr; } .grid_tablet_60_40 { grid-template-columns: 3fr 2fr; } .grid_tablet_40_60 { grid-template-columns: 2fr 3fr; } .grid_tablet_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_tablet_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_tablet_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_tablet_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_tablet_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_tablet_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .grid_tablet_20_40_40 { grid-template-columns: 1fr 2fr 2fr; } .grid_tablet_40_20_40 { grid-template-columns: 2fr 1fr 2fr; } .grid_tablet_40_40_20 { grid-template-columns: 2fr 2fr 1fr; } .gap_tablet_0 { grid-gap: 0; } .gap_tablet_1 { grid-gap: 1rem; } .gap_tablet_2 { grid-gap: 2rem; } .gap_tablet_3 { grid-gap: 3rem; } .gap_tablet_4 { grid-gap: 4rem; } .gap_tablet_5 { grid-gap: 5rem; } .gap_tablet_6 { grid-gap: 6rem; } .gap_tablet_7 { grid-gap: 7rem; } .gap_tablet_8 { grid-gap: 8rem; } .gap_tablet_9 { grid-gap: 9rem; } .gap_tablet_10 { grid-gap: 10rem; } .gap_tablet_11 { grid-gap: 11rem; } .gap_tablet_12 { grid-gap: 12rem; } } @media (min-width: 992px) { .grid_desktop_100 { grid-template-columns: 1fr; } .grid_desktop_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_desktop_75_25 { grid-template-columns: 3fr 1fr; } .grid_desktop_25_75 { grid-template-columns: 1fr 3fr; } .grid_desktop_66_33 { grid-template-columns: 2fr 1fr; } .grid_desktop_60_40 { grid-template-columns: 3fr 2fr; } .grid_desktop_40_60 { grid-template-columns: 2fr 3fr; } .grid_desktop_33_66 { grid-template-columns: 1fr 2fr; } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_desktop_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_desktop_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_desktop_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_desktop_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .grid_desktop_20_40_40 { grid-template-columns: 1fr 2fr 2fr; } .grid_desktop_40_20_40 { grid-template-columns: 2fr 1fr 2fr; } .grid_desktop_40_40_20 { grid-template-columns: 2fr 2fr 1fr; } .grid_desktop_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_desktop_40_20_20_20 { grid-template-columns: 2fr 1fr 1fr 1fr; } .grid_desktop_20_40_20_20 { grid-template-columns: 1fr 2fr 1fr 1fr; } .grid_desktop_20_20_40_20 { grid-template-columns: 1fr 1fr 2fr 1fr; } .grid_desktop_20_20_20_40 { grid-template-columns: 1fr 1fr 1fr 2fr; } .grid_desktop_20_20_20_20_20 { grid-template-columns: repeat(5, 1fr); } .gap_desktop_0 { grid-gap: 0; } .gap_desktop_1 { grid-gap: 1rem; } .gap_desktop_2 { grid-gap: 2rem; } .gap_desktop_3 { grid-gap: 3rem; } .gap_desktop_4 { grid-gap: 4rem; } .gap_desktop_5 { grid-gap: 5rem; } .gap_desktop_6 { grid-gap: 6rem; } .gap_desktop_7 { grid-gap: 7rem; } .gap_desktop_8 { grid-gap: 8rem; } .gap_desktop_9 { grid-gap: 9rem; } .gap_desktop_10 { grid-gap: 10rem; } .gap_desktop_11 { grid-gap: 11rem; } .gap_desktop_12 { grid-gap: 12rem; } } /*# sourceMappingURL=clickpress-grid.css.map */ /* 01_variables.css Stand: 21.04.2023*/ /** CSS definitions: colors, fonts, widths - Kai Dämmer **/ :root { /* font definitions */ --mainfont: Arial, sans-serif; /* Size definitions */ --maxwidth: 85%; --maxheight: 750px; /* images */ /* --backgroundimage: url("/files/theme/img/suedlande-larp-rollenspiel-hintergrund.webp"); */ /* Color used inside the header */ --headerback: rgba(187,187,187,1); /* Color used inside the navigation */ --navback: rgba(187,187,187,1); --navback2: rgba(187,187,187,1); --linknavicolor: rgba(0,0,0,1); --mobilnavibackground: rgba(187,187,187,1); --mobilenaviborder: rgba(238,238,238,0.8); /* Color used inside the content */ --background: rgba(238,238,238,1); --fontcolor: rgba(0,0,0,1); --h1h4color: rgba(0,0,0,1); --linkcolor: rgba(0,0,255,1); --mainback: rgba(238,238,238,0.8); --mainborder: rgba(238,238,238,1); --kachelborder: 1px solid rgba(187,187,187,1); --kachelbackground: rgba(187,187,187,1); --kachelbackground-mittig: rgba(0,255,0,1); --kachelborder2: 1px solid rgba(187,187,187,0.2); --kachelbackground2: rgba(187,187,187,0.2); /* Button */ --button-font-color: rgba(0,0,255,1); --buttonback: rgba(187,187,187,1); --buttonbackhover: rgba(66,66,66,0.5); --totop_back: rgba(66,66,66,1); --totop_arrow: rgba(255,255,255,1); --totop_back_hover: rgba(187,187,187,1); --captionbackground: rgba(66,66,66,1); --captioncolor: rgba(255,255,255,1); --imgborder: 1px solid rgba(187,187,187,1); /* Color used inside the footer */ --footerback: rgba(187,187,187,1); --linknavifootercolor: rgba(0,0,0,1); /* Accordeon colors */ --accordeonheader: rgba(0,0,0,1); --accordeonhover: rgba(66,66,66,1); --accordeonback: rgba(187,187,187,1); --accordeonborder: 1px solid rgba(187,187,187,1); /*--accordeonarrow: "Font Awesome 5 Free"; */ /*--searchboxborder: 1px solid rgba(0,0,0,1);*/ /*--searchboxback: rgba(139,0,0,1);*/ /*--searchheaderback: rgba(139,0,0,1);*/ /*--searchheadertext: #eee8aa; */ /*--searchtext: rgba(236,201,62,1);*/ } /* 10-mobile.css Stand: 08.05.2023 /** CSS Grundgerüst mobiles Layout Contao 5 **/ body { font-family: var(--mainfont); font-size: 1em; font-weight: 400; line-height: 1.5; background-color: var(--background); color: var(--fontcolor); background-image: var(--backgroundimage); background-repeat:no-repeat; background-position: center; background-attachment: fixed; } html { overflow-y: scroll; height: 100%; font-size: 18px; line-height: 24px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* Adapt boxmodel */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* general elements and paddings/margins */ p, ul, ol, pre, table, blockquote { margin-top: 0em; margin-bottom: 1em; } /* Blocksatz gewünscht: p { text-align: justify; }*/ ul ul, ol ol, ul ol, ol ul { margin-top: 0em; margin-bottom: 0em; } ul { list-style: disc; } ol { list-style: decimal; } li { margin-left: 2em; } h1, h2, h3, h4 { line-height: 1.5; color: var(--h1h4color); } h1 { margin-top: 0.5em; } /* Links */ a, a:visited { color: var(--linkcolor); text-decoration: underline; } a:hover, a:focus, a:active { color: var(--linkcolor); outline: 0; } #container { padding: 0 0.2em; } #wrapper { width: 100%; max-width: unset; margin: 0 auto; /* background-color: var(--wrapperback); normal nicht nötig */ } #header { background-color: var(--headerback); margin: 0 0 1em 0; padding: 0.5em 0; } /* fester Header */ #header { position: sticky; z-index: 1001; top: 0; } #main { background-color: var(--mainback); /* font-size: 1em; normal nicht nötig */ /* line-height: 1.5; normal nicht nötig */ /* color: var(--fontcolor); normal nicht nötig */ border-radius: 5px; border: 1px solid var(--mainborder); } #main .inside { padding: 0 1em; } #footer { margin: 1.5em 0 0 0; padding: 1.5em 2%; /* border-top: 1px solid var(--footerback); normal nicht nötig */ color: var(--linknavifootercolor); background-color: var(--footerback); } #footer a, #footer a:hover, #footer a:focus, #footer a:active { color: var(--linknavifootercolor); text-decoration:underline; } /* Viewport max 767px */ @media screen and (max-width: 767px) { } /* Viewport min 768px */ @media screen and (min-width: 768px) { } /* 10b-desktop.css Stand: 26.04.2023*/ /** addition for header/footer full size **/ /* Viewport min 768px */ @media screen and (min-width: 768px) { /* Header center auf maxwidth */ #header .inside { margin: 0 auto; max-width: var(--maxwidth); } /* Footer center auf maxwidth */ #footer .inside { max-width: var(--maxwidth); margin: 0 auto; } /* Container center auf maxwidth */ #container { margin: 0 auto; max-width: var(--maxwidth); /* border-radius: 5px; background: var(--containerback); border: 1px solid var(--containerborder);*/ } /* main auf eine eine Mindesthöhe zu setzen */ #main { min-height: var(--maxheight); } } /* 11a-nav-mobile.css Stand: 26.04.2023*/ /* Position of the menu button */ div.menubutton { width:100%; right:0; top:.2rem; position:relative; display:block; margin-bottom:.2em; padding-bottom: .2em; z-index: 10; } div.menubutton a.shownav:after { font-size: 0.7rem; content: " \25bc" } div.menubutton a.hidenav:after { font-size: 0.7rem; content: " \25b2" } div.menubutton a.hidenav { display: none; } /* Layout of the menu button */ div.menubutton a { display: block; margin: 0.1em; padding: 0.5rem; background-color: var(--mobilnavibackground); border: 1px solid var(--mobilenaviborder); border-radius: 0.25rem; text-decoration: none; color: var(--linknavicolor); behavior:url('assets/css3pie/1.0.0/PIE.htc'); } /* header navigation */ #nav-main { margin: 0.2em; padding: 0; background-color: var(--mobilnavibackground); behavior: url('assets/css3pie/1.0.0/PIE.htc'); transition: 1s; } #nav-main ul.level_1 { margin: 0; padding: 0; text-align: left; } #nav-main li { margin: 0; padding: 0 0.2em; border-top: 1px solid var(--mobilenaviborder); border-left: 1px solid var(--mobilenaviborder); border-right: 1px solid var(--mobilenaviborder); list-style-type: none; } #nav-main ul.level_2 { margin: 0; padding: 0 0 0 2rem; text-align: left; } #nav-main li:last-of-type { border-bottom: 0; } #nav-main li a, #nav-main li span { display: block; padding: .1rem; text-align: left; background-color: var(--mobilnavibakbackground); text-decoration: none; color: var(--linknavicolor); } #nav-main a:hover, #nav-main a:focus { text-decoration: underline; } #nav-main .active { background-color: var(--headerback); text-decoration: none; color: var(--linknavicolor); } /* create the menu that can be hidden */ #nav-main { max-height: 0; } #menu:target nav.mod_navigation { max-height:40rem; } #menu:target a.shownav { display:none; } #menu:target a.hidenav { display:block; } /* 11b-nav-desktop.css Stand: 26.04.2023*/ /** CSS one column, PC Screen **/ @media screen and (min-width: 768px) { /* remove menu button for responsive naviagtion */ div.menubutton { display: none; } #nav-main { max-height: 58px; display: block; /*background-color: var(--nav-line-back);*/ color: var(--linknavicolor); margin: 0 0 0 0; } #nav-main ul { width: auto; float: left; margin: 0; padding: 0; list-style: none; /*background-color: var(--nav-line-back);*/ } #nav-main li { width: auto; float: left; margin: 0 0em 0 0em; padding: 0 1em 0 1em; border: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: var(--navback); } #nav-main li span, #nav-main li a { display: inline; padding: 0; background-color: var(--navback); border: 0px; } #nav-main li:hover, #nav-main li:hover a, #nav-main li:hover a span, #nav-main li:hover strong { background-color: var(--navback2); } #nav-main li.active.submenu, #nav-main strong.active.submenu, #nav-main li.active, #nav-main strong.active { background-color: var(--navback2); } #nav-main .level_1 > li:hover, #nav-main .level_1 > li:hover > a, #nav-main .level_1 > li:hover > a span, #nav-main .level_1 > li:hover > strong, #nav-main .level_1 > li.active, #nav-main .level_1 > li.active > strong { background-color: var(--navback); } #nav-main a { background-color: var(--navback); display: block; line-height: 2rem; text-decoration: none; color: var(--linknavicolor); } #nav-main .active, #nav-main .trail { line-height: 2rem; border: 0px; color: var(--linknavicolor); } #nav-main .active strong{ font-weight: bold; } #nav-main a:hover, #nav-main a:focus { color: var(--linknavicolor); background-color: var(--navback); } #nav-main .level_2 { width: 0; height: 0; position: absolute; left: -32768px; overflow: hidden; display: block; } #nav-main ul.level_2 { margin: 0; margin-left: -1em; padding: 1em 0 1em 0; text-align: left; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #nav-main .level_2 li { clear: both; background-color: var(--navback2); } #nav-main .level_2 span { background-color: var(--navback2); } #nav-main li:hover .level_2 { width: auto; height: auto; min-width: 78px; left: auto; overflow: auto; display: block; background-color: var(--navback2); z-index: 1000; } #nav-main .level_2 .active, #nav-main .level_2 .trail { font-weight:bold; background-color: var(--navback2); } #nav-main .level_2 .sibling { font-weight: normal; } } /* 11c-breadcrumb.css Stand: 26.04.2023 */ /** CSS für Navi Breadcrumb **/ /* Modul sollte dann im Hauptbereich eingebunden werden */ .mod_breadcrumb ul { list-style: none; margin: 1.5em 0; font-size: 0.8em; } .mod_breadcrumb li { display: inline-block; margin: 0; padding: 0; } .mod_breadcrumb li:after { font-style: normal; font-variant: normal; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; content: '>'; width: 20px; text-align: center; } .mod_breadcrumb .last:after { content: ''; } /* Viewport max 767px */ @media screen and (max-width: 767px) { } /* Viewport min 768px */ @media screen and (min-width: 768px) { } /* 20-accordeon.css Stand: 26.05.2023*/ /* Wenn das erste Accordion Elemente nicht offen sein soll, dann eintragen ins Template: j_accordion.html5: active: 'false', */ /* benutze Variablen: --accordeonheader: rgba(236,201,62,1); --accordeonhover: rgba(0,0,0,1); --accordeonback: rgba(113,12,19,1); --accordeonborder: 1px solid rgba(0,0,0,1); --accordeonarrow: "Font Awesome 5 Free"; --> optional bei anderen Symbolen Anzeige aktuell mit "+" und "-" fürs Aufklapp-Symbol sollten Pfeile gewünscht werden, könnte man "Font Awesome 5 free" einbinden --> content symbole umschreiben zusätzlich Font Awesome installieren und im header auf Seitenlayout eintragen */ /* Abstände und Gestaltung des Accordion */ .mod_article [class*=ce_accordion] { margin: 0.5em 0; border-radius: 0.5em; border: var(--accordeonborder); } .ui-accordion-content { padding: 0.25em 0.5em; } .ce_accordion .toggler { cursor: pointer; color: var(--accordeonheader); background: var(--accordeonback); outline: none; padding: 0.5em; font-weight: 700; } .ce_accordion .toggler.active { background: var(--accordeonback); } .ce_accordion .toggler:hover { background: var(--accordeonhover); } .ui-icon:before { /* font-family: var(--accordeonarrow); für Font Awesome */ color: var(--accordeonheader); font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; width: 25px; text-align: center; /*content: '\f101'; für Font Awesome */ content: '+'; } .ui-accordion-header-active .ui-icon:before { /*content: '\f338'; für Font Awesome */ content: '-'; } /* 21-images.css Stand: 26.05.2023 */ /* Image formatting */ /* Bilder mit Rahmen ohne Abstand */ .img-rahmen img { border-radius: 7px; border: var(--imgborder); } .img-rahmen figcaption { line-height: 1.2; font-size: 0.875em; background-color: var(--captionbackground); text-align: center; padding: 0.3em; border-radius: 5px; color: var(--captioncolor); margin: -0.2em 0 0 0; } .img-rahmen-neutral img { border-radius: 7px; border: var(--imgborder); } /* Linker und rechter Abstand zum Text bei Bildern bei Text mit Bild */ .float_left, .media--left>figure { margin-right: 0; } .float_right, .media--right>figure { margin-left: 0; } /* Bilder in mobilem Layout prozentual anzeigen */ .img-mobile-50 figure { width: 50%; } .img-mobile-80 img { width: 80%; } .img-mobile img { width: 100%; } .img-mobile-center figure { text-align: center; } .img-center figure { text-align: center; } .img-no-caption figcaption { display: none; } /* Viewport max 767px */ @media screen and (max-width: 767px) { } /* Viewport min 768px */ @media screen and (min-width: 768px) { /* Linker und rechter Abstand zum Text bei Bildern bei Text mit Bild */ .float_left, .media--left>figure { margin-right: 1em; } .float_right, .media--right>figure { margin-left: 1em; } .img-mobile-center figure { text-align: block; } .img-mobile-50 figure { width: auto; } .img-desktop-300 figure { max-width: 300px; } } /* 22-RockSolid-Slider.css Stand: 26.04.2023 */ /** Definitions for Image sliders, based on RockSolid-Slider **/ /* CSS-Prefix rsts-box wird nur benötigt, wenn die Galerie als Kachel/Box verwendet wird. Die Breite des Slider sollte auf "auto" gesetzt werden, damit sie sich der Breite besser anpasst */ .slider-rahmen { border: var(--slider-border); border-radius: 0.5em; } /* wenn keine Bildunterschrift da seins soll, muss im Modul das CSS-Prefix auf rsts-no-caption geändert werden */ .rsts-no-caption-slide p { display: none !important; } .rsts-main { background-color: var(--slider-background); border-radius: 0.5em; border: var(--slider-border); } .rsts-text { padding: 0.5em; } .rsts-thumbs-view { padding: 0 0 0.5em 0; } /* Viewport min 768px */ @media screen and (min-width: 768px) { } /* 26-suchen.css Stand: 10.05.2023 */ /* CSS Suchfeld und Ergebnis */ /* Suchfeld im Header */ #header .mod_form { margin: 0 0.5em 0; } #form-search { position: relative; display: inline-block; margin: 0 0 0.3em 0; width: 100%; } #form-search input.text { margin-bottom: 0; padding-right: 30px; width: 100%; transition: all 0.5s ease 0s; } #form-search input.text:focus { width: 240px; } #form-search input.submit { position: absolute; right: 6px; top: 7px; width: 24px; margin: 0; padding: 0; border: 0; border-radius: 0; } /* Suchfelder im Header (ctrl_3) und auf der Seite (ctrl_keywords_17), Button (ctrl_submit_17) - die Nummers ändern sich je nach CMS - aktuell Mischung Nordmar und Wirkstroem */ #ctrl_keywords_17, #ctrl_keywords_7, #ctrl_keywords_31, #ctrl_submit_17, #ctrl_submit_7, #ctrl_submit_31, #ctrl_3, #ctrl_1, #ctrl_5 { margin-bottom: 1em; padding: 0.5em; border: 1px solid var(--buttonback); outline: 0; width: 100%; border-radius: 2px; } #ctrl_submit_17:hover, #ctrl_submit_7:hover, #ctrl_submit_31:hover { background-color: var(--buttonbackhover) } /* format search results */ .mod_search form button { width: 100%; } .mod_search form, .search_default { border: var(--searchboxborder); padding: 1em; background: var(--searchboxback); border-radius: 5px; } .mod_search .header { margin-top: 2em; padding: 0.2em; text-align: center; background: var(--searchheaderback); color: var(--searchheadertext); border-radius: 5px; border: var(--searchboxborder); } /* Such-Ergebnisblock V4 Anfang */ .mod_search .odd, .mod_search .even { background: var(--searchboxback); border: var(--searchboxborder); border-radius: 5px; margin: 0.6em 0; padding: 0.7em; } /* Such-Ergebnisblock V4 Ende */ /* Such-Ergebnisblock V5 Anfang */ .search_default { margin-bottom: 0.5em; } .search_default h3 { margin-top: 0; } /* Such-Ergebnisblock V5 Ende */ mark { background: none; color: var(--searchtext); font-weight: 700; } @media screen and (min-width: 768px) { /* Wenn das Suchfeld links an die navi angehängt werden soll */ #header .inside { display: flex; flex-wrap: wrap; } #header .mod_form { position: relative; right: 0em; z-index: 10; } #form-search input.text { width: 115px; } #form-search { margin: 0em 0 0em 0; } } /* 88-sonderformate.css Stand: 11.05.2023 */ /* Überschrift ohne Top Abstand */ .h-top h2, .h-top h3 { margin-top: 0; } /* Abstand zwischen Artikeln */ .mod_article { margin-bottom: 1em; } /* Wenn Kachel nötig wird innerhalb einer seite */ .kachel { background: var(--kachelbackground); padding: 0.5em; border: var(--kachelborder); border-radius: 5px; margin-bottom: 0.7em; text-align: center; /* für Bild und Text auf mobile mittig setzen */ min-height: 5em; } /* für Bild und Text auf mobile mittig setzen */ .kachel .float_left, .media--left>figure { float: none; } .kachel-mittig { display: table; width: 100%; height: 5em; background: var(--kachelbackground); margin: 0; } .kachel-mittig .rte { display: table-cell; vertical-align: middle; text-align: center; } .kachel-mittig .rte p { margin: 0; } .kachel-mittig a { color: rgba(0,0,0,1); text-decoration: none; font-weight: bold; } /* Buttons --> ungeschickte Bezeichnung - da es auch ein Standard CSS begriff ist - hängt dann auch mit Suchen Formular zusammen*/ .button a, button { display: inline-block; padding: 0.5em 2.75em; background: var(--buttonback); font-size: 1em; margin: 0.5em 0; text-align: center; color: var(--button-font-color); font-weight: 700; text-decoration: none; border-radius: 5px; box-shadow: 0 1px 2px var(--boxshaddow); border: 0; transition: all 0.3s ease 0s; } .button a:hover, .button a:focus, button a:hover, button a:focus { background-color: var(--buttonbackhover); } .button-center, .text-center { text-align: center; } button { cursor: pointer; } /* Grid 100 % breit [class*=grid] { float: none; }*/ /* Menü mit Unterseiten */ .mod_customnav { margin: 0.5em 0 !important; border-radius: 7px; } @media screen and (min-width: 768px) { .kachel { text-align: left; } .kachel .float_left, .media--left>figure { float: left; } } /* 99-print.css Stand: 26.04.2023*/ /* for printing, remove colors and backgrounds */ @media print { @page { size: A4; } #nav-main, #nav-mobile, #form-search, #footer .box-wrapper { display: none; } body { border: 0; } #wrapper { margin: 0; } #footer { border: 0; margin: 0; } #main a[href]:after { content: " (" attr(href) ")"; } } /** * Definitions for to top link, based on contao extension "Button um zum Anfang der Seite zu springen" * * To use the extension: * 1.) install it first * 2.) Create a Themes - Module TopLink, based on UItoTop, and give it a Text/Icon like: " alternativ ohne font awesome: Icon ⇑" * 3.) Within Themes - Seitenlayout: * 3.1) enable jQuery * 3.2) add an exrta head tag for fonts awsome: * 3.3) add 23_toplink.css to the style sheets * 3.4) Add the TopLink module as first module in the footer * **/ #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; background-color: var(--totop_back); color: var(--totop_arrow); padding: .1em; font-size: 3em; border-radius: 7px; } #toTop:hover { background-color: var(--totop_back_hover); color: var(--totop_arrow); } /* 11d-nav-mobile.css Stand: 08.05.2025*/ /* mit der Erweiterung mmenu */ /* Modul "Navi - Toggler" mit Eigener HTML-Code
☰ Menü
Modul "Navi - MMenu Mobile Navigation" mit mmenu - Navigationsmenü wichtig: CSS-ID navi-mmenu zum Aufruf über Navi-Toggler */ .nav-mobile { margin-bottom: 0.7em; margin-top: 0.7em; text-align: center; } .nav-mobile a { font-size: 1.5em; color: var(--linknavicolor); text-decoration: none; } @media screen and (min-width: 768px) { /*.nav-toggle { display: none; }*/ .nav-mobile { margin: 0; font-size: 1em; line-height: 2em; } .nav-mobile a { font-size: 1em; text-decoration: none; } .nav-mobile a:hover { color: var(--linknavicolor); text-decoration: underline; } }