/*! jQuery UI - v1.12.1 - 2017-07-27 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-webkit-filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-webkit-filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px} /* 2025-09-15 22:28:35 source: /bloqz/ui/styles/jquery-ui.min.css *//*! jQuery UI - v1.12.1 - 2017-07-27 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-webkit-filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-webkit-filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px} /* 2025-09-15 22:28:35 source: /bloqz/ui/styles/jquery-ui.structure.min.css *//* Bitte nehmen Sie keine Änderungen an dieser Datei vor! Passen Sie Ihre Wünschen in der CSS-Datei des gewählten Skins an. */ /* Sektionen */ section.bloqzSection {position: relative;} /* Bearbeitungsbuttons der Seite/Sektionen */ .bloqzButtons .buttons {float:left; background-color: #fafafa;height: 45px;border-radius: 4px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);overflow: hidden;margin-right: 10px;} .bloqzButtons .buttons button {background-color: transparent;min-width: 50px;height: 45px;padding:0 15px;margin:0 0 0 -1px;border:none;color: #595959;position: relative;float: left;transition:background-color 0.15s, color 0.15s;cursor: pointer} .bloqzButtons .buttons button:hover {background-color: #141414;color: #fafafa} .bloqzButtons .buttons button:before {position: absolute;left:1px;top: 0;line-height: 46px;width: 100%;text-align: center;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);font-size: 16px;} .bloqzButtons .buttons button:after {content:'';height:30px;width:1px;background-color:#C5C5C5;position: absolute; right: 0; top: 7px;transition:background-color 0.15s} .bloqzButtons .buttons button:hover:after {background-color: transparent} .bloqzButtons .buttons button:last-of-type:after {display: none} .bloqzButtons .buttons button[type="submit"]:hover {background-color: #1cc61c} .bloqzButtons .buttons button[type="reset"]:hover {background-color: #a00909} .bloqzButtons .buttonsToggle {float: left;} .bloqzButtons .buttonsToggle .bloqzToggler {float:left;background-color:#141414;width: 45px;height: 45px;border-radius: 4px;margin:0 15px 0 0;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);position: relative;cursor: pointer} .bloqzButtons .buttonsToggle .bloqzToggler:before {color: #fafafa;line-height: 46px;width: 45px; text-align: center;display: block;} .bloqzButtons .buttonsToggle .bloqzToggler:after {content: '';border: 6px solid transparent;border-left-color: #141414;width: 0px;height: 0px;display: block;position: absolute;right: -12px;top: 18px} .bloqzButtons .buttonsToggle .buttons {display: none;transition:opacity 0.15s;} .bloqzButtons .buttonsToggle:hover > .buttons {display: block} .bloqzButtonsInline {display: none;padding-bottom: 10px;position: absolute;z-index: 500} .bloqzButtonsInline:before {content: '';border: 6px solid transparent;border-top-color: #9a9a9a;width: 0px;height: 0px;display: block;position: absolute;left:50%;bottom:-3px;margin-left: -5px;} .bloqzButtonsInline:after {content: '';border: 6px solid transparent;border-top-color: #fafafa;width: 0px;height: 0px;display: block;position: absolute;left:50%;bottom:-2px;margin-left: -5px;} .bloqzButtonsInline.arrowRight:before {border-top-color: transparent;border-left-color: #9a9a9a;right: -12px;left: auto;bottom: 50%;margin-left: 0;margin-bottom: -3px;} .bloqzButtonsInline.arrowRight:after {border-top-color: transparent;border-left-color: #fafafa;right: -12px;left: auto;bottom: 50%;margin-left: 0;margin-bottom: -3px;} .bloqzButtonsInline.arrowLeft:before {border-top-color: transparent;border-right-color: #9a9a9a;left:-12px;bottom: 50%;margin-left: 0;margin-bottom: -3px;} .bloqzButtonsInline.arrowLeft:after {border-top-color: transparent;border-right-color: #fafafa;left:-12px;bottom: 50%;margin-left: 0;margin-bottom: -3px;} .bloqzButtonsInline.bloqzButtons .buttons {margin: 0} .bloqzButtonsPage {z-index: 410;position: fixed; left: 20px; bottom: 20px; } .bloqzButtonsPage[data-status="offline"] .bloqzToggler:before {color: #c83535}/* TODO: Offline-Seiten durch anderes Icon kennzeichnen? */ .bloqzButtonsSection {z-index: 400;position: absolute; right: 20px; top: 20px;} .bloqzButtonsSection .buttonsToggle .bloqzToggler {float: right;margin:0 0 0 15px; } .bloqzButtonsSection .buttonsToggle .bloqzToggler:after {border-left-color: transparent;border-right-color: #141414;right: auto;left: -12px} .bloqzButtonsSection .buttonsToggle .buttons {float: right;margin: 0 0 0 10px} /* Bearbeitungsbutton in Article-Liste */ .list-button-edit-site {position:absolute;left:10px;top:10px;z-index:100;height:40px;width:40px;border-radius:4px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);overflow: hidden;background-color:#141414;color:#fafafa;border:0;margin:0px;font-size: 18px;line-height:40px;padding:0;opacity: 0;transition: all 0.2s;text-align:center;} .list-button-edit-site:before {top:2px;} *:hover > .list-button-edit-site {opacity:0.5;} *:hover > .list-button-edit-site:hover {opacity: 1} /* Darstellung und Bearbeitung von Texten */ text {display: block;} text > * {min-height: 1rem !important;} /* Mindesthöhe für Tags im pflegbaren Bereich, damit man innerhalb eines leeren Tags klicken kann */ *[data-contenteditable="true"] {/* outline: 1px solid #1cc61c; box-shadow: -3px 0px 0px rgba(28, 199, 28, 0.5);*/min-height: 30px;} *[contenteditable="true"] {outline: 1px solid rgba(28, 156, 199, 1);box-shadow: 0px 0px 4px rgba(28, 156, 199, 0.65);-webkit-nbsp-mode: space;} *[contenteditable="true"][data-edit="true"] {outline: 1px solid rgba(28, 199, 28, 1);box-shadow: 0px 0px 4px rgba(28, 199, 28, 0.65)} /* Editmask Open */ html.editMaskOpen body {overflow: hidden} /* zentriert, wie bei "Sektion hinzufügen" */ #bloqzEditorOverlay h1 {font-size:46px;line-height:140%;margin:-5px 0 25px 0;letter-spacing:0;font-weight:bold;} #bloqzEditorOverlay h2 {font-size:36px;line-height:140%;margin:-5px 0 25px 0;letter-spacing:0;font-weight:bold;} #bloqzEditorOverlay h3 {font-size:22px;line-height:140%;margin:-5px 0 25px 0;letter-spacing:0;font-weight:bold;} #bloqzEditorOverlay h4 {font-size:16px;line-height:140%;margin:-5px 0 25px 0;letter-spacing:0;font-weight:bold;} #bloqzEditorOverlay h5 {font-size:16px;line-height:140%;margin:-5px 0 25px 0;letter-spacing:0;font-weight:bold;} #bloqzEditorOverlay h6 {font-size:16px;line-height:140%;margin:-5px 0 25px 0;letter-spacing:0;font-weight:bold;} #bloqzEditorOverlay button {cursor: pointer} #bloqzEditorOverlay .bloqzHeadline {color:#757575;font-family:Helvetica, arial, sans-serif} #bloqzEditorOverlay .bloqzHeadline_var1 {text-align:center;} #bloqzEditorOverlay {text-align:left;display:none;position: fixed;left:0;top:0;z-index: 2000; width: 100%;height: 100%; background-color:#f3f5f7;box-sizing: border-box;font-family:Helvetica, arial, sans-serif !important;font-size: 14px;} #bloqzEditorOverlay .overlayOuter > header {color:#757575;position:absolute;z-index:2;height:62px;line-height:62px;left:0;right:0;top:0;padding:0 20px;background-color:#fff;font-weight:bold;text-transform:uppercase;/* border-bottom:1px solid #d5dbdf */} #bloqzEditorOverlay header .title {float:left;} #bloqzEditorOverlay .overlayInfo {margin-bottom:50px;} #bloqzEditorOverlay header .buttons {float:right;} #bloqzEditorOverlay header .buttons button {display:none;float:right; background: none; border: none; margin: 0; padding: 0; width: auto; overflow: visible;line-height:62px; font-size:20px; margin-left:5px;color:#757575; outline:none;text-transform:uppercase;} #bloqzEditorOverlay footer {color:#757575;position:absolute;z-index:2;height:62px;line-height:62px;left:0;right:0;bottom:0;padding:0 20px;background-color:#fff;font-weight:bold;text-transform:uppercase;/* border-top:1px solid #d5dbdf */} #bloqzEditorOverlay .overlayOuter {height:100%;margin:0 auto;width: 100%;box-shadow: 0px 1px 70px rgba(0, 0, 0, 0.1);box-sizing: border-box;position: relative;overflow:hidden;} #bloqzEditorOverlay .overlayInner {width: 100%;margin-top:62px;height:calc(100% - (2 * 62px));padding: 80px 100px;box-sizing:border-box;position: absolute;z-index: 1;overflow: scroll;} #bloqzEditorOverlay[data-closeEditmask="true"] button[data-type="closeEditmask"] {display:block;} #bloqzEditorOverlay[data-submitFunction="submitForm"] button[data-type="submitForm"] {display:block;} #bloqzEditorOverlay[data-closeEditmask="true"] button[data-type="closeEditmask"] {display:block;} #bloqzEditorOverlay[data-submitFunction="saveAndReload"] button[data-type="saveAndReload"] {display:block;} #bloqzEditorOverlay[data-submitFunction="saveDraftAndReload"] button[data-type="saveDraftAndReload"] {display:block;} /* Darstellung von Formularen im Overlay */ #bloqzEditorOverlay form {overflow: hidden;text-align:center;} #bloqzEditorOverlay form fieldset {display:inline-block;width:40%;box-sizing: border-box;margin:0;vertical-align:top;margin:0 20px;padding:0 25px 25px 25px;border:none;background:#fff;border-radius:4px;overflow:hidden;} #bloqzEditorOverlay form > * {text-align:left;} #bloqzEditorOverlay form legend {display:none;} #bloqzEditorOverlay form header {position:relative;margin:0 -25px 25px -25px;padding:20px 25px;background:#c6ccd2;font-size:22px; box-sizing:border-box;color:#fff} /* Darstellung von Eingabefeldern in Editor-Formularen */ .bloqzFormEditor .elementLabel, .bloqzFormEditor .elementLabel label {font-weight:600;font-size:16px;margin-bottom:5px;} .bloqzFormEditor .elementLabel span {font-weight:normal;} .bloqzFormEditor .formElement {position:relative;} .bloqzFormEditor .formElement input, .bloqzFormEditor .formElement select, .bloqzFormEditor .formElement textarea {font-size:14px;display:block;margin-bottom: 12px;background:#fff; border-radius:4px; border:1px solid #ddd !important; color: #878787;hyphens: none;-webkit-hyphens: none;-moz-hyphens: none;} .bloqzFormEditor .formElement .invalid {background-color: rgba(250, 67, 60, 0.3);} .bloqzFormEditor .formElementCheckbox {margin-bottom: 12px;} .bloqzFormEditor .formElementCheckbox label {position:relative;padding-left:25px;line-height: 26px;display: block;} .bloqzFormEditor .formElementCheckbox input[type="checkbox"] {position:absolute;left:0;top:7px;height:auto;} .bloqzFormEditor .formElement input {height:45px;line-height:45px; padding: 0 15px;} .bloqzFormEditor .formElement select {background:#fff; height:45px; line-height:45px; width: 100%; -webkit-appearance: none; font-weight: normal; font-size: 13px; padding-left: 15px; cursor: pointer; outline: none; z-index: 2; position: relative; padding-right: 55px;} .bloqzFormEditor .formElement input[type="radio"] {width:auto;border:none;background-color:transparent;height:auto;margin:0 5px 0 1px;display:inline-block} .bloqzFormEditor .formElement input[type="checkbox"] {width:auto;border:none;background-color:transparent;height:auto;margin:0 5px 0 1px;display:inline-block} /* TODO: Sinnvoll gestalten! Wird z.B. verwendet beim Anlegen neuer Seiten */ .bloqzFormEditor .formElement *[readonly="readonly"] {opacity: 0.7} .bloqzFormEditor .formElementSelect:before {content: ''; position: absolute; z-index: 5; right: 15px; top: 7px; border: 5px solid transparent; border-bottom-color: #878787;} .bloqzFormEditor .formElementSelect:after {content: '';position: absolute;z-index: 5;right: 15px;top: 20px;border: 5px solid transparent;border-top-color: #878787;} .bloqzFormEditor .formElementUploadImage {width: 100%;height: 0px;padding-bottom:40%;background-color: #eceff4; margin-bottom:15px; border-radius:4px;background-size: cover; background-position:center center;} .bloqzFormEditor .formElementUploadImage input[type="file"] {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;z-index: 4;cursor: pointer} .bloqzFormEditor .formElementUploadImage button {position: absolute;right: 4px;top: 4px;z-index: 5;border:none;width:30px;height:30px;padding:0;box-sizing:border-box;border-radius:4px;background:#fff;color:#777777;transition: 0.3s all} .bloqzFormEditor .formElementUploadImage button:hover {background-color:#a00909;color: #FFF;} .bloqzFormEditor .formElementUploadImage button:before {font-size: 16px;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1)} .bloqzFormEditor .formElementUploadImage .progress {display:none;position: absolute;left: 0;top: 75%;margin:-5px 0 0 25%;width:50%;height: 10px;z-index: 5;border-radius: 10px;border:2px solid white;overflow: hidden} .bloqzFormEditor .formElementUploadImage .progress > div {background-color: #44de44;height: 10px;width:0%;} .bloqzFormEditor .formElementUploadImage:after {content:"\e939";font-family:bloqz;font-size:60px;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);left:50%;top:50%;position:absolute;color:#d4d7dc;} .bloqzFormEditor .formElementUploadImages {margin: 0 -5px;overflow: hidden} .bloqzFormEditor .formElementUploadImages .thumbnail {float: left; width: 100px; height: 100px; margin: 5px;background-color: #eceff4;background-size: cover; background-position:center center; background-repeat: no-repeat; position: relative;-webkit-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:default;border-radius:4px;border: 1px solid #eceff4;} .bloqzFormEditor .formElementUploadImages .thumbnail button {position: absolute;left: 4px;top: 4px;z-index: 5;border:none;width:30px;height:30px;padding:0;box-sizing:border-box;border-radius:4px;background:#fff;color:#777777;transition: 0.3s all} .bloqzFormEditor .formElementUploadImages .thumbnail button:hover {background-color:#a00909;color: #FFF} .bloqzFormEditor .formElementUploadImages .thumbnail button:before {font-size: 16px;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1)} .bloqzFormEditor .formElementUploadImages .thumbnail .progress {position: absolute;left: 50%;top: 75%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);width:50%;height: 10px;z-index: 5;border-radius: 10px;border:2px solid white;overflow: hidden} .bloqzFormEditor .formElementUploadImages .thumbnail .progress > div {background-color: #44de44;height: 10px;width:0%;} .bloqzFormEditor .formElementUploadImages .uploader {float: left; width: 100px; height: 100px; margin: 5px;background-color: #eceff4;position: relative;border-radius:4px;} .bloqzFormEditor .formElementUploadImages .uploader input[type="file"] {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;z-index: 4;cursor: pointer} .bloqzFormEditor .formElementUploadImages .uploader:after {content:"\e939";font-family:bloqz;font-size:30px;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);left:50%;top:50%;position:absolute;color:#d4d7dc;} .bloqzFormEditor .formElementUploadImages .thumbnail.not-found:after {content:"\e91b";font-family:bloqz;font-size:30px;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);left:50%;top:50%;position:absolute;color:#d4d7dc;} .bloqzFormEditor .formElementUploadImages input[type="file"] {cursor:pointer} /* Sektions Bibliothek */ #sectionLibrary {margin-right:-40px} #sectionLibrary .section {margin:0 0 40px 0;transition:all 0.15s;width:20%;float:left;} #sectionLibrary .section:nth-of-type(5n+1) {clear:left;} #sectionLibrary .section .inner {margin-right:40px;text-align:center;} #sectionLibrary .section .sectionThumbail {box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);margin:0 0 10px 0} #sectionLibrary .section .sectionName {font-weight:600;color:#757575} #sectionLibrary .section .sectionDescription {display:none} #sectionLibrary .section:hover .inner .sectionThumbail {cursor: pointer;} #sectionLibrary .section .sectionThumbail img {border: none;max-width: 100%;height: auto;margin: 0px;vertical-align: middle;} #sectionLibrary .section.selected .sectionThumbail {position:relative} #sectionLibrary .section.selected .sectionThumbail:after {content:"\e90a";font-family:bloqz;text-align:center;display:block;position:absolute;width:30px;height:30px;line-height:30px;background:#2bb24c;color:#fff;right:10px;bottom:10px;box-sizing:border-box;border-radius:50%;} #sectionLibrary .section[data-section-status="off"] {opacity: 0.3} /* Fehlermeldungen */ .qMessageError {background-color: #fce4e4;border: 1px solid #fcc2c3;padding: 20px 30px;margin:10px auto;color:#cc0033;font-size:12px;line-height:16px;font-family: Helvetica, Arial, sans-serif;max-width: 90vw;box-sizing: border-box;} @media only screen and (max-width: 1900px){ #sectionLibrary .section {width:25%;} #sectionLibrary .section:nth-of-type(5n+1) {clear:none;} #sectionLibrary .section:nth-of-type(4n+1) {clear:left;} } @media only screen and (max-width: 1400px){ #sectionLibrary .section {width:33.33%;} #sectionLibrary .section:nth-of-type(4n+1) {clear:none;} #sectionLibrary .section:nth-of-type(3n+1) {clear:left;} #bloqzEditorOverlay .overlayInner {padding:40px;} } @media only screen and (max-width: 980px){ #sectionLibrary .section {width:50%;} #sectionLibrary .section:nth-of-type(3n+1) {clear:none;} #sectionLibrary .section:nth-of-type(2n+1) {clear:left;} } @media only screen and (max-width: 767px){ #bloqzEditorOverlay #formEditmaskSection fieldset {width:100%; float:none; margin-bottom:20px; margin-left: 0; margin-right: 0} } @media only screen and (max-width: 540px){ #sectionLibrary {margin-right:0} #sectionLibrary .section .inner {margin-right:0} #sectionLibrary .section {width:100%;} #sectionLibrary .section:nth-of-type(2n+1) {clear:none;} #bloqzEditorOverlay .overlayInner {padding:20px;} } /* 2025-09-15 22:28:35 source: /bloqz/ui/styles/ui.css *//* Bitte nehmen Sie keine Änderungen an dieser Datei vor! Passen Sie Ihre Wünschen in der CSS-Datei des gewählten Skins an. */ @font-face { font-family: 'bloqz'; font-display: block; src:url('/bloqz/ui/fonts/bloqz.eot?mbc91z'); src:url('/bloqz/ui/fonts/bloqz.eot?mbc91z#iefix') format('embedded-opentype'),url('/bloqz/ui/fonts/bloqz.ttf?mbc91z') format('truetype'),url('/bloqz/ui/fonts/bloqz.woff?mbc91z') format('woff'),url('/bloqz/ui/fonts/bloqz.svg?mbc91z#bloqz') format('svg'); font-weight: normal; font-style: normal; } [class*="bloqz-icon-"]:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'bloqz' !important; font-display: block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:relative; display: inline-block; top:0px; } [class*="bloqz-icon-"].icon-size-xs:before {transform: scale(.8);-ms-transform: scale(.8);-webkit-transform: scale(.8);-moz-transform: scale(.8)} [class*="bloqz-icon-"].icon-size-s:before {transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1)} [class*="bloqz-icon-"].icon-size-m:before {transform: scale(1.3);-ms-transform: scale(1.3);-webkit-transform: scale(1.3);-moz-transform: scale(1.3)} [class*="bloqz-icon-"].icon-size-l:before {transform: scale(1.8);-ms-transform: scale(1.8);-webkit-transform: scale(1.8);-moz-transform: scale(1.8)} [class*="bloqz-icon-"].icon-size-xl:before {transform: scale(2.6);-ms-transform: scale(2.6);-webkit-transform: scale(2.6);-moz-transform: scale(2.6)} [class*="bloqz-icon-"].icon-size-xxl:before {transform: scale(3);-ms-transform: scale(3);-webkit-transform: scale(3);-moz-transform: scale(3)} .bloqz-icon-box:before { content: "\e946"; } .bloqz-icon-clock:before { content: "\e944"; } .bloqz-icon-tag:before { content: "\e945"; } .bloqz-icon-warning:before { content: "\e942"; } .bloqz-icon-warning-full:before { content: "\e943"; } .bloqz-icon-cookies:before { content: "\e941"; } .bloqz-icon-font-size:before { content: "\e940"; } .bloqz-icon-headline:before { content: "\e93f"; } .bloqz-icon-shopping-bag:before { content: "\e93e"; } .bloqz-icon-link:before { content: "\e93d"; } .bloqz-icon-edit:before { content: "\e93c"; } .bloqz-icon-user:before { content: "\e900"; } .bloqz-icon-user-add:before { content: "\e901"; } .bloqz-icon-user-remove:before { content: "\e902"; } .bloqz-icon-users:before { content: "\e903"; } .bloqz-icon-admin:before { content: "\e904"; } .bloqz-icon-section-add:before { content: "\e905"; } .bloqz-icon-section-remove:before { content: "\e906"; } .bloqz-icon-section-edit:before { content: "\e938"; } .bloqz-icon-plus:before { content: "\e907"; } .bloqz-icon-minus:before { content: "\e908"; } .bloqz-icon-cancel:before { content: "\e909"; } .bloqz-icon-check:before { content: "\e90a"; } .bloqz-icon-up:before { content: "\e90b"; } .bloqz-icon-right:before { content: "\e90c"; } .bloqz-icon-down:before { content: "\e90d"; } .bloqz-icon-left:before { content: "\e90e"; } .bloqz-icon-upload:before { content: "\e939"; } .bloqz-icon-download:before { content: "\e93a"; } .bloqz-icon-code:before { content: "\e90f"; } .bloqz-icon-gear:before { content: "\e910"; } .bloqz-icon-menu:before { content: "\e911"; } .bloqz-icon-help:before { content: "\e912"; } .bloqz-icon-trash:before { content: "\e913"; } .bloqz-icon-dashboard:before { content: "\e914"; } .bloqz-icon-clean:before { content: "\e915"; } .bloqz-icon-sliders:before { content: "\e916"; } .bloqz-icon-more:before { content: "\e917"; } .bloqz-icon-logout:before { content: "\e918"; } .bloqz-icon-refresh:before { content: "\e93b"; } .bloqz-icon-statistic:before { content: "\e919"; } .bloqz-icon-search:before { content: "\e91a"; } .bloqz-icon-camera:before { content: "\e91b"; } .bloqz-icon-skins:before { content: "\e91c"; } .bloqz-icon-tools:before { content: "\e91d"; } .bloqz-icon-key:before { content: "\e91e"; } .bloqz-icon-eye:before { content: "\e91f"; } .bloqz-icon-comment:before { content: "\e920"; } .bloqz-icon-heart-full:before { content: "\e921"; } .bloqz-icon-heart:before { content: "\e922"; } .bloqz-icon-star-full:before { content: "\e923"; } .bloqz-icon-star:before { content: "\e924"; } .bloqz-icon-page:before { content: "\e925"; } .bloqz-icon-page-add:before { content: "\e926"; } .bloqz-icon-page-remove:before { content: "\e927"; } .bloqz-icon-page-edit:before { content: "\e928"; } .bloqz-icon-pages:before { content: "\e929"; } .bloqz-icon-text:before { content: "\e92a"; } .bloqz-icon-bold:before { content: "\e92b"; } .bloqz-icon-italic:before { content: "\e92c"; } .bloqz-icon-underline:before { content: "\e92d"; } .bloqz-icon-list-ul:before { content: "\e92e"; } .bloqz-icon-list-ol:before { content: "\e92f"; } .bloqz-icon-bloqz:before { content: "\e930"; } .bloqz-icon-twitter:before { content: "\e931"; } .bloqz-icon-facebook:before { content: "\e932"; } .bloqz-icon-facebook-f:before { content: "\e933"; } .bloqz-icon-google:before { content: "\e934"; } .bloqz-icon-pinterest-p:before { content: "\e935"; } .bloqz-icon-pinterest:before { content: "\e936"; } .bloqz-icon-instagram:before { content: "\e937"; } /* 2025-09-15 22:28:35 source: /bloqz/ui/styles/qIcons.css */ :root{ --primaryColor1: #DBD0C0; /* Beige */ --primaryColor2: #262626; /* Anthrazit */ --primaryColorWhite: #ffffff; /* weiß */ --primaryColorLighter: #F6F5F3; /* Beige sehr hell */ --primaryColorLight: #EDE8E1; /* Beige hell */ --primaryColorMiddle: #DBD0C0; /* Beige dunkel */ --primaryColorDark: #262626; /* schwarzblaugrau */ --primaryColorBlack: #000000; /* schwarz */ --primaryColorHighlight: #9F897E; --primaryColorBlue:var(--primaryColor1); --primaryColorBlueLight:#deeffa; --contentMaxWidth: 1200px; --contentBgColor: var(--primaryColorWhite); --bgColorHeader: var(--primaryColorLighter); --bgColorFooter: var(--primaryColor2); --bgColorSection1: var(--primaryColorWhite); --bgColorSection2: var(--primaryColorLighter); --bgColorSection3: var(--primaryColorLight); --bgColorSection4: var(--primaryColorMiddle); --bgColorSection5: var(--primaryColorDark); --bgColorButton: var(--primaryColor2); --bgColorButtonActive: var(--primaryColorHighlight); --bgColorButtonInverse: var(--primaryColor2); --bgColorButtonActiveInverse: var(--primaryColor2); --bgColorNavLevel2Layer: var(--primaryColor2); --fontColorButton: var(--primaryColorWhite); --fontColorButtonActive: var(--primaryColorWhite); --fontColorButtonInverse: var(--primaryColorWhite); --fontColorButtonActiveInverse: var(--primaryColorWhite); --fontColorDefault: #4D4D4D; --fontColorText: var(--fontColorDefault); --fontColorLight: var(--primaryColorMiddle); --fontColorInverse: var(--primaryColorWhite); --fontColorHeadline1: var(--primaryColor2); --fontColorHeadline2: var(--primaryColor2); --fontColorHeadline3: var(--primaryColor2); --fontColorHeadline4: var(--primaryColor2); --fontColorNavigationLevel1: var(--primaryColor2); --fontColorNavigationLevel1Active: var(--primaryColor2); --fontColorNavigationLevel2: rgba(255,255,255,0.5); --fontColorNavigationLevel2Active: var(--primaryColorWhite); --fontColorLink: var(--fontColorDefault); --fontColorLinkActive: var(--primaryColorHighlight); --fontColorLinkInverse: var(--primaryColorWhite); --fontColorLinkInverseActive: var(--primaryColorWhite); --lightBoxBgColor: var(--primaryColorWhite); --fontSizeRatio: 1; --fontSizeRatio2: 50; --fontSizeDefault: 22px; --fontSizeSmall: 0.85rem; --fontSizeLarge: 1.3rem; --fontSizeNavigationLevel1: 0.9rem; --fontSizeNavigationLevel2: 1.0rem; --fontSizeNavigationLevel3: 1rem; --fontSizeH1: calc(2.27rem * var(--fontSizeRatio)); --fontSizeH2: calc(1.82rem * var(--fontSizeRatio)); --fontSizeH3: calc(1.55rem * var(--fontSizeRatio)); --fontSizeH4: calc(1.2rem * var(--fontSizeRatio)); --lineHeightDefault: 150%; --lineHeightSmall: 140%; --lineHeightHeadlines: 125%; --defaultTransition: color 0.12s, background 0.12s; --fontFamilyDefault: "Fira Sans", Arial, sans-serif; --fontFamilyHeadlines: "Merriweather", Arial, sans-serif; --borderRadiusDefault: 0.5rem; --borderRadiusMiddle: 1rem; --borderRadiusLarge: 1.5rem; --narrowContentSpace: 4rem; --letterSpacingDefault: 0.2em; --heightFormFields: 2.5rem; --defaultSpace: 1.5rem; --defaultPadding: 1.5rem; --defaultPageSpace: 2.5rem; --defaultBorderColor: #cccccc; --defaultBoxShadow: 10px 10px 30px rgba(0,0,0,0.12); --defaultVerticalSectionPadding: 5rem; --defaultHorizontalHeadlinePadding: 0; } *[class*="bgDark"] { --bgColorButton:var(--primaryColorWhite); --bgColorButtonActive:var(--primaryColor2); --bgColorButtonInverse:var(--primaryColor2); --bgColorButtonActiveInverse:#a0282e; --fontColorButton:var(--primaryColor1); --fontColorButtonActive:var(--fontColorButtonActiveInverse); --fontColorDefault:var(--primaryColorWhite); --fontColorHeadline1:var(--primaryColorWhite); --fontColorHeadline2:var(--primaryColorWhite); --fontColorHeadline3:var(--primaryColorWhite); --fontColorHeadline4:var(--primaryColorWhite); --fontColorLink:var(--fontColorLinkInverse); --fontColorLinkActive:var(--fontColorLinkInverseActive); } *[class*="bgLight"] { --fontColorDefault:var(--fontColorDefault); --fontColorHeadline1:var(--primaryColor2); --fontColorHeadline2:var(--primaryColor2); --fontColorHeadline3:var(--primaryColor2); --fontColorHeadline4:var(--primaryColor2); --fontColorButton:var(--primaryColorWhite); --fontColorButtonActive:var(--primaryColorWhite); } @font-face { font-family: 'feather'; src: url('/project/skins/focusyourbalance/webfonts/feather/feather.eot?lgq6ft'); src: url('/project/skins/focusyourbalance/webfonts/feather/feather.eot?lgq6ft#iefix') format('embedded-opentype'), url('/project/skins/focusyourbalance/webfonts/feather/feather.woff2?lgq6ft') format('woff2'), url('/project/skins/focusyourbalance/webfonts/feather/feather.ttf?lgq6ft') format('truetype'), url('/project/skins/focusyourbalance/webfonts/feather/feather.woff?lgq6ft') format('woff'), url('/project/skins/focusyourbalance/webfonts/feather/feather.svg?lgq6ft#granas-doering') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jj'; src: url('/project/skins/focusyourbalance/webfonts/jj/JJF.eot?lgq6ft'); src: url('/project/skins/focusyourbalance/webfonts/jj/JJF.eot?lgq6ft#iefix') format('embedded-opentype'), url('/project/skins/focusyourbalance/webfonts/jj/JJF.woff2?lgq6ft') format('woff2'), url('/project/skins/focusyourbalance/webfonts/jj/JJF.ttf?lgq6ft') format('truetype'), url('/project/skins/focusyourbalance/webfonts/jj/JJF.woff?lgq6ft') format('woff'), url('/project/skins/focusyourbalance/webfonts/jj/JJF.svg?lgq6ft#granas-doering') format('svg'); font-weight: normal; font-style: normal; } /* fira-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: url('/project/skins/focusyourbalance/webfonts/fira-sans/fira-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* fira-sans-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Fira Sans'; font-style: italic; font-weight: 400; src: url('/project/skins/focusyourbalance/webfonts/fira-sans/fira-sans-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* fira-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Fira Sans'; font-style: normal; font-weight: 600; src: url('/project/skins/focusyourbalance/webfonts/fira-sans/fira-sans-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* fira-sans-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Fira Sans'; font-style: italic; font-weight: 600; src: url('/project/skins/focusyourbalance/webfonts/fira-sans/fira-sans-v17-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* merriweather-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Merriweather'; font-style: normal; font-weight: 600; src: url('/project/skins/focusyourbalance/webfonts/merriweather/merriweather-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* merriweather-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Merriweather'; font-style: italic; font-weight: 600; src: url('/project/skins/focusyourbalance/webfonts/merriweather/merriweather-v32-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* COOKIE NOTICE */ #cookieNotice {position: fixed;z-index:405;background:rgba(0,0,0,0.9);max-width:310px;width:100%;left:5px;bottom:5px;border-radius:var(--borderRadiusDefault);font-size:14px;line-height:140%;box-sizing:border-box;margin:0;padding:15px;} #cookieNotice p a {color:#fff} #cookieNotice p {font-size:0.7rem;line-height:var(--lineHeightSmall);color:var(--primaryColorWhite)} #cookieNotice button {display:none;width:100%;margin-top:0.4rem;font-size:14px;} #cookieNotice button.confirm_selection {padding:0;background:transparent;} #cookieNotice label {display:block;color:#fff;margin-bottom:0.5rem;} #cookieNotice label:last-of-type {margin-bottom:1rem;} .jsOn #cookieNotice button {display:block;} #qLightbox .stage {background-color:#fff !important} /* FRAMESET */ html {font-size:var(--fontSizeDefault);font-family:var(--fontFamilyDefault);line-height:var(--lineHeightDefault);font-weight:300} html.mobileNavOpen body {overflow:hidden;} body {background-color:var(--contentBgColor);overflow-x:hidden;margin:0;padding:0;color:var(--fontColorDefault);-webkit-text-size-adjust:none;font-size:var(--fontSizeDefault)} main {} .box {padding:10px;background:#eee;margin:0 0 10px 0} .box.bg-warning {} .box.bg-error {background:#222;border-radius:var(--borderRadiusDefault);color:#fff;} .box.bg-success {background:#222;border-radius:var(--borderRadiusDefault);color:#fff;} #logo {display:block;position:relative;z-index:1;} #logo img {position:relative;z-index:1;} body > header {padding:20px;box-sizing: border-box;background:var(--bgColorHeader);position:relative;z-index:350;} body > header a {text-transform:uppercase;} body > header #headerInner {margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;height: 100%;box-sizing: border-box;max-width:var(--contentMaxWidth)} body > header #headerInner #logo img {height:auto;width:300px;display:block;max-width:100%; vertical-align: middle;} body footer {text-align:center;background:var(--bgColorFooter);} body footer p {margin: 0 !important;font-size:var(--fontSizeSmall);display:flex;gap:.8rem;justify-content: center} body footer a {text-transform: none !important;} body footer .sectionInner {padding:3rem 0px !important;} body footer h2 {font-size:1.2rem;font-weight:bold;margin-bottom:0.7rem;} body footer .sectionContent a {margin:0 0px !important} body footer .sectionContent a svg {widtH:40px;height:40px;} body footer .sectionContent {display:flex;flex-direction: column; gap:var(--defaultSpace)} @media (max-width:1200px) { body footer .sectionContent {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);} body footer .sectionContent > div:first-child {display:none;} } @media (max-width:767px) { body footer .sectionContent {grid-template-columns:minmax(0,1fr);} } .container {overflow:hidden;display:flex;justify-content:space-between;flex-flow: row wrap;} .container > div {} .container25252525 > div {} @media (max-width:1023px) { .container25252525 > div {flex: 50%;margin-bottom:3rem;} .container25252525 > div:nth-last-child(1), .container25252525 > div:nth-last-child(2) {margin-bottom:0;} } @media (max-width:1023px) { .container25252525 > div {flex: 100%;margin-bottom:2rem !important;} } #menuMobile {display:none;} #navigationToggler {display:none;position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);width:50px;height:50px;z-index:600;text-align:right;line-height:50px;cursor:pointer;} #navigationToggler span {display:none;} #navigationToggler:before {content:"\e903";font-family:jj;color:var(--fontColorNavigationLevel1);font-size:30px;} body > #menuMobile:checked + header #headerInner #navigationToggler:before {content:"\e902";} /* NAVIGATION */ nav ul {list-style-type:none;margin:0;padding:0;display:flex;align-items:center;} nav ul.navLevel1 > li {margin-left:0.4rem;padding:0;} nav ul.navLevel1 > li > a {color:var(--fontColorNavigationLevel1);padding:10px 0;font-size:var(--fontSizeNavigationLevel1);display:block;padding-left:0.5rem;padding-right:0.5rem;border-radius:var(--borderRadiusDefault);position:relative;} nav ul.navLevel1 > li:not(.button) > a:after {content:"";display:block;height:2px;width:100%;background:transparent;} /* EBENE 1 */ nav ul.navLevel1 > li.button {background:transparent;margin-left:4rem;} nav ul.navLevel1 > li.button > a {background:var(--fontColorNavigationLevel1);color:#fff;padding-left:1rem !important;padding-right:1rem !important;} nav ul.navLevel1 > li.active > a, nav ul.navLevel1 > li.selected > a, nav ul.navLevel1 > li:hover > a {color:var(--fontColorNavigationLevel1Active);position:relative;} nav ul.navLevel1 > li:not(.button).active > a:after, nav ul.navLevel1 > li:not(.button).selected > a:after {content:"";display:block;height:3px;width:100%;background:var(--fontColorNavigationLevel1Active);;} nav ul.navLevel1 > li.button:hover > a, nav ul.navLevel1 > li.button.selected > a {background:var(--fontColorNavigationLevel1Active);color:#fff;} /* EBENE 2 */ nav ul.navLevel1 > li:hover ul.navLevel2 {display:block;} nav ul.navLevel2 {display:none;position:absolute;z-index:1000;background:var(--bgColorNavLevel2Layer);padding:0.5rem 0;margin-left:-0.5rem;border-radius:var(--borderRadiusDefault)} nav ul.navLevel2 > li > a {font-size:0.8rem;padding:0.2rem 1rem;display:block;color:var(--fontColorNavigationLevel2);} nav ul.navLevel2 > li > a:hover, nav ul.navLevel2 > li.selected a {color:var(--fontColorLinkActive);color:var(--fontColorNavigationLevel2Active);} /* SCROLL-TOP BUTTON */ .buttonScrollTop {display:none;width: 40px;height:50px;border:1px solid rgba(0, 0, 0, 0.30);background-color:rgba(0, 0, 0, 0.60);position: fixed;right: 15px;bottom:50px;border-radius:var(--borderRadiusDefault);cursor: pointer;z-index: 200;opacity:0.9;transition:opacity 0.3s} .buttonScrollTop span {width: 100%;height: 100%;display: block;position: relative;} .buttonScrollTop span:before {content: '\e90b';position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);font-family: bloqz;color: rgba(255, 255, 255, 0.85)} .buttonScrollTop:hover {opacity: 1} /* FORMULAR */ fieldset {border:none;padding:0;margin:0;} fieldset dl {margin:0;padding:0;} fieldset dl dt {margin:0 0 10px 0;padding:0;} fieldset dl dd {margin:0 0 20px 0;padding:0;} fieldset dl dd.buttons {margin-top:2rem;} fieldset dl dd select {width:100%;} fieldset dl dd input {width:100%;} fieldset dl dd textarea {width:100%;min-height:140px;} fieldset dl .formStandardInput {display:none !important} fieldset dl .hidden {display: none !important;} fieldset .formElementCheckbox label {position:relative;padding-left:27px;display:block;} fieldset .formElementCheckbox label input {position:absolute;left:0;top:3px;width:15px;height:15px;-webkit-appearance:none;background:black;border-radius:3px;} .formElementButton button {display:block;margin:0 auto } /* TEXTS */ ul, ol, h1, h2, h3, h4, h5, h6, p, small, label {color:var(--fontColorDefault);} p {line-height:var(--lineHeightDefault);margin:0 0 1rem 0;} h1 {font-family:var(--fontFamilyHeadlines);font-size:var(--fontSizeH1);line-height:var(--lineHeightHeadlines);font-weight:600;color:var(--fontColorHeadline1);margin-top:0;margin-bottom:2rem;} h2 {font-family:var(--fontFamilyHeadlines);font-size:var(--fontSizeH2);line-height:var(--lineHeightHeadlines);font-weight:600;color:var(--fontColorHeadline2);margin-top:0;margin-bottom:1.5rem;} h3 {font-family:var(--fontFamilyHeadlines);font-size:var(--fontSizeH3);line-height:var(--lineHeightHeadlines);font-weight:600;color:var(--fontColorHeadline3);margin-top:0;margin-bottom:1.5rem;} h4 {font-family:var(--fontFamilyHeadlines);font-size:var(--fontSizeH4);line-height:var(--lineHeightHeadlines);font-weight:600;color:var(--fontColorHeadline4);margin-top:0;margin-bottom:0.7rem;} h1 > b, h1 > strong , h2 > b, h2 > strong , h3 > b, h3 > strong , h4 > b, h4 > strong {font-weight:600;} strong, b {font-weight:bold;} p b {color:var(--fontColorDefault)} .preHeadline {text-transform:uppercase;margin-bottom:0.5rem;font-weight:bold;letter-spacing:var(--letterSpacingDefault);color:var(--primaryColorHighlight);width:100%;} .sectionContent > *:last-child {margin-bottom:0;} .sectionContent ol {padding:0 0 0 1.2rem;margin:0 0 25px 0;} .sectionContent ol li {margin:0 0 8px 0} .sectionContent ul {padding:0 0 0 1.2rem;margin:0 0 25px 0;} .sectionContent ul li {margin:0 0 8px 0} .sectionContent p + h2 {margin-top:2rem;} .sectionContent p + h3 {margin-top:2rem;} a {text-decoration:none;font-weight:bold;color:var(--fontColorLink)} a:hover {color:var(--fontColorLinkActive)} [class~=button] {border-radius:var(--borderRadiusDefault);padding:0.5rem 1rem;font-weight:600;font-size:var(--fontSizeDefault);line-height:1.5;border:none;background:var(--bgColorButton);color:var(--fontColorButton);cursor:pointer;transition:var(--defaultTransition);display:inline-block;} [class~=button]:before {transform:scale(1.7);-ms-transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);margin-right:5px;} [class~=button]:hover {background:var(--bgColorButtonActive);color:var(--fontColorButtonActive)} [class~=buttonGhost] {background:transparent;border:2px solid var(--primaryColor1);color:var(--primaryColor1);} [class~=buttonGhost]:hover {background:transparent;border:2px solid var(--primaryColor2);color:var(--primaryColor2);} text + a {margin-top: 1.5rem;} text > p:last-child {margin-bottom: 0;} p + a {margin-top: 1rem;} /* BILDER */ picture {display:block;} picture img {display:inline-block;height:auto;max-width: 100%} /* SECTIONS */ section {max-width:100vw;overflow:hidden;} section:first-of-type {margin-top:0} .bloqzSection {box-sizing: border-box;position: relative;background-repeat: no-repeat;background-size: cover; background-position: center center;padding:0 var(--defaultPageSpace);} .sectionInner {max-width: var(--contentMaxWidth);margin: 0 auto;padding:var(--defaultVerticalSectionPadding) 0;} .sectionContent > p {margin-bottom:2rem;} .narrowContent {margin-left:var(--narrowContentSpace);margin-right:var(--narrowContentSpace);} .splitContent {display:grid;gap:var(--defaultSpace)} @media only screen and (max-width: 767px){ .splitContent {gap:0} } .splitContent4060 {grid-template-columns:minmax(0, 4fr) minmax(0, 6fr)} @media only screen and (max-width: 767px){ .splitContent4060 {grid-template-columns:minmax(0, 1fr)} } /* SECTIONS BACKGROUND IMAGE */ /*@cssVariant(sectionBackgroundImage){variant:1;caption:Leicht Abdunkeln;}*/ .sectionBackgroundImage_var1:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.5} .sectionBackgroundImage_var1 .sectionContent {position:relative;z-index:1;} /*@cssVariant(sectionBackgroundImage){variant:2;caption:Stark Abdunkeln;}*/ .sectionBackgroundImage_var2:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.85} .sectionBackgroundImage_var2 .sectionContent {position:relative;z-index:1;} /*@cssVariant(sectionBackgroundAnimation){variant:1;caption:Fix;}*/ .sectionBackgroundAnimation_var1 {background-attachment:fixed;} @media only screen and (max-width: 767px){ .sectionBackgroundAnimation_var1 {background-image:none !important;} } /*@cssVariant(sectionBackgroundAnimation){variant:2;caption:Fix, Mindesthöhe 50% des Browsers;}*/ .sectionBackgroundAnimation_var2 {background-attachment:fixed;min-height:40vw} /* SECTIONS BACKGROUNDCOLOR */ /*@cssVariant(sectionBackgroundColor){variant:1_bgLight;caption:Weiß;}*/ .sectionBackgroundColor_var1_bgLight {background-color:var(--bgColorSection1);} .sectionBackgroundColor_var1_bgLight + .sectionBackgroundColor_var1_bgLight:not([style]) > .sectionInner {padding-top:0} /*@cssVariant(sectionBackgroundColor){variant:2_bgLight;caption:Beige sehr hell;}*/ .sectionBackgroundColor_var2_bgLight {background-color:var(--bgColorSection2);} .sectionBackgroundColor_var2_bgLight + .sectionBackgroundColor_var2_bgLight:not([style]) > .sectionInner {padding-top:0} .sectionBackgroundColor_var2_bgLight + .sectionBackgroundColor_var2_2_bgLight:not([style]) > .sectionInner {padding-top:0} /*@cssVariant(sectionBackgroundColor){variant:2_2_bgLight;caption:Verlauf beige sehr hell zu weiß;}*/ .sectionBackgroundColor_var2_2_bgLight {background:linear-gradient(180deg, var(--bgColorSection2) 75%, #FFFFFF 75%) !important;} .sectionBackgroundColor_var2_2_bgLight + .sectionBackgroundColor_var1_bgLight:not([style]) > .sectionInner {padding-top:0} /*@cssVariant(sectionBackgroundColor){variant:3_bgLight;caption:Beige hell;}*/ .sectionBackgroundColor_var3_bgLight {background-color:var(--bgColorSection3);} .sectionBackgroundColor_var3_bgLight + .sectionBackgroundColor_var3_bgLight:not([style]) > .sectionInner {padding-top:0} /*@cssVariant(sectionBackgroundColor){variant:4_bgLight;caption:Beige dunkel;}*/ .sectionBackgroundColor_var4_bgLight {background-color:var(--bgColorSection4);} .sectionBackgroundColor_var4_bgLight + .sectionBackgroundColor_var4_bgLight:not([style]) > .sectionInner {padding-top:0} /*@cssVariant(sectionBackgroundColor){variant:4_2_bgLight;caption:Verlauf beige dunkel zu weiß;}*/ .sectionBackgroundColor_var4_2_bgLight {background:linear-gradient(180deg, var(--bgColorSection4) 75%, #FFFFFF 75%) !important;} .sectionBackgroundColor_var4_2_bgLight + .sectionBackgroundColor_var1_bgLight:not([style]) > .sectionInner {padding-top:0} /*@cssVariant(sectionBackgroundColor){variant:5_bgDark;caption:Anthrazit;}*/ .sectionBackgroundColor_var5_bgDark {background-color:var(--bgColorSection5);} .sectionBackgroundColor_var5_bgDark + .sectionBackgroundColor_var5_bgDark:not([style]) > .sectionInner {padding-top:0} /* SECTION TYPE ARTICLES */ .sectionTypeArticles article {position:relative;} .sectionTypeArticles article[onclick] {cursor:pointer} .sectionTypeArticles article[data-online="0"] {} .sectionTypeArticles article[data-online="0"]:before {content:"-";display:block;position:absolute;left:10px;top:10px;width:50px;height:50px;line-height:50px;text-align:center;font-size:50px;background:red;color:var(--fontColorInverse);border-radius:50%;} .sectionTypeArticles article .articleTexts time {display: none} /*@cssVariant(sectionTypeArticles){variant:0;caption:Standard;}*/ .sectionTypeArticles_var0 .articles {display:grid;grid-template-columns:minmax(0,1fr);gap:calc(2 * var(--defaultSpace))} .sectionTypeArticles_var0 .inner {display:grid;grid-template-columns:4fr 6fr;gap:var(--defaultSpace)} .sectionTypeArticles_var0 article {} .sectionTypeArticles_var0 article:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;} .sectionTypeArticles_var0 article picture {} .sectionTypeArticles_var0 article img {width:100%;display:block;margin:0;transition:all .8s cubic-bezier(0.19, 1, 0.22, 1);box-sizing:border-box;border-radius:var(--borderRadiusDefault);overflow:hidden;box-shadow:var(--defaultBoxShadow)} .sectionTypeArticles_var0 article .inner:hover picture img {transform:scale(1.01);-ms-transform:scale(1.01);-webkit-transform:scale(1.01);-moz-transform:scale(1.01);} .sectionTypeArticles_var0 article .articleTexts {box-sizing: border-box; text-align:left;} .sectionTypeArticles_var0 article .articleTexts h3 {margin-bottom: 10px;} .sectionTypeArticles_var0 article .articleTexts time {display: block;margin-bottom:0.5rem;} .sectionTypeArticles_var0 article .articleTexts time:before {content:"Artikel vom: "} @media only screen and (max-width: 767px){ .sectionTypeArticles_var0 .inner {grid-template-columns:minmax(0,1fr);gap:calc( 0.6 * var(--defaultSpace))} } /*@cssVariant(sectionTypeArticles){variant:1;caption:Retreats, zweispaltig;}*/ .sectionTypeArticles_var1 {;} .sectionTypeArticles_var1 .sectionContent h2 {margin-left:var(--defaultHorizontalHeadlinePadding);margin-right:var(--defaultHorizontalHeadlinePadding);} .sectionTypeArticles_var1 .articles {padding-top:2rem;position:relative;z-index:2;display:grid;grid-template-columns:repeat(2, minmax(0,1fr));grid-gap:var(--defaultSpace)} .sectionTypeArticles_var1 .articles article {height:auto !important;border-radius:var(--borderRadiusDefault);overflow:hidden;box-shadow:var(--defaultBoxShadow);background:var(--primaryColorWhite);border:3px solid var(--primaryColor2);} .sectionTypeArticles_var1 .articles article picture {width:100%;max-width:none;overflow:hidden;position:relative;} .sectionTypeArticles_var1 .articles article picture img {width:100%;display:block;margin:0;} .sectionTypeArticles_var1 .articles article .inner {padding:var(--defaultPadding);overflow:hidden;position:relative;} .sectionTypeArticles_var1 .articles article .inner > *:last-child {margin-bottom:0;} .sectionTypeArticles_var1 .articles article h3 {margin-bottom:0;} .sectionTypeArticles_var1 .articles article .subheadline {margin:0;padding:0;margin-top:0.25rem;letter-spacing:0;} .sectionTypeArticles_var1 .articles article p {margin-top:0.8rem;} .sectionTypeArticles_var1 .articles article .details {margin-top:0.8rem;} .sectionTypeArticles_var1 .articles article .details > * {margin-bottom:0.4rem;} .sectionTypeArticles_var1 .articles article .details > *:before {font-weight:bold;} .sectionTypeArticles_var1 .articles article .details .zeitraum:before {content:"Zeitraum: "} .sectionTypeArticles_var1 .articles article .details .aufenthalt:before {content:"Aufenthalt: "} .sectionTypeArticles_var1 .articles article .details .inklusivleistungen:before {content:"Inklusive: "} .sectionTypeArticles_var1 .articles article .details .ort:before {content:"Ort: "} .sectionTypeArticles_var1 .articles article .functions {display:flex;justify-content: space-between;align-items: center;margin-top:1rem;} .sectionTypeArticles_var1 .articles article .functions .preis_min {font-size:1.5rem;font-weight:bold;color:var(--fontColorHeadline3)} .sectionTypeArticles_var1 .articles article .functions .preis_min:before {content:"ab ";font-size:1rem;} .sectionTypeArticles_var1 .articles article a {} .sectionTypeArticles_var1 .articles article a.next:after {content:"\e912";font-family:feather;margin-left:0.4rem;} .sectionTypeArticles_var1 .articles + a {margin-top:1rem} @media only screen and (max-width: 767px){ .sectionTypeArticles_var1 .articles {grid-template-columns:minmax(0,1fr);} } /*@cssVariant(sectionTypeArticles){variant:2;caption:Dreispaltige Boxdarstellung (Leistungen Startseite);}*/ .sectionTypeArticles_var2 {;} .sectionTypeArticles_var2 .sectionContent > h2 {text-align:center;margin:0 var(--defaultHorizontalHeadlinePadding);} .sectionTypeArticles_var2 .articles {padding-top:2rem;position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:calc(1.5 * var(--defaultSpace))} .sectionTypeArticles_var2 .articles article {height:auto !important} .sectionTypeArticles_var2 .articles article .inner {padding:0;overflow:hidden;box-sizing:border-box;height:100%;position:relative;transition:var(--defaultTransition);border-radius:var(--borderRadiusDefault);background:#fff;padding:var(--defaultPadding);padding-bottom:4rem;overflow:hidden;} .sectionTypeArticles_var2 .articles article[data-category]:not([data-category=""]) .inner h3:before {content:"";display:block;width:2.25rem;height:2.25rem;background:url(/project/content/images/icons/bolt.svg) no-repeat center center;-webkit-filter: invert(26%) sepia(67%) saturate(1695%) hue-rotate(329deg) brightness(101%) contrast(88%);} .sectionTypeArticles_var2 .articles article[data-category="baeder"] .inner h3:before {background-image:url(/project/content/images/icons/bath-light.svg) !important} .sectionTypeArticles_var2 .articles article[data-category="heizung"] .inner h3:before {background-image:url(/project/content/images/icons/fire-flame-curved-light.svg) !important} .sectionTypeArticles_var2 .articles article[data-category="service"] .inner h3:before {background-image:url(/project/content/images/icons/wrench.svg) !important} .sectionTypeArticles_var2 .articles article[data-category="wasserschaden"] .inner h3:before {background-image:url(/project/content/images/icons/house-water.svg) !important} .sectionTypeArticles_var2 .articles article .inner > *:last-child {margin-bottom:0;} .sectionTypeArticles_var2 .articles article picture {width:100%;margin:0 auto 0.5rem auto;max-width:none;overflow:hidden;position:relative;} .sectionTypeArticles_var2 .articles article img {width:auto;height:2.25rem;display:block;margin:0;-webkit-filter: invert(25%) sepia(45%) saturate(2811%) hue-rotate(332deg) brightness(105%) contrast(84%);} .sectionTypeArticles_var2 .articles article h3 {margin:0 0 1rem 0;display:flex;align-items:center;gap:1rem;font-weight:600;} .sectionTypeArticles_var2 .articles article p {padding:0;margin-bottom:0;} .sectionTypeArticles_var2 .articles article a {margin-top:0.25rem;display:inline-block;position:absolute;bottom:1.5rem;} .sectionTypeArticles_var2 .articles + a {margin-top:1rem} @media only screen and (max-width: 767px){ .sectionTypeArticles_var2 .articles {grid-template-columns:minmax(0,1fr) minmax(0,1fr);} } @media only screen and (max-width: 540px){ .sectionTypeArticles_var2 .articles {grid-template-columns:minmax(0,1fr);} } /* SECTION TYPE CONTACTFORM */ .sectionTypeContactform form .captcha {display:flex;} .sectionTypeContactform form .captcha img {border-radius: 5px;display:block;margin-right:1rem;height:2rem;} .sectionTypeContactform form .captcha input {max-width:200px;} .sectionTypeContactform input[type="number"] {font-size:var(--fontSizeSmall);background:rgba(0,0,0,0.08);border:none;height:var(--heightFormFields);border-radius:var(--borderRadiusDefault);line-height: 2rem;padding: 0 15px;color:var(--fontColorDefault);box-sizing:border-box} .sectionTypeContactform input[type="text"] {background:rgba(0,0,0,0.08);border:none;height:var(--heightFormFields);border-radius:var(--borderRadiusDefault);line-height:var(--heightFormFields);padding: 0 15px;color:var(--fontColorHeadline3);box-sizing:border-box} .sectionTypeContactform textarea {font-family:var(--fontFamilyDefault);display:none;background:rgba(0,0,0,0.08);border:none;padding: 15px;border-radius:var(--borderRadiusDefault);color:var(--fontColorHeadline3);box-sizing:border-box;} .sectionTypeContactform select {background:rgba(0,0,0,0.08);border:none;border-radius:var(--borderRadiusDefault);height:var(--heightFormFields);line-height: 2rem;width: 100%;-webkit-appearance: none;border: 0;font-weight: normal;font-size: 13px;padding-left: 15px;cursor: pointer;outline: none;z-index: 2;position: relative;padding-right: 55px;box-shadow: 0 1px 1px rgba(0,0,0,0.1);} .sectionTypeContactform .formElementCheckbox label {user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;} .sectionTypeContactform input[type="checkbox"] {background:rgba(0,0,0,0.3);outline:none;box-shadow:none;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;} .sectionTypeContactform input[type="checkbox"]:before {content:"\e90a";font-family:bloqz;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);opacity:0;transition:var(--defaultTransition)} .sectionTypeContactform input[type="checkbox"]:checked {background:var(--bgColorButtonActive);color:var(--fontColorButtonActive)} .sectionTypeContactform input[type="checkbox"]:checked:before {opacity:1} .sectionTypeContactform input[type="text"]:active, .sectionTypeContactform input[type="text"]:focus, .sectionTypeContactform textarea:active, .sectionTypeContactform textarea:focus, .sectionTypeContactform select:active, .sectionTypeContactform select:active {background:rgba(0,0,0,0.10)} .sectionTypeContactform.select:before {content: ''; position: absolute; z-index: 5; right: 15px; top: 7px; border: 5px solid transparent; border-bottom-color: var(--fontColorDefault);} .sectionTypeContactform.select:after {content: '';position: absolute;z-index: 5;right: 15px;top: 20px;border: 5px solid transparent;border-top-color: var(--fontColorDefault);} .sectionTypeContactform form dt .elementLabel {text-align:left;} .sectionTypeContactform form dt label {font-weight:normal;} .sectionTypeContactform form .form-message-data-send {background:#000;padding:2rem;border-radius:var(--borderRadiusDefault);color:#fff;margin-bottom:2rem;} /*@cssVariant(sectionTypeContactform){variant:0;caption:Standard;}*/ .sectionTypeContactform_var0 {;text-align:left; } .sectionTypeContactform_var0 .sectionContent textarea {display:block;} .sectionTypeContactform_var0 .sectionContent button {margin:0 !important;} .sectionTypeContactform_var0 .sectionContent small {font-size:16px;} .sectionTypeContactform[class*="bgDark"] input[type="text"], .sectionTypeContactform[class*="bgDark"] textarea, .sectionTypeContactform[class*="bgDark"] select {background:rgba(255,255,255,0.15);color:var(--fontColorInverse)} .sectionTypeContactform[class*="bgDark"] input[type="checkbox"] {background:var(--primaryColorWhite);color:var(--fontColorInverse)} .sectionTypeContactform[class*="bgDark"] input[type="text"]:active, .sectionTypeContactform[class*="bgDark"] input[type="text"]:focus, .sectionTypeContactform[class*="bgDark"] button.button {background:#FFF;color:var(--primaryColor2);} .sectionTypeContactform[class*="bgDark"] textarea:active, .sectionTypeContactform[class*="bgDark"] textarea:focus, .sectionTypeContactform[class*="bgDark"] select:active, .sectionTypeContactform[class*="bgDark"] select:active {background:rgba(0,0,0,0.3)} /*@cssVariant(sectionTypeContactformWidth){variant:80;caption:80%;}*/ @media only screen and (min-width: 1200px){ .sectionTypeContactformWidth_var80 .sectionContent {padding-left:10%;padding-right:10%} } /*@cssVariant(sectionTypeContactformWidth){variant:60;caption:60%;}*/ @media only screen and (min-width: 1200px){ .sectionTypeContactformWidth_var60 .sectionContent {padding-left:20%;padding-right:20%} } /* SECTION TYPE COOKIE CONSENT */ .sectionTypeCookieconsent {} .sectionTypeCookieconsent .sectionContent div {margin-bottom:40px;padding-bottom:10px;border-bottom:1px solid var(--defaultBorderColor);} .sectionTypeCookieconsent .sectionContent h2 {text-align:left;} .sectionTypeCookieconsent .sectionContent div:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none} .sectionTypeCookieconsent .sectionContent p > span {display:block;margin:10px 0 20px 0;} .sectionTypeCookieconsent .sectionContent p > span > span {padding-right:25px;} .sectionTypeCookieconsent .sectionContent p > span > span > i {padding-right:5px;position:relative;top:2px;} .sectionTypeCookieconsent[class*="sectionBackgroundColor_var_dark"] .sectionContent div {border-color:#fff;} /* SECTION TYPE GALLERY */ .sectionTypeGallery {} .sectionTypeGallery div[class*=box-] {margin-bottom:0} .sectionTypeGallery .galleryThumbnails {overflow:hidden;} .sectionTypeGallery .galleryThumbnails img {width:1000px;max-width: 100%;height:auto;display:block;} .sectionTypeGallery + .sectionTypeGallery {margin-top:-10px;} /* Lazy-Load animiertes Einblenden */ .sectionTypeGallery picture[data-lazy-load="1"] img {opacity:0;transition:opacity 0.4s} .sectionTypeGallery picture[data-lazy-load="1"].loaded img {opacity:1;} /*@cssVariant(sectionTypeGallery){variant:0;caption:Standard mit Abstand, Format 3:2;}*/ .sectionTypeGallery_var0 {;padding-left:var(--defaultSpace);padding-right:var(--defaultSpace);text-align:center;} .sectionTypeGallery_var0 .sectionContent h2 ~ p, .sectionTypeGallery_var0 .sectionContent h2 ~ text p {margin-left:10%;margin-right:10%;} .sectionTypeGallery_var0 .galleryThumbnails {overflow:visible;padding-top:1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:calc(0.5 * var(--defaultSpace));} .sectionTypeGallery_var0 .galleryThumbnailInner {border-radius: var(--borderRadiusDefault);overflow:hidden;box-shadow: var(--defaultBoxShadow);padding:0;background:#fff;} .sectionTypeGallery_var0 .galleryThumbnailInner picture {} .sectionTypeGallery_var0 .galleryThumbnailInner picture[data-lightbox="1"] {background:#000;position:relative} .sectionTypeGallery_var0 .galleryThumbnailInner picture[data-lightbox="1"]:before {content:"\e913";color:#fff;display:block;font-family:jj;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0.8);-ms-transform:translate(-50%, -50%) scale(0.8);-webkit-transform:translate(-50%, -50%) scale(0.8);-moz-transform:translate(-50%, -50%) scale(0.8);z-index:100;opacity:0;font-size:3rem;transition:all 0.12s;} .sectionTypeGallery_var0 .galleryThumbnailInner picture[data-lightbox="1"] img {transition:all 0.12s} .sectionTypeGallery_var0 .galleryThumbnailInner picture[data-lightbox="1"]:hover img {opacity:0.8} .sectionTypeGallery_var0 .galleryThumbnailInner picture[data-lightbox="1"]:hover:before {opacity:1;transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);-moz-transform:translate(-50%, -50%) scale(1);} /*@cssVariant(sectionTypeGallery){variant:1;caption:Bildergalerie quadratische Bilder mit Versatz}*/ .sectionTypeGallery_var1 {;padding-left:var(--defaultSpace);padding-right:var(--defaultSpace);text-align:center;} .sectionTypeGallery_var1 .sectionInner {} .sectionTypeGallery_var1 .galleryThumbnails {overflow:visible;padding-top:3rem;display:grid;grid-template-columns:minmax(0,1fr);gap:calc(0.5 * var(--defaultSpace));margin-bottom:3.5rem;} .sectionTypeGallery_var1 .galleryThumbnail {border-radius: var(--borderRadiusDefault);overflow:hidden;box-shadow: var(--defaultBoxShadow);padding:0;background:#fff;display:flex;align-items:center;justify-content:space-around;position:relative;} .sectionTypeGallery_var1 .galleryThumbnailInner {} .sectionTypeGallery_var1 .galleryThumbnailInner picture {} .sectionTypeGallery_var1 .galleryThumbnailInner picture img {box-sizing:border-box} .sectionTypeGallery_var1 .galleryThumbnailInner picture[data-lightbox="1"] {background:#000;position:relative;} .sectionTypeGallery_var1 .galleryThumbnailInner picture[data-lightbox="1"]:before {content:"\e913";color:#fff;display:block;font-family:jj;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0.8);-ms-transform:translate(-50%, -50%) scale(0.8);-webkit-transform:translate(-50%, -50%) scale(0.8);-moz-transform:translate(-50%, -50%) scale(0.8);z-index:100;opacity:0;font-size:3rem;transition:all 0.12s;} .sectionTypeGallery_var1 .galleryThumbnailInner picture[data-lightbox="1"] img {transition:all 0.12s;} .sectionTypeGallery_var1 .galleryThumbnailInner picture[data-lightbox="1"]:hover img {opacity:0.8} .sectionTypeGallery_var1 .galleryThumbnailInner picture[data-lightbox="1"]:hover:before {opacity:1;transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);-moz-transform:translate(-50%, -50%) scale(1);} .sectionTypeGallery_var1.sectionTypeGalleryEntriesPerRow_var4 .galleryThumbnails .galleryThumbnail:nth-of-type(4n+2) {top:2rem;} .sectionTypeGallery_var1.sectionTypeGalleryEntriesPerRow_var4 .galleryThumbnails .galleryThumbnail:nth-of-type(4n+3) {top:3.5rem;} .sectionTypeGallery_var1.sectionTypeGalleryEntriesPerRow_var4 .galleryThumbnails .galleryThumbnail:nth-of-type(4n+4) {top:1.3rem;} @media only screen and (max-width: 767px){ .sectionTypeGallery_var1.sectionTypeGalleryEntriesPerRow_var4 .galleryThumbnails .galleryThumbnail:nth-of-type(2n+2) {top:2rem;} .sectionTypeGallery_var1.sectionTypeGalleryEntriesPerRow_var4 .galleryThumbnails .galleryThumbnail:nth-of-type(2n+3) {top:0;} .sectionTypeGallery_var1.sectionTypeGalleryEntriesPerRow_var4 .galleryThumbnails .galleryThumbnail:nth-of-type(2n+4) {top:2rem;} } .sectionTypeGallery_var1.sectionTypeGalleryEntriesPerRow_var3 .galleryThumbnails .galleryThumbnail:nth-of-type(3n+2) {top:3.5rem;} .sectionTypeGallery_var1.sectionTypeGalleryEntriesPerRow_var3 .galleryThumbnails .galleryThumbnail:nth-of-type(3n+3) {top:2rem;} @media only screen and (max-width: 767px){ .sectionTypeGallery_var1.sectionTypeGalleryEntriesPerRow_var3 .galleryThumbnails .galleryThumbnail:nth-of-type(2n+2) {top:2rem;} .sectionTypeGallery_var1.sectionTypeGalleryEntriesPerRow_var3 .galleryThumbnails .galleryThumbnail:nth-of-type(4n+3) {top:0;} } /*@cssVariant(sectionTypeGalleryEntriesPerRow){variant:3;caption:3 Einträge pro Zeile;}*/ .sectionTypeGalleryEntriesPerRow_var3 .galleryThumbnails {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);} @media only screen and (max-width: 767px){ .sectionTypeGalleryEntriesPerRow_var3 .galleryThumbnails {grid-template-columns:minmax(0,1fr) minmax(0,1fr);} } /*@cssVariant(sectionTypeGalleryEntriesPerRow){variant:4;caption:4 Einträge pro Zeile;}*/ .sectionTypeGalleryEntriesPerRow_var4 .galleryThumbnails {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);} @media only screen and (max-width: 767px){ .sectionTypeGalleryEntriesPerRow_var4 .galleryThumbnails {grid-template-columns:minmax(0,1fr) minmax(0,1fr);} } /*@cssVariant(sectionTypeGalleryEntriesPerRow){variant:6;caption:6 Einträge pro Zeile;}*/ .sectionTypeGalleryEntriesPerRow_var6 .galleryThumbnails {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);} @media only screen and (max-width: 1023px){ .sectionTypeGalleryEntriesPerRow_var6 .galleryThumbnails {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);} } @media only screen and (max-width: 767px){ .sectionTypeGalleryEntriesPerRow_var6 .galleryThumbnails {grid-template-columns:minmax(0,1fr) minmax(0,1fr);} } /* SECTION TYPE ORDEREDLIST */ .sectionTypeOrderedlist {} .sectionTypeOrderedlist ol.entries {text-align:left} .sectionTypeOrderedlist ol.entries .bloqzButtonsInline {top:0;transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)} /*@cssVariant(sectionTypeOrderedlist){variant:0;caption:Standard;}*/ .sectionTypeOrderedlist_var0 {;} .sectionTypeOrderedlist_var0 ol.entries {margin:0;padding:20px 0 0 0;list-style: none;} .sectionTypeOrderedlist_var0 ol.entries > li {counter-increment:item;margin:0 0 40px 0;padding:0;position: relative;} .sectionTypeOrderedlist_var0 ol.entries > li:before {content:counter(item);background:var(--primaryColorBlueLight);width:50px;height:50px;line-height:50px;position:absolute;left:0;top:0;margin-top:-10px;text-align:center;color:var(--primaryColorBlue);border-radius:50%;font-size:24px;} .sectionTypeOrderedlist_var0 ol.entries > li h3 {margin-bottom:5px;font-size:var(--fontSizeH4);} .sectionTypeOrderedlist_var0 ol.entries > li p {margin-bottom:0;display:none;} .sectionTypeOrderedlist_var0 ol.entries > li .inner {padding-left: 70px;} .sectionTypeOrderedlist_var0[class*="sectionBackgroundColor_var_dark"] ol.entries > li:before {background:var(--fontColorInverse);color:var(--fontColorLink)} /*@cssVariant(sectionTypeOrderedlist){variant:1_2;caption:Dreispaltige Auflistung (Checkliste);}*/ .sectionTypeOrderedlist_var1_2 {;} .sectionTypeOrderedlist_var1_2 h2 {} .sectionTypeOrderedlist_var1_2 ol.entries {margin:0;padding:1rem 0 0 0;list-style: none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap:var(--defaultSpace);font-size:20px;} .sectionTypeOrderedlist_var1_2 ol.entries > li:before {content:counter(item);background:var(--primaryColorGreyLight);width:50px;height:50px;line-height:50px;background-color: var(--primaryColor1);content: "\2713";font-family: system-ui;position: absolute;left: 0;top: 0;margin-top: -0.6rem;text-align: center;color: #FFFFFF;border-radius: 50%;font-size: 20px;} .sectionTypeOrderedlist_var1_2 ol.entries > li {margin:0;padding:0;position: relative;min-height: 2.5rem;} .sectionTypeOrderedlist_var1_2 ol.entries:after {content:"";clear:both;} .sectionTypeOrderedlist_var1_2 ol.entries > li h3 {margin-bottom:0;font-size:var(--fontSizeH4);hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;line-height:135%} .sectionTypeOrderedlist_var1_2 ol.entries > li p {margin-bottom:0;display:none;} .sectionTypeOrderedlist_var1_2 ol.entries > li .inner {padding-left: 70px;} .sectionTypeOrderedlist_var0[class*="sectionBackgroundColor_var_dark"] ol.entries > li:before {background:var(--fontColorInverse);color:var(--fontColorLink)} @media only screen and (max-width: 1200px){ .sectionTypeOrderedlist_var1_2 ol.entries {grid-template-columns:minmax(0,1fr) minmax(0,1fr);} } @media only screen and (max-width: 767px){ .sectionTypeOrderedlist_var1_2 ol.entries {grid-template-columns:minmax(0,1fr);} .sectionTypeOrderedlist_var1_2 ol.entries > li:before {width:45px;height:45px;line-height:45px;} .sectionTypeOrderedlist_var1_2 ol.entries > li .inner {padding-left:60px} } @media only screen and (max-width: 540px){ .sectionTypeOrderedlist_var1_2 ol.entries > li:before {width:40px;height:40px;line-height:40px;} .sectionTypeOrderedlist_var1_2 ol.entries > li .inner {padding-left:55px} } /*@cssVariant(sectionTypeOrderedlist){variant:1_3;caption:Zweispaltige Auflistung mit Beschreibungstext;}*/ .sectionTypeOrderedlist_var1_3 {;} .sectionTypeOrderedlist_var1_3 h2 {} .sectionTypeOrderedlist_var1_3 ol.entries {margin:0;padding:1rem 0 0 0;list-style: none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:calc(0.75 * var(--defaultSpace));font-size:20px;} .sectionTypeOrderedlist_var1_3 ol.entries > li:before {content:counter(item);background:var(--primaryColorGreyLight);width:50px;height:50px;line-height:50px;background-color: var(--primaryColor1);content: "\2713";font-family: system-ui;position: absolute;left: 2rem;top:2rem;text-align: center;color: #FFFFFF;border-radius: 50%;font-size: 20px;} .sectionTypeOrderedlist_var1_3 ol.entries > li {margin:0;padding:5.5rem 2rem 2rem 2rem;position: relative;background:#fff;border-radius:var(--borderRadiusDefault);box-shadow:var(--defaultBoxShadow)} .sectionTypeOrderedlist_var1_3 ol.entries:after {content:"";clear:both;} .sectionTypeOrderedlist_var1_3 ol.entries > li h3 {margin-bottom:0.5rem;font-size:var(--fontSizeH4);hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;line-height:135%} .sectionTypeOrderedlist_var1_3 ol.entries > li p {margin-bottom:0;} .sectionTypeOrderedlist_var0[class*="sectionBackgroundColor_var_dark"] ol.entries > li:before {background:var(--fontColorInverse);color:var(--fontColorLink)} @media only screen and (max-width: 767px){ .sectionTypeOrderedlist_var1_3 ol.entries {grid-template-columns:minmax(0,1fr);} .sectionTypeOrderedlist_var1_3 ol.entries > li:before {width:45px;height:45px;line-height:45px;} } @media only screen and (max-width: 540px){ .sectionTypeOrderedlist_var1_3 ol.entries > li:before {width:40px;height:40px;line-height:40px;} } /*@cssVariant(sectionTypeOrderedlist){variant:1_4;caption:Dreispaltige Auflistung mit Beschreibungstext;}*/ .sectionTypeOrderedlist_var1_4 {;} .sectionTypeOrderedlist_var1_4 h2 {} .sectionTypeOrderedlist_var1_4 ol.entries {margin:0;padding:1rem 0 0 0;list-style: none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap:calc(0.75 * var(--defaultSpace));font-size:20px;} .sectionTypeOrderedlist_var1_4 ol.entries > li:before {content:counter(item);background:var(--primaryColorGreyLight);width:50px;height:50px;line-height:50px;background-color: var(--primaryColor1);content: "\2713";font-family: system-ui;position: absolute;left: 2rem;top:2rem;text-align: center;color: #FFFFFF;border-radius: 50%;font-size: 20px;} .sectionTypeOrderedlist_var1_4 ol.entries > li:hover .bloqzButtonsInline {display:block;} .sectionTypeOrderedlist_var1_4 ol.entries > li {margin:0;padding:5.5rem 2rem 2rem 2rem;position: relative;background:#fff;border-radius:var(--borderRadiusDefault);box-shadow:var(--defaultBoxShadow)} .sectionTypeOrderedlist_var1_4 ol.entries:after {content:"";clear:both;} .sectionTypeOrderedlist_var1_4 ol.entries > li h3 {margin-bottom:0.5rem;font-size:var(--fontSizeH4);hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;line-height:135%} .sectionTypeOrderedlist_var1_4 ol.entries > li p {margin-bottom:0;} .sectionTypeOrderedlist_var0[class*="sectionBackgroundColor_var_dark"] ol.entries > li:before {background:var(--fontColorInverse);color:var(--fontColorLink)} @media only screen and (max-width: 1023px){ .sectionTypeOrderedlist_var1_4 ol.entries {grid-template-columns:minmax(0,1fr);} .sectionTypeOrderedlist_var1_4 ol.entries > li:before {width:45px;height:45px;line-height:45px;} } @media only screen and (max-width: 540px){ .sectionTypeOrderedlist_var1_4 ol.entries > li:before {width:40px;height:40px;line-height:40px;} } /*@cssVariant(sectionTypeOrderedlist){variant:2;caption:Steps (4-spaltig);}*/ .sectionTypeOrderedlist_var2 {;} .sectionTypeOrderedlist_var2 h2 {} .sectionTypeOrderedlist_var2 ol.entries {margin:0;padding:1rem 0 0 0;list-style: none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap:var(--defaultSpace);font-size:20px;position:relative;} .sectionTypeOrderedlist_var2 ol.entries > li {margin:0;padding:0;position: relative;min-height: 2.5rem;} .sectionTypeOrderedlist_var2 ol.entries > li:before {content:"0" counter(list-item);background:var(--primaryColorGreyLight);width:60px;height:60px;line-height:60px;display:block;background-color: var(--bgColorButton);text-align: center;color: var(--fontColorButton);border-radius:var(--borderRadiusDefault);font-size:1.5rem;margin-bottom:0.75rem;font-weight:bold;} .sectionTypeOrderedlist_var2 ol.entries > li h3 {margin-bottom:0.5rem;font-size:var(--fontSizeH4);hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;line-height:135%} .sectionTypeOrderedlist_var2 ol.entries > li p {margin-bottom:0;} .sectionTypeOrderedlist_var2 ol.entries + a {margin-top:1rem;} @media only screen and (max-width: 1200px){ .sectionTypeOrderedlist_var2 ol.entries {grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:calc(1.5 * var(--defaultSpace));} } @media only screen and (max-width: 767px){ .sectionTypeOrderedlist_var2 ol.entries {grid-template-columns:minmax(0,1fr);} } /*@cssVariant(sectionTypeOrderedlist){variant:3;caption:Historie;}*/ .sectionTypeOrderedlist_var3 {-;} .sectionTypeOrderedlist_var3 h2 {} .sectionTypeOrderedlist_var3 ol.entries {margin:0;padding:0;list-style:none;display:flex;flex-direction:column-reverse;gap:calc(2 * var(--defaultSpace));position:relative;} .sectionTypeOrderedlist_var3 ol.entries:before {content:"";display:block;width:2px;height:100%;position:absolute;background:rgba(0,0,0,0.1);left:5rem;} .sectionTypeOrderedlist_var3 ol.entries:after {display:none;} .sectionTypeOrderedlist_var3 ol.entries > li:before {content:"";display:block;background:var(--primaryColorGreyLight);width:24px;height:24px;background-color: var(--primaryColor1);position: absolute;left:5rem;top:0.25rem;text-align: center;border-radius:50%;transform:translateX(calc(-50% + 1px));-ms-transform:translateX(calc(-50% + 1px));-webkit-transform:translateX(calc(-50% + 1px));-moz-transform:translateX(calc(-50% + 1px)); border: 3px solid #eaeaeb;box-sizing: border-box} .sectionTypeOrderedlist_var3 ol.entries > li {margin:0;padding:0;position: relative;} .sectionTypeOrderedlist_var3 ol.entries > li .inner {position: relative;display:flex;gap:5rem;} .sectionTypeOrderedlist_var3 ol.entries:after {content:"";clear:both;} .sectionTypeOrderedlist_var3 ol.entries > li h3 {margin-bottom:0.5rem;font-size:var(--fontSizeH4);hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;line-height:135%} .sectionTypeOrderedlist_var3 ol.entries > li p {margin-bottom:0;font-size:var(--fontSizeH4)} @media only screen and (max-width: 767px){ } @media only screen and (max-width: 540px){ .sectionTypeOrderedlist_var3 ol.entries > li .inner {flex-direction:column;gap:0;padding-left:2.5rem;} .sectionTypeOrderedlist_var3 ol.entries > li h3 {padding-top:3px;} .sectionTypeOrderedlist_var3 ol.entries:before, .sectionTypeOrderedlist_var3 ol.entries > li:before {left:1rem;} .sectionTypeOrderedlist_var3 ol.entries > li p {hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;} } /* SECTION TYPE GOOGLE MAP */ .sectionTypeGooglemap {} .sectionTypeGooglemap .mapOuter {overflow:hidden;height:0px;width:100%;padding-bottom:66%;position:relative;} .sectionTypeGooglemap .mapOuter .map {height:100%;position:absolute;top:0;left:0;right:0;background-color:rgba(0,0,0,0.1);} .sectionTypeGooglemap .gm-style-iw {} .sectionTypeGooglemap .gm-style-iw a {text-decoration:none;color:var(--fontColorLink);} @media only screen and (max-width: 767px){ .sectionTypeGooglemap .mapOuter {padding-bottom:50vh !important;} } @media only screen and (max-width: 540px){ .sectionTypeGooglemap .mapOuter {padding-bottom:75vh !important;} } /* CONTENT BEFORE LOAD */ .sectionTypeGooglemap .mapOuter .contentBeforeLoad {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);text-align: left;width:70%;} .sectionTypeGooglemap .mapOuter .contentBeforeLoad .button {margin-right:10px;} .sectionTypeGooglemap .mapOuter .contentBeforeLoad div[itemprop="address"] {padding-left:50px;} .sectionTypeGooglemap .mapOuter .contentBeforeLoad div[itemprop="address"]:before {content:'\e920';position:absolute;left:0;top:0;font-family:bloqz;font-size:30px;} /* EINWILLIGUNG ANFORDERN */ .sectionTypeGooglemap .mapOuter .consent {} /*@cssVariant(sectionTypeGooglemap){variant:0;caption:Standard;}*/ .sectionTypeGooglemap_var0 .sectionInner {} .sectionTypeGooglemap_var0 .sectionContent {} .sectionTypeGooglemap_var0 .sectionContent .sectionHeadline {display:none} .sectionTypeGooglemap_var0 .mapOuter {padding-bottom:56%} /*@cssVariant(sectionTypeGooglemap){variant:1;caption:Gesamte Breite ohne Überschrift;}*/ .sectionTypeGooglemap_var1 {} .sectionTypeGooglemap_var1, .sectionTypeGooglemap_var1 .sectionInner {padding:0 !important;max-width:none !important;} .sectionTypeGooglemap_var1 .sectionContent {} .sectionTypeGooglemap_var1 .mapOuter {padding-bottom:56%} /*@cssVariant(sectionTypeGooglemapSize){variant:1;caption:3:1;}*/ .sectionTypeGooglemapSize_var1 .mapOuter {padding-bottom:33%} /*@cssVariant(sectionTypeGooglemapSize){variant:2;caption:3:2;}*/ .sectionTypeGooglemapSize_var2 .mapOuter {padding-bottom:66%} /*@cssVariant(sectionTypeGooglemapSize){variant:3;caption:16:9;}*/ .sectionTypeGooglemapSize_var3 .mapOuter {padding-bottom:56%} /*@cssVariant(sectionTypeGooglemapSize){variant:4;caption:2:1;}*/ .sectionTypeGooglemapSize_var4 .mapOuter {padding-bottom:50%} /*@cssVariant(sectionTypeGooglemapSize){variant:5;caption:1:1;}*/ .sectionTypeGooglemapSize_var5 .mapOuter {padding-bottom:100%} /* SECTION TYPE ACCORDION */ .sectionTypeAccordion {} .sectionTypeAccordion h2 {} .sectionTypeAccordion h3 {text-align: center;} .sectionTypeAccordion .qAccordion h3 {text-align: left !important;font-size:var(--fontColorDefault)} .sectionTypeAccordion p {} .sectionTypeAccordion ul {margin-left:0.5rem;} .sectionTypeAccordion dl {text-align:left} .jsOn .sectionTypeAccordion dl > dt {cursor: pointer} /*@cssVariant(sectionTypeAccordion){variant:0;caption:Standard;}*/ .sectionTypeAccordion_var0 {} .sectionTypeAccordion_var0 .preHeadline, .sectionTypeAccordion_var0 h2 {text-align: center} .sectionTypeAccordion_var0 dl dt {background:rgba(0,0,0,0.05);margin-top:5px;padding:22px 70px 20px 40px;box-shadow:none;outline:none;position:relative;transition:all 0.2s;border-radius:var(--borderRadiusDefault)} .sectionTypeAccordion_var0 dl dt.active {background:rgba(0,0,0,0.15)} .sectionTypeAccordion_var0 dl dt h3 {margin-bottom: 0;} .jsOn .sectionTypeAccordion_var0 dl dt:after {content:"\e90d";font-family:bloqz;position:absolute;right:1rem;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transition: all .3s;font-size:30px;} .sectionTypeAccordion_var0 dl dt.active:after {transform: scale(-1,-1) translateY(50%);-ms-transform: scale(-1,-1) translateY(50%);-webkit-transform: scale(-1,-1) translateY(50%);-moz-transform: scale(-1,-1) translateY(50%);color:var(--fontColorHeadline3)} .sectionTypeAccordion_var0 dl dd {padding:0 40px 20px 40px;margin:0;overflow: hidden} .sectionTypeAccordion_var0 dl dd > div {padding-top:20px;} .sectionTypeAccordion_var0 dl dd p {margin-top:0} .sectionTypeAccordion_var0 dl dd p:last-child {margin-bottom:0} .sectionTypeAccordion_var0[class*="bgDark"] dl dt {background:rgba(0,0,0,0.15);} .sectionTypeAccordion_var0[class*="bgDark"] dl dt:after {color:var(--fontColorInverse);} .sectionTypeAccordion_var0[class*="bgDark"] dl dt.active {background:rgba(0,0,0,0.35);} .sectionTypeAccordion_var0[class*="bgDark"] dl dt.active:after {color:var(--fontColorInverse)} @media only screen and (max-width: 767px){ .sectionTypeAccordion_var0 dl dt {padding:15px 50px 15px 25px;} .sectionTypeAccordion_var0 dl dt:after {right:20px;} .sectionTypeAccordion_var0 dl dd {padding:0 25px;} } /* SECTION TYPE PICTURE_WYSIWYG */ .sectionTypePicture_wysiwyg {text-align: left} /*@cssVariant(sectionTypePicture_wysiwyg){variant:0;caption:Bild links;}*/ .sectionTypePicture_wysiwyg_var0 {} .sectionTypePicture_wysiwyg_var0 .sectionContent {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(1.5 * var(--defaultSpace));} .sectionTypePicture_wysiwyg_var0 picture {display:block;position:relative;} .sectionTypePicture_wysiwyg_var0 picture img {width: 100%;display:block;border-radius:var(--borderRadiusDefault)} .sectionTypePicture_wysiwyg_var0 .text h2 {text-align: left} .sectionTypePicture_wysiwyg_var0 .text {display:flex;flex-direction: column;align-items: flex-start;justify-content: center;} @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var0 .sectionContent {grid-template-columns:minmax(0,1fr);gap:var(--defaultSpace)} .sectionTypePicture_wysiwyg_var0 .text {display:block;} } /*@cssVariant(sectionTypePicture_wysiwyg){variant:0_2;caption:Großes Bild links;}*/ .sectionTypePicture_wysiwyg_var0_2 {} .sectionTypePicture_wysiwyg_var0_2 .sectionContent {display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:calc(1.5 * var(--defaultSpace));} .sectionTypePicture_wysiwyg_var0_2 picture {display:block;position:relative;} .sectionTypePicture_wysiwyg_var0_2 picture img {width: 100%;display:block;border-radius:var(--borderRadiusDefault)} .sectionTypePicture_wysiwyg_var0_2 .text h2 {text-align: left} .sectionTypePicture_wysiwyg_var0_2 .text {display:flex;flex-direction: column;align-items: flex-start;justify-content: center;} @media only screen and (max-width: 1200px){ .sectionTypePicture_wysiwyg_var0_2 .sectionContent {grid-template-columns:repeat(2, minmax(0,1fr));} } @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var0_2 .sectionContent {grid-template-columns:minmax(0,1fr);gap:var(--defaultSpace)} .sectionTypePicture_wysiwyg_var0_2 .text {display:block;} } /*@cssVariant(sectionTypePicture_wysiwyg){variant:1;caption:Bild rechts;}*/ .sectionTypePicture_wysiwyg_var1 {} .sectionTypePicture_wysiwyg_var1 .sectionContent {display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:calc(1.5 * var(--defaultSpace));} .sectionTypePicture_wysiwyg_var1 picture {display:block;position:relative;order:2;} .sectionTypePicture_wysiwyg_var1 picture img {width: 100%;display:block;border-radius:var(--borderRadiusDefault)} .sectionTypePicture_wysiwyg_var1 .text h2 {text-align: left} .sectionTypePicture_wysiwyg_var1 .text {display:flex;flex-direction: column;align-items: flex-start;justify-content: center;} @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var1 picture {display:block;position:relative;order:inherit;} .sectionTypePicture_wysiwyg_var1 .sectionContent {grid-template-columns:minmax(0,1fr)} } /*@cssVariant(sectionTypePicture_wysiwyg){variant:1_2;caption:Großes Bild rechts;}*/ .sectionTypePicture_wysiwyg_var1_2 {} .sectionTypePicture_wysiwyg_var1_2 .sectionContent {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:calc(1.5 * var(--defaultSpace));} .sectionTypePicture_wysiwyg_var1_2 picture {display:block;position:relative;order:2;} .sectionTypePicture_wysiwyg_var1_2 picture img {width: 100%;display:block;border-radius:var(--borderRadiusDefault)} .sectionTypePicture_wysiwyg_var1_2 .text h2 {text-align: left} .sectionTypePicture_wysiwyg_var1_2 .text {display:flex;flex-direction: column;align-items: flex-start;justify-content: center;} @media only screen and (max-width: 1200px){ .sectionTypePicture_wysiwyg_var1_2 .sectionContent {grid-template-columns:repeat(2, minmax(0,1fr));} } @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var1_2 picture {display:block;position:relative;order:inherit;} .sectionTypePicture_wysiwyg_var1_2 .sectionContent {grid-template-columns:minmax(0,1fr)} } /*@cssVariant(sectionTypePicture_wysiwyg){variant:_hero;caption:Banner Startseite;}*/ :root { --sectionTypePicture_wysiwyg_var_hero_image_space: 3rem; } .sectionTypePicture_wysiwyg_var_hero {;z-index:2} .sectionTypePicture_wysiwyg_var_hero .sectionInner {padding-top:1rem;} .sectionTypePicture_wysiwyg_var_hero .sectionContent {display:grid;grid-template-columns:repeat(2, 1fr);} .sectionTypePicture_wysiwyg_var_hero .image {display:block;position:relative;order:2;padding-right:var(--sectionTypePicture_wysiwyg_var_hero_image_space);padding-top:var(--sectionTypePicture_wysiwyg_var_hero_image_space);padding-bottom:0;} .sectionTypePicture_wysiwyg_var_hero .image picture {position:relative;} .sectionTypePicture_wysiwyg_var_hero .image picture:before {content:"";display:block;position:absolute;right:calc(-1 * var(--sectionTypePicture_wysiwyg_var_hero_image_space));top:calc(-1 * var(--sectionTypePicture_wysiwyg_var_hero_image_space));height:100%;width:100%;background:var(--primaryColorLight);border-radius:var(--borderRadiusLarge);box-sizing:border-box;z-index:1;} .sectionTypePicture_wysiwyg_var_hero .image picture img {width: 100%;display:block;border-radius:var(--borderRadiusLarge);box-shadow:var(--defaultBoxShadow);position:relative;z-index:2;} .sectionTypePicture_wysiwyg_var_hero .text {display:flex;flex-direction: column;align-items: flex-start;justify-content: center;padding-right:var(--defaultSpace);} .sectionTypePicture_wysiwyg_var_hero .text h1 {margin-bottom:1rem;} @media only screen and (max-width: 1200px){ :root { --sectionTypePicture_wysiwyg_var_hero_image_space:2rem; } } @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var_hero .image {order:inherit;padding:0;margin-bottom:2rem;} .sectionTypePicture_wysiwyg_var_hero .image picture:before {display:none} .sectionTypePicture_wysiwyg_var_hero .sectionContent {grid-template-columns:1fr} } /* SECTION TYPE BANNER */ .sectionTypeBanner {overflow:hidden} .sectionTypeBanner .sectionInner {position: relative;} .sectionTypeBanner .entries {overflow:hidden;} .sectionTypeBanner .thumbnail {width: 100%;height: auto;} .sectionTypeBanner div[class*=box-] {margin-bottom:0} .sectionTypeBanner .banner > input {display:none;} /* Prev sichtbar */ .sectionTypeBanner .banner > input:nth-of-type(1):checked ~ .controls > .prevnext label:last-of-type, .sectionTypeBanner .banner > input:nth-of-type(2):checked ~ .controls > .prevnext label:nth-of-type(1), .sectionTypeBanner .banner > input:nth-of-type(3):checked ~ .controls > .prevnext label:nth-of-type(2), .sectionTypeBanner .banner > input:nth-of-type(4):checked ~ .controls > .prevnext label:nth-of-type(3), .sectionTypeBanner .banner > input:nth-of-type(5):checked ~ .controls > .prevnext label:nth-of-type(4), .sectionTypeBanner .banner > input:nth-of-type(6):checked ~ .controls > .prevnext label:nth-of-type(5), .sectionTypeBanner .banner > input:nth-of-type(7):checked ~ .controls > .prevnext label:nth-of-type(6), .sectionTypeBanner .banner > input:nth-of-type(8):checked ~ .controls > .prevnext label:nth-of-type(7), .sectionTypeBanner .banner > input:nth-of-type(9):checked ~ .controls > .prevnext label:nth-of-type(8), .sectionTypeBanner .banner > input:nth-of-type(10):checked ~ .controls > .prevnext label:nth-of-type(9) {display:block;left: 0;} /* Next sichtbar */ .sectionTypeBanner .banner > input:nth-of-type(1):checked ~ .controls > .prevnext label:nth-of-type(2), .sectionTypeBanner .banner > input:nth-of-type(2):checked ~ .controls > .prevnext label:nth-of-type(3), .sectionTypeBanner .banner > input:nth-of-type(3):checked ~ .controls > .prevnext label:nth-of-type(4), .sectionTypeBanner .banner > input:nth-of-type(4):checked ~ .controls > .prevnext label:nth-of-type(5), .sectionTypeBanner .banner > input:nth-of-type(5):checked ~ .controls > .prevnext label:nth-of-type(6), .sectionTypeBanner .banner > input:nth-of-type(6):checked ~ .controls > .prevnext label:nth-of-type(7), .sectionTypeBanner .banner > input:nth-of-type(7):checked ~ .controls > .prevnext label:nth-of-type(8), .sectionTypeBanner .banner > input:nth-of-type(8):checked ~ .controls > .prevnext label:nth-of-type(9), .sectionTypeBanner .banner > input:nth-of-type(9):checked ~ .controls > .prevnext label:nth-of-type(10), .sectionTypeBanner .banner > input:nth-of-type(10):checked ~ .controls > .prevnext label:nth-of-type(11) {display:block;right:0;} /* Navigation */ .sectionTypeBanner .banner > input:nth-of-type(1):checked ~ .controls > .navigation label:nth-of-type(1), .sectionTypeBanner .banner > input:nth-of-type(2):checked ~ .controls > .navigation label:nth-of-type(2), .sectionTypeBanner .banner > input:nth-of-type(3):checked ~ .controls > .navigation label:nth-of-type(3), .sectionTypeBanner .banner > input:nth-of-type(4):checked ~ .controls > .navigation label:nth-of-type(4), .sectionTypeBanner .banner > input:nth-of-type(5):checked ~ .controls > .navigation label:nth-of-type(5), .sectionTypeBanner .banner > input:nth-of-type(6):checked ~ .controls > .navigation label:nth-of-type(6), .sectionTypeBanner .banner > input:nth-of-type(7):checked ~ .controls > .navigation label:nth-of-type(7), .sectionTypeBanner .banner > input:nth-of-type(8):checked ~ .controls > .navigation label:nth-of-type(8), .sectionTypeBanner .banner > input:nth-of-type(9):checked ~ .controls > .navigation label:nth-of-type(9), .sectionTypeBanner .banner > input:nth-of-type(10):checked ~ .controls > .navigation label:nth-of-type(10) {background-color:var(--primaryColorWhite);color:var(--primaryColorWhite)} /*@cssVariant(sectionTypeBanner){variant:0;caption:Banner (Startseite);}*/ .sectionTypeBanner_var0 {;padding:0;} .sectionTypeBanner_var0 .sectionHeadline {} .sectionTypeBanner_var0 .sectionContent {} .sectionTypeBanner_var0 .sectionInner {padding:0;width:100%;max-width:100% !important;} .sectionTypeBanner_var0 .sectionInner .infoLayer {position:absolute;left:50%;top:0;width:var(--contentMaxWidth);height:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);padding:0;display:flex;align-items:end;justify-content:center;flex-direction:column;} .sectionTypeBanner_var0 .sectionInner .infoLayer .infoLayerInner {background:#fff;max-width:43%;padding:2rem;box-sizing:border-box;border-radius:0.75rem;} .sectionTypeBanner_var0 .sectionInner .infoLayer h1 {font-size:2.2rem;margin-bottom:0.75rem;} .sectionTypeBanner_var0 .sectionInner .infoLayer a {margin-top:1rem;} .sectionTypeBanner_var0 .sectionInner img {width:100%;} @media (max-width:1300px) { .sectionTypeBanner_var0 .sectionInner .infoLayer .infoLayerInner {padding:1.5rem;} .sectionTypeBanner_var0 .sectionInner .infoLayer h1 {font-size:1.7rem;} } @media (max-width:1023px) { .sectionTypeBanner_var0 .sectionInner .infoLayer {width:90%;} .sectionTypeBanner_var0 .sectionInner .infoLayer h1 {font-size:1.5rem;} .sectionTypeBanner_var0 .banner > ul {padding-bottom:56.5% !important;} } @media (max-width:767px) { .sectionTypeBanner_var0 .sectionInner .infoLayer {position:static;transform:none;-ms-transform:none;-webkit-transform:none;-moz-transform:none;width:var(--contentMaxWidth);margin:0 auto;} .sectionTypeBanner_var0 .sectionInner .infoLayer .infoLayerInner {max-width:100%;} } .sectionTypeBanner_var0 .sectionInner .infoLayer /* Banner Slides */ .sectionTypeBanner_var0 .sectionContent:after {content:"";display:block;clear:both;} .sectionTypeBanner_var0 .banner {position:relative;} .sectionTypeBanner_var0 .banner > ul {margin: 0;padding: 0;list-style: none;white-space: nowrap;overflow: hidden;position:relative;padding-bottom:40%;} .sectionTypeBanner_var0 .banner > ul > li {margin: 0;padding: 0;display: inline-block;width: 100%;transition: all 0.5s cubic-bezier(0.19, 0.65, 0.55, 1.01);opacity:0;position:absolute;} /* Banner Slides Position */ .sectionTypeBanner_var0 .banner > input:nth-of-type(1):checked ~ ul li:nth-of-type(1) {opacity:1} .sectionTypeBanner_var0 .banner > input:nth-of-type(2):checked ~ ul li:nth-of-type(2) {opacity:1} .sectionTypeBanner_var0 .banner > input:nth-of-type(3):checked ~ ul li:nth-of-type(3) {opacity:1} .sectionTypeBanner_var0 .banner > input:nth-of-type(4):checked ~ ul li:nth-of-type(4) {opacity:1} .sectionTypeBanner_var0 .banner > input:nth-of-type(5):checked ~ ul li:nth-of-type(5) {opacity:1} .sectionTypeBanner_var0 .banner > input:nth-of-type(6):checked ~ ul li:nth-of-type(6) {opacity:1} .sectionTypeBanner_var0 .banner > input:nth-of-type(7):checked ~ ul li:nth-of-type(7) {opacity:1} .sectionTypeBanner_var0 .banner > input:nth-of-type(8):checked ~ ul li:nth-of-type(8) {opacity:1} .sectionTypeBanner_var0 .banner > input:nth-of-type(9):checked ~ ul li:nth-of-type(9) {opacity:1} .sectionTypeBanner_var0 .banner > input:nth-of-type(10):checked ~ ul li:first-of-type {margin-left:-900%} /* Prev/Next */ .sectionTypeBanner_var0 .banner .controls .prevnext {display: none;} /* Navigation */ .sectionTypeBanner_var0 .banner[data-images="1"] .controls .navigation {display:none;} .sectionTypeBanner_var0 .banner .controls .navigation {position: absolute;bottom:1rem;width:100%;text-align: center;z-index:100} .sectionTypeBanner_var0 .banner .controls .navigation > label {display:inline-block;width:16px;height:16px;margin:0 4px;border-radius: 50%;cursor: pointer;box-sizing:border-box;background:rgba(255,255,255,0.5);} .sectionTypeBanner_var0 .banner .controls .navigation > label > span {display:none;} /*@cssVariant(sectionTypeBanner){variant:1;caption:Bild vollflächig mit weißem Overlay;}*/ .sectionTypeBanner_var1 {;padding:0;} .sectionTypeBanner_var1 .sectionHeadline {} .sectionTypeBanner_var1 .sectionContent {} .sectionTypeBanner_var1 .sectionInner {padding:0;width:100%;max-width:100% !important;} .sectionTypeBanner_var1 .sectionInner .infoLayer {position:absolute;left:50%;top:0;width:var(--contentMaxWidth);height:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);padding:0;display:flex;align-items:start;justify-content:center;flex-direction:column;} .sectionTypeBanner_var1 .sectionInner .infoLayer .infoLayerInner {background:#fff;max-width:50%;padding:2rem;box-sizing:border-box;border-radius:0.75rem;} .sectionTypeBanner_var1 .sectionInner .infoLayer h1 {font-size:2.2rem;margin-bottom:0.75rem;} .sectionTypeBanner_var1 .sectionInner .infoLayer a {margin-top:1rem;} .sectionTypeBanner_var1 .sectionInner img {width:100%;} @media (max-width:1300px) { .sectionTypeBanner_var1 .sectionInner .infoLayer .infoLayerInner {padding:1.5rem;} .sectionTypeBanner_var1 .sectionInner .infoLayer h1 {font-size:1.7rem;} } @media (max-width:1023px) { .sectionTypeBanner_var1 .sectionInner .infoLayer {width:90%;} .sectionTypeBanner_var1 .sectionInner .infoLayer h1 {font-size:1.5rem;} .sectionTypeBanner_var1 .banner > ul {padding-bottom:56.5% !important;} } @media (max-width:767px) { .sectionTypeBanner_var1 .sectionInner .infoLayer {position:static;transform:none;-ms-transform:none;-webkit-transform:none;-moz-transform:none;width:var(--contentMaxWidth);margin:0 auto;padding:0;} .sectionTypeBanner_var1 .sectionInner .infoLayer .infoLayerInner {max-width:100%;padding-top:3rem;padding-bottom:3rem;} .sectionTypeBanner_var1 .banner > ul {padding-bottom:75%;} } .sectionTypeBanner_var1 .sectionInner .infoLayer /* Banner Slides */ .sectionTypeBanner_var1 .sectionContent:after {content:"";display:block;clear:both;} .sectionTypeBanner_var1 .banner {position:relative;} .sectionTypeBanner_var1 .banner > ul {margin: 0;padding: 0;list-style: none;white-space: nowrap;overflow: hidden;position:relative;padding-bottom:50%;} .sectionTypeBanner_var1 .banner > ul > li {margin: 0;padding: 0;display: inline-block;width: 100%;transition: all 0.5s cubic-bezier(0.19, 0.65, 0.55, 1.01);opacity:0;position:absolute;} /* Banner Slides Position */ .sectionTypeBanner_var1 .banner > input:nth-of-type(1):checked ~ ul li:nth-of-type(1) {opacity:1} .sectionTypeBanner_var1 .banner > input:nth-of-type(2):checked ~ ul li:nth-of-type(2) {opacity:1} .sectionTypeBanner_var1 .banner > input:nth-of-type(3):checked ~ ul li:nth-of-type(3) {opacity:1} .sectionTypeBanner_var1 .banner > input:nth-of-type(4):checked ~ ul li:nth-of-type(4) {opacity:1} .sectionTypeBanner_var1 .banner > input:nth-of-type(5):checked ~ ul li:nth-of-type(5) {opacity:1} .sectionTypeBanner_var1 .banner > input:nth-of-type(6):checked ~ ul li:nth-of-type(6) {opacity:1} .sectionTypeBanner_var1 .banner > input:nth-of-type(7):checked ~ ul li:nth-of-type(7) {opacity:1} .sectionTypeBanner_var1 .banner > input:nth-of-type(8):checked ~ ul li:nth-of-type(8) {opacity:1} .sectionTypeBanner_var1 .banner > input:nth-of-type(9):checked ~ ul li:nth-of-type(9) {opacity:1} .sectionTypeBanner_var1 .banner > input:nth-of-type(10):checked ~ ul li:first-of-type {margin-left:-900%} /* Prev/Next */ .sectionTypeBanner_var1 .banner .controls .prevnext {display: none;} /* Navigation */ .sectionTypeBanner_var1 .banner[data-images="1"] .controls .navigation {display:none;} .sectionTypeBanner_var1 .banner .controls .navigation {position: absolute;bottom:1rem;width:100%;text-align: center;z-index:100} .sectionTypeBanner_var1 .banner .controls .navigation > label {display:inline-block;width:16px;height:16px;margin:0 4px;border-radius: 50%;cursor: pointer;box-sizing:border-box;background:rgba(255,255,255,0.5);} .sectionTypeBanner_var1 .banner .controls .navigation > label > span {display:none;} /* SECTION TYPE VIDEO */ .sectionTypeVideo {} .sectionTypeVideo .videoOuter {position:relative;padding-bottom: 55%;padding-top: 15px;height: 0;overflow: hidden;} .sectionTypeVideo .videoOuter iframe {position:absolute;top:0;left:0;width:100%;height:100%;} /* EINWILLIGUNG ANFORDERN */ .sectionTypeVideo .videoOuter .consent {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);font-size:0.8rem;text-align: center} .sectionTypeVideo .videoOuter .consent picture {opacity:0.4;display:block;} .sectionTypeVideo .videoOuter .consent picture img {object-fit:cover;width:100%;height:100%;position:absolute;left: 0} .sectionTypeVideo .videoOuter .consent .box {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);} .sectionTypeVideo .videoOuter .consent .box p {color:var(--fontColorDefault);} /*@cssVariant(sectionTypeVideo){variant:0;caption:Standard;}*/ .sectionTypeVideo_var0 {} /*@cssVariant(sectionTypeVideo){variant:1;caption:80% Breite;}*/ .sectionTypeVideo_var1 {} .sectionTypeVideo_var1 .sectionContent {padding:0 10%;} /*@cssVariant(sectionTypeVideo){variant:2;caption:Gesamte Breite;}*/ .sectionTypeVideo_var2 {} .sectionTypeVideo_var2, .sectionTypeVideo_var2 .sectionInner {padding:0 !important;max-width:100%;} .sectionTypeVideo_var2 .sectionContent {max-width:none !important;} /* SECTION TYPE WYSIWYG */ .sectionTypeWysiwyg {} .sectionTypeWysiwyg .sectionContent > a {margin-top:1rem;} .sectionTypeWysiwyg .sectionContent p:last-of-type {margin-bottom: 0} .sectionTypeWysiwyg .sectionContent p:last-of-type + a {margin-top:1rem} .sectionTypeWysiwyg p + h2 {margin-top:2rem !important;} .sectionTypeWysiwyg p + h3 {margin-top:1.5rem !important;} .sectionTypeWysiwyg p + h4 {margin-top:1.5rem !important;} /*@cssVariant(sectionTypeWysiwyg){variant:0;caption:Standard;}*/ .sectionTypeWysiwyg_var0 .sectionContent {} .sectionTypeWysiwyg_var0 .sectionContent h2 {text-align:left;} .sectionTypeWysiwyg_var0 .sectionContent h3 {text-align:left;} .sectionTypeWysiwyg_var0 .sectionContent > a {margin-left:auto;margin-right:auto;display:table;} /*@cssVariant(sectionTypeWysiwyg){variant:1;caption:Großer Fließtext, keine Überschrift;}*/ .sectionTypeWysiwyg_var1 .sectionContent {;} .sectionTypeWysiwyg_var1 .sectionContent h2 {display:none} .sectionTypeWysiwyg_var1 .sectionContent p {font-size:1.2rem;} .sectionTypeWysiwyg_var1 .sectionContent > a {margin-left:auto;margin-right:auto;display:table;} /*@cssVariant(sectionTypeWysiwyg){variant:2;caption:Zentrierte Schrift;}*/ .sectionTypeWysiwyg_var2 {;} .sectionTypeWysiwyg_var2 .sectionContent {text-align:center;} .sectionTypeWysiwyg_var2 .sectionContent .icon img {margin-bottom:1rem;} /*@cssVariant(sectionTypeWysiwyg){variant:5;caption:Zitat}*/ .sectionTypeWysiwyg_var5 {;} .sectionTypeWysiwyg_var5 .sectionContent {text-align:center;max-width:80%;margin:0 auto;} .sectionTypeWysiwyg_var5 .sectionContent h2 {font-style: italic !important;margin:0;font-weight:300;} @media only screen and (max-width: 767px){ .sectionTypeWysiwyg_var5 .sectionContent {max-width:90%;} } /*@cssVariant(sectionTypeWysiwyg){variant:3;caption:Header H1;}*/ .sectionTypeWysiwyg_var3 {;} .sectionTypeWysiwyg_var3 .sectionInner {padding-top:var(--defaultVerticalSectionPadding);padding-bottom:var(--defaultVerticalSectionPadding);} /*@cssVariant(sectionTypeWysiwyg){variant:4;caption:Header H1, Fließtext;}*/ .sectionTypeWysiwyg_var4 {;} .sectionTypeWysiwyg_var4 .sectionInner h1 {margin-bottom:1rem !important;} .sectionTypeWysiwyg_var4 .sectionInner p {font-size:var(--fontSizeLarge);} @media only screen and (max-width: 767px){ .sectionTypeWysiwyg_var4 .sectionInner {padding:2rem 0;} } /*@cssVariant(sectionTypeWysiwyg){variant:6;caption:Header (Startseite);}*/ .sectionTypeWysiwyg_var6 {;min-height:40vw;display:flex;align-items:baseline;} .sectionTypeWysiwyg_var6 .sectionInner {flex:1;display:flex;justify-content:end;} .sectionTypeWysiwyg_var6 .sectionInner .sectionContent {max-width:38%;background:#fff;padding:var(--defaultPadding);border-radius:0.75rem;} .sectionTypeWysiwyg_var6 .sectionInner .sectionContent > h1 {margin-bottom:1rem !important;font-size:2.2rem} .sectionTypeWysiwyg_var6 .sectionInner .sectionContent p {font-size:1.3rem;} .sectionTypeWysiwyg_var6 .sectionInner .sectionContent > a.button {} @media only screen and (max-width: 1200px){ .sectionTypeWysiwyg_var6 .sectionInner .sectionContent {max-width:75%} } @media only screen and (max-width: 767px){ .sectionTypeWysiwyg_var6 {background-size:100% auto;background-position: top;padding:0} .sectionTypeWysiwyg_var6 .sectionInner .sectionContent {max-width:100%;margin-top:50vw;} } /*@cssVariant(sectionTypeWysiwyg){variant:7;caption:Überschrift links, Fließtext rechts;}*/ .sectionTypeWysiwyg_var7 {;} .sectionTypeWysiwyg_var7 .sectionContent {display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:calc(3 * var(--defaultSpace))} .sectionTypeWysiwyg_var7 .sectionInner h1 {margin-bottom:1rem !important;} .sectionTypeWysiwyg_var7 .sectionInner p {font-size: 1.0rem;font-size:1.2rem;} @media only screen and (max-width: 1023px){ .sectionTypeWysiwyg_var7 .sectionContent {grid-template-columns:1fr;gap:0.5rem;} } /*@cssVariant(sectionTypeWysiwygWidth){variant:80;caption:80%;}*/ @media only screen and (min-width: 1200px){ .sectionTypeWysiwygWidth_var80 .sectionContent {padding-left:10%;padding-right:10%} } .sectionTypePersons {} .sectionTypePersons dd.name span:after {content: ' ';} /*@cssVariant(sectionTypePersons){variant:0;caption:Standard;}*/ .sectionTypePersons_var0 aside {overflow: hidden;margin-bottom: 40px;} .sectionTypePersons_var0 aside:last-child {margin-bottom: 0} .sectionTypePersons_var0 .image {float: left;width: 200px;max-width: 50%; border-radius:50%;margin-right: 20px;} .sectionTypePersons_var0 dl {text-align: left;display: table-cell;padding: 20px;} .sectionTypePersons_var0 dl dt {} .sectionTypePersons_var0 dl dd.name .title {margin: 0;} /*@cssVariant(sectionTypePersons){variant:3;caption:Vierspaltig;}*/ .sectionTypePersons_var3 {} .sectionTypePersons_var3 .persons {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--defaultSpace)} .sectionTypePersons_var3 aside .inner {background:#fff;position:relative;} .sectionTypePersons_var3 aside .image {width: 100%;margin-bottom:0;display:block;opacity:1;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);} .sectionTypePersons_var3 aside dl {padding:0;margin:0;background:#fff;position:absolute;bottom:0;width:100%;padding:0.5rem 1rem;box-sizing:border-box;opacity:0;transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);} .sectionTypePersons_var3 aside:hover dl {opacity:1;transform:translateY(-1rem);-ms-transform:translateY(-1rem);-webkit-transform:translateY(-1rem);-moz-transform:translateY(-1rem);} .sectionTypePersons_var3 aside:hover dl dd.name .title {animation-name:bgFadeIn;} .sectionTypePersons_var3 aside:hover .image {opacity:0.7;} .sectionTypePersons_var3 aside dl dt {display:none;} .sectionTypePersons_var3 aside dl dd {padding:0;margin:0;} .sectionTypePersons_var3 aside dl dd.name h3 {margin-bottom:0.3rem;color:var(--primaryColorBlack)} .sectionTypePersons_var3 aside dl dd.name .title {margin: 0;font-size:1.364rem;} .sectionTypePersons_var3 aside dl dd.name .salutation {display:none;} .sectionTypePersons_var3 aside dl dd.comment:before {content:"\„";} .sectionTypePersons_var3 aside dl dd.comment:after {content:"\“";} @media only screen and (max-width: 1200px){ .sectionTypePersons_var3 .persons {grid-template-columns:1fr 1fr 1fr;} } @media only screen and (max-width: 1023px){ .sectionTypePersons_var3 .persons {grid-template-columns:1fr 1fr;} } #deleteStyle {position:fixed;right:1rem;z-index:200;bottom:1rem;cursor:pointer;width:60px;height:60px;background:var(--bgColorButton);border-radius:50%;display:flex;align-items:center;justify-content:space-around;box-shadow:3px 3px 10px rgba(0,0,0,0.2)} #deleteStyle:hover {background:var(--bgColorButtonActive)} #deleteStyle:before {content:"\e9fa";font-family:feather;color:#fff;transition:all 0.12s;} #deleteStyle:hover:before {content:"\ea11";} #deleteStyle span {display:none;} html[data-site-type="news"] .metaContent picture img {border-radius:var(--borderRadiusDefault);box-shadow:var(--defaultBoxShadow)} html[data-site-type="news"] .metaContent .text *:not(picture, img) {margin-left:6%;margin-right:6%} html[data-site-type="news"] .metaContent h1 {margin-bottom:1rem;font-weight:bold;} html[data-site-type="news"] .metaContent .description {margin-bottom:3rem;color:#646b90} html[data-site-type="news"] .metaContent .sectionInner {padding-bottom:3rem} html[data-site-type="news"] .userContent .sectionTypeWysiwyg p {line-height:170%;margin-bottom:1.5rem;} html[data-site-type="news"] .userContentInner {max-width:var(--contentMaxWidth);margin:0 auto; padding-bottom:3rem;} html[data-site-type="news"] .userContent .twoColumns {display:grid;grid-template-columns:3fr 7fr;gap:2rem;margin-left:6%;margin-right:6%} html[data-site-type="news"] .userContent .twoColumns section {padding-left:0;padding-right:0;} html[data-site-type="news"] .userContent section:first-child .sectionInner {padding-top:0;} html[data-site-type="news"] .userContent section:last-child .sectionInner {padding-bottom:0;} html[data-site-type="news"] .box {background:var(--primaryColorLight);padding:1.5rem;border-radius:var(--borderRadiusDefault);position:sticky;top:2rem;} html[data-site-type="news"] .box.sharer ul {list-style-type:none;margin:0;padding:0;display:flex;} html[data-site-type="news"] .box.sharer ul li {margin:0;padding:0;margin-right:10px;} html[data-site-type="news"] .box.sharer ul li a {width:40px;height:40px;background:red;border-radius:50%;display:block;} html[data-site-type="news"] .box.sharer ul li a.facebook {background:url(/project/content/images/icons/facebook.png) no-repeat center;background-size:100%} html[data-site-type="news"] .box.sharer ul li a.twitter {background:url(/project/content/images/icons/twitter.png) no-repeat center;background-size:100%} html[data-site-type="news"] .box.sharer ul li a.whatsapp {background:url(/project/content/images/icons/whatsapp.png) no-repeat center;background-size:100%} html[data-site-type="news"] .box.sharer ul li a.mail {background:url(/project/content/images/icons/mail.png) no-repeat center;background-size:100%} html[data-site-type="news"] .box.sharer ul li span {display:none;} @media (max-width:1023px) { html[data-site-type="news"] .box {position:static;} html[data-site-type="news"] .userContent .twoColumns {grid-template-columns:minmax(0,1fr);} html[data-site-type="news"] .userContent .twoColumns .col2 {grid-row: 1;} } html[data-site-type="retreat"] #metaContent {text-align:center;padding:0 var(--defaultPageSpace) 5rem var(--defaultPageSpace);background:var(--primaryColorLighter)} html[data-site-type="retreat"] #metaContent .sectionTypeWysiwyg_var4 {text-align:center;color:#fff;border-radius:var(--borderRadiusMiddle);display:flex;align-items:center;min-height:70vh;} html[data-site-type="retreat"] #metaContent .sectionTypeWysiwyg_var4 .sectionInner {flex: 1;padding-top:6rem;padding-bottom:6rem;} html[data-site-type="retreat"] #metaContent .sectionTypeWysiwyg_var4 .address {font-size:var(--fontSizeSmall);font-style: italic;} html[data-site-type="retreat"] #userContent section:first-child > .sectionInner {padding-top:0;} html[data-site-type="retreat"] .sectionTypeContactform_var0 .sectionContent button {width:100%;} /* Responsive Webdesign */ @media (max-width:1300px) { :root{ --contentMaxWidth:960px; --fontSizeH1:calc(2rem * var(--fontSizeRatio)); --fontSizeH2:calc(1.45rem * var(--fontSizeRatio)); --fontSizeH3:calc(1.35rem * var(--fontSizeRatio)); --fontSizeH4:calc(1.1rem * var(--fontSizeRatio)); --narrowContentSpace:2rem; --letterSpacingDefault:0.1rem; } nav ul.navLevel1 > li {margin-left:0rem;} nav ul.navLevel1 > li.button {margin-left:0.6rem;} body > header #headerInner #logo img {max-width:40vw} } @media (max-width:1200px) { :root{ --contentMaxWidth:860px; } #navigationToggler {display:block;} body > #menuMobile:checked + header {} body > #menuMobile:checked + header #headerInner nav {opacity:1;visibility:visible;} body > header #headerInner nav {display:flex;align-items:center;text-align:left;visibility:hidden;transition:all .6s cubic-bezier(0.19, 1, 0.22, 1);opacity:0;height:100vh;padding:0;box-sizing:border-box;background:#fff;width:100vw;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);position:fixed;top:0;z-index:500;} body > header #headerInner nav ul {flex-direction:column;display:flex;align-items:center;} body > header #headerInner nav ul.navLevel1 {max-width:var(--contentMaxWidth);margin:0 auto;width:100%;text-align:center;padding-right:0;} body > header #headerInner nav ul.navLevel1 > li {float:none;display:block;width:100%;} body > header #headerInner nav ul.navLevel1 > li a {display:inline-block;font-size:1.5rem;} body > header #headerInner nav ul.navLevel1 > li.selected > a, body > header #headerInner nav ul.navLevel1 > li.active > a, body > header #headerInner nav ul.navLevel1 > li:hover > a {color:#fff;} body > header #headerInner nav ul.navLevel1 > li.active > ul.navLevel2, body > header #headerInner nav ul.navLevel1 > li.selected > ul.navLevel2 {display:block;} body > header #headerInner nav ul.navLevel2 {display:none;position:static;padding:0 0 1rem 0;margin:0;background:transparent;} body > header #headerInner nav ul.navLevel2 > li > a {background:transparent;font-size:1.1rem;} body > header #headerInner nav ul.navLevel2 > li.selected > a, body > header #headerInner nav ul.navLevel2 > li.active > a, body > header #headerInner nav ul.navLevel2 > li:hover a {color:#fff;} nav ul.navLevel1 > li.button {margin:0;} nav ul.navLevel1 > li.button > a {border:none;padding:0;background:transparent} nav ul.navLevel1 > li.button > a:hover {background:transparent} body > header #headerInner nav ul li > a {color:var(--fontColorNavigationLevel1)} body > header #headerInner nav ul.navLevel1 > li.selected > a, body > header #headerInner nav ul.navLevel1 > li.active > a, body > header #headerInner nav ul.navLevel1 > li:hover > a {color:var(--primaryColor2)} body > header #headerInner nav ul.navLevel2 > li.selected > a, body > header #headerInner nav ul.navLevel2 > li.active > a, body > header #headerInner nav ul.navLevel2 > li:hover a {color:var(--primaryColor2)} } @media (max-width:1023px) { :root{ --fontSizeDefault:18px; --fontSizeNavigationLevel1:1rem; --contentMaxWidth:700px; --fontSizeH1:2.1rem; --fontSizeH2:1.8rem; --fontSizeH3:1.3rem; --fontSizeH4:1.15rem; --defaultPadding:20px; --defaultVerticalSectionPadding:4rem; --borderRadiusLarge:0.8rem; --fontSizeLarge:1.2rem; } .sectionInner {padding:var(--defaultVerticalSectionPadding) 0;} body > header #headerInner nav ul.navLevel1 > li a {font-size:1.3rem;} body > header #headerInner nav ul.navLevel2 > li a {font-size:0.9rem;} nav ul.navLevel2 > li > a {padding:0.2rem 1rem} } @media (max-width:767px) { :root{ --contentMaxWidth:500px; --fontSizeNavigationLevel1:1.4rem; --defaultPageSpace:40px; --defaultVerticalSectionPadding:3rem; } .sectionInner {padding:3rem 0;} body > header #headerInner #logo img {max-width:40vw} p {margin: 0 0 1rem 0;} } @media (max-width:540px) { :root{ --fontSizeDefault:18px; --contentMaxWidth:100%; --defaultPageSpace: 1.3rem; --fontSizeH1:2.0rem; --narrowContentSpace:0; } h1 {margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis} h2 {margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis} h3 {margin-bottom:1rem;} h4 {margin-bottom:0.5rem;} .bloqzSection { margin:0 0; } p {margin: 0 0 0.75rem 0;} span {} } @media (max-width:414px) { :root{ } } /* 2025-09-15 22:28:35 source: /project/skins/focusyourbalance/styles/design.css */.sectionTypeCopyright {} .sectionTypeCopyright .sectionContent div {display:flex;gap:1rem;margin-bottom:1rem;align-items:center;} .sectionTypeCopyright .sectionContent div img {max-width:60px;height:auto;} .sectionTypeCopyright .sectionContent div p {margin:0;} /* 2025-09-15 22:28:35 source: /project/sections/copyright/default.css */ /* 2025-09-15 22:28:35 included files: /bloqz/ui/styles/jquery-ui.min.css /bloqz/ui/styles/jquery-ui.structure.min.css /bloqz/ui/styles/ui.css /bloqz/ui/styles/qIcons.css /project/skins/focusyourbalance/styles/design.css /project/sections/copyright/default.css */