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%} @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} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} /* Mobile first sm 640px md 768px lg 1024px xl 1280px 2xl 1536px */ @media screen and (max-width: 639px) { #header, #container, #main, #footer, #slider, #hinweis { width: 100%; } #header .inside, #container .inside, #main .inside, #footer .inside, #hinweis .inside { width: 100%; margin: 0 auto; } footer .inside .ce_text { width: 100%; } #main .artikel-wrapper { padding: 0 20px; } } @media screen and (min-width: 640px) and (max-width: 767px) { #header, #container, #main, #footer , #slider, #hinweis { width: 100%; } #header .inside, #container .inside, #main .inside, #footerformular .inside, #hinweis .inside { width: 100%; margin: 0 auto; } footer .inside .ce_text { width: 50%; } #main .mod_breadcrumb ul { width: 100%; padding: 0 40px; } #main .artikel-wrapper { padding: 0 40px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #header, #container, #main, #footer, #slider, #hinweis { width: 100%; } #main .mod_article, #footer .inside, #hinweis .inside { width: 768px; margin: 0 auto; } #main .mod_article.parallax { width: 100%; } #main .mod_article.quote { width: 100%; } #main .mod_article.acasa-gallery-wrapper { width: 100%; } #main .mod_article.angebote { width: 100%; } #main .mod_article.formular { width: 100%; } #main .mod_article.infobox { width: 100%; } #main .mod_breadcrumb { width: 100%; } #main .mod_article.parallax .artikel-wrapper { width: 768px; margin: 0 auto; } #main .mod_article.quote .artikel-wrapper { width: 768px; margin: 0 auto; } #main .mod_article.angebote .artikel-wrapper { width: 768px; margin: 0 auto; } #main .mod_article.formular .artikel-wrapper { width: 768px; margin: 0 auto; } #main .mod_article.infobox .artikel-wrapper { width: 768px; margin: 0 auto; } #main .mod_breadcrumb ul { width: 768px; margin: 0 auto; } #main .artikel-wrapper { width: 768px; margin: 0 auto; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { #header, #container, #main, #footer, #slider, #hinweis { width: 100%; } #main .mod_article, #footer .inside, #hinweis .inside { width: 1024px; margin: 0 auto; } #main .mod_article.parallax { width: 100%; } #main .mod_article.quote { width: 100%; } #main .mod_article.acasa-gallery-wrapper { width: 100%; } #main .mod_article.angebote { width: 100%; } #main .mod_article.formular { width: 100%; } #main .mod_article.infobox { width: 100%; } #main .mod_breadcrumb { width: 100%; } #main .mod_article.parallax .artikel-wrapper { width: 1024px; margin: 0 auto; } #main .mod_article.quote .artikel-wrapper { width: 1024px; margin: 0 auto; } #main .mod_article.angebote .artikel-wrapper { width: 1024px; margin: 0 auto; } #main .mod_article.formular .artikel-wrapper { width: 1024px; margin: 0 auto; } #main .mod_article.infobox .artikel-wrapper { width: 1024px; margin: 0 auto; } #main .mod_breadcrumb ul { width: 1024px; margin: 0 auto; } #main .artikel-wrapper { width: 1024px; margin: 0 auto; } } @media screen and (min-width: 1280px) { #header, #container, #main, #footer, #slider, #hinweis { width: 100%; } #main .mod_article, #footer .inside, #hinweis .inside { width: 1280px; margin: 0 auto; } #main .mod_article.fullwidth { width: 100%; } #main .mod_article.parallax { width: 100%; } #main .mod_article.quote { width: 100%; } #main .mod_article.acasa-gallery-wrapper { width: 100%; } #main .mod_article.angebote { width: 100%; } #main .mod_article.formular { width: 100%; } #main .mod_article.infobox { width: 100%; } #main .mod_breadcrumb { width: 100%; } #main .mod_article.parallax .artikel-wrapper { width: 1280px; margin: 0 auto; } #main .mod_article.quote .artikel-wrapper { width: 1280px; margin: 0 auto; } #main .mod_article.angebote .artikel-wrapper { width: 1280px; margin: 0 auto; } #main .mod_article.formular .artikel-wrapper { width: 1280px; margin: 0 auto; } #main .mod_article.infobox .artikel-wrapper { width: 1280px; margin: 0 auto; } #main .mod_breadcrumb ul { width: 1280px; margin: 0 auto; } #main .artikel-wrapper { width: 1280px; margin: 0 auto; } } /*********************************************/ /*********************************************/ /*** Globale Styles über alles Bildschirme ***/ /*********************************************/ /*********************************************/ /*** container ***/ html { width: 100%; font-size: 100%; } body { background: #fff url("/files/theme-acasa/img/img_bg_container-top.svg") no-repeat top right; background-size: contain; width: 100%; color: var(--mainCol); box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 1.0rem; line-height: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.sitemap { background: none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ::-moz-selection { color: white; background: #254f41; } ::selection { color: white; background: #254f41; } #header, #slider { display: block; position: relative; } #header { background: none; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .sticky #header { position: fixed; top: 0; z-index: 99999; background: #fff; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .ohne-header #slider { display: none; } #main .mod_article { padding: 80px 0 100px 0; } #main .mod_article.mb-0 { padding: 80px 0 0 0; } #main .mod_article.parallax { padding: 0; } /*.home #main .mod_article.box-3col { padding: 0; }*/ #main .mod_article.acasa-gallery-wrapper{ padding: 0; } #main .mod_article.kein-abstand { padding: 0; } #main .mod_article.kein-abstand.mb-100 { margin-bottom: 100px; } /*** Fonts etc. ***/ h1, h2, h3, h4, h5, h6 { font-family: IntroSemiBoldAlt; } h1.lead { font-size: 2.2rem; line-height: 3rem; width: 100%; text-align: center; margin: 30px 0 50px 0; } h1 { font-size: 2.2rem; line-height: 3rem; width: 100%; text-align: left; } h2 { font-size: 2.2rem; line-height: 2.5rem; width: 100%; text-align: left; margin: 10px 0 10px 0; } h2.lead { font-size: 2.2rem; line-height: 3rem; width: 100%; text-align: center; margin: 0 0 30px 0; } h3 { font-size: 1.4rem; line-height: 2rem; width: 100%; text-align: left; margin: 3px 0 6px 0; color: #6bb79e; } h4 { font-size: 1.4rem; line-height: 1.7rem; width: 100%; text-align: left; margin: 40px 0 12px 0; } h5 { font-size: 1.4rem; } /*** Article ***/ .mod_article { overflow: visible; } .ce_hyperlink.centered { width: 100%; text-align: center; display: block; margin-top: 40px; } .ce_downloads .size { display: none; } /* Textlinks */ .artikel-wrapper .ce_text a { color: #64b499; } /*** Slider ***/ .rev-slider-wrapper { background: rgba(37,69,75,0.7); position: absolute; width: 200px; height: 100px; left: 50%; } .ce_revolutionslider h2 { color: #fff; opacity: 100%; visibility: visible; } .tp-bannertimer { diaplay: none; } /*** Personen ***/ .personen-bg-gelb { background: #fbfaee; } /*** Personen ***/ .ce_table { padding: 20px 0; } .ce_table td { padding: 0 40px 20px 0; border: 0; } .ce_table .col_first strong { background: #254f41; color: #fff; padding: 5px 10px; border-radius: 18px; } /*** Tabellen ***/ .ce_text ul { list-style-type: none; margin-top: 20px; margin-left: 10px; } .ce_text ul li { margin-bottom: 10px; list-style: "•"; padding-left: 15px; } /* #main .ce_text a { font-family: IntroSemiBoldAlt; color: #add8bd !important; font-weight: bold; } */ /*** kontaktbox ***/ .kontaktbox { background: #faf9ed; margin-bottom: 20px; } .kontaktbox { background: #f6f8e6; padding: 20px; } /*** infobox ***/ .infobox { background: #f4f9f5; padding: 80px 0 100px 0; } .infobox h4 { margin-bottom: 0.5rem; } .sticky { padding-top: 100px; } /*.sticky #offene-leerstellen { padding: 80px 0 100px 0; }*/ /*.sticky #offene-leerstellen { padding: 150px 0 !important; }*/ .sticky #wohnungen-serviceleistungen { padding: 150px 0 !important; } .sticky #pflegezentrum-ferienzimmer { padding: 150px 0 !important; } .sticky #tagesentlastung { padding: 150px 0 !important; } .sticky #arztpraxis { padding: 150px 0 !important; } .sticky .bereiche-abstand-oben { padding: 150px 0 !important; } .sticky #warteliste { padding: 150px 0 !important; } .sticky #geschaeftsleitung { padding: 150px 0 !important; } .sticky #leitbild { padding: 150px 0 !important; } .sticky #schnuppern { padding: 150px 0 !important; } .sticky #bildungsverantwortliche { padding: 150px 0 !important; } /*** MAP ***/ #main .mod_article.map { padding: 0 !important; } /*** mod_breadcrumb ***/ .mod_breadcrumb { background: #f4f9f5; background: none; } .breadcrumb-green .mod_breadcrumb { background: #f4f9f5; } .mod_breadcrumb ul li { display: inline; padding: 05px; } .mod_breadcrumb ul li a { color: #000; text-decoration: none; font-weight: 700; line-height: 70px; } .mod_breadcrumb ul .active { color: #64b499; text-decoration: none; font-weight: 700; line-height: 70px; } .mod_breadcrumb ul li:not(.last)::after { content: url("/files/theme-acasa/img/ICON_Navi_Pfeil_unten_inaktiv.svg"); top: 5px; left: 1px; width: 10px; height: 15px; display: inline-block; transform: rotate(270deg); position: relative; } .home .mod_breadcrumb { display: none; } /*** Formulare ***/ /*#main .mod_article.formular { background: none; }*/ .ce_form { width: 100%; overflow: visible; display: block; min-height: 300px; } .ce_form * { overflow: visible; } .ce_form input { width: 92%; line-height: 40px; padding: 10px 20px; margin: 0 auto 20px auto; box-shadow: 2px 2px 10px #ccc; border-radius: 14px; border: 0; overflow: visible; } .ce_form textarea { width: 100%; height: 200px; padding: 20px; margin: 0 auto 20px auto; box-shadow: 2px 2px 10px #ccc; border-radius: 14px; border: 0; display: block; } .ce_form input.submit { } .ce_form button { background: #254f41; color: #fff; padding: 10px 20px; margin: 0 auto 20px auto; box-shadow: 2px 2px 10px #ccc; border-radius: 14px; border: 0; } .form---fragen .widget-text { width: 49%; display: inline-block; } .formular img { box-shadow: 0px 0px 10px #ddd; border-radius: 8px; } .formular .image_container { overflow: visible; } .formular .ce_text { overflow: visible; } .widget-submit { position: initial; } .formular { padding-top: 150px !important; } /*** Downloads ***/ .ce_downloads { padding-top: 30px; } .ce_downloads h3 { color: #64b499; } .ce_downloads a { color: #000; text-decoration: none; font-weight: 700; line-height: 24px; display: block; padding: 14px 0; } .ce_downloads a:hover { color: #64b499; text-decoration: none; font-weight: 700; line-height: 24px; display: block; padding: 14px 0; } .ce_downloads ul { border-top: #64b499 2px dotted; } .ce_downloads ul li { border-bottom: #64b499 2px dotted; } /*** ce_accordion ***/ .ce_accordion { background: #fff; box-shadow: 1px 1px 10px #ccc; border-radius: 8px; margin-bottom: 10px; width: 100%; margin: 20px auto 10px auto; overflow: visible; padding: 0 20px; } .ce_accordion .toggler { font-size: 1.5rem; color: #64b499; padding: 20px 40px 20px 0; font-weight: 700; background: #fff url("/files/theme-acasa/img/ICON_Akkordion_plus.svg") right no-repeat; background-size: 30px; cursor: pointer; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; margin-right: 20px; } .ce_accordion .toggler.active { background: #fff url("/files/theme-acasa/img/ICON_Akkordion_minus.svg") right no-repeat; background-size: 25px; margin-right: 20px; } .ce_accordion .toggler.active + .accordion { opacity: 0; -webkit-transition: opacity 250ms ease-out; -moz-transition: opacity 250ms ease-out; -o-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; } .ce_accordion .toggler.active + .accordion { opacity: 1; -webkit-transition: opacity 250ms ease-out; -moz-transition: opacity 250ms ease-out; -o-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; } .ui-accordion-content { padding-bottom: 20px; } /*** Menu seitlich ***/ .sidebar-kontakt { position: absolute; right: -210px; top: 150px; z-index: 9999; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; transition-delay: 0.5s; } .sidebar-kontakt:hover { right: -70px; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; } .sidebar-kontakt a { display: block; background: #fff url("/files/theme-acasa/img/ICON_Kotnaktform_Tel.svg") 10px no-repeat; background-size: 36px 36px; line-height: 60px; padding-left: 60px; color: #254f41; text-decoration: none; border-radius: 8px; } .sidebar-kontakt span { display: block; color: #fff; background: #254f41; text-decoration: none; line-height: 60px; font-family: IntroSemiBoldAlt; font-size: 1.4rem; padding: 0 100px 0 20px; } .sidebar-lageplan { position: absolute; right: -220px; top: 214px; z-index: 9999; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; transition-delay: 0.5s; } .sidebar-lageplan:hover { right: -70px; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; } .sidebar-lageplan a { display: block; background: #fff url("/files/theme-acasa/img/ICON_Map.svg") 10px no-repeat; background-size: 36px 36px; line-height: 60px; padding-left: 60px; color: #254f41; text-decoration: none; border-radius: 8px; } .sidebar-lageplan span { display: block; color: #fff; background: #254f41; text-decoration: none; line-height: 60px; font-family: IntroSemiBoldAlt; font-size: 1.4rem; padding: 0 100px 0 20px; } /*** Tel und E-Mail Icons ***/ .ce_text a, .ce_table a { text-decoration: none; color: #000; } .ce_text a[href^="tel:"]::before { content:url("/files/theme-acasa/img/ICON_Footer_Tel.svg"); width: 15px; height: 15px; display: inline-block; margin-right: 5px; overflow: visible; } .ce_text a[href^="mailto:"]::before { content:""; background: url("/files/theme-acasa/img/ICON_Footer_Mail.svg") left 3px no-repeat; width: 15px; height: 15px; display: inline-block; margin-top: 4px; margin-right: 5px; } .ce_text a:after, .ce_table a:after { } .ce_text a:hover, .ce_table a:hover { color: #254f41; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; } .ce_text a[href^="tel:"]:after { background: none; } .ce_text a[href^="mailto:"]:after { background: none; } /*** Externer Link Footer ***/ #footer .ce_text a[href^="https://"]::before { content:url("/files/theme-acasa/img/ICON_Footer_Link_solid.svg"); width: 18px; height: 18px; display: inline-block; margin-right: 5px; overflow: visible; } #footer .ce_text a[href^="https://"]:after { background: none; } /*** Buttons ***/ /* normal (secondary) */ .ce_hyperlink, .ce_download { margin: 20px 20px 0 0; } .ce_download { overflow: visible; margin-right: 20px; } .ce_hyperlink { overflow: visible; margin-right: 20px; } .ce_hyperlink, .ce_download a { overflow: visible; display: inline; width: auto; margin: 20px 20px 20px 0; } .ce_download .size { display: none; } .ce_hyperlink a { overflow: visible; background: #fff; border-radius: 20px; line-height: 40px; font-family: IntroSemiBoldAlt; color: #000; text-decoration: none; padding: 10px 20px 10px 20px; box-shadow: 2px 2px 10px #ccc; position: relative; } .ce_hyperlink a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat !important; content:""; width: 30px; height: 14px; display: inline-block; left: 10px; position: relative; } .ce_hyperlink a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat !important; content:""; width: 30px; height: 14px; display: inline-block; left: 20px; position: relative; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .ce_download a { background: #fff; border-radius: 20px; line-height: 40px; font-family: IntroSemiBoldAlt; color: #000; text-decoration: none; padding: 10px 10px 10px 15px; box-shadow: 2px 2px 10px #ccc; position: relative; } .ce_download a:after { background: url("/files/theme-acasa/img/ICON_Button_Download.svg") no-repeat !important; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .ce_download a:hover:after { background: url("/files/theme-acasa/img/ICON_Button_Download.svg") no-repeat !important; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } /* primary */ .ce_hyperlink.primary a { background: #245041; border-radius: 20px; line-height: 40px; font-family: IntroSemiBoldAlt; color: #fff; text-decoration: none; padding: 10px 20px 10px 20px; box-shadow: 2px 2px 10px #ccc; position: relative; } .ce_hyperlink.primary a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat !important; content:""; width: 30px; height: 14px; display: inline-block; left: 10px; position: relative; } .ce_hyperlink.primary a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat !important; content:""; width: 30px; height: 14px; display: inline-block; left: 20px; position: relative; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .ce_download.primary a, .back a { background: #245041; border-radius: 20px; line-height: 40px; font-family: IntroSemiBoldAlt; color: #fff; text-decoration: none; padding: 10px 10px 10px 20px; box-shadow: 2px 2px 10px #ccc; position: relative; } .ce_download.primary a:after { background: url("/files/theme-acasa/img/ICON_Button_Download.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .ce_download.primary a:hover:after { background: url("/files/theme-acasa/img/ICON_Button_Download.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .back a { padding-right: 20px !important; } .back { margin-top: 40px !important; } .layout_full .ce_gallery ul { display: flex; justify-content: space-between; } /*** Footer ***/ footer { background: #254f41; } footer .inside { display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding: 20px 0; color: #fff; } footer .inside .ce_text { width: 50%; } footer .inside .footer-menu { width: 50%; } footer .inside .ce_text { padding: 0 20px; } footer .inside .ce_text:nth-child(2) { padding: 0 20px 0 0px; } footer .inside .ce_text:last-child { padding: 0 0 20px 0; } footer .inside h3 { text-align: left; color: #cccf5a; border-bottom: 1px dashed #cccf5a; padding-bottom: 10px; margin-bottom: 20px; } footer .inside a { color: #fff; text-decoration: none; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } footer .inside a:hover { color: #cccf5a; text-decoration: none; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } footer .inside a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil_footer.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; left: 10px; position: relative; } footer .inside a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil_footer.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; left: 20px; position: relative; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } footer .inside a[href^="tel:"] { line-height: 20px; height: 20px; display: inline-block; } footer .inside a[href^="mailto:"] { line-height: 20px; height: 20px; display: inline-block; } footer .inside a[href^="tel:"]:after { background: none; } footer .inside a[href^="mailto:"]:after { background: none; } footer #maps a:after { content: none; } /*** Veranstaltungen ***/ .mod_eventlist { padding: 100px 0; } .event.layout_list { background: #fff; border-radius: 10px; position: relative; display: block; box-shadow: 0 0 10px #ccc; width: 96%; margin: 10px auto 20px auto; height: 200px; overflow: hidden; } .event.layout_list h2 { margin-top: 0; } .event.layout_list h2 a { color: #64b499; text-decoration: none; } .event.layout_list .left { background: #64b499; color: #fff; width:25%; float: left; padding: 20px; } .event.layout_list .left span { display: block; text-align: center; } .event.layout_list .left .month { font-size: 1.2rem; line-height: 2rem; border-bottom: #fff 2px dotted; } .event.layout_list .left .day { font-size: 5rem; line-height: 6rem; font-weight: 700; } .event.layout_list .left .time { font-size: 1rem; line-height: 1.2rem; color: #000; } .event.layout_list .right { width:75%; float: right; padding: 20px; } .event.layout_list .right:after { clear: both; } .rsts-skin-light .rsts-view { border: 0; } .rsts-caption { display: none; } /*** Hintergründe Farben ***/ .bg-green { background: #f1f8f4; width: 100% !important; } .bg-yellow { background: #fcf8eb; width: 100% !important; } .bg-white { background: #fff; width: 100% !important; } /* The overlay effect with black background */ #myOverlay { z-index: 999999999; } .overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgba(36,80,65,0.96); /* Black with a little bit see-through */} /* The content */ .overlay-content { position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto; } .openBtn { display: inline-block; position: absolute; top: 20px; right: 0; width: 24px; height: 24px; cursor: pointer; background: url('/files/theme-acasa/img/ICON_Suche.svg') left 1px no-repeat; border: 0; } /* Close button */ .overlay .closebtn { background: url('/files/theme-acasa/img/ICON_Search_Close.svg') center center no-repeat; background-size: 24px 24px; position: absolute; top: 40px; right: 40px; cursor: pointer; width: 50px; height: 50px; } .overlay .closebtn:hover { color: #ccc; } /* Style the search field */ .overlay input[type=text] { padding: 15px; font-size: 17px; border: none; float: left; width: 80%; background: white; color: #000; box-shadow: none; } .overlay input[type=text]:hover { background: #f1f1f1; } /* Style the submit button */ .overlay .ce_form button { background: #fff; padding: 15px; font-size: 17px; color: #000; line-height: 40px; box-shadow: none; } .overlay .ce_form button:hover { background: #f1f1f1; } #keywords h3 a { color: #64b499 !important; text-decoration: none; } #keywords div { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #efefef; } #keywords .widget-text { width: 50%; float: left; border-bottom: none; } #keywords .widget-text input { width: 100%; line-height: 40px; padding-left: 10px; } #keywords .submit { line-height: 38px; margin-left: 20px; } #keywords .widget-submit { border-bottom: none; } #keywords .url { display: none; } #keywords .highlight { background: #fcf8eb; font-weight: bold; padding: 0 2px; } #keywords .info { color: #64b499; } button:hover { cursor: pointer; } /* Sitemap */ .mod_sitemap ul.level_1 { display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .mod_sitemap ul.level_1 > li { width: 20%; } .mod_sitemap ul.level_1 > li a { text-decoration: none; color: #64b499; line-height: 40px; width: 100%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .mod_sitemap ul.level_1 > li a:hover { color: #000; } .mod_sitemap ul.level_1 > li > a { font-weight: bold; border-bottom: #efefef 1px solid; } #custnav ul.level_1 > li a { text-decoration: none; color: #64b499; line-height: 40px; width: 100%; display: block; -webkit-transition: all 150ms ease-in-out; } .lageplan img { box-shadow: 0 0 10px #ccc; } .lageplan { overflow: visible; } .lageplan .image_container { overflow: visible; } .infobox h4 { margin-top: 0; } /*link startseite roter Balken*/ #hinweis p:after { background: url(/files/theme-acasa/img/ICON_Link_Pfeil_weiss.svg) no-repeat; content: ""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } #hinweis a{ text-decoration: none; } /**************************************************/ /**************************************************/ /*** ENDE Globale Styles über alle Bildschirme ***/ /**************************************************/ /**************************************************/ /*** UNFERTIGE STYLES ***/ /*** acasa-gallery ***/ .acasa-gallery { display: flex; flex-direction: row; justify-content: center; flex-wrap: no-wrap; } .acasa-gallery li { width: 20vw !important; } .mb-0 { padding-bottom: 0 !important; } .txt-col-2 { column-count: 2; column-gap: 40px; } @media (max-width:639px) { .main-menu { display: none; } } /* News Details */ .news-detail .layout_full .rs-column.-large-col-3-1 { float: left !important; } .news-detail .rs-column.-large-col-3-2 { float: right; padding-bottom: 20px; } .news-detail .layout_full p { width: 95%; } /* mobile Menu flicker */ #mobile-menu { -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; } #mobile-menu:not( .mm-menu ) { display: none !important; } /*.wrapper__blocker.mm-slideout { } .mm-menu_iconpanel .mm-panels > .mm-panel_opened, .mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent { display: none; } */ .mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel { background: white; } .mm-listitem_selected > .mm-listitem__text { background: white; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { font-family: IntroSemiBoldAlt !important; color: #000; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover { font-family: IntroSemiBoldAlt !important; color: #6bb79e; } .mm-menu a.trail, .mm-menu span { color: #6bb79e; font-weight: 700; } .mm-menu .level_2 .first { border-top: 1px solid #efefef; } .mm-listitem_vertical > .mm-panel { padding-top: 0; } /* liste-mit-punkten */ .liste-mit-punkten ul li { margin-left: 20px; list-style-type: "…" !important; } /*** ENDE UNFERTIGE STYLES ***/ /* Portrait */ @media only screen and (orientation: portrait) { .sidebar-kontakt { display: none; } .sidebar-lageplan { display: none; } .ce_form input { width: 100%; line-height: 40px; padding: 10px 20px; margin: 0 auto 20px auto; box-shadow: 2px 2px 10px #ccc; border-radius: 14px; border: 0; overflow: visible; border: 1px solid #999; } .ce_form textarea { width: 100%; height: auto; padding: 20px; margin: 0 auto 20px auto; box-shadow: 2px 2px 10px #ccc; border-radius: 14px; border: 0; border: 1px solid #999; } } /* Landscape */ @media only screen and (max-width: 1024px) and (orientation: landscape) { .sidebar-kontakt { display: none; } .sidebar-lageplan { display: none; } .ce_form input { width: 100%; line-height: 40px; padding: 10px 20px; margin: 0 auto 20px auto; box-shadow: 2px 2px 10px #ccc; border-radius: 14px; border: 0; overflow: visible; border: 1px solid #999; } .ce_form textarea { width: 100%; height: auto; padding: 20px; margin: 0 auto 20px auto; box-shadow: 2px 2px 10px #ccc; border-radius: 14px; border: 0; border: 1px solid #999; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) { #main .artikel-wrapper { padding: 0 20px; margin: 0 auto; } } /* Portrait and Landscape */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { .ce_form input { width: 100%; line-height: 40px; padding: 10px 20px; margin: 0 auto 20px auto; box-shadow: 2px 2px 10px #ccc; border-radius: 14px; border: 0; overflow: visible; border: 1px solid #999; } .ce_form textarea { width: 100%; height: auto; padding: 20px; margin: 0 auto 20px auto; box-shadow: 2px 2px 10px #ccc; border-radius: 14px; border: 0; border: 1px solid #999; } .sidebar-kontakt { display: none; } .sidebar-lageplan { display: none; } } @media screen and (max-width: 639px) { .ce_google_map { height: 300px; } #mobile-menu:not( .mm-menu ) { display: none !important; } /*** Header ***/ header { padding: 20px 20px 10px 20px; } /* Buttons */ .ce_hyperlink, .ce_download { display: block; } /*** Logo ***/ .logo-header { top: 6px; width: 180px; height: 70px; position: relative; display: inline-block; animation: fadeIn 3s; -webkit-animation: fadeIn 3s; -moz-animation: fadeIn 3s; -o-animation: fadeIn 3s; -ms-animation: fadeIn 3s; } .logo-header a { width: 170px; height: 70px; display: block; background: url("/files/theme-acasa/img/LG_acasa_maennedorf_Logo_Claim_unten.svg") top left no-repeat; background-size: contain; } .mod_breadcrumb { display: none; } /* Tabelle */ table td { padding: 0 20px 20px 0 !important; } /*** Navigation ***/ .main-menu { display: none; } .mobile-menu { display: inline; float: right; margin: 16px 60px 0 0; line-height: 40px; } /*** Slider ***/ #slider { height: 250px; overflow-x: hidden; } #slider .ce_revolutionslider { height: 250px; } #slider .ce_revolutionslider_text { display: none; } #slider .ce_revolutionslider_image { display: none; } .sidebar-kontakt { display: none; } .sidebar-lageplan { display: none; } /*** Hinweis ***/ #hinweis { background: #b71f1e; color: #fff; } #hinweis p { width: 100%; line-height: 50px; background: #b71f1e; color: #fff; margin: 0; text-align: center; } .einblender-rund { rotate: -15deg; text-align: center; z-index: 9999999; position: absolute; top: 24px; left: calc((100% - 450px) / 2); background: #b71f1e; color: #fff; width: 200px; height: 200px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .einblender-rund p { position: relative; margin: auto 10px; display: block; font-size: 1.3rem; line-height: 1.8rem; } /*** Slider ***/ .ce_revolutionslider { position: relative; } .ce_revolutionslider_text { color: #fff; line-height: 40px; height: 40px; } .ce_revolutionslider_text.lead { font-family: IntroSemiBoldAlt; line-height: 40px; } /* Style the search field */ .overlay input[type=text] { width: 100%; } .overlay input[type=text]:hover { width: 100%; } /* Style the submit button */ .overlay .ce_form button { background: #fff; padding: 15px; font-size: 17px; color: #000; line-height: 40px; box-shadow: none; } .overlay .ce_form button:hover { background: #f1f1f1; } /*** Boxen 3-spaltig ***/ .box-3col { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .box-3col .artikel-wrapper { display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; width: 100%; } .box-2col .artikel-wrapper { display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; width: 100%; } .box-3col a.ce_linkedElement { background: #fff; width: 100%; border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 20px; padding-bottom: 10px; text-decoration: none; display: inline-block; } .box-3col .artikel-wrapper > .ce_text { background: #fff; width: 100; border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 0 10px 20px 10px; padding-bottom: 10px; text-decoration: none; display: none; } .box-2col .artikel-wrapper > .ce_text { background: #fff; width: 100; border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 20px; padding-bottom: 20px; text-decoration: none; display: none; } .box-3col .ce_text h3, .box-2col .ce_text h3 { margin-left: 10px; } .box-3col .ce_text a:after { background: none; } .box-3col .ce_text p, .box-2col .ce_text p { margin: 0 0 0 10px; color: #000; width: calc(100% - 20px); } .box-3col .ce_text a { color: #000; font-size: 1.0rem; font-weight: 100; } .box-3col .ce_text span { font-weight: 700; font-family: IntroSemiBoldAlt; } .box-3col .ce_text span:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /*** Parallax / Count-Up ***/ .parallax.count-up { background: linear-gradient(90deg, rgba(36,80,65,1) 0%, rgba(96,163,141,0.5) 100%); height: auto; padding: 150px 20px 150px 20px !important; margin: 0 0 0 0 !important; text-align: center; } .parallax.count-up h2 { margin-top: 1.5em; color: #fff; text-align: center; width: 100%; } .parallax.count-up p { color: #fff; text-align: center; margin-bottom: 40px; width: 100%; } .parallax.count-up .countUpValue { font-size: 5rem; font-weight: 700; color: #cccf5a; display: block; border-bottom: 2px dotted #cccf5a; width: calc(100% - 40px); text-align: center; line-height: 7rem; margin: 0 auto; } .parallax.count-up .countUpSuffix { color: #fff; width: 80%; margin: 20px auto 0 auto; font-weight: 400; font-size: 1.3rem; display: block; text-align: center; } .parallax.count-up .rs-columns { margin-bottom: 60px; text-align: center; } .parallax.count-up .ce_hyperlink a { box-shadow: 2px 2px 10px #666; } .layout_full { overflow: visible; padding-bottom:20px; } /*** Quote ***/ .quote { padding: 100px 0 200px 0; } .quote .quote-inner { font-size: 1.8rem; line-height: 2rem; font-weight: 100; margin-bottom: 0; overflow: visible; } .quote .quote-inner p:nth-of-type(2) { font-weight: 500; font-size: 1.4rem; line-height: 1.8rem; margin-top: 10px; color: #6bb79e; } .quote .image_container { margin-right: 0; overflow: visible; } .quote .quote-inner img { border-radius: 8px; box-shadow: 0px 0px 10px #ddd; } .quote .wrapper-plan { position: relative; } .quote .plan { position: absolute; z-index: 1; } .quote .icon { position: absolute; width: 30px; height: 30px; } .quote .icon-download { width: 25px; height: 25px; } .quote .icon-download .image_container { width: 25px; height: 25px; } .quote .icon .image_container { width: 25px; height: 25px; } .quote .icon .image_container img { width: 25px; height: auto; } .quote.unsere-haeuser { background: #ffffff !important; } /*** unsere-haeuser ***/ .unsere-haeuser .ce_text p { font-weight: 500; } .unsere-haeuser ul { margin-left: 15px; } .unsere-haeuser ul li { padding-left: 8px; } /*** Angebote ***/ #main .angebote { padding: 150px 0 !important; } .angebote .artikel-wrapper { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .angebote .ce_text { text-align:center; width: 100%; border-radius: 10px; padding: 0 20px 20px 20px; text-decoration: none; padding-top: 20px; } .angebote h1 { text-align:center; } .angebote .ce_text h2 { text-align:center; } .angebote .ce_text h3 { margin: 20px auto; } .angebote a:after { } .angebote .ce_text p { } #main .angebote .ce_text a { font-family: IntroSemiBoldAlt; color: #000 !important; font-size: 1.2rem; } .angebote .ce_text a { font-weight: 700; } .angebote .ce_text a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .angebote .ce_text a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 30px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .angebote .ce_text .image_container a:after { background: none; } .angebote img { filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.12)); } /* formular */ .formular figure { display: none; } .ce_form input { width: 100%; line-height: 40px; padding: 10px 20px; margin: 0 auto 20px auto; box-shadow: 2px 2px 10px #ccc; border-radius: 14px; border: 0; overflow: visible; border: 1px solid #999; } .ce_form textarea { width: 100%; height: auto; padding: 20px; margin: 0 auto 20px auto; box-shadow: 2px 2px 10px #ccc; border-radius: 14px; border: 0; border: 1px solid #999; } .ce_form .subcolumns .c50l { width: 100%; display: block; } .ce_form .subcolumns .c50r { width: 100%; display: block; } .ce_form .subcolumns .subcr { padding: 0; } .ce_form .subcolumns .subcl { padding: 0; } .kontakt .ce_form { display: block; position: relative; min-height: 450px; } /*** zahlen-fakten ***/ .zahlen-fakten { text-align: center; } .zahlen-fakten img { filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.12)); } .zahlen-fakten * { overflow: visible; } .zahlen-fakten .rs-column { margin-top: 100px; } .zahlen-fakten .countUpValue { font-weight: 700; font-size: 70px; line-height: 70px; display: block; margin-top: 20px; font-family: IntroBoldAlt; } .zahlen-fakten .countUpSuffix { font-weight: 700; font-size: 18px; color: #64b499; font-family: IntroSemiBoldAlt; } /*** News 3-spaltig ***/ .isotope-masonry { padding: 200px 0; } .mod_newslist { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; } .mod_newslist .layout_latest { border-radius: 10px; box-shadow: #ccc 0 0 10px; margin:20px; padding-bottom: 10px; background: #fff; position: relative; } .mod_newslist .layout_latest h3 { margin: 12px 0 0 10px; text-align: left; line-height: 1.3rem; width: calc(100% - 40px); background: none; } .mod_newslist .layout_latest h3 a:hover:after { background: none; } .mod_newslist .layout_latest h2 { margin: 10px 0 0 10px; position: absolute; right: 10px; background: #254f41; color: #fff; font-size: 0.9rem; line-height: 1.4rem; display: inline-block; width: auto; padding: 2px 5px; border-radius: 4px; } .mod_newslist .layout_latest p.info { margin: 12px 0 0 10px; } .mod_newslist .layout_latest a { font-family: IntroSemiBoldAlt; color: #64b499; text-decoration: none; font-size: 1.2rem; line-height: 1.3rem; } .mod_newslist .layout_latest .more { margin: 12px 0 0 0; } .mod_newslist .layout_latest .more a { color: #000; margin-left: 10px; } .mod_newslist .layout_latest a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .mod_newslist .layout_latest a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 30px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .mod_newslist .layout_latest .image_container a:after { background: none; display: none; } .mod_newslist .layout_latest h3 a:after { background: none; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .mod_newslist .layout_latest figure a { height: 0; } .mod_newslist .layout_latest div.news-teaser { width: calc(100% - 40px) !important; margin-left: 10px; margin-top: 12px; } /*** News Detailseite ***/ .layout_full .rs-column.-large-col-3-1 { float: right; } .layout_full .rs-columns { display: inline !important; } .layout_full h2:first-child { margin: 20px 0 0 0; right: 10px; background: #254f41; color: #fff; font-size: 0.9rem; display: inline-block; width: auto; padding: 2px 5px; border-radius: 4px; line-height: 1em; } .layout_full h3 { color: #64b499; } /*** Galerie ***/ .rsts-slide-image a.cboxElement:before { content: url("/files/theme-acasa/img/img_lightbox---bg.svg"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .rsts-slide-image a.cboxElement:hover:before{ content: url("/files/theme-acasa/img/img_lightbox---bg.svg"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 100%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } /*** Footer ***/ #footer { background: linear-gradient(90deg, rgba(36,80,65,1) 0%, rgba(96,163,141,0.5) 100%); } #footer .inside { display: block; flex-direction: row; justify-content: space-between; padding: 40px 0; color: #fff; position: relative; } #footer .inside .ce_text { width: 100% !important; display:block ; } #footer .inside .map_canvas_633c31a43b75e { width: 100%; } #footer .inside .footer-menu { width: 100%; } #footer .inside .ce_text { padding: 0 40px; } #footer div#maps { padding-left: 40px; padding-top: 20px; } #footer .inside .ce_text:first-child { padding: 0 40px 0 0; } /*#footer .inside .ce_text:last-child { padding: 0 0 40px 0; }*/ #footer .inside h5 { text-align: left; color: #cccf5a; border-bottom: 1px dashed #cccf5a; padding-bottom: 10px; margin-bottom: 20px; } /*** bottom ***/ #bottom { background: #245041; color: #fff; font-size: 1rem; } #bottom .inside { padding: 20px 40px; display: block; flex-direction: row; justify-content: space-between; width: 100%; } #bottom .inside .ce_text { width: 100%; display: block !important; } #bottom .inside a { text-decoration: none; color: #fff; } #bottom .inside .bottom-menu { width: 100%; text-align: left; display: block !important; } #bottom .inside .bottom-menu li { display: inline; } #bottom .inside .bottom-menu li:not(.last)::after { content: '|'; padding: 0px 7px 0px 10px; } #totop-link { position: absolute; right: 20px; top: -20px; width: 40px; height: 40px; z-index: 9999; } #totop-link a { width: 40px; height: 40px; display: block; background: #cccf5a url("/files/theme-acasa/img/ICON_totop_Pfeil_oben.svg") center no-repeat; background-size: 15px; border-radius: 20px; } #totop-link a:after { background: none; } .ce_hyperlink, .ce_download { margin: 20px 20px 0 0; } .ce_form input { width: 100%; display: block; } .ce_form textarea { width: 100%; display: block; } .form---fragen .widget-text { width: 100%; display: block; } /* Sitemap */ .mod_sitemap ul.level_1 { display: flex; flex-direction: row; justify-content: space-between; width: 100%; flex-wrap: wrap; } .mod_sitemap ul.level_1 > li { width: 100%; } .mod_sitemap ul.level_1 > li a { text-decoration: none; color: #64b499; line-height: 40px; width: 100%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .mod_sitemap ul.level_1 > li a:hover { color: #000; } .mod_sitemap ul.level_1 > li > a { font-weight: bold; border-bottom: #efefef 1px solid; } /* News Details */ .layout_full .rs-column.-large-col-3-1 { float: none !important; width: 100%; display: block; } .rs-column.-large-col-3-2 { float: none !important; width: 100%; display: block; } .news-detail .ce_text { display: block; width: 100%; } .layout_full .ce_gallery ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .layout_full .ce_gallery ul li { width: 32%; } } /*** Bildschirm sm 640px ***/ @media screen and (min-width: 640px) and (max-width: 767px) { .ce_google_map { height: 300px; } #mobile-menu:not( .mm-menu ) { display: none !important; } /*** Header ***/ header { padding: 20px 40px 10px 40px; } /*** Logo ***/ .logo-header { top: 6px; width: 300px; height: 70px; position: relative; display: inline-block; animation: fadeIn 3s; -webkit-animation: fadeIn 3s; -moz-animation: fadeIn 3s; -o-animation: fadeIn 3s; -ms-animation: fadeIn 3s; } .logo-header a { width: 300px; height: 70px; display: block; background: url("/files/theme-acasa/img/LG_acasa_maennedorf_Logo_Claim_unten.svg") top left no-repeat; background-size: contain; } /*** Navigation ***/ .main-menu { display: none; } .mobile-menu { display: inline; float: right; margin: 16px 60px 0 0; } /*** Slider ***/ #slider { height: 320px; overflow-x: hidden; overflow-y: visible !important; } #slider .ce_revolutionslider { height: 320px; } #slider .ce_revolutionslider_text { display: none; } #slider .ce_revolutionslider_image { display: none; } .sidebar-kontakt { display: none; } .sidebar-lageplan { display: none; } /*** Hinweis ***/ #hinweis { background: #b71f1e; color: #fff; } #hinweis p { width: 100%; line-height: 50px; background: #b71f1e; color: #fff; margin: 0; text-align: center; } .einblender-rund { rotate: -15deg; text-align: center; z-index: 9999999; position: absolute; top: 100px; left: calc((100% - 620px) / 2); background: #b71f1e; color: #fff; width: 200px; height: 200px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .einblender-rund p { position: relative; margin: auto 10px; display: block; font-size: 1.3rem; line-height: 1.8rem; } /*** Slider ***/ .ce_revolutionslider { position: relative; } .ce_revolutionslider_text { color: #fff; line-height: 40px; height: 40px; } .ce_revolutionslider_text.lead { font-family: IntroSemiBoldAlt; line-height: 40px; } /*** Boxen 3-spaltig ***/ .box-3col { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .box-3col .artikel-wrapper { display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; width: 100%; } .box-2col .artikel-wrapper { display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; width: 100%; } .box-3col a.ce_linkedElement { background: #fff; width: 44%; border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 20px; padding-bottom: 10px; text-decoration: none; display: inline-block; } .box-3col .artikel-wrapper > .ce_text { background: #fff; width: calc((100% - 40px) / 2); border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 0 10px 20px 10px; padding-bottom: 10px; text-decoration: none; display: none; } .box-2col .artikel-wrapper > .ce_text { background: #fff; width: calc(50% - 40px); border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 20px; padding-bottom: 20px; text-decoration: none; display: none; } .box-3col .ce_text h3, .box-2col .ce_text h3 { margin-left: 10px; } .box-3col a:after { background: none; } .box-3col .ce_text p, .box-2col .ce_text p { margin: 0 0 0 10px; color: #000; width: calc(100% - 20px); } .box-3col .ce_text a { color: #000; font-size: 1.0rem; font-weight: 100; } .box-3col .ce_text span { font-weight: 700; font-family: IntroSemiBoldAlt; } .box-3col .ce_text span:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /*** Parallax / Count-Up ***/ .parallax.count-up { background: linear-gradient(90deg, rgba(36,80,65,1) 0%, rgba(96,163,141,0.5) 100%); padding: 150px 0 !important; margin: 0 0 0 0 !important; text-align: center; } .parallax.count-up h2 { margin-top: 1.5em; color: #fff; text-align: center; } .parallax.count-up p { color: #fff; text-align: center; margin-bottom: 40px; } .parallax.count-up .countUpValue { font-size: 5rem; font-weight: 700; color: #cccf5a; display: block; border-bottom: 2px dotted #cccf5a; width: 100%; text-align: center; line-height: 7rem; } .parallax.count-up .countUpSuffix { color: #fff; width: 80%; margin: 20px auto 0 auto; font-weight: 400; font-size: 1.3rem; display: block; text-align: center; } .parallax.count-up .rs-columns { margin-bottom: 60px; text-align: center; } .parallax.count-up .ce_hyperlink a { box-shadow: 2px 2px 10px #666; } /*** Quote ***/ .quote { padding: 100px 0 200px 0; } .quote .quote-inner { font-size: 2.4rem; line-height: 2.8rem; font-weight: 100; margin-bottom: 50px; overflow: visible; } .quote .quote-inner p:nth-of-type(2) { font-weight: 500; font-size: 1.4rem; line-height: 1.8rem; margin-top: 10px; color: #6bb79e; } .quote .image_container { margin-right: 0; overflow: visible; } .quote .quote-inner img { border-radius: 8px; box-shadow: 0px 0px 10px #ddd; } .quote .wrapper-plan { position: relative; } .quote .plan { position: absolute; z-index: 1; } .quote .icon { position: absolute; width: 30px; height: 30px; background: red; } .quote .icon-download { width: 25px; height: 25px; } .quote .icon-download .image_container { width: 25px; height: 25px; } .quote .icon .image_container { width: 25px; height: 25px; } .quote .icon .image_container img { width: 25px; height: auto; } .quote.unsere-haeuser { background: #ffffff !important; } /*** unsere-haeuser ***/ .unsere-haeuser .ce_text p { font-weight: 500; } .unsere-haeuser ul { margin-left: 15px; } .unsere-haeuser ul li { padding-left: 8px; } /*** Angebote ***/ #main .angebote { padding: 150px 0 !important; } .angebote .artikel-wrapper { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .angebote .ce_text { text-align:center; width: 50%; border-radius: 10px; padding: 0 20px 20px 20px; text-decoration: none; padding-top: 20px; } .angebote h1 { text-align:center; } .angebote .ce_text h2 { text-align:center; } .angebote .ce_text h3 { margin: 20px auto; } .angebote a:after { } .angebote .ce_text p { } #main .angebote .ce_text a { font-family: IntroSemiBoldAlt; color: #000 !important; font-size: 1.2rem; } .angebote .ce_text a { font-weight: 700; } .angebote .ce_text a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .angebote .ce_text a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 30px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .angebote .ce_text .image_container a:after { background: none; } .angebote img { filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.12)); } /*** zahlen-fakten ***/ .zahlen-fakten { text-align: center; } .zahlen-fakten img { filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.12)); } .zahlen-fakten * { overflow: visible; } .zahlen-fakten .rs-column { margin-top: 100px; } .zahlen-fakten .countUpValue { font-weight: 700; font-size: 70px; line-height: 70px; display: block; margin-top: 20px; font-family: IntroBoldAlt; } .zahlen-fakten .countUpSuffix { font-weight: 700; font-size: 18px; color: #64b499; font-family: IntroSemiBoldAlt; } /*** News 3-spaltig ***/ .isotope-masonry { padding: 200px 0; } .mod_newslist { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; } .mod_newslist .layout_latest { width: 27%; border-radius: 10px; box-shadow: #ccc 0 0 10px; margin:20px; padding-bottom: 10px; background: #fff; position: relative; } .mod_newslist .layout_latest h3 { margin: 12px 0 0 10px; text-align: left; line-height: 1.3rem; width: calc(100% - 40px); background: none; } .mod_newslist .layout_latest h3 a:hover:after { background: none; } .mod_newslist .layout_latest h2 { margin: 10px 0 0 10px; position: absolute; right: 10px; background: #254f41; color: #fff; font-size: 0.9rem; line-height: 1.4rem; display: inline-block; width: auto; padding: 2px 5px; border-radius: 4px; } .mod_newslist .layout_latest p.info { margin: 12px 0 0 10px; } .mod_newslist .layout_latest a { font-family: IntroSemiBoldAlt; color: #64b499; text-decoration: none; font-size: 1.2rem; line-height: 1.3rem; } .mod_newslist .layout_latest .more { margin: 12px 0 0 0; } .mod_newslist .layout_latest .more a { color: #000; margin-left: 10px; } .mod_newslist .layout_latest a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .mod_newslist .layout_latest a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 30px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .mod_newslist .layout_latest .image_container a:after { background: none; display: none; } .mod_newslist .layout_latest h3 a:after { background: none; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .mod_newslist .layout_latest figure a { height: 0; } /*** News Detailseite ***/ .layout_full .rs-column.-large-col-3-1 { float: right; } .layout_full .rs-columns { display: inline !important; } .layout_full h2:first-child { margin: 20px 0 0 0; right: 10px; background: #254f41; color: #fff; font-size: 0.9rem; display: inline-block; width: auto; padding: 2px 5px; border-radius: 4px; line-height: 1em; } .layout_full h3 { color: #64b499; } /*** Galerie ***/ .rsts-slide-image a.cboxElement:before { content: url("/files/theme-acasa/img/img_lightbox---bg.svg"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .rsts-slide-image a.cboxElement:hover:before{ content: url("/files/theme-acasa/img/img_lightbox---bg.svg"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 100%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .ce_form input { border: 1px solid #999 !important; } .ce_form textarea { border: 1px solid #999 !important; } /*** Footer ***/ #footer { background: linear-gradient(90deg, rgba(36,80,65,1) 0%, rgba(96,163,141,0.5) 100%); } #footer .inside { display: block; padding: 40px 20px; color: #fff; position: relative; } #footer .inside .ce_text { display: inline; width: 50% !important; height: 300px; } #footer .inside .ce_google_map { width: 100% !important; height: 230px; } #footer .inside .footer-menu { width: 50%; } #footer .inside .ce_text { padding: 0 40px; } #footer .inside .ce_text:first-child { padding: 0 40px 0 0; } #footer .inside .ce_text:last-child { padding: 0 0 40px 0; } #footer .inside h5 { text-align: left; color: #cccf5a; border-bottom: 1px dashed #cccf5a; padding-bottom: 10px; margin-bottom: 20px; } /*** bottom ***/ #bottom { background: #245041; color: #fff; font-size: 1rem; } #bottom .inside { padding: 20px 40px; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } #bottom .inside .ce_text { width: 50%; } #bottom .inside a { text-decoration: none; color: #fff; } #bottom .inside .bottom-menu { width: 50%; text-align: right; } #bottom .inside .bottom-menu li { display: inline; } #bottom .inside .bottom-menu li:not(.last)::after { content: '|'; padding: 0px 7px 0px 10px; } #totop-link { position: absolute; right: 0; top: -20px; width: 40px; height: 40px; z-index: 9999; } #totop-link a { width: 40px; height: 40px; display: block; background: #cccf5a url("/files/theme-acasa/img/ICON_totop_Pfeil_oben.svg") center no-repeat; background-size: 15px; border-radius: 20px; } #totop-link a:after { background: none; } .ce_hyperlink, .ce_download { margin: 20px 0 0 0; } /* Sitemap */ .mod_sitemap ul.level_1 { display: flex; flex-direction: row; justify-content: space-between; width: 100%; flex-wrap: wrap; } .mod_sitemap ul.level_1 > li { width: 100%; } .mod_sitemap ul.level_1 > li a { text-decoration: none; color: #64b499; line-height: 40px; width: 100%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .mod_sitemap ul.level_1 > li a:hover { color: #000; } .mod_sitemap ul.level_1 > li > a { font-weight: bold; border-bottom: #efefef 1px solid; } /* Sitemap */ .mod_sitemap ul.level_1 { display: flex; flex-direction: row; justify-content: space-between; width: 100%; flex-wrap: wrap; } .mod_sitemap ul.level_1 > li { width: 100%; } .mod_sitemap ul.level_1 > li a { text-decoration: none; color: #64b499; line-height: 40px; width: 100%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .mod_sitemap ul.level_1 > li a:hover { color: #000; } .mod_sitemap ul.level_1 > li > a { font-weight: bold; border-bottom: #efefef 1px solid; } .layout_full .ce_gallery ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .layout_full .ce_gallery ul li { width: 32%; } } /*** ENDE Bildschirm small 640 ***/ /*** Bildschirm md 768px ***/ @media screen and (min-width: 768px) and (max-width: 1023px) { #mobile-menu:not( .mm-menu ) { display: none !important; } /*** Header ***/ header { padding: 10px 40px 10px 40px; } /*** Logo ***/ .logo-header { top: 6px; width: 400px; height: 90px; position: relative; display: inline-block; animation: fadeIn 3s; -webkit-animation: fadeIn 3s; -moz-animation: fadeIn 3s; -o-animation: fadeIn 3s; -ms-animation: fadeIn 3s; } .logo-header a { width: 330px; height: 90px; display: block; background: url("/files/theme-acasa/img/LG_acasa_maennedorf_Logo_Claim_unten.svg") top left no-repeat; background-size: contain; } /*** Navigation ***/ .main-menu { display: none; } .mobile-menu { display: inline; float: right; margin: 30px 60px 0 0; } .openBtn { top: 33px; } /*** Slider ***/ #slider { height: 320px; overflow-x: hidden; } #article-22 { overflow-y: visible; } #slider .ce_revolutionslider { height: 320px; } #slider .ce_revolutionslider_text { display: none; } #slider .ce_revolutionslider_image { display: none; } .sidebar-kontakt { display: none; } .sidebar-lageplan { display: none; } /*** Hinweis ***/ #hinweis { background: #b71f1e; color: #fff; } #hinweis p { width: 100%; line-height: 50px; background: #b71f1e; color: #fff; margin: 0; text-align: center; } .einblender-rund { rotate: -15deg; text-align: center; z-index: 9999999; position: absolute; top: 20px; left: calc((100% - 860px) / 2); background: #b71f1e; color: #fff; width: 200px; height: 200px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .einblender-rund p { position: relative; margin: auto 10px; display: block; font-size: 1.3rem; line-height: 1.8rem; } /*** Slider ***/ .ce_revolutionslider { position: relative; } .ce_revolutionslider_text { color: #fff; line-height: 40px; height: 40px; } .ce_revolutionslider_text.lead { font-family: IntroSemiBoldAlt; line-height: 40px; } /*** Boxen 3-spaltig ***/ .box-3col { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .box-3col .artikel-wrapper { display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; width: 100%; } .box-2col .artikel-wrapper { display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; width: 100%; } .box-3col a.ce_linkedElement { background: #fff; width: 44%; border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 20px; padding-bottom: 10px; text-decoration: none; display: inline-block; } .box-3col .artikel-wrapper > .ce_text { background: #fff; width: calc((100% - 60px) / 2); border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 0 20px 20px 0; padding-bottom: 10px; text-decoration: none; display: none; } .box-2col .artikel-wrapper > .ce_text { background: #fff; width: calc(50% - 40px); border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 20px; padding-bottom: 20px; text-decoration: none; display: none; } .box-3col .ce_text h3, .box-2col .ce_text h3 { margin-left: 10px; } .box-3col a:after { background: none; } .box-3col .ce_text p, .box-2col .ce_text p { margin: 0 0 0 10px; color: #000; width: calc(100% - 20px); } .box-3col .ce_text a { color: #000; font-size: 1.0rem; font-weight: 100; } .box-3col .ce_text span { font-weight: 700; font-family: IntroSemiBoldAlt; } .box-3col .ce_text span:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /*** Parallax / Count-Up ***/ .parallax.count-up { background: linear-gradient(90deg, rgba(36,80,65,1) 0%, rgba(96,163,141,0.5) 100%); padding: 150px 0 !important; margin: 0 0 0 0 !important; text-align: center; } .parallax.count-up h2 { margin-top: 1.5em; color: #fff; text-align: center; } .parallax.count-up p { color: #fff; text-align: center; margin-bottom: 40px; } .parallax.count-up .countUpValue { font-size: 5rem; font-weight: 700; color: #cccf5a; display: block; border-bottom: 2px dotted #cccf5a; width: 100%; text-align: center; line-height: 7rem; } .parallax.count-up .countUpSuffix { color: #fff; width: 80%; margin: 20px auto 0 auto; font-weight: 400; font-size: 1.3rem; display: block; text-align: center; } .parallax.count-up .rs-columns { margin-bottom: 60px; text-align: center; } .parallax.count-up .ce_hyperlink a { box-shadow: 2px 2px 10px #666; } /*** Quote ***/ .quote { padding: 100px 0 200px 0; } .quote .quote-inner { font-size: 2.4rem; line-height: 2.8rem; font-weight: 100; margin-bottom: 50px; overflow: visible; } .quote .quote-inner p:nth-of-type(2) { font-weight: 500; font-size: 1.4rem; line-height: 1.8rem; margin-top: 10px; color: #6bb79e; } .quote .image_container { margin-right: 0; overflow: visible; } .quote .quote-inner img { border-radius: 8px; box-shadow: 0px 0px 10px #ddd; } .quote .wrapper-plan { position: relative; } .quote .plan { position: absolute; z-index: 1; } .quote .icon { position: absolute; width: 30px; height: 30px; background: red; } .quote .icon-download { width: 25px; height: 25px; } .quote .icon-download .image_container { width: 25px; height: 25px; } .quote .icon .image_container { width: 25px; height: 25px; } .quote .icon .image_container img { width: 25px; height: auto; } .quote.unsere-haeuser { background: #ffffff !important; } /*** unsere-haeuser ***/ .unsere-haeuser .ce_text p { font-weight: 500; } .unsere-haeuser ul { margin-left: 15px; } .unsere-haeuser ul li { padding-left: 8px; } /*** Angebote ***/ #main .angebote { padding: 150px 0 !important; } .angebote .artikel-wrapper { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .angebote .ce_text { text-align:center; width: 50%; border-radius: 10px; padding: 0 20px 20px 20px; text-decoration: none; padding-top: 20px; } .angebote h1 { text-align:center; } .angebote .ce_text h2 { text-align:center; } .angebote .ce_text h3 { margin: 20px auto; } .angebote a:after { } .angebote .ce_text p { } #main .angebote .ce_text a { font-family: IntroSemiBoldAlt; color: #000 !important; font-size: 1.2rem; } .angebote .ce_text a { font-weight: 700; } .angebote .ce_text a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .angebote .ce_text a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 30px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .angebote .ce_text .image_container a:after { background: none; } .angebote img { filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.12)); } /*** zahlen-fakten ***/ .zahlen-fakten { text-align: center; } .zahlen-fakten img { filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.12)); } .zahlen-fakten * { overflow: visible; } .zahlen-fakten .rs-column { margin-top: 100px; } .zahlen-fakten .countUpValue { font-weight: 700; font-size: 70px; line-height: 70px; display: block; margin-top: 20px; font-family: IntroBoldAlt; } .zahlen-fakten .countUpSuffix { font-weight: 700; font-size: 18px; color: #64b499; font-family: IntroSemiBoldAlt; } /*** News 3-spaltig ***/ .isotope-masonry { padding: 200px 0; } .mod_newslist { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; } .mod_newslist .layout_latest { width: 28%; border-radius: 10px; box-shadow: #ccc 0 0 10px; margin:20px; padding-bottom: 10px; background: #fff; position: relative; } .mod_newslist .layout_latest h3 { margin: 12px 0 0 10px; text-align: left; line-height: 1.3rem; width: calc(100% - 40px); background: none; } .mod_newslist .layout_latest h3 a:hover:after { background: none; } .mod_newslist .layout_latest h2 { margin: 10px 0 0 10px; position: absolute; right: 10px; background: #254f41; color: #fff; font-size: 0.9rem; line-height: 1.4rem; display: inline-block; width: auto; padding: 2px 5px; border-radius: 4px; } .mod_newslist .layout_latest p.info { margin: 12px 0 0 10px; } .mod_newslist .layout_latest a { font-family: IntroSemiBoldAlt; color: #64b499; text-decoration: none; font-size: 1.2rem; line-height: 1.3rem; } .mod_newslist .layout_latest .more { margin: 12px 0 0 0; } .mod_newslist .layout_latest .more a { color: #000; margin-left: 10px; } .mod_newslist .layout_latest a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .mod_newslist .layout_latest a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 30px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .mod_newslist .layout_latest .image_container a:after { background: none; display: none; } .mod_newslist .layout_latest h3 a:after { background: none; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .mod_newslist .layout_latest figure a { height: 0; } /*** News Detailseite ***/ .layout_full .rs-column.-large-col-3-1 { float: right; } .layout_full .rs-columns { display: inline !important; } .layout_full h2:first-child { margin: 20px 0 0 0; right: 10px; background: #254f41; color: #fff; font-size: 0.9rem; display: inline-block; width: auto; padding: 2px 5px; border-radius: 4px; line-height: 1em; } .layout_full h3 { color: #64b499; } /*** Galerie ***/ .rsts-slide-image a.cboxElement:before { content: url("/files/theme-acasa/img/img_lightbox---bg.svg"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .rsts-slide-image a.cboxElement:hover:before{ content: url("/files/theme-acasa/img/img_lightbox---bg.svg"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 100%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } /*** Footer ***/ #footer { background: linear-gradient(90deg, rgba(36,80,65,1) 0%, rgba(96,163,141,0.5) 100%); } #footer .inside { display: block; padding: 40px; color: #fff; position: relative; } #footer .inside .ce_text .ce_image { display: inline-block; width: 48% !important; height: 230px; } #footer .inside .ce_google_map { width: 100% !important; height: 320px; } #footer .inside .footer-menu { width: 48%; } #footer .inside .ce_text { padding: 0 40px; } #footer .inside .ce_text:first-child { padding: 0 40px 0 0; } /*#footer .inside .ce_text:last-child { padding: 0 0 40px 0; }*/ #footer .inside h5 { text-align: left; color: #cccf5a; border-bottom: 1px dashed #cccf5a; padding-bottom: 10px; margin-bottom: 20px; } /*** bottom ***/ #bottom { background: #245041; color: #fff; font-size: 1rem; } #bottom .inside { padding: 20px 40px; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } #bottom .inside .ce_text { width: 60%; } #bottom .inside a { text-decoration: none; color: #fff; } #bottom .inside .bottom-menu { width: 50%; text-align: right; } #bottom .inside .bottom-menu li { display: inline; } #bottom .inside .bottom-menu li:not(.last)::after { content: '|'; padding: 0px 7px 0px 10px; } #totop-link { position: absolute; right: 0; top: -20px; width: 40px; height: 40px; z-index: 9999; } #totop-link a { width: 40px; height: 40px; display: block; background: #cccf5a url("/files/theme-acasa/img/ICON_totop_Pfeil_oben.svg") center no-repeat; background-size: 15px; border-radius: 20px; } #totop-link a:after { background: none; } /* Sitemap */ .mod_sitemap ul.level_1 { display: flex; flex-direction: row; justify-content: space-between; width: 100%; flex-wrap: wrap; } .mod_sitemap ul.level_1 > li { width: 50%; } .mod_sitemap ul.level_1 > li a { text-decoration: none; color: #64b499; line-height: 40px; width: 100%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .mod_sitemap ul.level_1 > li a:hover { color: #000; } .mod_sitemap ul.level_1 > li > a { font-weight: bold; border-bottom: #efefef 1px solid; } .ce_form input { border: 1px solid #999 !important; } .ce_form textarea { border: 1px solid #999 !important; } .layout_full .ce_gallery ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .layout_full .ce_gallery ul li { width: 32%; } } /*** ENDE Bildschirm lg 1024px ***/ /*** Bildschirm lg 1024px ***/ @media screen and (min-width: 1024px) and (max-width: 1279px) { /*** Header ***/ header { padding: 10px 40px 10px 40px; } /*** Logo ***/ .logo-header { top: 6px; width: 400px; height: 90px; position: relative; display: inline-block; animation: fadeIn 3s; -webkit-animation: fadeIn 3s; -moz-animation: fadeIn 3s; -o-animation: fadeIn 3s; -ms-animation: fadeIn 3s; } .logo-header a { width: 330px; height: 90px; display: block; background: url("/files/theme-acasa/img/LG_acasa_maennedorf_Logo_Claim_unten.svg") top left no-repeat; background-size: contain; } /*** Navigation ***/ .main-menu { display: none; } .mobile-menu { display: inline; float: right; margin: 30px 60px 0 0; } .openBtn { top: 33px; } #main { z-index: 1; } .menu-list li { list-style-type: none; padding-bottom: 10px; } .mod_navigation .invisible { display: none; } .main-menu ul { list-style-type: none; text-align:right; padding: 20px 0px; } .main-menu li { display: inline-block; } .main-menu ul.level_2 { visibility: hidden; opacity: 0; position:fixed; background: white; padding: 0; transition: all 250ms ease; transition-delay: 250ms; opacity: 0; margin: 30px 0 0 -20px; border-radius: 8px; box-shadow: 1px 1px 5px #ccc} .main-menu li:hover ul.level_2 { visibility: visible; opacity: 0; transition: all 250ms ease; transition-delay: 250ms; opacity: 1; } .main-menu li a:after { content: url(""); width: 10px; height: 30px; background: url('/files/theme-acasa/img/ICON_Navi_Pfeil_unten_inaktiv.svg') bottom center; background-size: 10px 30px; display: inline-block; margin: 0 20px 0 5px; } .main-menu li a:hover:after, .main-menu li strong:after, .main-menu .level_1 > .submenu > .trail:after { content: url(""); width: 10px; height: 30px; background: url('/files/theme-acasa/img/ICON_Navi_Pfeil_unten_aktiv.svg') bottom center; background-size: 10px 30px; display: inline-block; margin: 0 20px 0 5px; } .main-menu ul.level_2 li { display: list-item !important; padding: 0; text-align:left; border-bottom: 1px dotted #ccc; } .main-menu ul.level_2 li::after { content: none !important; background: none; } .main-menu ul.level_2 a, .main-menu ul.level_2 strong { line-height: 40px; padding: 5px 20px; display: block; } .main-menu ul.level_2 a::after { background: none; display: none; } .main-menu ul.level_2 strong::after { background: none; } .main-menu a { text-decoration: none; color: var(--main-color); transition: all 250ms ease-in-out; } .main-menu a:hover, .main-menu strong, .main-menu .level_1 > .submenu > .trail { text-decoration: none; color: #64b499; transition: all 250ms ease-in-out; } .main-menu li.suche { width: 30px; height: 30px; overflow: visible; } .main-menu li.suche a { position: relative; background: url('/files/theme-acasa/img/ICON_Suche.svg') left 1px no-repeat; text-indent: 9999px !important; display: block; } /*** Slider ***/ #slider { height: 450px; overflow: visible; } #slider .ce_revolutionslider { height: 450px; } /*** Hinweis ***/ #hinweis { background: #b71f1e; color: #fff; } #hinweis p { width: 100%; line-height: 50px; background: #b71f1e; color: #fff; margin: 0; text-align: center; } .einblender-rund { rotate: -15deg; text-align: center; z-index: 9999999; position: absolute; top: 300px; left: calc((100% - 1024px) / 2); background: #b71f1e; color: #fff; width: 200px; height: 200px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .einblender-rund p { position: relative; margin: auto 10px; display: block; font-size: 1.3rem; line-height: 1.8rem; } /*** Slider ***/ .ce_revolutionslider { position: relative; } .ce_revolutionslider_text { color: #fff; line-height: 40px; height: 40px; } .ce_revolutionslider_text.lead { font-family: IntroSemiBoldAlt; line-height: 40px; } /*** Boxen 3-spaltig ***/ .box-3col { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .box-3col .artikel-wrapper { display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; width: 100%; } .box-2col .artikel-wrapper { display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; width: 100%; } .box-3col a.ce_linkedElement { background: #fff; width: 28%; border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 20px; padding-bottom: 10px; text-decoration: none; display: inline-block; } .box-3col .artikel-wrapper > .ce_text { background: #fff; width: calc((100% - 60px) / 3); border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 0 20px 20px 0; padding-bottom: 10px; text-decoration: none; display: none; } .box-2col .artikel-wrapper > .ce_text { background: #fff; width: calc(50% - 40px); border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 20px; padding-bottom: 20px; text-decoration: none; display: none; } .box-3col .ce_text h3, .box-2col .ce_text h3 { margin-left: 10px; } .box-3col a:after { background: none; } .box-3col .ce_text p, .box-2col .ce_text p { margin: 0 0 0 10px; color: #000; width: calc(100% - 20px); } .box-3col .ce_text a { color: #000; font-size: 1.0rem; font-weight: 100; } .box-3col .ce_text span { font-weight: 700; font-family: IntroSemiBoldAlt; } .box-3col .ce_text span:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /*** Parallax / Count-Up ***/ .parallax.count-up { background: linear-gradient(90deg, rgba(36,80,65,1) 0%, rgba(96,163,141,0.5) 100%); padding: 150px 0 !important; margin: 0 0 0 0 !important; text-align: center; } .parallax.count-up h2 { margin-top: 1.5em; color: #fff; text-align: center; } .parallax.count-up p { color: #fff; text-align: center; margin-bottom: 40px; } .parallax.count-up .countUpValue { font-size: 5rem; font-weight: 700; color: #cccf5a; display: block; border-bottom: 2px dotted #cccf5a; width: 100%; text-align: center; line-height: 7rem; } .parallax.count-up .countUpSuffix { color: #fff; width: 80%; margin: 20px auto 0 auto; font-weight: 400; font-size: 1.3rem; display: block; text-align: center; } .parallax.count-up .rs-columns { margin-bottom: 60px; text-align: center; } .parallax.count-up .ce_hyperlink a { box-shadow: 2px 2px 10px #666; } /*** Quote ***/ .quote { padding: 100px 0 200px 0; } .quote .quote-inner { font-size: 2.4rem; line-height: 2.8rem; font-weight: 100; margin-bottom: 50px; overflow: visible; } .quote .quote-inner p:nth-of-type(2) { font-weight: 500; font-size: 1.4rem; line-height: 1.8rem; margin-top: 10px; color: #6bb79e; } .quote .image_container { margin-right: 0; overflow: visible; } .quote .quote-inner img { border-radius: 8px; box-shadow: 0px 0px 10px #ddd; } .quote .wrapper-plan { position: relative; } .quote .plan { position: absolute; z-index: 1; } .quote .icon { position: absolute; width: 30px; height: 30px; background: red; } .quote .icon-download { width: 25px; height: 25px; } .quote .icon-download .image_container { width: 25px; height: 25px; } .quote .icon .image_container { width: 25px; height: 25px; } .quote .icon .image_container img { width: 25px; height: auto; } .quote.unsere-haeuser { background: #ffffff !important; } /*** unsere-haeuser ***/ .unsere-haeuser .ce_text p { font-weight: 500; } .unsere-haeuser ul { margin-left: 15px; } .unsere-haeuser ul li { padding-left: 8px; } /*** Angebote ***/ #main .angebote { padding: 150px 0 !important; } .angebote .artikel-wrapper { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .angebote .ce_text { text-align:center; width: 33.333%; border-radius: 10px; padding: 0 20px 20px 20px; text-decoration: none; padding-top: 20px; } .angebote h1 { text-align:center; } .angebote .ce_text h2 { text-align:center; } .angebote .ce_text h3 { margin: 20px auto; } .angebote a:after { } .angebote .ce_text p { } #main .angebote .ce_text a { font-family: IntroSemiBoldAlt; color: #000 !important; font-size: 1.2rem; } .angebote .ce_text a { font-weight: 700; } .angebote .ce_text a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .angebote .ce_text a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 30px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .angebote .ce_text .image_container a:after { background: none; } .angebote img { filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.12)); } /*** zahlen-fakten ***/ .zahlen-fakten { text-align: center; } .zahlen-fakten img { filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.12)); } .zahlen-fakten * { overflow: visible; } .zahlen-fakten .rs-column { margin-top: 100px; } .zahlen-fakten .countUpValue { font-weight: 700; font-size: 70px; line-height: 70px; display: block; margin-top: 20px; font-family: IntroBoldAlt; } .zahlen-fakten .countUpSuffix { font-weight: 700; font-size: 18px; color: #64b499; font-family: IntroSemiBoldAlt; } /*** News 3-spaltig ***/ .isotope-masonry { padding: 200px 0; } .mod_newslist { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; } .mod_newslist .layout_latest { width: 26%; border-radius: 10px; box-shadow: #ccc 0 0 10px; margin:20px; padding-bottom: 10px; background: #fff; position: relative; } .mod_newslist .layout_latest h3 { margin: 12px 0 0 10px; text-align: left; line-height: 1.3rem; width: calc(100% - 40px); background: none; } .mod_newslist .layout_latest h3 a:hover:after { background: none; } .mod_newslist .layout_latest h2 { margin: 10px 0 0 10px; position: absolute; right: 10px; background: #254f41; color: #fff; font-size: 0.9rem; line-height: 1.4rem; display: inline-block; width: auto; padding: 2px 5px; border-radius: 4px; } .mod_newslist .layout_latest p.info { margin: 12px 0 0 10px; } .mod_newslist .layout_latest a { font-family: IntroSemiBoldAlt; color: #64b499; text-decoration: none; font-size: 1.2rem; line-height: 1.3rem; } .mod_newslist .layout_latest .more { margin: 12px 0 0 0; } .mod_newslist .layout_latest .more a { color: #000; margin-left: 10px; } .mod_newslist .layout_latest a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .mod_newslist .layout_latest a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 30px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .mod_newslist .layout_latest .image_container a:after { background: none; display: none; } .mod_newslist .layout_latest h3 a:after { background: none; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .mod_newslist .layout_latest figure a { height: 0; } /*** News Detailseite ***/ .layout_full .rs-column.-large-col-3-1 { float: right; } .layout_full .rs-columns { display: inline !important; } .layout_full h2:first-child { margin: 20px 0 0 0; right: 10px; background: #254f41; color: #fff; font-size: 0.9rem; display: inline-block; width: auto; padding: 2px 5px; border-radius: 4px; line-height: 1em; } .layout_full h3 { color: #64b499; } /*** Galerie ***/ .rsts-slide-image a.cboxElement:before { content: url("/files/theme-acasa/img/img_lightbox---bg.svg"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .rsts-slide-image a.cboxElement:hover:before{ content: url("/files/theme-acasa/img/img_lightbox---bg.svg"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 100%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } /*** Footer ***/ #footer { background: linear-gradient(90deg, rgba(36,80,65,1) 0%, rgba(96,163,141,0.5) 100%); } #footer .inside { width: calc(100% - 40px); display: flex; flex-direction: row; justify-content: space-between; padding: 40px 0; color: #fff; } #footer .inside .ce_text { } #footer .inside .ce_google_map { width: 100% !important; height: 270px !important; } #footer .inside .footer-menu { width: 20%; } #footer .inside .ce_text { padding: 0 40px; } #footer .inside .ce_text:first-child { padding: 0 40px 0 0; } #footer .inside .ce_text:last-child { padding: 0 0 40px 0; } #footer .inside h5 { text-align: left; color: #cccf5a; border-bottom: 1px dashed #cccf5a; padding-bottom: 10px; margin-bottom: 20px; } /*** bottom ***/ #bottom { background: #245041; color: #fff; font-size: 1rem; } #bottom .inside { padding: 20px 40px; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } #bottom .inside .ce_text { width: 50%; } #bottom .inside a { text-decoration: none; color: #fff; } #bottom .inside .bottom-menu { width: 50%; text-align: right; } #bottom .inside .bottom-menu li { display: inline; } #bottom .inside .bottom-menu li:not(.last)::after { content: '|'; padding: 0px 7px 0px 10px; } #totop-link { position: absolute; right: 0; top: -20px; width: 40px; height: 40px; z-index: 9999; } #totop-link a { width: 40px; height: 40px; display: block; background: #cccf5a url("/files/theme-acasa/img/ICON_totop_Pfeil_oben.svg") center no-repeat; background-size: 15px; border-radius: 20px; } #totop-link a:after { background: none; } .layout_full .ce_gallery ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .layout_full .ce_gallery ul li { width: 32.5%; } } /*** ENDE Bildschirm lg 1024px ***/ /*** Bildschirm xl 1280px ***/ @media screen and (min-width: 1280px) { /*** Header ***/ header { padding: 10px 40px 10px 40px; } /*** Logo ***/ .logo-header { top: 6px; width: 400px; height: 90px; position: relative; display: inline-block; animation: fadeIn 3s; -webkit-animation: fadeIn 3s; -moz-animation: fadeIn 3s; -o-animation: fadeIn 3s; -ms-animation: fadeIn 3s; } .logo-header a { width: 330px; height: 90px; display: block; background: url("/files/theme-acasa/img/LG_acasa_maennedorf_Logo_Claim_unten.svg") top left no-repeat; background-size: contain; } /*** Navigation ***/ .main-menu { z-index: 999 !important; position: absolute; display: inline; font-size: 1.1rem; clear: both; right: 40px; } #main { z-index: 1; } .menu-list li { list-style-type: none; padding-bottom: 10px; } .mod_navigation .invisible { display: none; } .main-menu ul { list-style-type: none; text-align:right; padding: 45px 0px; } .openBtn { top: 45px; } .main-menu li { display: inline-block; } .main-menu ul.level_2 { visibility: hidden; opacity: 0; position:fixed; background: white; padding: 0; transition: all 250ms ease; transition-delay: 250ms; opacity: 0; margin: 30px 0 0 -20px; border-radius: 8px; box-shadow: 1px 1px 5px #ccc} .main-menu li:hover ul.level_2 { visibility: visible; opacity: 0; transition: all 250ms ease; transition-delay: 250ms; opacity: 1; } .main-menu li a:after { content: url(""); width: 10px; height: 30px; background: url('/files/theme-acasa/img/ICON_Navi_Pfeil_unten_inaktiv.svg') bottom center; background-size: 10px 30px; display: inline-block; margin: 0 20px 0 5px; } .main-menu li a:hover:after, .main-menu li strong:after, .main-menu .level_1 > .submenu > .trail:after { content: url(""); width: 10px; height: 30px; background: url('/files/theme-acasa/img/ICON_Navi_Pfeil_unten_aktiv.svg') bottom center; background-size: 10px 30px; display: inline-block; margin: 0 20px 0 5px; } .main-menu ul.level_2 li { display: list-item !important; padding: 0; text-align:left; border-bottom: 1px dotted #ccc; } .main-menu ul.level_2 li::after { content: none !important; background: none; } .main-menu ul.level_2 a, .main-menu ul.level_2 strong { line-height: 40px; padding: 5px 20px; display: block; } .main-menu ul.level_2 a::after { background: none; /*display: none;*/ } .main-menu ul.level_2 strong::after { background: none; } .main-menu a { text-decoration: none; color: var(--main-color); transition: all 250ms ease-in-out; } .main-menu a:hover, .main-menu strong, .main-menu .level_1 > .submenu > .trail { text-decoration: none; color: #64b499; transition: all 250ms ease-in-out; } .main-menu li.suche { width: 30px; height: 30px; overflow: visible; } .main-menu li.suche a { position: relative; background: url('/files/theme-acasa/img/ICON_Suche.svg') left 1px no-repeat; text-indent: 9999px !important; display: block; } .mobile-menu { display: none; } .main-menu ul.level_2 a.menueplan::after { background: url('/files/theme-acasa/img/ICON_Button_Download.svg') no-repeat center bottom 3px !important; background-size: 18px !important; padding-right: 30px; } /*** Slider ***/ #slider { height: 450px; overflow: visible; } #slider .ce_revolutionslider { height: 450px; } /*** Hinweis ***/ #hinweis { background: #b71f1e; color: #fff; } #hinweis p { width: 100%; line-height: 50px; background: #b71f1e; color: #fff; margin: 0; text-align: center; } .einblender-rund { rotate: -15deg; text-align: center; z-index: 9999999; position: absolute; top: 300px; left: calc((100% - 1280px) / 2); background: #b71f1e; color: #fff; width: 200px; height: 200px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .einblender-rund p { position: relative; margin: auto 10px; display: block; font-size: 1.3rem; line-height: 1.8rem; } /*** Slider ***/ .ce_revolutionslider { position: relative; } .ce_revolutionslider_text { color: #fff; line-height: 40px; height: 40px; } .ce_revolutionslider_text.lead { font-family: IntroSemiBoldAlt; line-height: 40px; } /*** Boxen 3-spaltig ***/ .box-3col { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .box-3col .artikel-wrapper { display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; width: 100%; } .box-2col .artikel-wrapper { display: flex; flex-direction: row; justify-content: left; flex-wrap: wrap; width: 100%; } .box-3col a.ce_linkedElement { background: #fff; width: 30%; border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 20px; padding-bottom: 10px; text-decoration: none; display: inline-block; } .box-3col .artikel-wrapper > .ce_text { background: #fff; width: calc((100% - 60px) / 3); border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 0 20px 20px 0; padding-bottom: 10px; text-decoration: none; display: none; } .box-2col .artikel-wrapper > .ce_text { background: #fff; width: calc(50% - 40px); border-radius: 10px; box-shadow: #ccc 0 0 10px; margin: 20px; padding-bottom: 20px; text-decoration: none; display: none; } .box-3col .ce_text h3, .box-2col .ce_text h3 { margin-left: 10px; } .box-3col a:after { background: none; } .box-3col .ce_text p, .box-2col .ce_text p { margin: 0 0 0 10px; color: #000; width: calc(100% - 20px); } .box-3col .ce_text a { color: #000; font-size: 1.0rem; font-weight: 100; } .box-3col .ce_text span { font-weight: 700; font-family: IntroSemiBoldAlt; } .box-3col .ce_text span:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /*** Parallax / Count-Up ***/ .parallax.count-up { background: linear-gradient(90deg, rgba(36,80,65,1) 0%, rgba(96,163,141,0.5) 100%); padding: 150px 0 !important; margin: 0 0 0 0 !important; text-align: center; } .parallax.count-up h2 { margin-top: 1.5em; color: #fff; text-align: center; } .parallax.count-up p { color: #fff; text-align: center; margin-bottom: 40px; } .parallax.count-up .countUpValue { font-size: 5rem; font-weight: 700; color: #cccf5a; display: block; border-bottom: 2px dotted #cccf5a; width: 100%; text-align: center; line-height: 7rem; } .parallax.count-up .countUpSuffix { color: #fff; width: 80%; margin: 20px auto 0 auto; font-weight: 400; font-size: 1.3rem; display: block; text-align: center; } .parallax.count-up .rs-columns { margin-bottom: 60px; text-align: center; } .parallax.count-up .ce_hyperlink a { box-shadow: 2px 2px 10px #666; } /*** Quote ***/ .quote { padding: 100px 0 200px 0; } .quote .quote-inner { font-size: 2.4rem; line-height: 2.8rem; font-weight: 100; margin-bottom: 50px; overflow: visible; } .quote .quote-inner p:nth-of-type(2) { font-weight: 500; font-size: 1.4rem; line-height: 1.8rem; margin-top: 10px; color: #6bb79e; } .quote .image_container { margin-right: 0; overflow: visible; } .quote .quote-inner img { border-radius: 8px; box-shadow: 0px 0px 10px #ddd; } .quote .lageplan { position: relative; z-index: 1; } .quote .icon-download { width: 25px; height: 25px; position: relative; left: 100%; margin-top: 150px; } .quote .icon-download .image_container { width: 25px; height: 25px; } .quote .icon .image_container { width: 25px; height: 25px; } .quote .icon .image_container img { width: 25px; height: auto; } .quote.unsere-haeuser { background: #ffffff !important; } /*** unsere-haeuser ***/ .unsere-haeuser .ce_text p { font-weight: 500; } .unsere-haeuser ul { margin-left: 15px; } .unsere-haeuser ul li { padding-left: 8px; } /*** Angebote ***/ #main .angebote { padding: 150px 0 !important; } .angebote .artikel-wrapper { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; } .angebote .ce_text { text-align:center; width: 33.333%; border-radius: 10px; padding: 0 20px 20px 20px; text-decoration: none; padding-top: 20px; } .angebote h1 { text-align:center; } .angebote .ce_text h2 { text-align:center; } .angebote .ce_text h3 { margin: 20px auto; } .angebote a:after { } .angebote .ce_text p { } #main .angebote .ce_text a { font-family: IntroSemiBoldAlt; color: #000 !important; font-size: 1.2rem; } .angebote .ce_text a { font-weight: 700; } .angebote .ce_text a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .angebote .ce_text a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 30px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .angebote .ce_text .image_container a:after { background: none; } .angebote img { filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.12)); } /*** zahlen-fakten ***/ .zahlen-fakten { text-align: center; } .zahlen-fakten img { filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.12)); } .zahlen-fakten * { overflow: visible; } .zahlen-fakten .rs-column { margin-top: 100px; } .zahlen-fakten .countUpValue { font-weight: 700; font-size: 70px; line-height: 70px; display: block; margin-top: 20px; font-family: IntroBoldAlt; } .zahlen-fakten .countUpSuffix { font-weight: 700; font-size: 18px; color: #64b499; font-family: IntroSemiBoldAlt; } /*** News 3-spaltig ***/ .isotope-masonry { padding: 200px 0; } .mod_newslist { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; } .mod_newslist .layout_latest { width: 30%; border-radius: 10px; box-shadow: #ccc 0 0 10px; margin:20px; padding-bottom: 10px; background: #fff; position: relative; } .mod_newslist .layout_latest h3 { margin: 12px 0 0 10px; text-align: left; line-height: 1.3rem; width: calc(100% - 40px); background: none; } .mod_newslist .layout_latest h3 a:hover:after { background: none; } .mod_newslist .layout_latest h2 { margin: 10px 0 0 10px; position: absolute; right: 10px; background: #254f41; color: #fff; font-size: 0.9rem; line-height: 1.4rem; display: inline-block; width: auto; padding: 2px 5px; border-radius: 4px; } .mod_newslist .layout_latest p.info { margin: 12px 0 0 10px; } .mod_newslist .layout_latest a { font-family: IntroSemiBoldAlt; color: #64b499; text-decoration: none; font-size: 1.2rem; line-height: 1.3rem; } .mod_newslist .layout_latest .more { margin: 12px 0 0 0; } .mod_newslist .layout_latest .more a { color: #000; margin-left: 10px; } .mod_newslist .layout_latest a:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .mod_newslist .layout_latest a:hover:after { background: url("/files/theme-acasa/img/ICON_Link_Pfeil.svg") no-repeat; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 30px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .mod_newslist .layout_latest .image_container a:after { background: none; display: none; } .mod_newslist .layout_latest h3 a:after { background: none; content:""; width: 30px; height: 14px; display: inline-block; margin-left: 10px; } .mod_newslist .layout_latest figure a { height: 0; } /*** News Detailseite ***/ .layout_full .rs-column.-large-col-3-1 { float: right; } .layout_full .rs-columns { display: inline !important; } .layout_full h2:first-child { margin: 20px 0 0 0; right: 10px; background: #254f41; color: #fff; font-size: 0.9rem; display: inline-block; width: auto; padding: 2px 5px; border-radius: 4px; line-height: 1em; } .layout_full h3 { color: #64b499; } /*** Galerie ***/ .rsts-slide-image a.cboxElement:before { content: url("/files/theme-acasa/img/img_lightbox---bg.svg"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .rsts-slide-image a.cboxElement:hover:before{ content: url("/files/theme-acasa/img/img_lightbox---bg.svg"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 100%; display: block; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } /*** Footer ***/ footer { background: linear-gradient(90deg, rgba(36,80,65,1) 0%, rgba(96,163,141,0.5) 100%); } footer .inside { display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding: 40px 0; color: #fff; } footer .inside .ce_text { width: 25%; } footer .inside #map_canvas_633c31a43b75e { width: 100%; height: 320px; } footer .inside .footer-menu { width: 25%; } footer .inside .ce_text { padding: 0 40px; } footer .inside .ce_text:first-child { padding: 0 40px 0 0; } footer .inside .ce_text:last-child { padding: 0 0 40px 0; } footer .inside h5 { text-align: left; color: #cccf5a; border-bottom: 1px dashed #cccf5a; padding-bottom: 10px; margin-bottom: 20px; } /*** bottom ***/ #bottom { background: #245041; color: #fff; font-size: 1rem; } #bottom .inside { padding: 20px 40px; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } #bottom .inside .ce_text { width: 50%; } #bottom .inside a { text-decoration: none; color: #fff; } #bottom .inside .bottom-menu { width: 50%; text-align: right; } #bottom .inside .bottom-menu li { display: inline; } #bottom .inside .bottom-menu li:not(.last)::after { content: '|'; padding: 0px 7px 0px 10px; } #totop-link { position: absolute; right: 0; top: -20px; width: 40px; height: 40px; z-index: 9999; } #totop-link a { width: 40px; height: 40px; display: block; background: #cccf5a url("/files/theme-acasa/img/ICON_totop_Pfeil_oben.svg") center no-repeat; background-size: 15px; border-radius: 20px; } #totop-link a:after { background: none; } .layout_full .ce_gallery ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .layout_full .ce_gallery ul li { width: 33%; } } /*** ENDE Bildschirm xl 1280px ***/ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../../files/theme-acasa/fonts/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme-acasa/fonts/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../files/theme-acasa/fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme-acasa/fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../../files/theme-acasa/fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme-acasa/fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../../files/theme-acasa/fonts/open-sans-v29-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme-acasa/fonts/open-sans-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme-acasa/fonts/open-sans-v29-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } .news-teaser p { margin: 12px 0 0 10px; } /** * @license * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: HelveticaLTWXX-Roman by Linotype * URL: https://www.myfonts.com/fonts/linotype/helvetica/pro-regular/ * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved. * * * * © 2020 MyFonts Incn*/ @font-face { font-family: "IntroCondSemiBoldItalic"; src: url('../../files/theme-acasa/fonts/IntroCondSemiBoldItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondSemiBoldItalic/font.woff') format('woff'); } @font-face { font-family: "IntroCondMediumAlt"; src: url('../../files/theme-acasa/fonts/IntroCondMediumAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondMediumAlt/font.woff') format('woff'); } @font-face { font-family: "IntroSemiBoldAlt"; src: url('../../files/theme-acasa/fonts/IntroSemiBoldAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroSemiBoldAlt/font.woff') format('woff'); } @font-face { font-family: "IntroCondMediumItalic"; src: url('../../files/theme-acasa/fonts/IntroCondMediumItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondMediumItalic/font.woff') format('woff'); } @font-face { font-family: "IntroCondThinAlt"; src: url('../../files/theme-acasa/fonts/IntroCondThinAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondThinAlt/font.woff') format('woff'); } @font-face { font-family: "IntroCondBlackAlt"; src: url('../../files/theme-acasa/fonts/IntroCondBlackAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondBlackAlt/font.woff') format('woff'); } @font-face { font-family: "IntroBoldAlt"; src: url('../../files/theme-acasa/fonts/IntroBoldAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroBoldAlt/font.woff') format('woff'); } @font-face { font-family: "IntroBlackInlineItalic"; src: url('../../files/theme-acasa/fonts/IntroBlackInlineItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroBlackInlineItalic/font.woff') format('woff'); } @font-face { font-family: "IntroExLightItalic"; src: url('../../files/theme-acasa/fonts/IntroExLightItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroExLightItalic/font.woff') format('woff'); } @font-face { font-family: "IntroSemiBoldItalic"; src: url('../../files/theme-acasa/fonts/IntroSemiBoldItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroSemiBoldItalic/font.woff') format('woff'); } @font-face { font-family: "IntroBlackItalic"; src: url('../../files/theme-acasa/fonts/IntroBlackItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroBlackItalic/font.woff') format('woff'); } @font-face { font-family: "IntroCondBlackInlineAlt"; src: url('../../files/theme-acasa/fonts/IntroCondBlackInlineAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondBlackInlineAlt/font.woff') format('woff'); } @font-face { font-family: "IntroMediumAlt"; src: url('../../files/theme-acasa/fonts/IntroMediumAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroMediumAlt/font.woff') format('woff'); } @font-face { font-family: "IntroCondExLightAlt"; src: url('../../files/theme-acasa/fonts/IntroCondExLightAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondExLightAlt/font.woff') format('woff'); } @font-face { font-family: "IntroCondBoldAlt"; src: url('../../files/theme-acasa/fonts/IntroCondBoldAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondBoldAlt/font.woff') format('woff'); } @font-face { font-family: "IntroCondBoldItalic"; src: url('../../files/theme-acasa/fonts/IntroCondBoldItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondBoldItalic/font.woff') format('woff'); } @font-face { font-family: "IntroLightAlt"; src: url('../../files/theme-acasa/fonts/IntroLightAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroLightAlt/font.woff') format('woff'); } @font-face { font-family: "IntroCondExLightItalic"; src: url('../../files/theme-acasa/fonts/IntroCondExLightItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondExLightItalic/font.woff') format('woff'); } @font-face { font-family: "IntroMediumItalic"; src: url('../../files/theme-acasa/fonts/IntroMediumItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroMediumItalic/font.woff') format('woff'); } @font-face { font-family: "IntroThinAlt"; src: url('../../files/theme-acasa/fonts/IntroThinAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroThinAlt/font.woff') format('woff'); } @font-face { font-family: "IntroCondLightItalic"; src: url('../../files/theme-acasa/fonts/IntroCondLightItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondLightItalic/font.woff') format('woff'); } @font-face { font-family: "IntroCondRegularAlt"; src: url('../../files/theme-acasa/fonts/IntroCondRegularAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondRegularAlt/font.woff') format('woff'); } @font-face { font-family: "IntroCondBlackInlineItalic"; src: url('../../files/theme-acasa/fonts/IntroCondBlackInlineItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondBlackInlineItalic/font.woff') format('woff'); } @font-face { font-family: "IntroBoldItalic"; src: url('../../files/theme-acasa/fonts/IntroBoldItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroBoldItalic/font.woff') format('woff'); } @font-face { font-family: "IntroCondSemiBoldAlt"; src: url('../../files/theme-acasa/fonts/IntroCondSemiBoldAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondSemiBoldAlt/font.woff') format('woff'); } @font-face { font-family: "IntroCondLightAlt"; src: url('../../files/theme-acasa/fonts/IntroCondLightAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondLightAlt/font.woff') format('woff'); } @font-face { font-family: "IntroExLightAlt"; src: url('../../files/theme-acasa/fonts/IntroExLightAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroExLightAlt/font.woff') format('woff'); } @font-face { font-family: "IntroCondThinItalic"; src: url('../../files/theme-acasa/fonts/IntroCondThinItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondThinItalic/font.woff') format('woff'); } @font-face { font-family: "IntroBlackAlt"; src: url('../../files/theme-acasa/fonts/IntroBlackAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroBlackAlt/font.woff') format('woff'); } @font-face { font-family: "IntroBlackInlineAlt"; src: url('../../files/theme-acasa/fonts/IntroBlackInlineAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroBlackInlineAlt/font.woff') format('woff'); } @font-face { font-family: "IntroThinItalic"; src: url('../../files/theme-acasa/fonts/IntroThinItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroThinItalic/font.woff') format('woff'); } @font-face { font-family: "IntroRegularItalic"; src: url('../../files/theme-acasa/fonts/IntroRegularItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroRegularItalic/font.woff') format('woff'); } @font-face { font-family: "IntroCondBlackItalic"; src: url('../../files/theme-acasa/fonts/IntroCondBlackItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondBlackItalic/font.woff') format('woff'); } @font-face { font-family: "IntroLightItalic"; src: url('../../files/theme-acasa/fonts/IntroLightItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroLightItalic/font.woff') format('woff'); } @font-face { font-family: "IntroCondRegularItalic"; src: url('../../files/theme-acasa/fonts/IntroCondRegularItalic/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroCondRegularItalic/font.woff') format('woff'); } @font-face { font-family: "IntroRegularAlt"; src: url('../../files/theme-acasa/fonts/IntroRegularAlt/font.woff2') format('woff2'), url('../../files/theme-acasa/fonts/IntroRegularAlt/font.woff') format('woff'); } /*** Isotope Masonry ***/ /* ---- button ---- */ .button { padding: 4px 14px; margin: 0 10px; background: #fff; border: 1px solid #6bb79e; border-radius: 20px; font-family: IntroSemiBoldAlt; color: #000; text-decoration: none; padding: 10px; position: relative; cursor: pointer; } .button:hover { } .button:active, .button.is-checked { background: #6bb79e; color: #fff; } .button.is-checked { } .button:active { } .button-group { display: flex; flex-direction: row; justify-content: center; width: 100%; margin: 30px auto; } @media screen and (max-width: 767px) { .button-group { width: 100% !important; display: block !important; text-align: center; } .button { width: 44% !important; display: inline; margin-bottom: 20px !important; } } /* ---- isotope ---- */ /* .grid { border: 1px solid #333; } /* clear fix */ .grid:after { content: ''; display: block; clear: both; } /* ---- .element-item ---- */ /* .element-item { position: relative; float: left; width: 100px; height: 100px; margin: 5px; padding: 10px; background: #888; color: #262524; } .element-item > * { margin: 0; padding: 0; } .element-item .name { position: absolute; left: 10px; top: 60px; text-transform: none; letter-spacing: 0; font-size: 12px; font-weight: normal; } .element-item .symbol { position: absolute; left: 10px; top: 0px; font-size: 42px; font-weight: bold; color: white; } .element-item .number { position: absolute; right: 8px; top: 5px; } .element-item .weight { position: absolute; left: 10px; top: 76px; font-size: 12px; } .element-item.alkali { background: #F00; background: hsl( 0, 100%, 50%); } .element-item.alkaline-earth { background: #F80; background: hsl( 36, 100%, 50%); } .element-item.lanthanoid { background: #FF0; background: hsl( 72, 100%, 50%); } .element-item.actinoid { background: #0F0; background: hsl( 108, 100%, 50%); } .element-item.transition { background: #0F8; background: hsl( 144, 100%, 50%); } .element-item.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); } .element-item.metalloid { background: #08F; background: hsl( 216, 100%, 50%); } .element-item.diatomic { background: #00F; background: hsl( 252, 100%, 50%); } .element-item.halogen { background: #F0F; background: hsl( 288, 100%, 50%); } .element-item.noble-gas { background: #F08; background: hsl( 324, 100%, 50%); }