@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
* { outline: none; box-sizing: border-box; }
:root {
  --theme-bg-color: rgba(16 18 27 / 40%);
  --theme-body-bg-color: #333;
  --border-color: #d8d8d8;
  --border-color-light: rgba(113 119 144 / 25%);
  --border-color-dark: #d8d8d8;
  --theme-color: #f9fafb;
  --theme-highlightcolor: #caab8a;
  --theme-linkcolor: #0246b4;
  --theme-shadow: none;
  --active-color: #0162ff;
  --active-light-color: #e1ebfb;
  --subtitle-color: #83838e;
  --theme-pos-color: #0cb100;
  --theme-neg-color: #f03;
  --inactive-color: rgb(113 119 144 / 78%);
  --body-font: "Poppins", sans-serif;
  --hover-menu-bg: rgba(12 15 25 / 30%);
  --content-title-color: #999ba5;
  --content-bg: rgb(146 151 179 / 13%);
  --button-inactive: rgb(249 250 251 / 55%);
  --dropdown-bg: #21242d;
  --dropdown-hover: rgb(42 46 60);
  --popup-bg: rgb(22 25 37);
  --search-bg: #14162b;
  --overlay-bg: rgba(36, 39, 59, 0.3);
  --scrollbar-bg: rgb(1 2 3 / 40%);
  --square-size: 10px;
  --square-gap: 4px;
  --week-width: calc(var(--square-size) + var(--square-gap));

  --ui-notch-amount: 1rem;
  --ui-notch-path: polygon( 0 0, 100% 0, 100% calc(100% - var(--ui-notch-amount) + 2px), calc(100% - var(--ui-notch-amount) + 2px) 100%, 0 100% );
  --ui-notch-hypotenuse: 22.627416px;
}
.light-mode {
  --theme-bg-color: rgb(255 255 255 / 81%);
  --theme-body-bg-color: #e9ebee;
  --theme-color: #3c3a3a;
  --theme-highlightcolor: #caab8a;
  --theme-linkcolor: #0246b4;
  --theme-shadow: 0 3px 3px #ddd;
  --active-color: #0162ff;
  --active-light-color: #e1ebfb;
  --subtitle-color: #83838e;
  --inactive-color: #333333;
  --button-inactive: #3c3a3a;
  --search-bg: rgb(255 255 255 / 31%);
  --dropdown-bg: #f7f7f7;
  --overlay-bg: rgb(255 255 255 / 30%);
  --dropdown-hover: rgb(236 236 236);
  --border-color: rgb(255 255 255 / 35%);
  --border-color-light: rgba(113 119 144 / 25%);
  --border-color-dark: #d8d8d8;
  --line-sep-color: rgb(234 234 234 / 99%);
  --popup-bg: rgb(255 255 255);
  --hover-menu-bg: rgba(255 255 255 / 35%);
  --scrollbar-bg: rgb(255 253 253 / 57%);
  --content-title-color: --theme-color;
}
.cyber-mode {
  --colors-bg--300: #1e181e;
  --colors-bg--500: #191a1e;
  --colors-primary--200: #f4908b;
  --colors-primary--300: #ea6f69;
  --colors-primary--500: #e8615a;
  --colors-primary--600: #9c3230;
  --colors-primary--700: #5e2122;
  --colors-primary--800: #451717;
  --colors-primary--900: #3c181a;
  --colors-secondary--500: #2be4ea;
  --colors-secondary--900: #295459;
  --colors-tertiary--500: #fed33f;
  --colors-on_bg--500: var(--colors-primary--500);
  --colors-on_tertiary--500: var(--colors-bg--300);
  --colors-on_primary--500: var(--colors-primary--200);
  --colors-active--500: #2bfea0;
  --fonts-primary: "Rajdhani", sans-serif;
  --fonts-secondary: "VT323", monospace;
  --ui-glow: 0 0 5px var(--colors-primary--500);
  --ui-glow-borders--500: 0 0 3px var(--colors-primary--500);
  --ui-glow-color: currentcolor;
  --ui-glow-text: -9px -6px 40px var(--ui-glow-color);
  --ui-glow-text--dimmed: -9px -6px 40px var(--ui-glow-color);
  --ui-elevation--1: 2px 2px 0 rgba(0, 0, 0, 0.8);
  --ui-notch-amount: 1rem;
  --ui-notch-hypotenuse: 22.627416px;

  --theme-bg-color: rgb(255 255 255 / 81%);
  --theme-body-bg-color: #e9ebee;
  --theme-color: #3c3a3a;
  --theme-highlightcolor: #caab8a;
  --theme-linkcolor: #0246b4;
  --theme-shadow: 0 3px 3px #ddd;
  --active-color: #0162ff;
  --active-light-color: #e1ebfb;
  --subtitle-color: #83838e;
  --inactive-color: #333333;
  --button-inactive: #3c3a3a;
  --search-bg: rgb(255 255 255 / 31%);
  --dropdown-bg: #f7f7f7;
  --overlay-bg: rgb(255 255 255 / 30%);
  --dropdown-hover: rgb(236 236 236);
  --border-color: rgb(255 255 255 / 35%);
  --border-color-light: rgba(113 119 144 / 25%);
  --border-color-dark: #d8d8d8;
  --line-sep-color: rgb(234 234 234 / 99%);
  --popup-bg: rgb(255 255 255);
  --hover-menu-bg: rgba(255 255 255 / 35%);
  --scrollbar-bg: rgb(255 253 253 / 57%);
  --content-title-color: --theme-color;
}
.nightwalker-mode {
  --theme-bg-color: rgb(101 84 103 / 30%);
  --theme-body-bg-color: #220b15;
  --theme-color: #f9fafb;
  --theme-highlightcolor: #9d8794;
  --theme-linkcolor: #666060;
  --theme-shadow: none;
  --active-color: #0162ff;
  --active-light-color: #773853;
  --subtitle-color: #83838e;
  --inactive-color: #676477;
  --button-inactive: #3c3a3a;
  --search-bg: rgb(255 255 255 / 31%);
  --dropdown-bg: #f7f7f7;
  --overlay-bg: rgb(255 255 255 / 30%);
  --dropdown-hover: rgb(236 236 236);
  --border-color: rgb(0 0 0 / 83%);
  --border-color-light: rgba(113 119 144 / 25%);
  --border-color-dark: #d8d8d8;
  --line-sep-color: rgb(34 11 21 / 39%);
  --popup-bg: rgb(255 255 255);
  --hover-menu-bg: rgba(255 255 255 / 35%);
  --scrollbar-bg: rgb(255 253 253 / 57%);
  --content-title-color: --theme-color;
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.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;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-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;-moz-user-select:none;-ms-user-select:none;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-draggable-handle{-ms-touch-action:none;touch-action:none}.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-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%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.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{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-sortable-handle{-ms-touch-action:none;touch-action:none}.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}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}

html { box-sizing: border-box; -webkit-font-smoothing: antialiased; }
body { position: relative; background-color: var(--theme-body-bg-color); font-family: var(--body-font); display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; margin: 0; }
body.popup-active { overflow: hidden; position: absolute; }
body.light-mode { background-color: var(--theme-body-bg-color); }
body.light-mode .wrapper { box-shadow: 0 3px 3px #ddd; }
@media screen and (max-width: 480px) {
  body { padding: 0.8em; }
}
body.haszcrsr { cursor: none !important; }
/* Selected Text */
::selection { background-color: yellow; color: #222; }
::-moz-selection { background-color: yellow; color: #222; }
::-o-selection { background-color: yellow; color: #222; }
::-ms-selection { background-color: yellow; color: #222; }
::-webkit-selection { background-color: yellow; color: #222; }
.titel { font-weight: bold; padding-top: 20px; display: inline-block; width: 100%; }
.hidden { display: none !important; }
.rfloat { float: right !important; }
.lfloat { float: left !important; }
.no-padding { padding: 0px !important; }
.no-padding-top { padding-top: 0px !important; }
.honey { position: absolute; left: -9999px; }
.pointer { cursor: pointer; }
/* FLEX GRID Start */
/* https://codepen.io/mavrK/pen/QxKJQy */
.flex { border-radius: 3px; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.08); }
.flex:hover { z-index: 5; box-shadow: 0 1px 8px rgba(0,0,0,0.2); transform: scale(1.02); }
.flex.f1 { flex: 1 1 0; }
.flex.f2 { flex: 2 1 0; }
.flex.f3 { flex: 3 1 0; }
.flex.f4 { flex: 4 1 0; }
.flex.f5 { flex: 5 1 0; }
.flex.f6 { flex: 6 1 0; }
.flex.f7 { flex: 7 1 0; }
.flex.f8 { flex: 8 1 0; }
.flex.f9 { flex: 9 1 0; }
.flex.f10 { flex: 10 1 0; }
.flex-container { display: flex; background-color: transparent; box-shadow: 0 0 rgba(0,0,0,0); }
.flex-container:hover { box-shadow: 0 0 rgba(0,0,0,0); transform: scale(1); }
.flex-container.h { flex-direction: row; }
.flex-container.h>.flex + .flex { margin-left: 10px; }
.flex-container.v { flex-direction: column; }
.flex-container.v>.flex + .flex { margin-top: 10px; }
.flex-main-container { min-height: 620px; width: 100%; max-width: 1100px; margin: 0px auto; padding: 10px; background:#f1f1f1; }
@media screen and (max-width: 720px) {
  .flex-main-container { min-height: 400px; }
}
/* FLEX GRID End */
.video-bg { position: fixed; right: 0; top: 0; width: 100%; height: 100%; }
.video-bg video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.txt-italic { font-style: italic; }
.phraseprev { margin: 15px 5px; font-size: 12px; border-left: 2px solid #f03; padding-left: 10px; }
a.listdeeplink { color: var(--theme-linkcolor) !important; font-size: 12px; }
.content-section ul li.toggleitem.open:hover { border: 2px solid var(--theme-highlightcolor); }
.tag-cloud a { color: var(--theme-color); text-decoration: none; padding: 5px; float: left; }
.tag-cloud a:hover { color: var(--theme-highlightcolor); }
.journal-entry-filter-inner .tag-cloud a { color: var(--theme-color); text-decoration: none; padding: 5px 5px 5px 0px; float: left; opacity: 0.65; }
.journal-entry-filter-inner .tag-cloud a:hover { color: var(--theme-color); opacity: 1; }
span.hashtag { opacity: 0.5; }
img { max-width: 100%; }
th.good { color: var(--theme-pos-color); }
th.bad { color: var(--theme-neg-color); }
.dark-light { position: relative; background-color: var(--dropdown-bg); box-shadow: -1px 3px 8px -1px rgba(0, 0, 0, 0.2); margin-right: 0px; border-radius: 50%; cursor: pointer; width: 30px; text-align: center; height: 30px; }
.dark-light svg { width: 24px; flex-shrink: 0; fill: #ffce45; stroke: #ffce45; transition: 0.5s; }
.light-mode .dark-light svg { fill: transparent; stroke: var(--theme-color); }
.light-mode .profile-img { border: 2px solid var(--theme-bg-color); }
.light-mode .content-section ul { background-color: var(--theme-bg-color); }
.light-mode .pop-up__title { border-color: var(--theme-color); }
.light-mode .dropdown.is-active ul { background-color: rgba(255, 255, 255, 0.94); }
.agecounter { display: inline-block; width: 80px; margin-left: auto; margin-right: 15px; color: #b0b0b0; font-size: 12px; }
.project-bg-grid { height: 100vh; width: 100vw; background: repeating-linear-gradient(90deg, transparent, transparent 60px, #0ea5e9 60px, #0ea5e9 61px), repeating-linear-gradient(180deg, transparent, transparent 60px, #0ea5e9 60px, #0ea5e9 61px), repeating-linear-gradient(#1d4ed8 0, #1d4ed8 100%); }
svg.close { cursor: pointer; }
.morse-code-app-wrpr { padding: 15px; }
#inptmorsecde { margin-bottom: 15px; }
#rsltmorsecde { color: #f03; font-weight: bold; display: block; background-color: #f0f0f0; padding: 10px; border-radius: 3px; }
.ftrbg { display: inline-block; position: absolute; bottom: 0px; right: 0px; width: 391px; z-index: 0; }
.app { height: 100%; display: flex; flex-direction: column; overflow: hidden; width: 100%; font-size: 15px; font-weight: 500; }
.header { display: flex; align-items: center; flex-shrink: 0; height: 58px; width: 100%; border-bottom: 1px solid var(--border-color); box-shadow: var(--theme-shadow); padding: 0 30px; white-space: nowrap; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); background-color: var(--theme-bg-color); }
.logo .lionsvg svg { max-height: 42px; width: auto; }
@media screen and (max-width: 480px) {
  .header { padding: 0 16px; }
}
.header-menu { display: flex; align-items: center; }
.header-menu a { padding: 20px 30px; text-decoration: none; color: var(--inactive-color); border-bottom: 2px solid transparent; transition: 0.3s; }
@media screen and (max-width: 610px) {
  .header-menu a:not(.main-header-link) { display: none; }
}
.header-menu a.is-active, .header-menu a:hover { color: var(--theme-color); border-bottom: 2px solid #ff0033; }
.notify { position: relative; }
.notify:before { content: ""; position: absolute; background-color: #3a6df0; width: 6px; height: 6px; border-radius: 50%; right: 20px; top: 16px; }
@media screen and (max-width: 1055px) {
  .notify { display: none; }
}
.mdl-button { cursor: pointer; }
.menu-circle { width: 15px; height: 15px; background-color: #f96057; border-radius: 50%; box-shadow: 24px 0 0 0 #f8ce52, 48px 0 0 0 #5fcf65; margin-right: 195px; flex-shrink: 0; }
@media screen and (max-width: 945px) {
  .menu-circle { display: none; }
}
.search-bar { height: 40px; display: flex; width: 100%; max-width: 400px; padding-left: 16px; border-radius: 4px; }
.search-bar form { display: inline-block; width: 100%; }
.search-bar input {
  width: 100%;
  height: 100%;
  border: none;
  background-color: var(--search-bg);
  border-radius: 4px;
  font-family: var(--body-font);
  font-size: 15px;
  font-weight: 500;
  padding: 0 20px 0 40px;
  box-shadow: 0 0 0 2px rgba(134, 140, 160, 0.02);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966' fill='%23717790c7'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 16px 48%;
  color: var(--theme-color);
}
.search-bar input::-moz-placeholder {
  font-family: var(--body-font);
  color: var(--inactive-color);
  font-size: 15px;
  font-weight: 500;
}
.search-bar input:-ms-input-placeholder {
  font-family: var(--body-font);
  color: var(--inactive-color);
  font-size: 15px;
  font-weight: 500;
}
.search-bar input::placeholder {
  font-family: var(--body-font);
  color: var(--inactive-color);
  font-size: 15px;
  font-weight: 500;
}

.header-profile {
  display: flex;
  align-items: center;
  padding: 0 16px 0 40px;
  margin-left: auto;
  flex-shrink: 0;
}

.job { display: flex; flex-direction: column; max-width: 1400px; height: 100vh; margin: 0 auto; overflow: hidden; background-color: var(--theme-bg-color); }
.job-cards {
  padding-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  -webkit-animation: slideY 0.6s both;
          animation: slideY 0.6s both;
}
@media screen and (max-width: 1212px) {
  .job-cards { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 930px) {
  .job-cards { grid-template-columns: repeat(1, 1fr); }
}

.job-card { padding: 20px 16px; background-color: var(--header-bg-color); border-radius: 8px; cursor: pointer; transition: 0.2s; }
.job-card:hover { transform: scale(1.02); }
.job-card svg { width: 46px; padding: 10px; border-radius: 8px; }
.job-card-title { font-weight: 600; margin-top: 16px; font-size: 14px; }
.job-card-subtitle { color: var(--subtitle-color); font-size: 13px; margin-top: 14px; line-height: 1.6em; }
.job-card-header { display: flex; align-items: flex-start; }

.explain-bar { width: 100%; margin: 20px 0px; border: 1px solid var(--border-color-dark); border-radius: 8px; display: flex; height: 66px; padding: 0 16px; align-items: center; justify-content: space-between; }
.explain-title { color: var(--subtitle-color); font-size: 12px; line-height: 40px; white-space: nowrap; }
.explain-subtitle { font-size: 13px; font-weight: 500; margin-top: -2px; white-space: nowrap; }
.explain-contents { height: 66px; }
.explain-contents + .explain-contents { border-left: 1px solid var(--border-color-dark); padding-left: 16px; }

.zet-btn { display: inline-block; padding: 5px 10px; text-decoration: none; color: var(--theme-color); text-align: center; }
.zet-btn.fullw { width: 100%; }

.switch-field-wrpr { display: inline-block; width: 100%; }
.switch-field { display: flex; margin-bottom: 15px; overflow: hidden; }
.switch-field.alignr { justify-content: flex-end; }
.switch-field input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.switch-field label { background-color: #fff; color: rgba(0, 0, 0, 0.6); font-size: 8px; line-height: 1; text-align: center; padding: 4px 10px; margin-right: -1px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); transition: all 0.1s ease-in-out; }
.switch-field label:hover { cursor: pointer; }
.switch-field input:checked + label { background-color: var(--theme-highlightcolor); box-shadow: none; color: #fff;  }
.switch-field label:first-of-type { border-radius: 3px 0 0 3px; }
.switch-field label:last-of-type { border-radius: 0 3px 3px 0; }
.content-section ul.xslist { border-color: transparent; background-color: transparent; }
.content-section ul.xslist li { padding: 3px 10px; font-size: 10px; border-color: transparent; }
.widget-wrpr { display: inline-block; width: 100%; }
.betrag-wrpr { display: inline-block; width: 100%; }
.betrag-wrpr select { display: inline-block; width: 25% !important; float: left; }
.betrag-wrpr input { display: inline-block !important; width: 65% !important; float: left; margin-left: 5% !important; }
.henkel-ico { display: inline-block; border: 1px solid #f03; color: #f03; background-color: #fff; font-size: 6px; padding: 0px 2px; border-radius: 15px; line-height: 12px; }

.settings { position: relative; height: auto; widows: 100%; display: flex; flex-direction: column; }
.settings .setting { position: relative; width: 100%; height: calc(65px - 10px); background: rgba(255, 255, 255, 0.08); border-radius: 8px; display: flex; align-items: center; padding: 10px 25px; color: var(--theme-color); margin-bottom: 8px; }
.settings .setting input { opacity: 0; position: absolute; }
.settings .setting input + label { user-select: none; }
.settings .setting input + label::before, .settings .setting input + label::after { content: ""; position: absolute; transition: 150ms cubic-bezier(0.24, 0, 0.5, 1); transform: translateY(-50%); top: 50%; right: 10px; cursor: pointer; }
.settings .setting input + label::before { height: 20px; width: 35px; border-radius: 20px; background: rgba(214, 214, 214, 0.434); }
.settings .setting input + label::after { height: 14px; width: 14px; border-radius: 60px; right: 27px; background: #fff; }
.settings .setting input:checked + label:before { background: var(--theme-pos-color); transition: all 150ms cubic-bezier(0, 0, 0, 0.1); }
.settings .setting input:checked + label:after { right: 14px; }
.settings .setting input:focus + label:before { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75); }
.settings .setting input:disabled + label:before, .settings .setting input:disabled + label:after { cursor: not-allowed; }
.settings .setting input:disabled + label:before { background: #4f4f6a; }
.settings .setting input:disabled + label:after { background: #909090; }

#scrolltotop { position: fixed; right: 2%; bottom: 75px; background-color: var(--theme-highlightcolor); color: #fff; width: 22px; line-height: 22px; text-align: center; border: 1px solid var(--theme-highlightcolor); cursor: pointer; border-radius: 3px; opacity: 0; transition: all 0.4s ease-in-out 0s; }
.toggleitem.closed .inner-listentry-cnt { display: none; }
.toggleitem.open .inner-listentry-cnt { display: inline-block; width: 100%; }
.connlink { display: inline-block; margin: 3px 3px 0px 0px; color: var(--theme-color); border: 1px solid var(--theme-highlightcolor); border-radius: 3px; width: 32px; line-height: 32px; text-align: center; font-size: 14px; background-color: var(--theme-bg-color); }
.connlink:hover { color: var(--theme-bg-color); background-color: var(--theme-highlightcolor); }
.entrywrpr { display: inline-block; width: 100%; }
li span.listidh { display: inline-block; width: 100px; }
li span.listtitel { display: inline-block; }
.listentry-btns { display: inline-block; float: right; }
.position-entry { display: inline-block; width: 100%; font-size: 11px; }
.content-section ul li.toggleitem { display: inline-block; white-space: unset; }
.header-profile svg { width: 22px; color: #f9fafb; flex-shrink: 0; margin-top: 4px; }
.notification { position: relative; }
.notification-number { position: absolute; background-color: #f0f0f0; padding: 5px; border-radius: 3px; font-size: 10px; display: flex; align-items: center; justify-content: center; color: #83838e; right: -6px; top: -6px; }
.notification + svg { margin-left: 22px; }
@media screen and (max-width: 945px) {
  .notification + svg { display: none; }
}
.profile-img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid var(--theme-color);
  margin-left: 22px;
}
.wide .header-menu, .wide .header-profile { display: none; }
.wide .search-bar {
  max-width: 600px;
  margin: auto;
  transition: 0.4s;
  box-shadow: 0 0 0 1px var(--border-color);
  padding-left: 0;
}
.wide .menu-circle { margin-right: 0; }
.wrapper {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background-color: var(--theme-bg-color);
  margin: 2em;
}
.left-side { flex-basis: 240px; border-right: 1px solid var(--border-color); padding: 26px; overflow: auto; flex-shrink: 0; }
@media screen and (max-width: 945px) {
  .left-side { display: none; }
}
.side-wrapper + .side-wrapper {
  margin-top: 20px;
}
.side-title {
  color: var(--inactive-color);
  margin-bottom: 14px;
}
.side-menu {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.side-menu a { text-decoration: none; color: var(--theme-color); display: flex; align-items: center; font-weight: 400; padding: 10px; font-size: 14px; border-radius: 6px; transition: 0.3s; }
.side-menu a:hover { color: #ff0033; }
.side-menu a.active { color: #ff0033; }
.side-menu svg { width: 16px; margin-right: 8px; }
.updates { display: none; position: relative; top: 0; right: 0; margin-left: auto; width: 18px; height: 18px; font-size: 9px; }
a:hover .updates { display: flex; }
.main-header { display: inline-flex; align-items: center; border-bottom: 1px solid var(--line-sep-color); border-left: 1px solid var(--line-sep-color); height: 58px; flex-shrink: 0; width: 100%; }
.main-header .header-menu { margin-left: 150px; }
@media screen and (max-width: 1055px) {
  .main-header .header-menu { margin: auto; }
}
.pad-lft { padding-left: 15px; }
.main-header .header-menu a { padding: 20px 24px; }
.main-container { display: inline-flex; flex-direction: row; flex-wrap: wrap; flex-grow: 1; min-height: 83vh; }
.main-container.dark { background-color: var(--theme-color); }
.menu-link-main { text-decoration: none; color: var(--theme-color); padding: 0 30px; }
@media screen and (max-width: 1055px) {
  .menu-link-main { display: none; }
}
.content-wrapper { display: inline-flex; flex-direction: column; color: var(--theme-color); padding: 20px 40px; height: 100%; overflow: hidden; background-color: var(--theme-bg-color); border-left: 1px solid var(--line-sep-color); min-width: 0px; width: 100%; }
.content-wrapper.nopadding { padding: 0; }
.content-wrapper.thin { padding: 10px 10px; }
@media screen and (max-width: 510px) {
  .content-wrapper { padding: 20px; }
  .content-wrapper.thin { padding: 10px; }
}
.content-wrapper-header { display: flex; align-items: center; width: 100%; justify-content: space-between; background-image: url("https://mithril.blackzet.com/assets/images/cubes.png"), linear-gradient(to right top, #cf4af3, #e73bd7, #f631bc, #fd31a2, #ff3a8b, #ff4b78, #ff5e68, #ff705c, #ff8c51, #ffaa49, #ffc848, #ffe652); border-radius: 6px; padding: 20px 40px; }
@media screen and (max-width: 415px) {
  .content-wrapper-header { padding: 20px; }
}
.content-wrapper-inforow { padding: 20px; background-color: var(--theme-bg-color); border-radius: 6px; }
.content-wrapper.overlay { pointer-events: none; transition: 0.3s; background-color: var(--overlay-bg); }
.overlay-app { width: 100%; height: 100%; position: fixed; left: 0; top: 0; pointer-events: all; background-color: rgba(36, 39, 59, 0.8); opacity: 0; visibility: hidden; transition: 0.3s; }
.overlay-app.is-active { visibility: visible; opacity: 1; }
.img-content { font-weight: 500; font-size: 17px; display: flex; align-items: center; margin: 0; }
.img-content svg { width: 28px; margin-right: 14px; }
.content-text { font-weight: 400; font-size: 14px; margin-top: 16px; line-height: 1.7em; color: #ebecec; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.content-wrapper-context {}
.content-button { background-color: #3a6df0; border: none; padding: 8px 26px; color: #fff; border-radius: 3px; margin-top: 16px; cursor: pointer; transition: 0.3s; white-space: nowrap; }
.content-wrapper-img { width: 186px; -o-object-fit: cover; object-fit: cover; margin-top: -25px; -o-object-position: center; object-position: center; }
@media screen and (max-width: 570px) {
  .content-wrapper-img { width: 110px; }
}
.content-section { display: flex; flex-direction: column; }
.content-section-title { color: var(--content-title-color); margin-bottom: 14px; }
.content-section ul { display: inline-block; width: 100%; background-color: var(--content-bg); padding-left: 0; margin: 0; border-radius: 3px; border: 1px solid var(--theme-bg-color); cursor: pointer; }
.content-section ul li { list-style: none; padding: 10px 18px; display: inline-flex; align-items: center; font-size: 12px; width: 100%; white-space: nowrap; transition: 0.3s; position: relative; }
.content-section ul li.inactive { opacity: 0.7; }
.content-section ul li.inactive div a .listtitel { text-decoration: line-through; }
.content-section ul li:hover { background-color: var(--hover-menu-bg); }
.content-section ul li .menu { display: none; }
.content-section ul li:hover .menu { display: block; }
.content-section ul li + li, .content-section table tr + tr { border-top: 1px solid var(--border-color); }
.content-section ul svg { width: 28px; border-radius: 6px; margin-right: 16px; flex-shrink: 0; }
.content-section ul li span.idh { display: inline-block; width: 100px; }
.content-section ul li span.idnumber { display: inline-block; float: left; width: 20px; border: 1px solid #ccc; text-align: center; border-radius: 2px; font-size: 7px; padding: 3px; margin-right: 7px; }
.content-section ul li span.idnumber.green { border: 1px solid #12e820; color: #3f763c; }
.content-section ul li span.datum { display: inline-block; width: 100px; float: left; }
.content-section ul li span.descr { display: inline-block; }
.content-section ul li .more-details { display: block; width: 100%; font-size: 9px; opacity: 0.6; padding-left: 128px; }
.content-section ul li:hover .more-details { opacity: 1; }
.content-section ul li .more-details .rechn-verlinkung { display: block; }
.oneentry.notimprtnt { opacity: 0.5; }
.content-section ul li span.pricing, ul li span.rfloat { display: inline-block; position: absolute; right: 5px; }
.rechn-verlinkung a.pdf-vlink { display: inline-block; width: 100%; text-decoration: none; margin-top: 4px; }
.listentry-btns a { padding-right: 5px; }
.listlabels { display: inline-block; width: 100%; padding-left: 20px; font-weight: bold; font-size: 11px; }
.listlabels span.steuernr-label { display: inline-block; width: 25px;  }
.listlabels span.idh-label { display: inline-block; width: 100px; }
.listlabels span.idh-descr { display: inline-block; }
.listlabels span.price-label { display: inline-block; float: right; }
.listsearcher-wrpr { display: inline-block; width: 100%; }
.listsearcher-wrpr input { float: right; border: 1px solid #ccc; padding: 7px; }
.products { display: flex; align-items: center; width: 400px; }
.products a { text-decoration: none; color: inherit; }
.txt-wrpr { display: inline-block; width: 100%; }
.txt-wrpr .idh { display: inline-block; width: 100%; }
.txt-wrpr .product-titel { display: inline-block; width: 100%; font-weight: bold; font-size: 22px; }
.aktien-info-inner { display: inline-block; width: 100%; margin-top: 10px; }
.quickchart path { fill: none; stroke: var(--theme-highlightcolor); stroke-width: 10; stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation: dash 1s linear forwards; animation: dash 1s linear forwards; }
@-webkit-keyframes dash {
  to { stroke-dashoffset: 0; }
}
@keyframes dash {
  to { stroke-dashoffset: 0; }
}
#example_wrapper, #example, table { color: var(--theme-color); }
#example, .content-wrapper table { border-collapse: collapse !important; }
td.select-checkbox { width: 40px; }
#example thead tr, .content-wrapper table thead tr { background-color: var(--theme-bg-color); border: 1px solid var(--theme-bg-color); }
#example tbody, .content-wrapper table tbody { border: 1px solid var(--theme-bg-color); }
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before { margin-top: -3px; }
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected { background-color: rgb(88 186 255 / 44%); }
.dataTables_length { display: inline-block; float: left; }
#example_filter input { background-color: var(--search-bg); color: var(--theme-color); border: none; padding: 8px; border-radius: 3px; }
.content-section table { background-color: var(--content-bg); }
.content-section table tr { line-height: 20px; font-size: 10px; }
.rep-wrpr { display: inline-block; width: 100%; margin-top: 40px; position: relative; }
.rep-wrpr label.innertitel { padding-bottom: 10px; display: inline-block; float: left; }
table.zmain-list.table { width: 100%; overflow-wrap: break-word; }
table.zmain-list.table tr.oneentry { line-height: 20px; font-weight: normal; font-size: 12px; }
table.zmain-list.table tr.oneentry th { font-weight: normal; }
.content-section table tr:hover { background-color: var(--theme-bg-color); }
.zmain-list.kontakte li { padding: 5px 10px; line-height: 34px; }
.avatar { display: inline-block; float: left; max-width: 32px; height: 32px; margin-right: 7px; }
.avatar.small { max-width: 28px; height: 28px; margin-right: 5px; }
.avatar img { border-radius: 3px; }
.cntcs-wrpr .kontaktavatar { width: 36px; height: 36px; border-radius: 3px; float: left; }
.cntcs-wrpr .kontakt:hover { background: #fafafa; }
.cntcs-wrpr .kontakt:hover a, .cntcs-wrpr .kontakt a:hover { color: #222 !important; }
.cntcs-wrpr .kontakt i { width: 36px; line-height: 36px; border-radius: 3px; text-align: center; background-color: #ccc; color: #fff; float: left; font-size: 14px; }
.cntcs-wrpr .kontakt .name { margin-left: 15px; line-height: 36px; }
.cstinfowrpr { font-size: 11px; }
.find-cntcs-wrpr { display: inline-block; width: 100%; position: sticky; top: 0px; background-color: #bbb; text-align: center; padding: 10px; z-index: 9; }
.find-cntcs-wrpr input { background-color: #fff; border: 1px solid #fff; border-radius: 2px; }
#zetifications-list-helpf-contacts-personal .zet-edit-form-wrapper { padding: 0px;}
#appcntctslist-personal { display: inline-block; width: 100%; position: relative; }
.cntcs-wrpr { display: inline-block; width: 94%; float: left; position: relative; white-space:nowrap; overflow: visible; }
.percallival { font-weight: bold; font-size: 20px; }
.alignr { text-align: right; }
.alpha-nav-wrpr { top: 60px; display: inline-block; position: sticky; }
.alpha-nav-wrpr .alpha-nav { width: 15px; text-align: right; top: 5px; right: -17px; background: transparent; line-height: 15px; font-size: 9px; }
.alpha-nav-wrpr .alpha-nav span { text-align: center; line-height: 15px; width: 10px; font-size: 9px; padding: 2px; opacity: 0.7; display: inline-block; float: left; cursor: pointer; }
.alpha-nav-wrpr .alpha-nav span:hover { opacity: 1; }
@media screen and (max-width: 480px) {
  .products { width: 120px; }
}
.status { margin-left: auto; width: 120px; font-size: 15px; position: relative; }
.status .txt { opacity: 0.6; font-size: 12px; }
@media screen and (max-width: 700px) {
  .status { display: none; }
}
.status-circle { width: 6px; height: 6px; background-color: #396df0; position: absolute; border-radius: 50%; top: 4px; left: -20px; }
.status-circle-entry { width: 6px; height: 6px; background-color: #396df0; border-radius: 50%; top: 4px; margin-left: 15px; }
.status-circle.green, .status-circle-entry.green { background-color: #3bf083; }
.status-circle.red, .status-circle-entry.red { background-color: #f30139; }
.status-button { font-size: 15px; margin-top: 0; padding: 6px 24px; }
@media screen and (max-width: 390px) {
  .status-button { padding: 6px 14px; }
}
.status-button.open {
  background: none;
  color: var(--button-inactive);
  border: 1px solid var(--button-inactive);
}
.status-button:not(.open):hover { color: #fff; border-color: #fff; }
.content-button:not(.open):hover { background: #1e59f1; }
.menu { width: 5px; height: 5px; background-color: var(--button-inactive); border-radius: 50%; box-shadow: 7px 0 0 0 var(--button-inactive), 14px 0 0 0 var(--button-inactive); margin: 0 12px; }
.oneentry:hover .menu { display: block; }
@media screen and (max-width: 415px) {
  .adobe-product .menu { display: none; }
}
.dropdown { position: relative; height: 53px; width: 40px; top: -24px; display: flex; left: -5px; background: transparent; border: none; cursor: pointer; }
.dropdown ul { position: absolute; background: var(--dropdown-bg); height: 110px; width: 120px; right: 0; top: 20px; pointer-events: none; opacity: 0; transform: translatey(10px); transition: all 0.4s ease; }
.dropdown ul li { color: var(--theme-color); font-size: 12px; }
.dropdown ul li a { text-decoration: none; color: var(--theme-color); font-size: 12px; }
.dropdown.is-active ul { opacity: 1; pointer-events: all; transform: translatey(25px); }
.dropdown.is-active ul li:hover { background-color: var(--dropdown-hover); }
.button-wrapper { display: flex; align-items: center; justify-content: flex-end; width: 187px; margin-left: auto; }
@media screen and (max-width: 480px) {
  .button-wrapper { width: auto; }
}
.button-wrapper .gehaltnetto, .button-wrapper .gehaltbrutto { font-size: 10px; opacity: 0.8; }
.pop-up { color: var(--theme-color); position: fixed; padding: 20px 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow-y: auto; box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4); transition: all 0.3s; z-index: 10; background-color: var(--popup-bg); width: 60vw; visibility: hidden; opacity: 0; border-radius: 6px; display: flex; flex-direction: column; white-space: normal; }
.pop-up.small { max-width: 600px; }
@media screen and (max-width: 570px) {
  .pop-up { width: 100%; }
}
#zbrqview .mdlrow .zcolumn .modal-cnt strong { display: block; width: 100%; }
.pop-up.visible { z-index: 9999999; visibility: visible; opacity: 1; }
.pop-up__title { padding-bottom: 20px; border-bottom: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; }
.pop-up__subtitle { white-space: normal; margin: 10px 0 20px 0; font-size: 14px; font-weight: 400; line-height: 1.8em; }
.pop-up__subtitle i { font-size: 16px; margin-right: 13px; margin-top: 3px; float: left; display: inline-block; }
.pop-up__subtitle a { color: var(--theme-color); }
.content-button-wrapper .content-button.status-button.open.close { width: auto; }
.content-section .close { margin-right: 0; width: 24px; }
.checkbox-wrapper { display: flex; align-items: center; font-size: 14px; font-weight: 400; }
.checkbox-wrapper + .checkbox-wrapper { margin: 20px 0 40px; }
.checkbox { display: none; }
.checkbox + label { display: flex; align-items: center; }
.checkbox + label:before { content: ""; margin-right: 10px; width: 15px; height: 15px; border: 1px solid var(--theme-color); border-radius: 4px; cursor: pointer; flex-shrink: 0; }
.checkbox:checked + label:before { background-color: #3a6df0; border-color: #3a6df0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpath d='M20 6L9 17l-5-5'/%3e%3c/svg%3e"); background-position: 50%; background-size: 12px; background-repeat: no-repeat; }
.content-button-wrapper { margin-top: auto; margin-left: auto; }
.content-button-wrapper .open { margin-right: 8px; }
.apps-card { display: flex; align-items: center; flex-wrap: wrap; width: calc(100% + 20px); }
.app-card { display: flex; flex-direction: column; width: calc(33.3% - 20px); font-size: 16px; background-color: var(--content-bg); border-radius: 14px; margin-right: 20px; margin-bottom: 20px; border: 1px solid var(--theme-bg-color); padding: 20px; cursor: pointer; transition: 0.3s ease; }
.app-card:hover { transform: scale(1.02); background-color: var(--theme-bg-color); }
.app-card a { text-decoration: none; color: var(--theme-color); }
.app-card svg { width: 28px; border-radius: 6px; margin-right: 12px; flex-shrink: 0; }
.app-card + .app-card { margin-right: 20px; margin-bottom: 20px; }
.app-card span { display: flex; align-items: center; width: fit-content; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.app-card__subtext { font-size: 14px; font-weight: 400; line-height: 1.6em; margin-top: 20px; border-top: 1px solid var(--border-color); padding-top: 20px; }
.app-card-buttons { display: flex; align-items: center; margin-left: auto; margin-top: 16px; }
.aicntclk { display: inline-block !important; padding: unset !important; width: fit-content !important; }
/* Stepper List */
.widget-stepper-list { display: flex; flex-direction: column; }
.widget-stepper-list { display: flex; flex-direction: column; counter-reset: stepper; gap: 8px; border: 2px solid #dbeafe; padding: 10px; border-radius: 10px; }
.widget-stepper-list .stepper-item { display: grid; grid-template-rows: [text-row] auto [line-row] 20px; grid-template-columns: [counter-column] 28px [text-column] auto; -moz-column-gap: 16px; column-gap: 16px; row-gap: 8px; position: relative; }
.widget-stepper-list .stepper-item.complete .stepper-counter { background-color: #dbeafe; color: #1d4ed8; position: relative; }
.widget-stepper-list .stepper-item.complete .stepper-counter:after { position: absolute; content: ""; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; right: -6px; bottom: -6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%231d4ed8' d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z'/%3E%3C/svg%3E"); background-size: 12px; background-repeat: no-repeat; background-position: center center; }
.widget-stepper-list .stepper-item:last-child { grid-template-rows: [text-row] auto; }
.widget-stepper-list .stepper-line { display: block; width: 2px; background-color: #8f8f8f; height: 100%; justify-self: center; }
.widget-stepper-list .stepper-item:last-child .stepper-line { display: none; }
.widget-stepper-list .stepper-counter { flex-shrink: 0; counter-increment: stepper; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #1d4ed8; color: #fff; border-radius: 50%; line-height: 1; }
.widget-stepper-list .stepper-counter:before { content: counter(stepper); }
.widget-stepper-list .stepper-link { display: flex; gap: 12px; text-decoration: none; color: #1d4ed8; }
.widget-stepper-list .stepper-link span { padding-top: calc((28px - 1.5em) / 2); font-weight: 600; border-bottom: 2px solid transparent; }
.widget-stepper-list .stepper-link:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.widget-stepper-list .stepper-link:hover span { border-color: currentcolor; }
.widget-stepper-list .stepper-link:focus { outline-offset: 4px; outline-color: #1d4ed8; outline-width: 2px; border-radius: 4px; }
/* ICO List */
.widget-ico-list { display: flex; flex-direction: column; }
.widget-ico-list .menu-item { color: inherit; text-decoration: none; display: flex; padding: 0.75rem 1.25rem 0.75rem 0.75rem; }
.widget-ico-list .menu-item i { flex-shrink: 0; color: #2563eb; }
.widget-ico-list .menu-item-content { margin-left: 1rem; display: flex; flex-direction: column; }
.widget-ico-list .menu-item-title { font-weight: 600; }
.widget-ico-list .menu-item-description { margin-top: 0.25em; color: #6b7280; }
/* EXIF List */
.widget-ico-list.exif { font-size: 12px; border-radius: 3px; }
.widget-ico-list.exif .menu-item-title { font-weight: normal; }
.widget-ico-list.exif .menu-item i { color: var(--theme-color); font-size: 14px; line-height: 16px; }
.widget-ico-list.exif .menu-item .smlltxt { color: var(--theme-color); font-size: 10px; }
.widget-ico-list.exif .menu-item-description { font-size: 10px; margin-top: 0; color: var(--theme-color); opacity: 0.7; }
/* BENTO Grid */
.bento-section-wrpr { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
.bento-section { display: grid; place-items: center; }
.bento-grid { --columns: 1; --card-min-block-size: 360px; display: grid; gap: calc(2rem + .25rem); grid-template-columns: repeat(1, 1fr); }
.bentocard { display: grid; place-items: center; gap: .5rem; margin: 0; padding: 0; text-decoration: none; background-color: #ccc; border-radius: 3px; min-block-size: 360px; overflow: clip; }
.bentocard { &:not(.hero) { grid-template-rows: 1fr 1fr; } }
.bentocard .content { display: grid; place-items: center start; gap: .5rem; block-size: 100%; padding: 1.75rem; grid-template-rows: auto 1fr auto; }
.bentocard.two { grid-column: span calc(1 / 2); }
/* Lexikon */
.glossary-nav { display: flex; gap: .5rem; width: 100%; padding: 2px 10px; background-color: #f1f1f1; margin-bottom: 15px; }
.glossary-nav a { text-decoration: none; opacity: 0.7; color: var(--theme-color); margin: 0 auto; }
.glossary-nav a:hover { opacity: 1; }
.glossary-titel { display: inline-block; width: 100%; font-size: 48px; margin-bottom: 0px; }
.glossary-wordart { display: inline-block; margin-right: 15px; }
.glossary-gschlt { display: inline-block; }
.glossary-modul { display: inline-block; width: 100%; margin-top: 40px; }
.glossary-modul label { font-weight: bold; }
  .glossary-modul.bedeutung {}
.glossary-entry-wrpr { display: inline-block; width: 100%; }
.glossary-zuordnnr { display: inline-block; width: 40px; float: left; }
.glossary-tabentry { display: inline-block; max-width: 90%; float: left; }
/* Flextable */
.flextable { display: inline-block; width: 100%; background-color: #f1f1f1; border-top: 1px solid #494949; border-left: 1px solid #494949; }
.flextable .flextable-entry { display: inline-block; width: 50%; float: left; text-align: center; font-size: 14px; padding: 6px 0px; border-bottom: 1px solid #494949; border-right: 1px solid #494949; }
/* Timeline */
.timeline { max-width: 800px; font-size: 1rem; }
.timeline article { position: relative; padding-left: 1.5rem; padding-bottom: 1.5rem; }
.timeline article + article { margin-top: 2em; }
.timeline article .delmdlopen, .timeline article .editmdlopen, .feed .feed_item .checkmdlopen, .feed .feed_item .openentrymenu, .feed .feed_item .openentrystsmenu { display: none; }
.ellithickn { padding: 0 5px; }
.timeline article:hover { background-color: #f7f9ff; }
.timeline article:hover .delmdlopen, .feed .feed_item:hover .checkmdlopen { display: inline-block; position: absolute; right: 5px; top: 5px; padding: 1px 5px; color: #ccc; border: 1px solid #ccc; }
.timeline article:hover .editmdlopen, .feed .feed_item:hover .openentrymenu, .feed_inner_wrapper article:hover .openentrystsmenu { display: inline-block; position: absolute; right: 31px; top: 5px; padding: 1px 5px; color: #ccc; border: 1px solid #ccc; }
.feed_inner_wrapper article:hover .openentrystsmenu, #tab_closedtodos .feed .feed_item:hover .openentrymenu { right: 5px; }
.feed .feed_item .openentrystsmenu { cursor: pointer; }
.timeline article .delmdlopen:hover { border: 1px solid #f03; color: #f03; cursor: pointer; }
.timeline article .editmdlopen:hover, .feed .feed_item .openentrymenu:hover, .feed .feed_item .checkmdlopen:hover { border: 1px solid #008cff; color: #008cff; cursor: pointer; }
.timeline article:before { content: ""; display: block; position: absolute; width: 2px; height: calc(100% + 1em); top: 12px; left: 0; background-color: var(--border-color-dark); }
.timeline article.notinace:after, .feed_inner_wrapper article.open:after { background-color: #f03; }
.timeline article.inace:after, .feed_inner_wrapper article.finalized:after { background-color: #27cf3b; }
.timeline article:after { content: ""; display: block; position: absolute; width: 12px; height: 12px; top: 6px; left: -5px; border-radius: 50%; background-color: var(--theme-highlightcolor); }
.timeline article:last-child:before { height: calc(100% - 1em); }
.timeline article span { font-size: 10px; font-weight: 700; color: var(--theme-highlightcolor); }
.timeline article span.tdate { font-size: 12px; font-weight: 700; color: var(--theme-highlightcolor); }
.timeline article span.customer a { margin-left: 10px; color: #7797ca; text-decoration: none; }
.timeline article span.acenr { margin-left: 15px; color: #999; }
.timeline article label { font-size: 14px; font-weight: 700; margin-top: 0.25em; display: inline-block; }
.timeline article .activity-subline, .feed .feed_item .activity-subline { margin-bottom: 12px; }
.timeline article .activity-subline a, .feed .feed_item .activity-subline a { font-size: 9px; text-decoration: none; color: var(--theme-color); border: 1px solid #ccc; padding: 2px 4px; border-radius: 3px; }
.timeline article .activity-subline a span, .feed .feed_item .activity-subline a span { font-size: 9px; color: var(--theme-color); font-weight: normal; }
.timeline article .activity-subline .project span { }
.timeline article .activity-subline .rclaim { }
.timeline article .activity-subline .rclaim span { font-size: 9px; }
.timeline article div { font-size: 12px; }
.timeline article .txtwrpr, .timeline article .lblwrpr { display: inline-block; width: 90%; margin-bottom: 10px; }
.timeline article .txtwrpr p { display: contents; float: left; }
.timeline .divider { font-size: 18px; font-weight: 700; margin: 1em 0 0.5em; }
.timeline article .participants { font-size: 10px; }
.timeline article .participants ul { border: none; display: inline; }
.timeline article .participants ul li { display: inline-block; width: initial; padding: 0; font-size: 10px; }
.timeline article .participants ul li a { color: var(--theme-color); text-decoration: none; }
.timeline article .participants ul li::after { content: ', '; }
.timeline article .participants ul li:last-child::after { content: ''; }
.timeline article .activitytags, .feed .feed_item .activitytags { font-size: 10px; margin-top: 7px; }
.timeline article .activitytags a, .feed .feed_item .activitytags a { text-decoration: none; color: var(--active-color); background-color: var(--active-light-color); padding: 2px 4px; border-radius: 3px; margin-right: 4px; }
.timeline article .activitytags a span.hasht, .feed .feed_item .activitytags a span.hasht { color: var(--active-color); opacity: 0.5; }
.timeline article span.copyico { cursor: pointer; color: #ccc; font-size: 14px; margin-left: 7px; }
/* Git-Hub Style Text Comparison */
.hljs{display:block;overflow-x:auto;padding:0.5em;color:#333;background:#f8f8f8}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:bold}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:#008080}.hljs-string,.hljs-doctag{color:#d14}.hljs-title,.hljs-section,.hljs-selector-id{color:#900;font-weight:bold}.hljs-subst{font-weight:normal}.hljs-type,.hljs-class .hljs-title{color:#458;font-weight:bold}.hljs-tag,.hljs-name,.hljs-attribute{color:#000080;font-weight:normal}.hljs-regexp,.hljs-link{color:#009926}.hljs-symbol,.hljs-bullet{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
.d2h-wrapper{text-align:left}.d2h-file-header{padding:5px 10px;border-bottom:1px solid #d8d8d8;background-color:#f7f7f7}.d2h-file-stats{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;font-size:14px}.d2h-lines-added{text-align:right;border:1px solid #b4e2b4;border-radius:5px 0 0 5px;color:#399839;padding:2px;vertical-align:middle}.d2h-lines-deleted{text-align:left;border:1px solid #e9aeae;border-radius:0 5px 5px 0;color:#c33;padding:2px;vertical-align:middle;margin-left:1px}.d2h-file-name-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10px}.d2h-file-name{white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden;line-height:14px}.d2h-file-wrapper{border:1px solid #ddd;border-radius:3px;margin-bottom:1em}.d2h-diff-table{width:100%;border-collapse:collapse;font-family:Menlo,Consolas,monospace;font-size:11px}.d2h-diff-tbody>tr>td{height:16px;line-height:16px}.d2h-files-diff{display:block;width:100%;height:100%}.d2h-file-diff{overflow-x:scroll;overflow-y:hidden}.d2h-file-side-diff{display:inline-block;overflow-x:scroll;overflow-y:hidden;width:50%;margin-right:-4px;margin-bottom:-20px}.d2h-code-line{display:inline-block;white-space:nowrap;padding:0 10px;margin-left:80px}.d2h-code-side-line{display:inline-block;white-space:nowrap;padding:0 10px;margin-left:30px}.d2h-code-line del,.d2h-code-side-line del{display:inline-block;margin-top:-1px;text-decoration:none;background-color:#ffb6ba;border-radius:.2em}.d2h-code-line ins,.d2h-code-side-line ins{display:inline-block;margin-top:-1px;text-decoration:none;background-color:#97f295;border-radius:.2em;text-align:left}.d2h-code-line-prefix{display:inline;background:0 0;padding:0;word-wrap:normal;white-space:pre}.d2h-code-line-ctn{display:inline;background:0 0;padding:0;word-wrap:normal;white-space:pre}.line-num1{box-sizing:border-box;float:left;width:40px;overflow:hidden;text-overflow:ellipsis;padding-left:3px}.line-num2{box-sizing:border-box;float:right;width:40px;overflow:hidden;text-overflow:ellipsis;padding-left:3px}.d2h-code-linenumber{box-sizing:border-box;position:absolute;width:86px;padding-left:2px;padding-right:2px;background-color:#fff;color:rgba(0,0,0,.3);text-align:right;border:solid #eee;border-width:0 1px 0 1px;cursor:pointer}.d2h-code-side-linenumber{box-sizing:border-box;position:absolute;width:30px;padding-left:5px;padding-right:5px;background-color:#fff;color:rgba(0,0,0,.3);text-align:right;border:solid #eee;border-width:0 1px 0 1px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font-size:8px}.d2h-del{background-color:#fee8e9;border-color:#e9aeae}.d2h-ins{background-color:#dfd;border-color:#b4e2b4}.d2h-info{background-color:#f8fafd;color:rgba(0,0,0,.3);border-color:#d5e4f2}.d2h-file-diff .d2h-del.d2h-change{background-color:#fdf2d0}.d2h-file-diff .d2h-ins.d2h-change{background-color:#ded}.d2h-file-list-wrapper{margin-bottom:10px}.d2h-file-list-wrapper a{text-decoration:none;color:#3572b0}.d2h-file-list-wrapper a:visited{color:#3572b0}.d2h-file-list-header{text-align:left}.d2h-file-list-title{font-weight:700}.d2h-file-list-line{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.d2h-file-list{display:block;list-style:none;padding:0;margin:0}.d2h-file-list>li{border-bottom:#ddd solid 1px;padding:5px 10px;margin:0}.d2h-file-list>li:last-child{border-bottom:none}.d2h-file-switch{display:none;font-size:10px;cursor:pointer}.d2h-icon-wrapper{line-height:14px}.d2h-icon{vertical-align:middle;margin-right:10px;fill:currentColor}.d2h-deleted{color:#c33}.d2h-added{color:#399839}.d2h-changed{color:#d0b44c}.d2h-moved{color:#3572b0}.d2h-tag{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;margin-left:5px;padding:0 2px;background-color:#fff}.d2h-deleted-tag{border:#c33 1px solid}.d2h-added-tag{border:#399839 1px solid}.d2h-changed-tag{border:#d0b44c 1px solid}.d2h-moved-tag{border:#3572b0 1px solid}.selecting-left .d2h-code-line,.selecting-left .d2h-code-line *,.selecting-left .d2h-code-side-line,.selecting-left .d2h-code-side-line *,.selecting-right td.d2h-code-linenumber,.selecting-right td.d2h-code-linenumber *,.selecting-right td.d2h-code-side-linenumber,.selecting-right td.d2h-code-side-linenumber *{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selecting-left .d2h-code-line ::-moz-selection,.selecting-left .d2h-code-line::-moz-selection,.selecting-left .d2h-code-side-line ::-moz-selection,.selecting-left .d2h-code-side-line::-moz-selection,.selecting-right td.d2h-code-linenumber::-moz-selection,.selecting-right td.d2h-code-side-linenumber ::-moz-selection,.selecting-right td.d2h-code-side-linenumber::-moz-selection{background:0 0}.selecting-left .d2h-code-line ::selection,.selecting-left .d2h-code-line::selection,.selecting-left .d2h-code-side-line ::selection,.selecting-left .d2h-code-side-line::selection,.selecting-right td.d2h-code-linenumber::selection,.selecting-right td.d2h-code-side-linenumber ::selection,.selecting-right td.d2h-code-side-linenumber::selection{background:0 0}
[data-tootik][data-tootik-conf*=left] { cursor: help; }
[data-tootik][data-tootik-conf*=left]::before { border-left-color: #5bc0de; }
[data-tootik][data-tootik-conf*=left]::after { background: #5bc0de; }
.d2h-file-wrapper { background: white; }
.d2h-file-list-header, .d2h-tag { display: none; }
#original, #modified { font-size: 11px; min-height: 60px; max-height: 100px; }
#original:hover, #modified:hover { overflow-y: scroll; }
/* ZAUBERAPP */
.zetifications { cursor: pointer; display: flex; align-items: center; justify-content: center; color: #3F3D3C; position: fixed; border: 2px solid #caab8a; bottom: 2rem; right: 2rem; width: 60px; height: 60px; transform: translateY(70px); transition: all 250ms ease-out; border-radius: 50%; opacity: 0; background: -moz-linear-gradient(-45deg, #fff 0, #fff 25%, #fefefe 50%, #fefefe 75%, #fff 100%); background: -webkit-linear-gradient(-45deg, #fff 0, #fff 25%, #fefefe 50%, #fefefe 75%, #fff 100%); background-repeat: no-repeat; background-attachment: fixed; }
#messenger-counter { display: block; position: absolute; top: -10px; right: -10px; margin: 4px 4px 0 0; width: 20px; height: 20px; border-radius: 50%; color: #fff; font: 12px verdana; line-height: 20px; text-align: center; background: #caab8a; font-weight: 500; opacity: 1; }
#zetification-counter { position: absolute; top: 20px; margin: 0px 0px 0px -18px; color: #fff; font: 12px verdana; line-height: 20px; text-align: center; font-weight: 600; opacity: 1; width: 20px; background: #caab8a; box-shadow: 0 0 0 0.4em rgba(202, 171, 138, 0.25); animation: pulse 0.75s infinite; border-radius: 50%; }
#zetifications.expand #zetification-counter { opacity: 0; }
.zetifications .lionlgo { opacity: 1; display: inline-block; margin-top: 5px; }
.zetifications .lionlgo svg { width: 45px; height: 45px; }
.zetifications.expand .lionlgo { opacity: 0; }
.zetifications.enter:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); opacity: 1; }
.zetifications.enter { transform: translateY(0); opacity: 0.8; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.14); }
.zetifications.expand { width: 380px; max-height: 400px; height: 400px; border-radius: 5px; cursor: auto; opacity: 1; z-index: 999; }
.zetifications.expand.larger { width: 550px; }
.zetifications.expand.extralarge { width: 900px; }
.zetifications :focus { outline: 0; box-shadow: 0 0 3pt 2pt rgba(14, 200, 121, 0.3); }
.zetifications button { background: transparent; border: 0; text-transform: uppercase; border-radius: 3px; cursor: pointer; }
.zetifications .chat { display: flex; flex-direction: column; position: absolute; opacity: 0; width: 1px; height: 1px; border-radius: 50%; transition: all 250ms ease-out; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
.zetifications .chat.enter { opacity: 1; border-radius: 0; width: auto; height: auto; }
.zetifications .chat .header { flex-shrink: 0; display: flex; background: transparent; border-bottom: 1px solid #ddd; }
.zetifications .chat .header .title { flex-grow: 1; flex-shrink: 1; padding: 0 5px; }
.zetifications .chat .header button { flex-shrink: 0; }
.no-zetifications { text-align: center; font-size: 14px; }
/* Zetification nested list Navigation */
 body .zetifications-list-wrapper { -moz-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); position: relative; padding: 0 !important; overscroll-behavior: contain; }
 body .zetifications-list-wrapper .text-box { padding: 0; }
 body .zetifications-list-wrapper .zetifications-list-container { background-color: #efefef; position: relative; overflow: hidden; }
 body .zetifications-list-wrapper .zetifications-list-container .zetifications-list-header-container { background-color: #ffffff !important; width: 100%; position: relative; background: none; border-bottom: 1px solid #ddd; display: table; }
 body .zetifications-list-wrapper .zetifications-list-container .zetifications-list-header-container a.back-link { text-align: center; border-right: 1px solid #ddd; border-bottom: 0; display: table-cell; width: 40px; vertical-align: middle; text-decoration: none; }
 body .zetifications-list-wrapper .zetifications-list-container .zetifications-list-header-container a.back-link:hover { color: #caab8a; font-weight: 600; }
 body .zetifications-list-wrapper .zetifications-list-container .zetifications-list-header-container button.closeit { line-height: 40px; float: right; padding: 0 15px; }
 body .zetifications-list-wrapper .zetifications-list-container .zetifications-list-header-container button.closeit i {  }
 body .zetifications-list-wrapper .zetifications-list-container .zetifications-list-header-container h3 { padding-left: 15px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.7px; margin: 0; border: 0 none; display: inline-block; color: #222; font-size: 12px; line-height: 40px; }
 body .zetifications-list-wrapper .zetifications-list-container .zetifications-list-header-container .titel-close { display: inline-block; padding: 15px; }
 body .zetifications-list-wrapper .zetifications-list-body-container { font-size: 12px; top: 10px; position: relative; left: -15%; overflow-x: hidden; overflow-y: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 340px; width: 115%; overscroll-behavior: contain; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul { -moz-transition: min-height linear, -moz-transform 0.3s ease-out; -o-transition: min-height linear, -o-transform 0.3s ease-out; -webkit-transition: min-height linear, -webkit-transform 0.3s ease-out; transition: min-height linear, transform 0.3s ease-out; -moz-transform: translateX(115%); -ms-transform: translateX(115%); -webkit-transform: translateX(115%); transform: translateX(115%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); display: block; position: absolute; list-style: none; top: 0; left: 0; margin: 0; border: 0 none; padding: 0; width: 100%; min-height: 300px; background-color: #efefef; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul.hidden { display: none; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul.active-zetifications-list { display: block; -moz-transform: translateX(13%); -ms-transform: translateX(13%); -webkit-transform: translateX(13%); transform: translateX(13%); min-height: 100%; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul.active-zetifications-list.parent-zetifications-list { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li { display: block; margin: 0 0 0 2%; border-bottom: 1px solid #efefef; padding: 0; max-width: 82%; background-color: #fff; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li:first-child { border-top: 1px solid #fff; border-top-right-radius: 3px; border-top-left-radius: 3px; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li.headliner { padding: 7px 15px; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li:last-child { border-bottom: 1px solid #fff; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li a { cursor: pointer; width: 100%; line-height: 32px; border-bottom: 0; display: inline-block; padding: 0.5rem 2rem 0.5rem 0.5rem; color: #222; text-decoration: none; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li a .zetifications-list-label { float: left; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li a.raw { line-height: inherit; padding: 0px; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li.zet-edit-form-wrapper { position: relative; padding: 1rem; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li.zet-edit-form-wrapper .form-legend-required { position: absolute; bottom: 10px; right: 10px; font-size: 12px; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li.nav-seperator { margin-top: 20px; border-top: 1px solid #fff; border-top-right-radius: 3px; border-top-left-radius: 3px; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li a .right-arrow { float: right; display: inline-block; line-height: 32px; font-weight: 600;}
 body .zetifications-list-wrapper .zetifications-list-body-container ul li a .zetifications-list-link-label { font-weight: 600; margin-left: 10px; }
 body .zetifications-list-wrapper .zetifications-list-body-container ul li a:hover, body .zetifications-list-wrapper .zetifications-list-body-container ul li a:focus, body .zetifications-list-wrapper .zetifications-list-body-container ul li a.active-link { color: #caab8a; }
body .zetifications-list-wrapper .zetifications-list-body-container ul li.zetifications-toggle-item { padding: 10px; }
body .zetifications-list-wrapper .zetifications-list-body-container ul li.zetifications-toggle-item .zetifications-toggle-title { cursor: pointer; font-weight: bold; line-height: 20px; }
body .zetifications-list-wrapper .zetifications-list-body-container ul li.zetifications-toggle-item .zetifications-toggle-box { }
.trrow:hover { background-color: var(--active-light-color); }
.trrow td { padding: 4px 7px 4px 0px; }
.tdcnt { cursor: pointer; }
.todays-birthdays, .birthdays-this-month { margin-bottom: 15px; }
.todays-birthdays a, .birthdays-this-month a { margin-right: 5px; width: unset !important; padding: 0 !important; line-height: unset !important; }
/* Zaubersicht */
#zaubersicht { display: inline-block; width: 100%; position: relative; }
.week-wrpr { display: inline-block; width: 100%; margin-left: 10px; position: relative; }
.week-wrpr::before { position: absolute; left: -10px; top: 0; content: ' '; display: block; width: 2px; height: 100%; margin-left: -3px; background: #ccc; }
.week-wrpr::after { position: absolute; left: -1px; top: 0; content: ' '; display: block; width: 7px; height: 2px; margin-left: -10px; background: #ccc; }
.week-wrpr.frst::after { display: none; }
.week-wrpr .cweeknr { position: absolute; left: -30px; top: 40%; background-color: var(--theme-bg-color); color: #8c8c8c; transform: rotate(-90deg); font-size: 10px; padding: 0px 4px; line-height: 14px; }
.week-wrpr .zsicht-day-wrpr { display: inline-block; width: 99%; padding: 4px 8px; }
.week-wrpr .zsicht-day-wrpr:hover { background-color: #f2f2f2; }
.week-wrpr .zsicht-day-wrpr .datum { display: inline-block; float: left; font-weight: bold; }
.week-wrpr .zsicht-day-wrpr .rghtbar { display: inline-block; position: absolute; right: 10px; font-size: 10px; opacity: 0.5; }
.week-wrpr .zsicht-day-wrpr:hover .rghtbar { opacity: 0.95; }
.week-wrpr .zsicht-day-wrpr .rghtbar span {  }
.week-wrpr .zsicht-day-wrpr .rghtbar i {  }
.week-wrpr .zsicht-day-wrpr .datum.weekd-6, .zsicht-day-wrpr .datum.weekd-7 { opacity: 0.55; }
.week-wrpr .zsicht-day-wrpr .feiertage { display: inline-block; float: left; margin-left: 7px; }
.week-wrpr .zsicht-day-wrpr .feiertage .fday { display: inline-block; float: left; border: 1px solid #ccc; border-radius: 3px; padding: 1px 4px; font-size: 8px; }
.week-wrpr .zsicht-day-wrpr .geburtstage { display: inline-block; width: 100%; }
.week-wrpr .zsicht-day-wrpr .unfrgtn { display: inline-block; width: 100%; }
.week-wrpr .zsicht-day-wrpr .cal-entries { display: inline-block; width: 100%; font-size: 9px; }
.week-wrpr .zsicht-day-wrpr .cal-entries .evnt { display: inline-block; background: #ccc; padding: 1px 4px; margin-right: 4px; opacity: 0.55; }
.week-wrpr .zsicht-day-wrpr .cal-entries .evnt.red { background: #f03; color: #fff; }
.week-wrpr .zsicht-day-wrpr .cal-entries .evnt.green { background: #a7bd68; color: #fff; }
.week-wrpr .zsicht-day-wrpr .cal-entries .evnt.blue { background: #6875bd; color: #fff; }
.week-wrpr .zsicht-day-wrpr .cal-entries .evnt.yellow { background: #f0ec0f; }
.week-wrpr .zsicht-day-wrpr .cal-entries .evnt.orange { background: #f0ac0f; color: #fff; }
.week-wrpr .zsicht-day-wrpr .cal-entries .evnt.turquoise { background: #0ff0bf; color: #fff; }
.week-wrpr .zsicht-day-wrpr .cal-entries .evnt.purple { background: #d10ff0; color: #fff; }
.week-wrpr .zsicht-day-wrpr .cal-entries .evnt.brown { background: #57360e; color: #fff; }
.week-wrpr .zsicht-day-wrpr .cal-entries .evnt:hover { opacity: 1; }
.zaubersichtico { display: inline-block; opacity: 0.8; font-size: 8px; }
/* SecLvl */
.seclvlwrpr { border: 1px solid #ccc; font-size: 12px; padding: 2px 6px; border-radius: 3px; }
.seclvlwrpr span { font-size: 12px; }


.tk-crud-table > thead > tr > th { background: #afafaf; height: 30px; line-height: 30px; border: solid 2px black; }
.tk-crud-table > tbody > tr > td { border: solid 2px black; }
.tk-crud-table > tbody > tr > td.active { outline: solid 3px black; }
.tk-crud-table > tbody > tr > td > input[type="text"] { width: 120px; height: 30px; padding: 0 5px; border: none; outline: none; }

.dataTables_wrapper { width: 100%; }

.confetti:focus { outline: 0; }
.confetti:before, .confetti:after { position: absolute; content: ""; display: block; width: 130px; height: 100%; margin: 0 auto; z-index: 2000; transition: all ease-in-out 0.5s; background-repeat: no-repeat; }
.confetti:before { display: none; width: 181.69px; height: 50.5px; margin-top: -40px; background-image: radial-gradient(circle, #f80e7b 20%, transparent 20%), radial-gradient(circle, transparent 20%, #eedf10 20%, transparent 30%), radial-gradient(circle, #21e985 20%, transparent 20%), radial-gradient(circle, #0dbde9 20%, transparent 20%), radial-gradient(circle, transparent 10%, #c929f1 15%, transparent 20%), radial-gradient(circle, #f80e7b 20%, transparent 20%), radial-gradient(circle, #eedf10 20%, transparent 20%), radial-gradient(circle, #21e985 20%, transparent 20%), radial-gradient(circle, #0dbde9 20%, transparent 20%); background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%; }
.confetti:after { width: 181.69px; height: 50.5px; display: none; margin-top: -10px; background-image: radial-gradient(circle, #f80e7b 20%, transparent 20%), radial-gradient(circle, #eedf10 20%, transparent 20%), radial-gradient(circle, transparent 10%, #21e985 15%, transparent 20%), radial-gradient(circle, #0dbde9 20%, transparent 20%), radial-gradient(circle, #c929f1 20%, transparent 20%), radial-gradient(circle, #f80e7b 20%, transparent 20%), radial-gradient(circle, #eedf10 20%, transparent 20%); background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%; }
.confetti.golden:before { display: none; width: 181.69px; height: 50.5px; margin-top: -40px; background-image: radial-gradient(circle, #caab8a 20%, transparent 20%), radial-gradient(circle, transparent 20%, #caab8a 20%, transparent 30%), radial-gradient(circle, #caab8a 20%, transparent 20%), radial-gradient(circle, #caab8a 20%, transparent 20%), radial-gradient(circle, transparent 10%, #caab8a 15%, transparent 20%), radial-gradient(circle, #caab8a 20%, transparent 20%), radial-gradient(circle, #caab8a 20%, transparent 20%), radial-gradient(circle, #caab8a 20%, transparent 20%), radial-gradient(circle, #caab8a 20%, transparent 20%); background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%; }
.confetti.golden:after { width: 181.69px; height: 50.5px; display: none; margin-top: -10px; background-image: radial-gradient(circle, #caab8a 20%, transparent 20%), radial-gradient(circle, #caab8a 20%, transparent 20%), radial-gradient(circle, transparent 10%, #caab8a 15%, transparent 20%), radial-gradient(circle, #caab8a 20%, transparent 20%), radial-gradient(circle, #caab8a 20%, transparent 20%), radial-gradient(circle, #caab8a 20%, transparent 20%), radial-gradient(circle, #caab8a 20%, transparent 20%); background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%; }
.confetti:active { transform: scale(0.9); }
.confetti.animate:before { display: block; animation: topBubbles ease-in-out 0.75s forwards; }
.confetti.animate:after { display: block; animation: bottomBubbles ease-in-out 0.75s forwards; }
@keyframes topBubbles {
  0% { background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; }
  50% { background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%; }
  100% { background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; }
}
@keyframes bottomBubbles {
  0% { background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%; }
  50% { background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%; }
  100% { background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; }
}

.closeit:hover { color: #f03; transition: 0.3s; }

#findpriceresults .running, .zet-edit-form-wrapper .running { top: 50%; left: 50%; transform: translate(-50%, -10%); position: relative; text-align: center; width: 34px; padding: 20px; height: 50px; }
/**
 * Gorgeous animated gradient borders using only CSS
 * https://codepen.io/jlengstorf/pen/WNPGMJo
 *
 *
 * `@property` is required for the animation to work.
 * Without it, the angle values won’t interpolate properly.
 *
 * @see https://dev.to/afif/we-can-finally-animate-css-gradient-kdk
 */
@property --bg-angle { inherits: false; initial-value: 0deg; syntax: "<angle>"; }
/** To animate the gradient, we set the custom property to 1 full rotation. The animation starts at the default value of `0deg`. */
@keyframes spin {
  to { --bg-angle: 360deg; }
}
.zaubergradientline {
  border-radius: 3px;
  /* add the animation, but pause it by default */
  animation: spin 2.5s infinite linear paused;
  /** Using `background-origin` we can create a “border” using two gradients. And to make the gradients better-looking, we use OKLCH.
   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin
   * @see https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl
   */
  background:
    /* Background colors don’t work with `background-origin`, so use a gradient. */
    linear-gradient(
        to bottom,
        oklch(1 0 0 / 0.98),
        oklch(1 0 0 / 0.98)
      )
      padding-box, /* ends at inner border edges */
    conic-gradient(
        from var(--bg-angle) in oklch longer hue,
        oklch(0.85 0.37 0) 0 0
      )
      border-box; /* extends to outer border edges */
  /* a clear border lets the background gradient shine through */
  border: 2px solid transparent;
  /* unpause the animation on hover */
  &:hover {
    animation-play-state: running;
  }
}

/* Wikipedia Search */
.wiki-search-form { display: inline-block; width: 100%; background-color: #ccc; padding: 7px; }
.display-results { display: inline-block; width: 100%; }
.display-results .result-list { display: inline-block; width: 95%; margin: 10px; padding: 10px; }
.display-results .result-list:hover { background-color: #f1f1f1; }
.display-results .result-list a.wikiprsltlink { display: inline-block; width: 100%; line-height: 14px; padding: 0px; }
.display-results .result-list .result-title { display: inline-block; width: 100%; font-weight: bold; }
.display-results .result-list .result-snippet { display: inline-block; width: 100%; padding: 5px 0px; }
.display-results .result-list .result-metadata { display: none; width: 100%; padding: 5px 0px; font-size: 10px; }

#homelinker .ai-avatar { width: 28px; border-radius: 50%; border: 1px solid #f03; height: 28px; padding: 2px; background-color: #000; }

 /* Cyberpunk Elements */
.app-main-content { display: inline-block; width: 100%; }
.pad { display: inline-block; width: 100%; position: relative; background-color: #fff; border: 2px solid #ccc; -webkit-clip-path: var(--ui-notch-path); clip-path: var(--ui-notch-path); }
.pad:hover { border-color: var(--theme-highlightcolor); }
.pad a { text-decoration: none; color: var(--theme-color); }
.pad .descr { display: none; }
.pad.nobrdr { border: none; }
.pad:hover .descr { display: inline-block; position: absolute; bottom: 10px; width: 100%; left: 10px; }
.pad__body { padding: 0.75rem; padding-bottom: 1rem; height: 150px; background-position: center center; background-size: cover; }
.zappico { display: block; margin: 0 auto; width: 75px; height: 75px; border-radius: 3px; background-position: center center; background-size: cover; }
.zapp-wrpr { padding: 0.75rem; padding-bottom: 1rem; height: 150px; }
.zapp-title { max-width: 100px; margin: 7px auto; font-weight: bold; font-size: 9px; display: block; text-align: center; }
.pad__body p { margin: 30px 0px 0px 0px; }
.pad::before { background-color: #ccc; bottom: 5px; content: ""; display: block; height: 2.4px; position: absolute; right: -6px; top: auto; transform: rotate(-45deg); width: var(--ui-notch-hypotenuse); z-index: 100; }
.pad:hover::before { background-color: var(--theme-highlightcolor); }
.w30 { width: 31%; height: 150px; font-size: 11px; float: left; margin: 0px 10px 10px 0px; }
.w20 { width: 17%; height: 150px; font-size: 11px; float: left; margin: 0px 10px 10px 0px; }
.w20.rect { max-height: 120px; }
.button--size-lg::before, .button--size-xl::before { background-color: currentcolor; bottom: 5px; content: ""; display: block; height: 3px; position: absolute; right: -6px; top: auto; transform: rotate(-45deg); width: var(--ui-notch-hypotenuse); z-index: 100; }

 /* Running Man Ladeanimation */
.running { align-items: center; --color: #8A91B4; --duration: .8s; transform: scale(var(--scale, 1)); }
.running .outer { -webkit-animation: outer var(--duration) linear infinite; animation: outer var(--duration) linear infinite; }
.running .outer .body { background: var(--color); height: 15px; width: 8px; border-radius: 4px; transform-origin: 4px 11px; position: relative; transform: rotate(32deg); -webkit-animation: body var(--duration) linear infinite; animation: body var(--duration) linear infinite; }
.running .outer .body:before { content: ""; width: 8px; height: 8px; border-radius: 4px; bottom: 16px; left: 0; position: absolute; background: var(--color); }
.running .outer .body .arm,
.running .outer .body .arm:before,
.running .outer .body .leg,
.running .outer .body .leg:before { content: ""; width: var(--w, 11px); height: 4px; top: var(--t, 0); left: var(--l, 2px); border-radius: 2px; transform-origin: 2px 2px; position: absolute; background: var(--c, var(--color)); transform: rotate(var(--r, 0deg)); -webkit-animation: var(--name, arm-leg) var(--duration) linear infinite; animation: var(--name, arm-leg) var(--duration) linear infinite; }
.running .outer .body .arm:before { --l: 7px; --name: arm-b; }
.running .outer .body .arm.front { --r: 24deg; --r-to: 164deg; }
.running .outer .body .arm.front:before { --r: -48deg; --r-to: -36deg; }
.running .outer .body .arm.behind { --r: 164deg; --r-to: 24deg; }
.running .outer .body .arm.behind:before { --r: -36deg; --r-to: -48deg; }
.running .outer .body .leg { --w: 12px; --t: 11px; }
.running .outer .body .leg:before { --t: 0; --l: 8px; }
.running .outer .body .leg.front { --r: 10deg; --r-to: 108deg; }
.running .outer .body .leg.front:before { --r: 18deg; --r-to: 76deg; }
.running .outer .body .leg.behind { --r: 108deg; --r-to: 10deg; --c: none; }
.running .outer .body .leg.behind:before { --c: var(--color); --r: 76deg; --r-to: 18deg; }
.running .outer .body .leg.behind:after { content: ""; top: 0; right: 0; height: 4px; width: 6px; -webkit-clip-path: polygon(2px 0, 6px 0, 6px 4px, 0 4px); clip-path: polygon(2px 0, 6px 0, 6px 4px, 0 4px); border-radius: 0 2px 2px 0; position: absolute; background: var(--color); }
@-webkit-keyframes outer { 50% { transform: translateY(0); } 25%, 75% { transform: translateY(4px); } }
@keyframes outer { 50% { transform: translateY(0); } 25%, 75% { transform: translateY(4px); } }
@-webkit-keyframes body { 50% { transform: rotate(16deg); } 25%, 75% { transform: rotate(24deg); } }
@keyframes body { 50% { transform: rotate(16deg); } 25%, 75% { transform: rotate(24deg); } }
@-webkit-keyframes arm-leg { 50% { transform: rotate(var(--r-to)); } }
@keyframes arm-leg { 50% { transform: rotate(var(--r-to)); } }
@-webkit-keyframes arm-b { 30%, 70% { transform: rotate(var(--r-to)); } }
@keyframes arm-b { 30%, 70% { transform: rotate(var(--r-to)); } }

.form-wrapper { display: inline-block; width: 100%; padding: 15px; }
.form-element .half { display: inline-block; width: 50%; float: left; padding: 5px; }
.form-element .third { display: inline-block; width: 33%; float: left; padding: 5px; }
.form-element label { display: inline-block; width: 100%; color: var(--theme-highlightcolor); font-size: 10px; font-weight: bold; text-align: left; }
.form-element input, .form-element select { display: inline-block; width: 100%; border: 1px solid #ccc; padding: 3px; border-radius: 3px; }
.form-element textarea { display: inline-block; width: 100%; border: 1px solid #ccc; border-radius: 3px; height: 140px; }

.bcollapse { border-collapse: collapse; }

.zdialog-ovelay { position: fixed; display: table; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.60); z-index: 999999; }
.zdialog-ovelay .zdialog { width: 400px; margin: 100px auto 0; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 3px; overflow: hidden }
.zdialog-ovelay .zdialog header { padding: 10px 8px; background-color: #f6f7f9; border-bottom: 1px solid #e5e5e5; }
.zdialog-ovelay .zdialog header h3 { font-size: 14px; margin: 0; color: #555; display: inline-block; }
.zdialog-ovelay .zdialog header .fa-close { float: right; color: #c4c5c7; cursor: pointer; transition: all .5s ease; padding: 0 2px; border-radius: 1px; }
.zdialog-ovelay .zdialog header .fa-close:hover { color: #b9b9b9; }
.zdialog-ovelay .zdialog header .fa-close:active { box-shadow: 0 0 5px #673AB7; color: #a2a2a2; }
.zdialog-ovelay .zdialog .dialog-msg { padding: 12px 10px; }
.zdialog-ovelay .zdialog .dialog-msg p { margin: 0; font-size: 15px; color: #333; }
.zdialog-ovelay .zdialog footer { border-top: 1px solid #e5e5e5; padding: 8px 10px; }
.zdialog-ovelay .zdialog footer .controls { direction: rtl; }
.zdialog-ovelay .zdialog footer .controls .button { padding: 5px 15px; border-radius: 3px; }
.zdialog-ovelay .zdialog.big { width: 900px; }
.button { cursor: pointer; border-radius: 3px; }
.button-none { background-color: transparent !important; border: none !important; color: #5D5D5D; }
.button-default { background-color: rgb(248, 248, 248); border: 1px solid rgba(204, 204, 204, 0.5); color: #5D5D5D; }
.button-danger { background-color: #f44336; border: 1px solid #d32f2f; color: #f5f5f5; }
.button-update { padding: 6px 12px; background-color: #caab8a; border: 1px solid #b4936f; color: #f5f5f5; }
.button-delete { padding: 6px 12px; background-color: #f44336; border: 1px solid #d32f2f; color: #f5f5f5; }


/* ZAUBERTAFEL */
.zaubertafel { padding: 0; position: fixed; top: 30px; left: 15%; right: 15%; min-height: 210px; overflow: auto; bottom: 30px; background-color: #fff; }
.zaubertafel .close-modal svg { width: 1.75em; height: 1.75em; }
.zaubertafel .zaubertafel-content.absolute { position: absolute; overflow: auto; padding: 0; top: 0px; left: 0; right: 0; bottom: 50px; display: inline-block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition-delay: 0.3s; }
.zaubertafel .zaubertafel-content, .zactmodal .zaubertafel-content { opacity: 1; display: inline-block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition-delay: 0.3s; overflow-y: none; max-height: calc(100vh - 110px); }
.zaubertafel .zaubertafel-content:hover { overflow-y: auto; }
.zaubertafel .zaubertafel-content.standard { opacity: 0; display: inline-block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition-delay: 0.3s; }
.zaubertafel.active { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.zaubertafel.active .zaubertafel-content { opacity: 1; }
.zaubertafel .modal-footer, .zactmodal .modal-footer { padding: 8px; text-align: right; height: 50px; border-top: 1px solid #DFDFDF; box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1); position: absolute; bottom: 0; background: #FCFCFC; width: 100%; }
.zaubertafel.standard .modal-footer { position: relative; }
.zaubertafel .modal-footer, .zaubertafel .modal-inner-footer, .zaubermodalwrapper .modal-footer { display: inline-block; padding: 10px; text-align: right; border-top: 1px solid #DFDFDF; box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1); background: #FCFCFC; width: 100%; }
.zaubertafel.active .close-modal { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 1; }
@media only screen and (max-width: 39.9375em) {
  .zaubertafel { position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; border-radius: 0; -webkit-transform: scale(1.1); transform: scale(1.1); padding: 0 !important; }
  .zaubertafel .close-modal { right: 20px !important; }
}
.zaubertafel .modal-footer { padding: 8px; text-align: right; height: 50px; border-top: 1px solid #DFDFDF; box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1); position: absolute; bottom: 0; background: #FCFCFC; width: 100%; }
.csstabs.maintabs { background-color: #f1f1f1; }
.zaubereditorskeleton { background-color: #fff; border: 1px solid #ddd; padding: 7px; font-size: 14px !important; min-height: 150px; }
/* ZAUBERTAFEL FORM ELEMENTS */
.zet-form-element-container .input-group { width: 95%; cursor: pointer; }
.zet-form-element-container { display: inline-block; width: 100%; float: left; padding: 18px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px dashed #e1e1e1; position: relative; clear: both; }
.zet-element-activities .zet-form-element-container.naked { border-bottom: none; padding: 18px 0px; }
.zet-form-element-container.naked:hover { background: #fcfcfc; }
.zet-form-element-container .zet-name-description { font-size: 13px; width: 49%; float: right; }
.zet-form-element-container.zet-element-textarea .zet-name-description { font-size: 13px; width: 100%; float: none; }
.zet-form-element-container.zet-element-activities .zet-name-description-fullwidth { font-size: 13px; width: 100%; float: none; }
.zet-form-element-container.zet-element-activities .zet-name-description-fullwidth.ultimate { width: 80%; float: left; }
.zet-form-element-container.zet-element-activities .zet-name-description-fullwidth.ultimate .acttitel { min-height: 48px; display: inline-block; }
.zet-name-description .timeinformations li { padding-bottom: 3px; }
.zet-form-element-container.zet-element-activities { padding-left: 0px; border-bottom: none !important; }
.zet-form-element-container.zet-element-stueckliste { border-bottom: none !important; }
.zet-form-element-container.zet-element-stueckliste strong { font-size: 13px; display: inline-block; float: left; }
.zet-form-element-container .zet-form-element { width: 49%; float: left; }
.zet-form-element-container .zet-form-element.ovflwr { overflow-y: hidden; }
.zet-form-element-container .zet-form-element.ovflwr:hover { overflow-y: auto; }
.zet-form-element-container .zet-form-element-fullwidth { width: 100%; float: left; }
.zet-form-element-container .zet-form-element-fullwidth.mainactivities { padding-left: 20px; width: 100%; float: none; }
.zet-form-element-container .zet-form-element-fullwidth.diy-schritte { float: none; }
.zet-name-description-fullwidth.ultimate strong { padding-left: 20px; }
.zet-form-element-container .zet-form-element .zet-btn { margin-right: 5%; margin-bottom: 15px; font-size: 12px; }
.zet-form-element-container.zet-element-fullwidth .zet-name-description, .zet-form-element-container.zet-element-fullwidth .zet-form-element, .zet-form-element-container.zet-element-textarea .zet-form-element { width: 100%; float: none; }
.zet-form-element-container .zet-name-description > strong { display: inline-block; font-weight: 500; }
.zet-name-description.buttonfloat { width: 80% !important; float: left !important;}
.zet-form-element-container .zet-name-description > span, .zet-name-description > label { display: block; margin-bottom: 4px; color: #777; }
.zet-form-element-container input[type="text"], .zet-form-element-container input[type="input"], .zet-form-element-container input[type="password"], .zet-form-element-container input[type="email"], .zet-form-element-container textarea, .zet-form-element-container select, .checkbox-wrpr input { -webkit-appearance: none; border: 1px solid #e1e1e1; padding: 6px 4px; outline: none; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 95%; max-width: 100%; margin-bottom: 5px; background: #fff; -webkit-font-smoothing: antialiased; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; display: inline; height: auto; }
.checkbox-wrpr { padding: 6px 35px 6px 4px; }
.zet-form-element-container input.tag-input { border: none; margin-bottom: 0; }
.zet-form-element-container select { padding: 6px 35px 6px 4px; background-image: url(https://www.zaubergarten.io/assets/images/select.png); background-position: center right; background-repeat: no-repeat; }
.zet-form-element-container select.smllr { padding: 4px 32px 4px 6px; margin-right: 7px; }
.lighttimining input[type="text"].smllr { width: 50px; font-size: 12px; padding: 4px 4px; height: 25px; margin-right: 4px; }
select.fld-cnt-widt { width: fit-content !important; }
.lighttimining { font-size: 12px; display: inline-block; margin-left: 9px; }
.zet-form-element-container select.zetmultiselect { padding: 6px 4px 6px 4px; background-image: none; }
.zet-modal-group-element { padding: 10px; font-size: 13px; background: white; border-bottom: 1px dashed #E1E1E1; position: relative; line-height: 18px; }
.zet-modal-group-element .actnbtns { display: none; }
.zet-modal-group-element:hover .actnbtns { display: inline-block; }
.zet-modal-group-element .actnbtns i { cursor: pointer; padding: 4px; }
.range-slider input { width: 70%; float: left; margin-top: 5px; }
.range-slider .range-slider__value { width: 30%; margin-left: 10px; text-align: center; background-color: #e1e1e1; padding: 2px 7px; font-size: 12px; border-radius: 2px; }
.range-slider .range-slider__value.greenbg { background-color: #81f97c; }
.range-slider .range-slider__value.yellowbg { background-color: #f3e528; color: #222; }
.range-slider .range-slider__value.redbg { background-color: #f03; color: #fff; }
.zet-modal-group { list-style: none; border: 1px solid #E1E1E1; padding: 0; display: inline-block; width: 95%; }
.zet-modal-group .zet-modal-group-element { display: inline-block; width: 100%; float: left; }
.zet-modal-group .zet-modal-group-element a { text-decoration: none; color: var(--theme-color); }
.zet-modal-group .zet-modal-group-element:last-child { border-bottom: none; }
.zet-modal-group-element .zet-modal-group-element-action { display: none; }
.zet-modal-group-element:hover .zet-modal-group-element-action { display: inline-block; float: right; }
.zet-modal-group-element .zet-modal-group-element-action .entryopenmenu { display:none; position: absolute; backdrop-filter: blur(5px); background: rgb(33 33 33 / 82%); color: #fff; font-size: 10px; right: 10px; padding: 4px 6px; z-index: 99; border-radius: 2px; }
.zet-modal-group-element .zet-modal-group-element-action .entryopenmenu .lockededit { opacity: 0.6; text-decoration:line-through; }
.zet-modal-group-element .zet-modal-group-element-action .entryopenmenu a { color: #fff; text-decoration: none; }
.zet-modal-group-element .zet-modal-group-element-action .opensmallmenu { cursor: pointer; opacity: 0.5; }
.zet-modal-group-element .zet-modal-group-element-action .entryopenmenu div { cursor: pointer; }
.zet-modal-group-element .zet-modal-group-element-action .opensmallmenu:hover { opacity: 1; }
/* ZAUBERTAFEL FORM ELEMENTS - special cases */
.doc-inner { display: inline-block; width: 100%; float: left; }
.doc-title { font-weight: bold; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gesamtsumme {  }
.newdocwrpr, .newausgwrpr, .newteilnwrpr, .newsportwrpr, .newmediwrpr { z-index: 99999999; position: relative; width: 100% !important;  }

.range-slider-wrpr { display: inline-block; width: 100%; }
.zdialog-jrnleditmodal { display: inline-block; width: 100%; }
#edit-modals-container { position: relative; display: none; }
#edit-modals-container.modal-active { position: relative; display: inline-block; width: 100%; height: 100%; }
.newdocimages { display: flex; gap: 7px; width: 95%; }
.newdocimages .doc, .newdocimages .img { flex-basis: 20%; margin-bottom: 10px; border-radius: 3px; background-color: #F5F7FA; background-size: cover; background-position: center; align-self: center; text-align: center; padding: 50px 0; color: #848EA1; font-size: 10px; cursor: pointer; }
.zet-modal-group-element .doc-medias { display: none; }
.zet-modal-group-element:hover .doc-medias { display: flex; gap: 7px; width: 100%; margin-top: 10px; }
.doc-medias .doc-media { flex-basis: 31%; margin-bottom: 10px; border-radius: 3px; background-color: #F5F7FA; background-size: cover; background-position: center; align-self: center; text-align: center; padding: 40px 0; color: #848EA1; font-size: 10px; cursor: pointer; max-width: 85px; max-height: 100px; }
.blurrybg { backdrop-filter: blur(3px); background-color: rgb(255 255 255 / 30%); position: fixed; z-index: 999; top: 30px; left: 15%; right: 15%; bottom: 30px; }
.zauber-menu { background: rgb(33 33 33 / 82%); backdrop-filter: blur(5px); }
.dokumentitem .doc-category {  max-width: 80px; text-overflow: ellipsis; overflow: hidden; font-size: 10px; margin-right: 10px; border: 1px solid #ccc; padding: 2px; border-radius: 3px; }
.dokumentitem .doc-title {  }
.dokumentitem .zet-modal-group-element-action {  opacity: 0; }
.dokumentitem:hover .zet-modal-group-element-action {  opacity: 1; }
/* BREADCRUMBS */
.breadcrumbs > .crumbs { min-width: 0; display: flex; padding-right: 32px; }
.breadcrumbs > .crumbs > li { min-width: 0; display: flex; align-items: center; margin-right: 8px; position: relative; border-radius: 2px; }
.breadcrumbs > .crumbs > li::after { content: "/"; display: inline-block; padding-left: 8px; color: #6B7177; opacity: 0.4; font-size: 10px; }
.breadcrumbs > .crumbs > li:last-child::after { display: none; }
.breadcrumbs > .crumbs > li > a { text-decoration: none; color: var(--theme-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; font-size: 12px; padding: 2px 4px; border-radius: 4px; margin-left: -4px; }
.breadcrumbs > .crumbs > li > span { color: var(--theme-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }

/* ZAUBERTAFEL FORM ELEMENTS iOS Toggle Switch */
.ios-switch-wrpr { display: inline-block; width: 100%; position: relative; }
.ios-switch { display: none; position: relative; }
.ios-switch + label .small { font-size: 0.8em; color: #999; line-height: 1.5em; display:block; }
.ios-switch + label { display: block; padding: 10px; text-align: left !important; line-height: 25px; }
.ios-switch + label span.sw { display:inline-block; width: 46px; height: 26px; float: right; border-radius: 16px; margin-right: 10px; margin-left: 10px; border: 2px solid #ededed; background-color: #ededed; transition: all ease 300ms; }
.ios-switch + label span.sw:before { content:''; position:absolute; background-color : #fff; margin-top: 1px; margin-left: 1px; height: 20px; width: 20px; border-radius: 15px; transition: all ease 300ms; }
.ios-switch:checked + label span.sw { background-color: #49d864; border: 2px solid #49d864; }
.ios-switch.shinybtn:checked + label span.sw { background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); background-size: 1800% 1800%; animation: rainbow 18s ease infinite; }
@keyframes rainbow {
  0% { background-position: 0% 82%; }
  5% { background-position: 100% 19%; }
  100% { background-position: 0% 82%; }
 }
.ios-switch:checked + label span:before { margin-left: 19px; background-color : #fff; }
.zsetting { display: block; position: relative; padding: 10px; min-height: 37.5px; }
.zsetting label { display: inline-block; float: left; }
.zsetting select, .zsetting input { float: right; }
.zsetting-wrpr {  }
.zsetting-wrpr-inner {  }
.zsetting-wrpr label.mainlabel { font-weight: bold; margin-left: 10px; }
/* zhighlight - https://codepen.io/cassidoo/pen/JjQOBZB */
.zhighlight { display: inline-block; background: linear-gradient( 100deg, #ffffaf00 1%, #ffffaf 2.5%, #ffffaf80 5.7%, #ffffaf1a 93%, #ffffafb4 95%, #ffffaf00 98%), linear-gradient(182deg, #ffffaf00, #ffffaf4d 8%, #ffffaf00 15%); }
.green-highlight { display: inline-block; background: linear-gradient( 100deg, #b8ffaf00 1%, #b8ffaf 2.5%, #b8ffaf80 5.7%, #b8ffaf1a 93%, #b8ffafb4 95%, #b8ffaf00 98%), linear-gradient(182deg, #b8ffaf00, #b8ffaf4d 8%, #b8ffaf00 15%); }
.pink-highlight { display: inline-block; background: linear-gradient( 100deg, #ffafd400 1%, #ffafd4 2.5%, #ffafd480 5.7%, #ffafd41a 93%, #ffafd4b4 95%, #ffafd400 98%), linear-gradient(182deg, #ffafd400, #ffafd44d 8%, #ffafd400 15%); }
.blue-highlight { display: inline-block; background: linear-gradient( 100deg, #afd7ff00 1%, #afd7ff 2.5%, #afd7ff80 5.7%, #afd7ff1a 93%, #afd7ffb4 95%, #afd7ff00 98%), linear-gradient(182deg, #afd7ff00, #afd7ff4d 8%, #afd7ff00 15%); }
/* ZAUBERTAFEL FORM ELEMENTS Media */
.zet-form-element-container .mediawrapper { display: inline-block; width: 95%; padding: 0px; }
#getallmedias .zet-modal-group-element-media { display: inline-block; width: 31%; margin-right: 7px; position: relative; }
#getallmedias li.fotoitem .edit-photo-actions { display: none; }
#getallmedias li.fotoitem:hover .edit-photo-actions, #getallmedias li.fotoitem.newitem .edit-photo-actions { text-align: center; display: inline-block; position: absolute; top: 5px; right: 7px; }
#getallmedias li.fotoitem .edit-photo-actions a, #getallmedias li.fotoitem .edit-photo-actions .new-img-label { background-color: #fff; border-radius: 3px; width: 22px; height: 22px; text-align: center; line-height: 22px; color: #000; display: inline-block; border-radius: 3px; margin-left: 7px; font-size: 13px; }
#getallmedias li.fotoitem .edit-photo-actions a { cursor: pointer; }
#getallmedias li.fotoitem .edit-photo-actions .new-img-label { background-color: #fff; font-size: 10px; font-weight: bold; width: 34px; height: 22px; text-align: center; line-height: 22px; color: #000; font-size: 11px; }
#getallmedias li.fotoitem .fotowrapper { display: inline-block; float: left; width: 100%; height: 130px; background-size: cover; background-position: center; border-radius: 3px; }
#getallmedias li.fotoitem .fotowrapper.cvrshld { background-color: #ccc; }
#getallmedias li.fotoitem .fotowrapper.cvrshld i { margin: 0 auto; padding: 10px; margin-top: 20%; margin-left: 20%; font-size: 50px; color: #fff; }
#uploading-loader { position: absolute; display: none; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1); }
#uploading-loader.active { display: flex; opacity: 1; position: relative; }
#uploading-loader.newjrnl.active { position: absolute; height: fit-content; bottom: 0; top: 0; right: 0; left: 0; z-index: 99999; }
#uploading-loader { overflow: hidden; background-color: rgba(255, 255, 255, 0.85); }
#uploading-loader .flyboxes { height: 150vh; }
#uploading-loader ul { display:block; width:100%; height:inherit; list-style-type: none; }
#uploading-loader li:nth-child(1) { position:absolute; left:10%; height:30px; width:30px; background:rgba(0,0,0,.1); }
#uploading-loader li:nth-child(2) { position:absolute; left:30%; height:45px; width:45px; background:rgba(0,0,0,.1); }
#uploading-loader li:nth-child(3) { position:absolute; left:50%; height:70px; width:70px; background:rgba(0,0,0,.1); }
#uploading-loader li:nth-child(4) { position:absolute; left:80%; height:20px; width:20px; background:rgba(0,0,0,.1); }
#uploading-loader li { animation:animateuploading 1.2s linear 1s infinite; }
@keyframes animateuploading { from { transform: translateY(+1800%) rotate(180deg) } to { transform: translateY(-180%) rotate(360deg) } }
/* Leaflet styles */
#MapLocation { height: 180px; margin-bottom: 10px; }
#bigmap { height: 100%; width: 100%; }
.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; }
.leaflet-container { overflow: hidden; }
.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; }
.leaflet-tile::selection { background: transparent; }
.leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; }
.leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; }
.leaflet-marker-icon, .leaflet-marker-shadow { display: block; }
.leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; }
.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; }
.leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter; }
.leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; }
.leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; touch-action: none; touch-action: pinch-zoom; }
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; }
.leaflet-container { -webkit-tap-highlight-color: transparent; }
.leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }
.leaflet-tile { filter: inherit; visibility: hidden; }
.leaflet-tile-loaded { visibility: inherit; }
.leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; }
.leaflet-overlay-pane svg { -moz-user-select: none; }
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape { width: 1px; height: 1px; }
.lvml { behavior: url(#default#VML); display: inline-block; position: absolute; }
.leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; pointer-events: auto; }
.leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; }
.leaflet-top { top: 0; }
.leaflet-right { right: 0; }
.leaflet-bottom { bottom: 0; }
.leaflet-left { left: 0; }
.leaflet-control { float: left; clear: both; }
.leaflet-container .leaflet-control-zoom { opacity: 0; transition: 0.3; }
.leaflet-container:hover .leaflet-control-zoom { opacity: 1; }
.leaflet-right .leaflet-control { float: right; }
.leaflet-top .leaflet-control { margin-top: 5px; }
.leaflet-bottom .leaflet-control { margin-bottom: 5px; }
.leaflet-left .leaflet-control { margin-left: 5px; }
.leaflet-right .leaflet-control { margin-right: 5px; }
.leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; }
.leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
svg.leaflet-zoom-animated { will-change: transform; }
.leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); }
.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; }
.leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; }
.leaflet-interactive { cursor: pointer; }
.leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive { cursor: crosshair; }
.leaflet-popup-pane,
.leaflet-control { cursor: auto; }
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container { pointer-events: none; }
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted;  pointer-events: auto; }
.leaflet-container { background: #ddd; outline-offset: 1px; }
.leaflet-container a { color: #0078A8; }
.leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); }
.leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; }
.leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; }
.leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; }
.leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; }
.leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; }
.leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; }
.leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; }
.leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; }
.leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; }
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; }
.leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; }
.leaflet-control-layers-toggle { background-image: url(../../images/layers.png); width: 36px; height: 36px; }
.leaflet-retina .leaflet-control-layers-toggle { background-image: url(../../images/layers-2x.png); background-size: 26px 26px; }
.leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; }
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; }
.leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; }
.leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; }
.leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; }
.leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; }
.leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; }
.leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; }
.leaflet-default-icon-path { background-image: url(../../images/marker-icon.png); }
.leaflet-container .leaflet-control-attribution { font-size: 8px; background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; }
.leaflet-control-attribution,
.leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; }
.leaflet-control-attribution a { text-decoration: none; }
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus { text-decoration: underline; }
.leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; }
.leaflet-left .leaflet-control-scale { margin-left: 5px; }
.leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; }
.leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; }
.leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; }
.leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; }
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar { box-shadow: none; }
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; }
.leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; }
.leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; }
.leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; }
.leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; }
.leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; }
.leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); }
.leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; }
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus { color: #585858; }
.leaflet-popup-scrolled { overflow: auto; }
.leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; }
.leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; }
.leaflet-div-icon { background: #fff; border: 1px solid #666; }
.leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); }
.leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; }
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; }
.leaflet-tooltip-bottom { margin-top: 6px; }
.leaflet-tooltip-top { margin-top: -6px; }
.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; }
.leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; }
.leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; }
.leaflet-tooltip-left { margin-left: -6px; }
.leaflet-tooltip-right { margin-left: 6px; }
.leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; }
.leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; }
.leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; }

#pwatcher-events { display: inline-block; width: 100%; font-size: 11px; max-height: 380px; overflow-y: auto; }
#pwatcher-events .revent-entry { display: inline-block; width: 100%; padding: 4px; border-radius: 3px; cursor: pointer; }
#pwatcher-events .revent-entry:hover { background-color: var(--subtitle-color); }

.Modal-Background { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: 9999999; }
.zaubereditormodal { display: inline-block; align-items: center; justify-content: center; position: relative; margin: 0 auto; background-color: #fff; border-radius: 3px; overflow-y: auto; visibility: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1); }
.zactmodal { background-color: #fff; display: inline-block; width: 100%; }
.zactmodal .editfotowrapper { display: inline-block; width: 31%; float: left; }
.zactmodal .fotodetails-wrapper { display: inline-block; float: left; width: 65%; margin-left: 15px; }
.zactmodal .fotodetails-wrapper .foto-captions-text { height: 174px; border-radius: 0.125rem; padding: 0.75em; border: 1px solid rgba(64, 64, 64, 0.1); color: rgba(64, 64, 64, 0.8); background-color: rgba(64, 64, 64, 0.02); transition: color 0.2s, border 0.2s; line-height: 1.5; }
.zactmodal .zaubereditormodal-content { display: inline-block; width: 100%; max-height: calc(100vh - 110px); }
.xsmodal { max-width: 600px; }
.zmeldung { max-width: 400px; height: 150px !important; }
.mleft10 { margin-left: 5px; }
.expense-descr { font-size: 10px;}
.expense-nme { font-size: 11px; font-weight: bold; width: 70%; float: left; }
.inner-values { display: inline-block; font-size: 10px; }
.inner-values span { padding-left: 10px; }
.inner-value-amount { display: inline-block; font-size: 12px; }
.teilnliste a { line-height: 22px; }
.editjrnl { display: none; }
.journal-entry:hover .editjrnl { display: inline-block; position: absolute; top: 2px; left: -40px; padding: 0px 2px; font-size: 12px; }
.editjrnl:hover { border:1px solid #ccc; cursor: pointer; }
#wann.greenbg, #newwann.greenbg { background-color: #aff6b4; }
#wann.redbg, #newwann.redbg { background-color: #ffe1e1; }
li.nothing-here { color: #888; list-style: none; font-size: 12px; }
li.nothing-here.bordered { border: 1px solid #E1E1E1; }
.substat-wrpr { background-color: #e7eaed; padding: 5px; margin-bottom: 10px; margin-top: 10px; }
.bg-dark\/10 { background-color: rgb(0 0 0 / 0.1); }
.w-full { width: 100%; }
.bg-yellow-500 { background-color: rgb(255 255 255 / 1); }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.flex { display: flex; }
.items-center { align-items: center; }
.flex-col { flex-direction: column; }
.h-2 { height: 0.5rem; }
.rounded-full { border-radius: 9999px; }
.min-w-2 { min-width: 0.5rem; }
.shrink-0 { flex-shrink: 0; }
.w-6 { width: 1.5rem; }
#mooddetailsbtn { cursor: pointer; }
.load-more-jrnl-entries { margin: 15px auto; padding: 2px 15px; }
.endreached { padding: 15px; font-size: 11px; text-align: center; display: inline-block; width: 100%; margin-top: 20px; }

html.modal-active, body.modal-active { overflow: hidden; }
#modal-container { position: fixed; display: table; height: 100%; width: 100%; top: 0; left: 0; transform: scale(0); z-index: 1; }
#modal-container.addactmdl { z-index: 9999999; transform: scale(1); }
#modal-container.addactmdl .modal-background { background: rgba(0, 0, 0, 0.6); }
#modal-container.addactmdl .modal-background .modal { animation: moveUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
#modal-container.addactmdl + .content { z-index: 1; animation: slideUpLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
#modal-container.addactmdl.out .modal-background .modal { animation: moveDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
#modal-container.addactmdl.out + .content { animation: slideDownLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }
#modal-container .modal-background { display: table-cell; background: rgba(0, 0, 0, 0.8); text-align: center; vertical-align: middle; }
#modal-container .modal-background .modal { max-width: 500px; background: white; padding: 50px; display: inline-block; border-radius: 3px; font-weight: 300; position: relative; max-height: 90vh; overflow-x: scroll; }
#modal-container .modal-background .modal.big { max-width: 900px; }
#modal-container .modal-background .modal h2 { font-size: 18px; line-height: 18px; margin: 0px; }
#modal-container .modal-background .modal p { font-size: 18px; line-height: 22px; }
#modal-container .modal-background .modal .modal-svg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 3px; }
#modal-container .modal-background .modal .modal-svg rect { stroke: #fff; stroke-width: 2px; stroke-dasharray: 778; stroke-dashoffset: 778; }
.clsmdl { position: absolute; top: 5px; right: 10px; cursor: pointer; }
@keyframes slideUpLarge {
  0% { transform: translateY(0%); }
  100% { transform: translateY(-100%); }
}
@keyframes slideDownLarge {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0%); }
}
@keyframes moveUp {
  0% { transform: translateY(150px); }
  100% { transform: translateY(0); }
}
@keyframes moveDown {
  0% { transform: translateY(0px); }
  100% { transform: translateY(150px); }
}
.form-control { display: block; width: 100%; font-size: 12px; height: 28px; padding: 4px 8px; margin-bottom: 15px; }
.tags-container { display: flex; flex-flow: row wrap; margin-bottom: 15px; width: 100%; min-height: 28px; padding: 2px 5px; font-size: 12px; line-height: 1.6; background-color: transparent; border: 1px solid #ccc; border-radius: 1px; overflow: hidden; word-wrap: break-word; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
input.tag-input { flex: 3; border: 0; outline: 0; }
.tag { position: relative; margin: 2px 6px 2px 0; padding: 1px 20px 1px 8px; font-size: inherit; font-weight: 400; text-align: center; color: #0162ff; background-color: #e1ebfb; border-radius: 2px; transition: background-color 0.3s ease; cursor: default; }
.tag:first-child { margin-left: 0; }
.tag--marked { background-color: #6fadd7; }
.tag--exists { background-color: #EDB5A1; -webkit-animation: shake 1s linear; animation: shake 1s linear; }
.tag__name { margin-right: 3px; line-height: 24px; }
.tag__remove { position: absolute; right: 0; bottom: 0; width: 20px; height: 100%; padding: 0 5px; font-size: 16px; font-weight: 400; transition: opacity 0.3s ease; opacity: 0.5; cursor: pointer; border: 0; background-color: transparent; color: #0162ff; line-height: 1; }
.tag__remove:hover { opacity: 1; }
.tag__remove:focus { outline: 5px auto #fff; }
@-webkit-keyframes shake {
  0%, 100% { transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-5px, 0, 0); }
  20%, 40%, 60%, 80% { transform: translate3d(5px, 0, 0); }
}
@keyframes shake {
  0%, 100% { transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-5px, 0, 0); }
  20%, 40%, 60%, 80% { transform: translate3d(5px, 0, 0); }
}
div.dataTables_wrapper div.dataTables_info { display: inline-block; float: left; }
div.dataTables_wrapper div.dataTables_paginate { display: inline-block; float: right; padding-top: 0.85em; }
div.dataTables_wrapper div.dataTables_paginate a { background-color: var(--content-bg); color: var(--theme-color); cursor: pointer; border: 1px solid var(--border-color); padding: 2px 7px; line-height: 30px; height: 30px; margin-right: 7px; display: inline-block; border-radius: 3px; }
div.dataTables_wrapper div.dataTables_paginate span { display: none; }

.lkintitel { display: inline-block; width: 100%; font-size: 10px; margin-top: 20px; }
.avatars-group-wrpr { display: inline-block; width: 100%; }
.avatars-group.stacked { display: flex; flex-direction: row; direction: ltr; max-width: 100%; white-space: nowrap; }
.avatars-group.stacked > * { margin-right: -8px; }
.avatars-group.stacked > *:last-of-type { padding-right: 16px; }
.avatars-group__item { cursor: default; transition: all 0.1s ease-out; }
.avatars-group__item a { text-decoration: none; color: var(--theme-color); padding: unset !important; }
.avatars-group__item.more { align-items: center; display: flex; }
.avatars-group__item.more:hover { transform: none; }
.avatars-group__item:hover { transform: translateY(-4px); z-index: 1; }
.avatars-group .v-avatar { box-shadow: 0px 0px 0px 2px #fff inset; border-radius: 50%; min-height: 32px; }
.avatars-group .v-avatar img { padding: 2px; border-radius: 50%; min-height: 32px; width: 32px; max-height: 32px; }
.avatars-group .v-avatar span { border-radius: 50%; align-items: center; display: flex; font-size: 110%; font-weight: 700; height: 100%; justify-content: center; letter-spacing: 0.1rem; width: inherit; }
.v-avatar.bordered { box-shadow: 0px 0px 0px 2px #fff inset; }
.v-avatar.bordered img { padding: 2px; }
.v-avatar.bordered.small { box-shadow: 0px 0px 0px 1px #fff inset; }
.v-avatar.bordered.small img { padding: 1px; }
.presence { box-shadow: 0px 0px 0px 2px #fff inset; border-radius: 50%; bottom: 0px; display: block; height: 14px; position: absolute; width: 14px; }
.v-avatar.bordered.small .presence { box-shadow: 0px 0px 0px 1px #fff inset; display: block; height: 8px; position: absolute; width: 8px; }

.eureplist { display: inline-block; width: 100%; margin-left: -5px; }
.eurepentry { display: inline-block; width: 103.5%; padding: 2px 5px; }
.eurepentry:hover { background-color: var(--active-light-color); }
.eureplist-hdr { display: inline-block; width: 100%; margin-top: 10px; }

.selectMultiple { width: 100%; position: relative; text-align: left; }
.selectMultiple select { display: none; }
.selectMultiple > div { position: relative; z-index: 2; padding: 8px 12px 2px 12px; border-radius: 8px; background: #fff; font-size: 14px; min-height: 44px; border: 1px solid #ccc; border-radius: 3px; }
.selectMultiple > div:hover { box-shadow: 0 4px 24px -1px rgba(22, 42, 90, 0.16); }
.selectMultiple > div .arrow { right: 1px; top: 0; bottom: 0; cursor: pointer; width: 23px; position: absolute; }
.selectMultiple > div .arrow:before, .selectMultiple > div .arrow:after { content: ""; position: absolute; display: block; width: 2px; height: 8px; border-bottom: 8px solid #99A3BA; top: 43%; transition: all 0.3s ease; }
.selectMultiple > div .arrow:before { right: 12px; transform: rotate(-130deg); }
.selectMultiple > div .arrow:after { left: 9px; transform: rotate(130deg); }
.selectMultiple > div span { font-size: 12px; color: #99A3BA; display: block; position: absolute; left: 12px; cursor: pointer; top: 8px; line-height: 28px; transition: all 0.3s ease; }
.selectMultiple > div span.hide { opacity: 0; visibility: hidden; transform: translate(-4px, 0); }
.selectMultiple > div a { font-size: 10px; position: relative; padding: 0 24px 6px 8px; line-height: 28px; color: #1E2330; display: inline-block; vertical-align: top; margin: 0 6px 0 0; }
.selectMultiple > div a em { font-style: normal; display: block; white-space: nowrap; }
.selectMultiple > div a:before { content: ""; left: 0; top: 0; bottom: 6px; width: 100%; position: absolute; display: block; background: rgba(228, 236, 250, 0.7); z-index: -1; border-radius: 4px; }
.selectMultiple > div a i { cursor: pointer; position: absolute; top: 0; right: 0; width: 24px; height: 28px; display: block; }
.selectMultiple > div a i:before, .selectMultiple > div a i:after { content: ""; display: block; width: 2px; height: 10px; position: absolute; left: 50%; top: 50%; background: #4D18FF; border-radius: 1px; }
.selectMultiple > div a i:before { transform: translate(-50%, -50%) rotate(45deg); }
.selectMultiple > div a i:after { transform: translate(-50%, -50%) rotate(-45deg); }
.selectMultiple > div a.notShown { opacity: 0; transition: opacity 0.3s ease; }
.selectMultiple > div a.notShown:before { width: 28px; transition: width 0.45s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.2s; }
.selectMultiple > div a.notShown i { opacity: 0; transition: all 0.3s ease 0.3s; }
.selectMultiple > div a.notShown em { opacity: 0; transform: translate(-6px, 0); transition: all 0.4s ease 0.3s; }
.selectMultiple > div a.notShown.shown { opacity: 1; }
.selectMultiple > div a.notShown.shown:before { width: 100%; }
.selectMultiple > div a.notShown.shown i { opacity: 1; }
.selectMultiple > div a.notShown.shown em { opacity: 1; transform: translate(0, 0); }
.selectMultiple > div a.remove:before { width: 28px; transition: width 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0s; }
.selectMultiple > div a.remove i { opacity: 0; transition: all 0.3s ease 0s; }
.selectMultiple > div a.remove em { opacity: 0; transform: translate(-12px, 0); transition: all 0.4s ease 0s; }
.selectMultiple > div a.remove.disappear { opacity: 0; transition: opacity 0.5s ease 0s; }
.selectMultiple > ul { margin: 0; padding: 0; list-style: none; font-size: 12px; z-index: 1; position: absolute; top: 100%; left: 0; right: 0; visibility: hidden; opacity: 0; border-radius: 3px; transform: translate(0, 20px) scale(0.8); transform-origin: 0 0; filter: drop-shadow(0 12px 20px rgba(22, 42, 90, 0.08)); transition: all 0.4s ease, transform 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44), filter 0.3s ease 0.2s; overflow-x: auto; max-height: 200px; }
.selectMultiple > ul li { color: #1E2330; background: #fff; font-size: 12px; padding: 4px 10px; cursor: pointer; overflow: hidden; position: relative; transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease 0.3s, opacity 0.5s ease 0.3s, border-radius 0.3s ease 0.3s; }
.selectMultiple > ul li:first-child { border-radius: 8px 8px 0 0; }
.selectMultiple > ul li:first-child:last-child { border-radius: 8px; }
.selectMultiple > ul li:last-child { border-radius: 0 0 8px 8px; }
.selectMultiple > ul li:last-child:first-child { border-radius: 8px; }
.selectMultiple > ul li:hover { background: #4D18FF; color: #fff; }
.selectMultiple > ul li:after { content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; background: rgba(0, 0, 0, 0.4); opacity: 0; border-radius: 100%; transform: scale(1, 1) translate(-50%, -50%); transform-origin: 50% 50%; }
.selectMultiple > ul li.beforeRemove { border-radius: 0 0 8px 8px; }
.selectMultiple > ul li.beforeRemove:first-child { border-radius: 8px; }
.selectMultiple > ul li.afterRemove { border-radius: 8px 8px 0 0; }
.selectMultiple > ul li.afterRemove:last-child { border-radius: 8px; }
.selectMultiple > ul li.remove { transform: scale(0); opacity: 0; }
.selectMultiple > ul li.remove:after { -webkit-animation: ripple 0.4s ease-out; animation: ripple 0.4s ease-out; }
.selectMultiple > ul li.notShown { display: none; transform: scale(0); opacity: 0; transition: transform 0.35s ease, opacity 0.4s ease; }
.selectMultiple > ul li.notShown.show { transform: scale(1); opacity: 1; }
.selectMultiple.open > div { box-shadow: 0 4px 20px -1px rgba(22, 42, 90, 0.12); }
.selectMultiple.open > div .arrow:before { transform: rotate(-50deg); }
.selectMultiple.open > div .arrow:after { transform: rotate(50deg); }
.selectMultiple.open > ul { transform: translate(0, 12px) scale(1); opacity: 1; visibility: visible; filter: drop-shadow(0 16px 24px rgba(22, 42, 90, 0.16)); max-height: 200px; overflow-x: auto; }
@-webkit-keyframes ripple {
  0% { transform: scale(0, 0); opacity: 1; }
  25% { transform: scale(30, 30); opacity: 1; }
  100% { opacity: 0; transform: scale(50, 50); }
}
@keyframes ripple {
  0% { transform: scale(0, 0); opacity: 1; }
  25% { transform: scale(30, 30); opacity: 1; }
  100% { opacity: 0; transform: scale(50, 50); }
}
.abmessungen-info { display: inline-block; width: 100%; font-size: 11px; text-align: center; line-height: 20px; }
.entry-hdr-wrpr { display: inline-block; width: 100%; }
.entry-hdr-wrpr h2 { display: inline-block; width: 100%; margin-top: 0; margin-bottom: 5px; }
.entry-hdr-wrpr span { display: inline-block; font-size: 12px; line-height: 20px; }
.entry-hdr-wrpr span.kndnr {  }
.entry-hdr-wrpr span.gclass { border-radius: 3px; line-height: 15px; padding: 2px 4px; margin-right: 5px; font-size: 7px; background-color: var(--content-bg); }
.entry-hdr-wrpr span.gclass.G5 { background-color: #ffd200; }
.cstmr-descr-txt { display: inline-block; width: 100%; font-size: 13px; margin-bottom: 20px; font-style: italic; }

.henkel-cntct-wrpr { width: 100%; }
.form-element, .jrnl-form-element { display: inline-block; width: 100%; }

.tabs-wrpr { display: inline-block; width: 100%; }
.tabs-wrpr .tab-inner_links { text-align: center; }
.tabs-wrpr .tab-inner_links .tab-link { }
.tabs-wrpr .tab-inner_links .tab-link.active { }
.tabs-wrpr .tab-content, .tabs-wrpr .tab-inner_content { display: none; }
.tabs-wrpr .tab-content.alive, .tabs-wrpr .tab-inner_content.active { display: block; }
.filter-tabs { position: relative; display: inline-block; width: 100%; }
.filter-tabs.left { text-align: left; }
.filter-tabs .tab-nav-wrpr { display: inline-block; background-color: var(--content-bg); padding: 0px; border-radius: 3px; margin-bottom: 15px; }
.filter-tabs .tab-nav-wrpr .tab-link { display: inline-block; color: var(--theme-color); text-decoration: none; font-size: 12px; padding: 5px 15px; }
.filter-tabs .tab-nav-wrpr .tab-link.active { background-color: var(--theme-highlightcolor); border-radius: 3px; color: #fff; }
.filter-tabs.small .tab-nav-wrpr .tab-link { font-size: 10px; padding: 5px 7px; }
/* Marked / Selected Navigation */
#markednavigation { position: fixed; display: inline-block; backdrop-filter: blur(5px); background: rgb(33 33 33 / 82%); color: #fff; padding: 0; border-radius: 3px; font-size: 12px; }
#markednavigation .markednavilink { padding: 7px; float: left; }
#markednavigation.resp .markednavilink { display: none; }
#markednavigation .markednaviresponse { display: none; }
#markednavigation.resp .markednaviresponse { display: inline-block; width: 160px; max-height: 160px; overflow-y: auto; }
/* CSS tabs */
.csstabs { display: flex !important; flex-wrap: wrap; }
.csstabs label { order: 1; display: block; padding: 2px 8px; margin-right: 0.2rem; cursor: pointer; background: #fff; font-weight: bold; transition: background ease 0.2s; font-size: 8px; letter-spacing: 0.5px; }
.csstabs.maintabs label.mainlabel { background: #F1F1F1; color: #888; padding: 10px 18px; font-size: 14px; font-weight: normal; margin-top: 10px; }
.csstabs.maintabs label.mainlabel:first-of-type { margin-left: 10px; }
.csstabs.maintabs input[type="radio"]:checked + label.mainlabel { background: #fff; color: #222; border-radius: 2px; }
.csstabs .csstab { order: 99; flex-grow: 1; width: 100%; display: none; padding: 4px; background: #fff; font-weight: normal; letter-spacing: 0px;}
.csstabs input[type="radio"] { display: none; }
.csstabs input[type="radio"]:checked + label { background: #caab8a; color: #fff; border-radius: 2px; }
.csstabs input[type="radio"]:checked + label + .csstab { display: block; }
@media (max-width: 500px) {
  .csstabs .csstab, .csstabs label { order: initial; }
  .csstabs label { width: 100%; margin-right: 0; margin-top: 0.2rem; }
}
/* Button 10 */
.toggle-button-cover { display: table-cell; position: relative; width: 200px; height: 140px; box-sizing: border-box; }
.button-cover { height: 100px; margin: 20px; background-color: #fff; box-shadow: 0 10px 20px -8px #c5d6d6; border-radius: 4px; }
.button-cover:before { counter-increment: button-counter; content: counter(button-counter); position: absolute; right: 0; bottom: 0; color: #d7e3e3; font-size: 12px; line-height: 1; padding: 5px; }
.button-cover, .knobs, .layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.buttonn { position: relative; width: 74px; height: 36px; margin: -7px auto 0 auto; overflow: hidden; }
.buttonn.r, .button.r .layer { border-radius: 100px; }
.buttonn.b2 { border-radius: 2px; border: 1px solid #ccc; margin: 10px 0; }
.buttonn.inside { border-radius: 0px; border: none; margin: 2px; }
.checkboxx { position: relative; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; cursor: pointer; z-index: 3; }
.knobs { z-index: 2; }
.layerr { width: 100%; background-color: #ebf7fc; transition: 0.3s ease all; z-index: 1; }
.buttonn { float: right; }
.buttonn.lfloat { float: left; }
.buttonn .knobs:before, .buttonn .knobs:after, .buttonn .knobs span { position: absolute; top: 4px; width: 20px; height: 8px; font-size: 9px; font-weight: bold; text-align: center; line-height: 1; padding: 9px 4px; border-radius: 2px; transition: 0.3s ease all; }
.buttonn .knobs:before { content: ""; left: 4px; background-color: var(--theme-highlightcolor); }
.buttonn .knobs:after { content: "PY"; right: 4px; color: #4e4e4e; }
.buttonn .knobs span { display: inline-block; left: 6px; color: #fff; z-index: 1; }
.buttonn .checkboxx:checked + .knobs span { color: #4e4e4e; }
.buttonn .checkboxx:checked + .knobs:before { left: 40px; background-color: var(--theme-highlightcolor); }
.buttonn .checkboxx:checked + .knobs:after { color: #fff; }
.buttonn .checkboxx:checked ~ .layerr { background-color: #fcebeb; }

.button-toolbar { display: flex; }
.button-toolbar .button { max-height: 40px; display: block; border-radius: 0; background-color: transparent; border: 1px solid var(--border-color-dark); cursor: pointer; color: var(--colors-primary--500); letter-spacing: 0.045em; padding: 0.45rem; text-align: left; }
.button-toolbar .button.no-padding { padding: 0; }
.button-toolbar .spantitel { display: inline-block; font-size: 11px; padding-left: 7px; }
.button-toolbar .button + .button { margin-left: -1px; }
.button-toolbar .button__icon { display: block; height: 1.125rem; line-height: 1; margin-top: 3px; width: 1.125rem; float: left; }
.button-toolbar .button i { font-size: 15px; }
.button-toolbar .listsearcher { margin-right: 5px; border: none; }

.oneentry { background-color: rgb(233 235 238 / 33%); border-bottom: 1px solid rgb(34 34 34 / 5%); }
.fulllist-wrpr { display: inline-block; width: 100%; position: relative; }

ul.aizauberstat-wrpr { display: inline-block; width: 100%; }
.aizauberstat-wrpr li.aistat { display: inline-block; width: 33.33%; font-size: 14px; float: left; }
.aizauberstat-wrpr li.aistat span.aistattxt { display: inline-block; width: 100%; font-size: 12px; float: left; }
#aizauberkonsole { width: 100%; padding: 5px 10px; height: 250px; font-size: 12px; overflow-y: auto; overflow-x: hidden; }
#aizauberkonsole pre.success { color: #00ff6e; }
#aizauberkonsole pre.error { color: #f03; }
#aizauberkonsole pre.highlight { color: #e0ff00; }
/* CORE - Notifications */
.toast { background-color: rebeccapurple; color: #fff; border-radius: 3px; padding: 1rem 2rem; margin: 0.5rem; position: fixed; left: 10px; bottom: 10px; }
/* PLAYGROUND - Cat Quiz */
.quizArea { width: 95%; margin: auto; padding:10px; position: relative; text-align: center; }
.quizArea .mc_quiz { color: #3a5336; margin-bottom: 0px; }
.quizArea .multipleChoiceQues { width:90%; margin: auto; padding: 10px; }
.quizArea .quizBox { width:90%; margin: auto; }
.quizArea .question { text-align: center; font-size: 0.8em; }
.quizArea .buttonArea { text-align: right; height: 4.5em; }
.quizArea button { color: #fff; width: 130px; padding: 1.5em auto; margin: 1em auto; background-color: #3d7eff; border: none; border-radius: 3px; transition: all 0.2s cubic-bezier(.4,0,.2,1); }
#next:hover, #submit:hover, .quizArea .viewanswer:hover, .quizArea .viewchart:hover, .quizArea .backBtn:hover, .quizArea .replay:hover {  }
.quizArea .viewanswer, .quizArea .viewchart, .quizArea .replay{ width: 30%; }
.quizArea .backBtn { width:100px; height: 2em; font-size: 0.8em; margin-left: 70%; }
#next:active,
#submit:active, .quizArea .viewanswer:active, .quizArea .viewchart:active, .quizArea .backBtn:active, .quizArea .replay:active { letter-spacing: 0.3em; }
.quizArea .resultArea { display: none; margin: auto; }
.quizArea .chartBox{ width: 60%; margin:auto; }
.quizArea .resultPage1{ text-align: center; }
.quizArea .resultBox h1{ }
.quizArea .briefchart { text-align:center; }
.quizArea .resultBtns{ width: 100%; margin: auto; text-align:center; }
.quizArea .resultPage2, .resultPage3 { display: none; text-align: center; }
.quizArea .allAnswerBox{ width: 100%; margin: 0; position: relative; }
.quizArea ._resultboard{ position: relative; display:inline-block; width: 40%; padding: 2%; height: 190px; vertical-align: top; border-bottom: 0.6px solid rgba(255,255,255,0.2); text-align: left; margin-bottom: 4px; }
.quizArea ._resultboard:nth-child(even){ margin-left: 5px; border-left: 0.6px solid rgba(255,255,255,0.2); }
.quizArea ._resultboard:nth-last-child(2), ._resultboard:nth-last-child(1){ border-bottom: 0px; }
.quizArea ._header { font-weight: bold; margin-bottom: 8px; height: 90px; }
.quizArea ._yourans, ._correct { margin-bottom: 8px; position: relative; line-height: 2; padding: 5px; }
.quizArea ._correct { background: #968089 ; }
.quizArea .h-correct { background: #968089; }
.quizArea .h-correct:after, .quizArea ._correct:after { line-height: 1.4; position: absolute; z-index: 499; font-family: 'FontAwesome'; content: "\f00c"; bottom: 0; right: 7px; font-size: 1.9em; color: #2dceb1; }
.quizArea .h-incorrect{ background: #ab4e6b; }
.quizArea .h-incorrect:after { line-height: 1.4; position: absolute; z-index: 499; font-family: 'FontAwesome'; content: "\f00d"; bottom: 0; right: 7px; font-size: 1.9em; color: #ff383e; }
.quizArea .resultPage3 h1, .quizArea .resultPage1 h1, .quizArea .resultPage2 h1 { text-align: center; padding-bottom: 10px; border-bottom: 1.3px solid rgba(21, 63, 101,0.9); color: #3a5336; }
.quizArea .my-progress { position: relative; display: block; margin: 1rem auto 0rem; width: 100%; max-width: 950px; }
.quizArea progress { display: block; position: relative; top: -4px; left: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f1f2ec; width: 100%; height: 2.5px; background: none; -webkit-transition: 1s; transition: 1s; will-change: contents; }
.quizArea progress::-webkit-progress-bar { background-color: #f1f2ec; }
.quizArea progress::-webkit-progress-value { background-color:#153f65; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.quizArea .my-progress-indicator { position: absolute; top: -7px; left: 0; display: inline-block; width: 8px; height: 8px; background: #7aa4a9; border: 3px solid #f1f2ec; border-radius: 50%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transition-delay: .3s; transition-delay: .3s; will-change: transform; }
.quizArea .my-progress-indicator.progress_1 { left: 0; }
.quizArea .my-progress-indicator.progress_2 { left: 9%; }
.quizArea .my-progress-indicator.progress_3 { left: 18%; }
.quizArea .my-progress-indicator.progress_4{ left: 27%; }
.quizArea .my-progress-indicator.progress_5 { left: 36%; }
.quizArea .my-progress-indicator.progress_6 { left: 45%; }
.quizArea .my-progress-indicator.progress_7 { left: 54%; }
.quizArea .my-progress-indicator.progress_8 { left: 63%; }
.quizArea .my-progress-indicator.progress_9 { left: 72%; }
.quizArea .my-progress-indicator.progress_10 { left: 81%; }
.quizArea .my-progress-indicator.progress_11 { left: 90%; }
.quizArea .my-progress-indicator.progress_12 { left: 100%; }
.quizArea .my-progress-indicator.active { -webkit-animation: bounce .5s forwards; animation: bounce .5s forwards; -webkit-animation-delay: .5s; animation-delay: .5s; border-color: #153f65 ; }
.quizArea .animation-container { position: relative; width: 100%; -webkit-transition: .3s; transition: .3s; will-change: padding; overflow: hidden; }
.quizArea .form-step { position: absolute; -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; will-change: transform, opacity; }
.quizArea .form-step.leaving { -webkit-animation: left-and-out .5s forwards; animation: left-and-out .5s forwards; }
.quizArea .form-step.waiting { -webkit-transform: translateX(400px); transform: translateX(400px); }
.quizArea .form-step.coming { -webkit-animation: right-and-in .5s forwards; animation: right-and-in .5s forwards; }
@-webkit-keyframes left-and-out {
  100% { opacity: 0; -webkit-transform: translateX(-400px); transform: translateX(-400px); }
}
@keyframes left-and-out {
  100% { opacity: 0; -webkit-transform: translateX(-400px); transform: translateX(-400px); }
}
@-webkit-keyframes right-and-in {
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes right-and-in {
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@-webkit-keyframes bounce {
  50% { -webkit-transform: scale(1.5); transform: scale(1.5); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bounce {
  50% { -webkit-transform: scale(1.5); transform: scale(1.5); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
.quizArea .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.quizArea ul{ list-style-type: none; width: 220px; margin: auto; text-align: left; }
.quizArea li { position: relative; padding: 10px; padding-left: 40px; height:30px; }
.quizArea label {  }
.quizArea label:before { content: ""; width: 15px; height: 15px; background: #ccc; position: absolute; left: 7px; top: calc(50% - 13px); box-sizing: border-box; border-radius: 50%; }
.quizArea input[type="radio"] { opacity: 0; -webkit-appearance: none; display: inline-block; vertical-align: middle; z-index: 100; margin: 0; padding: 0; width: 100%; height: 30px; position: absolute; left: 0; top: calc(50% - 15px); cursor: pointer; }
.quizArea .bullet { position: relative; width: 25px; height: 25px; left: 2px; top: 2px; border: 5px solid #222 ; opacity: 0; border-radius: 50%; }
.quizArea input[type="radio"]:checked ~ .bullet { position:absolute; opacity: 1; animation-name: explode; animation-duration: 0.350s; }
.quizArea .myoptions { position: relative; height: 40px; }
.quizArea .myoptions:hover { background-color: #f8f8f8; }
.quizArea .line { position: absolute; width: 10px; height: 2px; background-color: #ccc ; opacity:0; }
.quizArea .line.zero { left: 11px; top: -21px; transform: translateY(20px); width: 2px; height: 10px; }
.quizArea .line.one { right: -7px; top: -11px; transform: rotate(-55deg) translate(-9px); }
.quizArea .line.two { right: -20px; top: 11px; transform: translate(-9px); }
.quizArea .line.three { right: -8px; top: 35px; transform: rotate(55deg) translate(-9px); }
.quizArea .line.four { left: -8px; top: -11px; transform: rotate(55deg) translate(9px); }
.quizArea .line.five { left: -20px; top: 11px; transform: translate(9px); }
.quizArea .line.six { left: -8px; top: 35px; transform: rotate(-55deg) translate(9px); }
.quizArea .line.seven { left: 11px; bottom: -21px; transform: translateY(-20px); width: 2px; height: 10px; }
.quizArea input[type="radio"]:checked ~ .bullet .line.zero { animation-name:drop-zero; animation-delay: 0.100s; animation-duration: 0.9s; animation-fill-mode: forwards; }
.quizArea input[type="radio"]:checked ~ .bullet .line.one { animation-name:drop-one; animation-delay: 0.100s; animation-duration: 0.9s; animation-fill-mode: forwards; }
.quizArea input[type="radio"]:checked ~ .bullet .line.two { animation-name:drop-two; animation-delay: 0.100s; animation-duration: 0.9s; animation-fill-mode: forwards; }
.quizArea input[type="radio"]:checked ~ .bullet .line.three { animation-name:drop-three; animation-delay: 0.100s; animation-duration: 0.9s; animation-fill-mode: forwards; }
.quizArea input[type="radio"]:checked ~ .bullet .line.four { animation-name:drop-four; animation-delay: 0.100s; animation-duration: 0.9s; animation-fill-mode: forwards; }
.quizArea input[type="radio"]:checked ~ .bullet .line.five { animation-name:drop-five; animation-delay: 0.100s; animation-duration: 0.9s; animation-fill-mode: forwards; }
.quizArea input[type="radio"]:checked ~ .bullet .line.six { animation-name:drop-six; animation-delay: 0.100s; animation-duration: 0.9s; animation-fill-mode: forwards; }
.quizArea input[type="radio"]:checked ~ .bullet .line.seven { animation-name:drop-seven; animation-delay: 0.100s; animation-duration: 0.9s; animation-fill-mode: forwards; }
@keyframes explode {
	0%{ opacity: 0; transform: scale(10); }
	60%{ opacity: 1; transform: scale(0.5); }
	100%{ opacity: 1; transform: scale(1); }
}
@keyframes drop-zero {
	0% { opacity: 0; transform: translateY(20px); height: 10px; }
	20% { opacity:1; }
	100% { transform: translateY(-2px); height: 0px; opacity:0; }
}
@keyframes drop-one {
	0% { opacity: 0; transform: rotate(-55deg) translate(-20px); width: 10px; }
	20% { opacity:1; }
	100% { transform: rotate(-55deg) translate(9px); width: 0px; opacity:0; }
}
@keyframes drop-two {
	0% { opacity: 0; transform: translate(-20px); width: 10px; }
	20% { opacity:1; }
	100% { transform: translate(9px); width: 0px; opacity:0; }
}
@keyframes drop-three {
	0% { opacity: 0; transform: rotate(55deg) translate(-20px); width: 10px; }
	20% { opacity:1; }
	100% { transform: rotate(55deg) translate(9px); width: 0px; opacity:0; }
}
@keyframes drop-four {
	0% { opacity: 0; transform: rotate(55deg) translate(20px); width: 10px; }
	20% { opacity:1; }
	100% { transform: rotate(55deg) translate(-9px); width: 0px; opacity:0; }
}
@keyframes drop-five {
	0% { opacity: 0; transform: translate(20px); width: 10px; }
	20% { opacity:1; }
	100% { transform: translate(-9px); width: 0px; opacity:0; }
}
@keyframes drop-six {
	0% { opacity: 0; transform: rotate(-55deg) translate(20px); width: 10px; }
	20% { opacity:1; }
	100% { transform: rotate(-55deg) translate(-9px); width: 0px; opacity:0; }
}
@keyframes drop-seven {
  0% { opacity: 0; transform: translateY(-20px); height: 10px; }
	20% { opacity:1; }
	100% { transform: translateY(2px); height: 0px; opacity:0; }
}
/* Terminal */
.zterminal { background: #30353A; color: white; }
.zterminal pre .zterminal-inner { height: 180px !important; font: 8pt/1.25 Menlo, Monaco, "Consolas", "Courier New"; overflow: scroll; width: 100% !important; overflow-x: hidden; }
.zterminal pre .zterminal-inner div { padding: 5px 0 0 5px; }
.zterminal pre .zterminal-inner .entry { color: Snow; }
.zterminal pre .zterminal-inner .info { color: LawnGreen; }
.zterminal pre .zterminal-inner .warn { color: GoldenRod; }
.zterminal pre .zterminal-inner .error { color: LightCoral; }
/* Stopwatch */
#stopwatcher { position: relative; float: left; display: inline-block; margin-right: 20px; border-radius: 3px; height: 34px; text-align: center; line-height: 34px; font-size: 13px; }
#pubFallWraper { position: relative; float: left; display: inline-block; margin-right: 15px; }
#fallstudieVeroeffentlichen { background: #2196f3; box-shadow: 0 0 0 0 rgb(0, 147, 233, 0.55); }
body.light #stopwatcher { background-color: #f1f1f1; color: #222; }
body.dark #stopwatcher { background-color: #5a5a5a; color: #222; }
#stopwatcher .stopwatch-control, #stopwatcher .stopwatch-control .playpause, #stopwatcher .stopwatch-control .stop { float: left; display: inline-block; height: 34px; font-size: 11px; }
#stopwatcher .stopwatch-control .play, #stopwatcher .stopwatch-control .pause { float: left; display: inline-block; line-height: 34px; padding: 0px 7px; cursor: pointer; }
#stopwatcher .stopwatch-control .playpause { padding-left: 7px; }
#stopwatcher .stopwatch-control .stop { padding: 0px 7px; cursor: pointer; text-align: left; }
#stopwatcher .stopwatch-display { float: left; display: inline-block; height: 34px; padding: 0px 10px; font-size: 10px; min-width: 100px; text-align: right; }
#stopwatcher .stopwatch-display .minutes { font-size: 13px; font-weight: 600; }
#stopwatcher .stopwatch-display .seconds { font-size: 13px; font-weight: 600; }
/* Github Contribution Graph */
.ganttchartgraph-wrpr { display: inline-block; width: 100%; position: relative; }
.ganttchartgraph .months { grid-area: months; }
.ganttchartgraph .days { grid-area: days; }
.ganttchartgraph .squares { grid-area: squares; }
.ganttchartgraph { display: inline-grid; grid-template-areas: "empty months" "days squares"; grid-template-columns: auto 1fr; grid-gap: 5px; }
.ganttchartgraph .months { display: grid;
  grid-template-columns: calc(var(--week-width) * 4) /* Jan */
                         calc(var(--week-width) * 4) /* Feb */
                         calc(var(--week-width) * 4) /* Mar */
                         calc(var(--week-width) * 5) /* Apr */
                         calc(var(--week-width) * 4) /* May */
                         calc(var(--week-width) * 4) /* Jun */
                         calc(var(--week-width) * 5) /* Jul */
                         calc(var(--week-width) * 4) /* Aug */
                         calc(var(--week-width) * 4) /* Sep */
                         calc(var(--week-width) * 5) /* Oct */
                         calc(var(--week-width) * 4) /* Nov */
                         calc(var(--week-width) * 5) /* Dec */; }
.ganttchartgraph .months li, .ganttchartgraph .days li { padding: 0; font-size: 11px; }
.ganttchartgraph .days, .ganttchartgraph .squares { display: grid; grid-gap: var(--square-gap); grid-template-rows: repeat(7, var(--square-size)); }
.ganttchartgraph .squares { grid-auto-flow: column; grid-auto-columns: var(--square-size); }
.ganttchartgraph { padding: 20px; border: 1px #e1e4e8 solid; }
.ganttchartgraph .days li:nth-child(odd) { visibility: hidden; }
.ganttchartgraph .squares li { background-color: #ebedf0; padding: 0; }
.ganttchartgraph .squares li[data-level="1"] { background-color: #c6e48b; }
.ganttchartgraph .squares li[data-level="2"] { background-color: #7bc96f; }
.ganttchartgraph .squares li[data-level="3"] { background-color: #196127; }
/* Henkel PC Calculator */
.pccalculator { display: inline-block; width: 100%; padding: 20px; margin: 30px 0; min-height: 150px; }
.pccalc-input-wrpr { display: inline-block; width: 70%; padding-top: 18px; }
.pccalc-input-wrpr label { display: inline-block; float: left; width: 50%; }
.pccalc-input-wrpr .hlpr-btns { display: inline-block; float: right; max-width: 60px; }
.pccalc-input-wrpr .hlpr-btns span { display: inline-block; margin-bottom: 4px; font-size: 9px; padding: 4px 4px; width: 40px; text-align: center; }
.pccalc-input-wrpr input { display: inline-block; width: 70%; }
.pccalculator .pccalc-input-wrpr .hlpr-btns { display: none; }
.pccalculator:hover .pccalc-input-wrpr .hlpr-btns { display: inline-block; }

.content-section ul.schlagworte li { width: fit-content; display: flex; float: left; flex-direction: row; flex-wrap: wrap; list-style: none; padding: 4px; margin-right: 10px; background-color: var(--active-light-color); font-size: 11px; border-radius: 3px; }
.content-section ul.schlagworte li a { color: var(--active-color); text-decoration: none; }
.urheber { }
.formulierung { padding: 30px 0px; font-size: 14px; }
.content-section .cstmrtgs { display: block; }
.content-section .cstmrtgs li { display: inline-block; background-color: #ccc; width: fit-content; padding: 2px 7px; border-radius: 3px; font-size: 9px; }
.chart-row { display: flex; justify-content: space-between; margin: 0 -8px; width: 100%; }
.chart-row.three .chart-container-wrapper { width: 33.3%; }
.chart-row.two .chart-container-wrapper { width: 50%; }
.chart-row.one .chart-container-wrapper { width: 100%; }
.chart-container-wrapper .chart-container { justify-content: space-between; }
.chart-row.two .big { flex: 1; max-width: 77.7%; }
.chart-row.two .big .chart-container { flex-direction: column; }
.chart-row.two .small { width: 33.3%; }
.chart-row.two .small .chart-container { flex-direction: column; }
.chart-row.two .small .chart-container + .chart-container { margin-top: 16px; }
.line-chart { width: 100%; margin-top: 24px; }
.chart-container { display: inline-block; width: 100%; position: relative; border-radius: 3px; background-color: #e9ebee; padding: 16px; height: fit-content; font-size: 12px; }
.jrnl-frstrow .chart-container.trnsprnt { padding: 16px 26px 16px 0px; font-size: 11px; }
.spacertop { margin-top: 7px; }
.spacerbtm { margin-bottom: 7px; }
.chart-container.blueish { background-color: var(--active-light-color); }
.chart-container.trnsprnt { background-color: var(--theme-bg-color); border: 1px solid #dcdcff; }
.chart-container.red { background-color: #ff0033; }
.chart-container.pink { background-color: #ffedec; }
.chart-container.yellow { background-color: #fff1d6; }
.chart-container.green { background-color: #e0fbf6; }
.chart-container.applicants { max-height: 336px; overflow-y: auto; }
.chart-container-wrapper { padding: 8px; width: 100%; position: relative; }
.chart-info-wrapper { display: inline-block; float: left; }
.chart-info-wrapper h2 { color: #5e6a81; font-size: 12px; line-height: 16px; font-weight: 600; text-transform: uppercase; margin: 0 0 8px 0; }
.chart-info-wrapper span { color: #222; font-size: 24px; line-height: 32px; font-weight: 500; }
.chart-info-wrapper span.sternchen { font-size: 15px; vertical-align: 10px; color: #f03; }
.chart-info-wrapper .priceuniter { font-size: 12px; }
.chart-info-wrapper .priceuniter.curr { font-size: 15px; }
.chart-svg { position: relative; max-width: 70px; min-width: 40px; float: right; }
.circle-bg { fill: none; stroke: #eee; stroke-width: 1.2; }
.circle { fill: none; stroke-width: 1.6; stroke-linecap: round; -webkit-animation: progress 1s ease-out forwards; animation: progress 1s ease-out forwards; }
.circular-chart.orange .circle { stroke: #ff9f00; }
.circular-chart.orange .circle-bg { stroke: #776547; }
.circular-chart.blue .circle { stroke: #00cfde; }
.circular-chart.blue .circle-bg { stroke: #557b88; }
.circular-chart.pink .circle { stroke: #ff7dcb; }
.circular-chart.pink .circle-bg { stroke: #6f5684; }
.circular-chart.pinkwhite .circle { stroke: #ff7dcb; }
.circular-chart.pinkwhite .circle-bg { stroke: #fff; }
.percentage { fill: #222; font-size: 0.6em; text-anchor: middle; font-weight: 500; }
.chart-info-wrapper span.chart-info-subl { display: inline-block; width: 100%; }
.chart-info-subwrapper { display: inline-block; width: 100%; padding-top: 20px; }
.chart-info-subwrapper span { display: inline-block; width: 100%; font-size: 11px; margin-top: 7px; }
.chart-info-subwrapper.smaller { padding-top: 3px; }
.chart-info-wrapper span.evalperc { position: absolute; font-size: 12px; margin-left: 10px; }

.journal-entry-filter { display: inline-block; width: 100%; }
.journal-entry-filter .journal-entry-filter-label { cursor: pointer; display: inline-block; width: 100%; font-weight: bold; font-size: 12px; line-height: 16px; padding: 5px 0px; }
.journal-entry-filter .journal-entry-filter-inner { display: none; }
.journal-entry-filter.open .journal-entry-filter-inner { display: inline-block; width: 100%; font-size: 11px; }

.feed { display: inline-block; width: 100%; border-left: 1px solid var(--line-sep-color); border-right: 1px solid var(--line-sep-color); border-top: 1px solid var(--line-sep-color); }
.feed a { text-decoration: none; color: var(--theme-color); }
.feed a.gefunden .feed_item .tfeed { background-color: rgb(148 255 148 / 36%) !important; }
.feed .feed_item { position: relative; border-bottom: 1px solid var(--line-sep-color); }
.feed .feed_item:first { border-top: 1px solid var(--line-sep-color); }
.tfeed { padding: 15px; transition: background-color .25s; }
.tfeed:focus, .tfeed:hover { background-color: #eef4f8; }
.feed_block--header {  }
.feed_block--header .feed_element { font-size: 12px; display: inline-block; margin-right: 7px; }
.feed_block--header .feed_element.feed_element--title { font-size: 12px; display: inline-block; width: 90%; }
.feed_block--header .upperline-subh { display: inline-block; width: 90%; font-size: 12px; }
.feed_block--header .upperline-subh span.customer a { cursor: pointer; font-size: 10px; margin-right: 10px; }
.feed_block--header .upperline-subh span.customer a:hover { color: blue; }
.feed_block--header .upperline-subh span.feed_element--deadline { font-size: 10px; }
.feed_block--header .upperline-subh span.feed_element--deadline.overdue { color: var(--theme-neg-color); }
.feed_block--header .upperline-subh span.feed_element--deadline i, .feed_block--header .upperline-subh span.feed_element--neededtime i { margin-right: 3px; }
.feed_block--header .upperline-subh span.feed_element--neededtime { font-size: 10px; margin-right: 10px; }
.feed_block--text { font-size: 13px; margin-top: 7px; }
.feed.todoslist .feed_block--text { font-size: 11px; }
.feed_block--header .feed_element .feed_element--timing { font-size: 10px; }
.feed_element--sbu { font-size: 10px; border-radius: 3px; }
.feed_element--sbu.epic { font-size: 10px; }
.feed_element--sbu.emo { font-size: 10px; }
.feedlinks { display: inline-block; width: 100%; text-decoration: none; color: var(--theme-color); padding: 3px 0px; }
.feed .feed_item .timeline { font-size: 11px; margin: 15px 0 10px 0; }
.feed .feed_item .timeline .milestones {}
.feed .feed_item .timeline article { padding-left: 1rem; padding-bottom: 0; }
.feed .feed_item .timeline article label { font-size: 11px; }
.feed .feed_item .timeline article + article { margin-top: 0; }
.feed .feed_item .timeline article:before { height: calc(100% + 0.1em); }
.feed .feed_item .timeline article:after { width: 8px; height: 8px; left: -3px; }
.feed .feed_item .timeline article div { font-size: 11px; }
.feed .feed_item .timeline .milestones article:last-child:before { display: none; }
.todoopnr { cursor: pointer; }
.feed .feed_item .avatars-group .v-avatar span { font-size: 80%; }
.feed .feed_item .entryopenmenu, .feed_inner_wrapper article .entryopenstsmenu, .journal-entry .entryopenmenu { display:none; position: absolute; backdrop-filter: blur(5px); background: rgb(33 33 33 / 82%); color: #fff; font-size: 10px; right: 10px; padding: 4px 6px; z-index: 99; border-radius: 2px; }
.editjrnlwrpr { display: inline-block; position: absolute; }
.jstathdr { display: inline-block; font-size: 12px; }
.jstathdr span { display: inline-block; margin-right: 10px; opacity: 0.5; }
.jstathdr span:hover { opacity: 1; }
.feed .feed_item .entryopenmenu div, .feed_inner_wrapper article .entryopenstsmenu div, .journal-entry .entryopenmenu div { cursor: pointer; }
.feed_inner_wrapper article span.timeneeded { margin-left: 10px; color: #6b8fb6; }

ul.zmain-list { margin-top: 10px; }
ul.zmain-list li .pricing { display: inline-block; position: absolute; right: 10px; }
.pricing.good, .chart-info-wrapper span.evalperc.good { color: var(--theme-pos-color); }
.pricing.bad, .chart-info-wrapper span.evalperc.bad { color: var(--theme-neg-color); }
.mini-descr { font-size: 10px; display: block; text-align: center; }

.zauberlist-toolbar-wrpr { display: inline-block; width: 100%; margin-bottom: 20px; }
.zauberlist-toolbar-wrpr.nomargin { margin: 0; }
.zauberlist-toolbar-wrpr .filter-tabs { display: inline-block; float: left; width: auto; }
.zauberlist-toolbar-wrpr .srchrstls, .tab-content .srchrstls { font-size: 12px; line-height: 40px; color: #959595; }
.zauberlist-toolbar-wrpr .listsearcher-wrpr { display: inline-block; width: min-content; float: right; margin-right: 10px; }
.zauberlist-toolbar-wrpr .listsearcher-wrpr input { height: 36px; }
.zauberlist-toolbar-wrpr .toolb-btn { display: inline-block; padding: 3px 7px; background-color: var(--theme-bg-color); border: 1px solid var(--theme-highlightcolor); border-radius: 3px; margin-top: 2.5px; cursor: pointer; }
.zauberlist-toolbar-wrpr .zauberlist-toolbar-left { display: inline-block; width: 50%; }
.zauberlist-toolbar-wrpr .zauberlist-toolbar-right { display: inline-block; width: 50%; float: right; }
.zauberlist-toolbar-wrpr .button-toolbar { float: right; }
#shhdsrchfldico { padding: 8px; margin-top: 3px; }


@-webkit-keyframes progress {
  0% { stroke-dasharray: 0 100; }
}
@keyframes progress {
  0% { stroke-dasharray: 0 100; }
}
.chart-container-header { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 12px; }
.chart-container-header h2 { margin: 0; color: #222; font-size: 12px; line-height: 16px; opacity: 0.8; }
.chart-container-header span { color: #3d7eff; font-size: 12px; line-height: 16px; }
.chart-row-content { display: inline-block; width: 100%; }
.chart-row-content.spcrbtm { margin-bottom: 15px; }
.chart-row-content .chart-titel { display: inline-block; width: 100%; }
.chart-row-content.logo img { max-height: 150px; }
.chart-container-stats { display: inline-block; float: right; font-size: 11px; }
.acquisitions-bar { width: 100%; height: 4px; border-radius: 4px; margin-top: 16px; margin-bottom: 8px; display: flex; }
.bar-progress { height: 4px; display: inline-block; }
.progress-bar-info { display: flex; align-items: center; margin-top: 0px; width: 100%; }
.progress-color { width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; }
.progress-color.applications { background-color: #ff7dcb; }
.progress-color.images, .bar-progress.images { background-color: #00de6d; }
.progress-color.videos, .bar-progress.videos { background-color: #00c8de; }
.progress-color.documents, .bar-progress.documents { background-color: #ff7dcb; }
.progress-color.strecken, .bar-progress.strecken { background-color: #5c95ff; }
.progress-color.audio, .bar-progress.audio { background-color: #f3c61d; }
progress-color.unknown, .bar-progress.unknown { background-color: #ff5c5c; }
.progress-type { color: #5e6a81; font-size: 12px; line-height: 16px; }
.progress-amount { color: #5e6a81; font-size: 12px; line-height: 16px; margin-left: auto; }
.actfiles { padding: 10px 0; }
.ft-size11 { font-size: 11px !important; }
.pdficolink { text-decoration: none; font-size: 10px; color: var(--theme-color); margin-left: 5px; }
.pdficolink i { font-size: 12px; color: var(--theme-highlightcolor); }
#mediendetails { margin-bottom: 10px; }
#mediendetailsbtn, #workoutstatsbtn, #docsstatsbtn, #expensstatsbtn, #medicstatsbtn { cursor: pointer; }
#showkatshoppopps { font-size: 9px; }
.jrnl-stats .stat { margin-bottom: 4px; }
.jrnl-stats .stat .btnstats { margin: 15px 0; }
.jrnl-stats .stat .btnstats i { margin-right: 8px; }
.jrnl-stats .stat .thirdval { width: 30%; display: inline-block; text-align: center; border: 1px solid #ccc; line-height: 30px; border-radius: 3px; margin: 0px 1%; }
.content-section ul.statlist li { font-size: 10px; padding: 2px 7px; display: inline-block; width: 100%; float: left; }
.content-section ul.statlist li:hover { background-color: #f2f2f2; }
.content-section ul.statlist li .shoppoppkey { display: inline-block; float: left; }
.content-section ul.statlist li .shoppoppval { display: inline-block; float: right; }
.halfvalbtnwrpr { border: 1px solid #ccc; padding: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.halfvalbtnwrpr .halfvalbtn { width: 45%; display: inline-block; text-align: center; line-height: 30px; margin: 0px 2%; }
.halfvalbtnwrpr .halfvalbtn .expensstatshdrbtnsval { display: inline-block; width: 100%; font-size: 14px; float: left; line-height: 24px; margin-top: 6px; }
.halfvalbtnwrpr .halfvalbtn .expensstatshdrbtnstitle { display: inline-block; width: 100%; font-size: 9px; float: left; line-height: 12px; }
.statfilterheader { display: inline-block; width: 100%; padding: 4px 10px; text-align: right; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.content-section ul.statlist { max-height: 300px; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.content-section ul.statlist:hover { overflow-y: auto; }
.content-section ul.statlist.flbrdr { border-top: 1px solid #ccc; }
.exp-stats { margin-bottom: 10px; }

.pieID { display: inline-block; vertical-align: top; }
.pie { height: 150px; width: 150px; position: relative; margin: 0 30px 30px 0; }
.pie::before { content: ""; display: block; position: absolute; z-index: 1; width: 50px; height: 50px; background: #e9ebee; border-radius: 50%; top: 50px; left: 50px; }
.pie::after { content: ""; display: none; width: 120px; height: 2px; background: rgba(0, 0, 0, 0.1); border-radius: 50%; box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.1); margin: 220px auto; }
.slice { position: absolute; width: 150px; height: 150px; clip: rect(0px, 150px, 150px, 75px); animation: bake-pie 1s; }
.slice span { display: block; position: absolute; top: 0; left: 0; background-color: black; width: 150px; height: 150px; border-radius: 50%; clip: rect(0px, 150px, 150px, 75px); }
.piechartlegend { list-style-type: none; background: none !important; border: none !important; padding: 0; margin: 0; padding: 15px; font-size: 10px; }
.piechartlegend li { width: 100%; height: 14px; margin-bottom: 0.7em; padding: 5px 10px !important; border-top: unset !important; border-left: 1.25em solid black; }
.piechartlegend em { font-style: normal; font-size: 9px; }
.piechartlegend span { float: right; font-size: 9px; margin-left: 7px; }
@keyframes bake-pie {
  from { transform: rotate(0deg) translate3d(0, 0, 0); }
}

.footnotes-wrapper { display: inline-block; width: 100%; margin-top: 40px; }
.footnotes-wrapper label { display: inline-block; width: 100%; font-size: 12px; font-weight: bold; }
.footnotes { font-size: 10px; line-height: 15px; padding-left: 10px; }
.footnotes ol { list-style-type: decimal; padding: 0; margin-top: 0; }
.footnotes ol li { color: var(--theme-color); }
.footnotes ol li a { color: var(--theme-color); }
.footnotes ol br { display: none; }
sup.footnote a { color: #fe0034; font-weight: 600;}

.eval-cstmr-wrpr {  }
.eval-cstmr-wrpr .eval-cstmr-rating { display: inline-block; padding: 20px; border: 1px solid var(--theme-color); float: left; }
.eval-cstmr-wrpr {  }
.eval-cstmr-wrpr .eval-cstmr-txt { display: inline-block; font-size: 11px; }
.eval-cstmr-wrpr {  }

li.oneentry {  }
.oneentry a { text-decoration: none; color: var(--theme-color); }
.oneentry .buchnr { display: inline-block; width: 80px; float: left; }
.oneentry .bezeich { display: inline-block; width: -webkit-fill-available; }
.oneentry .betrag { display: inline-block; float: right; }

.magiccard-details { list-style: none; padding: 0; }
.magiccard-details li {  }
.magiccard-details li span {  border: 1px solid var(--theme-color); border-radius: 3px; margin-right: 10px; padding: 2px 4px; }
.carddescr { font-size: 13px; padding-bottom: 20px; font-weight: 400; }
.hdrinfotble-wrpr { display: inline-block; width: 100%; }
table.infotble, table.hdrinfotble { width: 100%; border-collapse: collapse !important; height: fit-content; background-color: var(--content-bg); }

table.hdrinfotble { border-radius: 3px; font-size: 13px; font-weight: 400; }
table.hdrinfotble tbody { border-color: transparent; }
table.hdrinfotble tr:nth-child(even){ background-color: rgb(242 242 242 / 9%); }
table.hdrinfotble.transparent tbody { border-color: transparent; background-color: transparent; }
table.hdrinfotble.transparent tr:hover{ background-color: rgb(242 242 242 / 40%); }

.chart-container table.hdrinfotble.facts { background-color: transparent; }
.chart-container table.hdrinfotble.facts tr:hover { background-color: var(--theme-bg-color) !important; }
.chart-container table.hdrinfotble.facts tr:nth-child(even){ background-color: inherit; }

table span.metrhlp { display: block; line-height: 18px; }
table.hdrinfotble tr, table.hdrinfotble tr td { }
table.hdrinfotble tr td { padding: 10px 15px; }
span.clist-position { margin-left: 15px; font-style: italic; font-size: 11px; }
.illustrare { width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-left: 10px; margin-right: 5px; }
.illustrare.mrare { background-color: #a90909; }
.illustrare.rare { background-color: #ffca00; }
.illustrare.uncommon { background-color: #c4b3b3; }
.illustrare.common { background-color: #1f1e1e; }

.microlight { font-family : monospace; white-space : pre; background: #f8fcfa; padding: 10px; border-radius: 3px; border: 1px solid #b9e1cd; }

.mdlinfo { margin-top: 30px; padding-bottom: 10px; }
.zustand { color: #fff; line-height: 0.5rem; padding: 2px 10px; font-size: 13px; margin-left: 15px; border-radius: 3px; }
.zustand.mint { background-color: #17a2b8; }
.zustand.mint::after { content: 'MT'; }
.zustand.nearmint { background-color: rgba(40,167,69,0.9); }
.zustand.nearmint::after { content: 'NM'; }
.zustand.excellent { background-color: #82891e; }
.zustand.excellent::after { content: 'EX'; }
.zustand.good { background-color: #ffc107; }
.zustand.good::after { content: 'GD'; }
.zustand.lplayed { background-color: rgba(253,126,20,0.9); }
.zustand.lplayed::after { content: 'LP'; }
.zustand.played { background-color: rgba(220,53,69,0.75); }
.zustand.played::after { content: 'PL'; }
.zustand.poor { background-color: #dc3545; }
.zustand.poor::after { content: 'PO'; }
.mdlrow { display: flex; }
.mdlrow .zcolumn { flex: 50%; display: flex; flex-wrap: wrap; position: relative; transition: all 1000ms; }
.mdlrow .zcolumn.mx50perc { max-width: 50%; }
.mdlrow .zcolumn.onethird { flex: 40%; padding: 20px; flex-direction: column; }
.mdlrow .zcolumn.onethird.mx300 { flex: 40%; max-width: 300px; }
.mdlrow .zcolumn.onethird.jrnl { max-width: 360px; padding: 20px; }
.mdlrow .zcolumn.onethird.jrnl-frstrow { display: none; }
.mdlrow .zcolumn.tenty { flex: 0%; padding: 0px; flex-direction: column; }
.mdlrow .zcolumn.twothird { flex: 60%; padding: 20px; height: fit-content; }
.mdlrow .zcolumn.neunty { flex: 94%; padding: 20px; height: fit-content; }
.mdlrow .zcolumn.onefourth { flex: 25%; padding: 20px; }
.mdlrow .zcolumn.threefourth { flex: 75%; padding: 20px; height: fit-content; }
.mdlrow .zcolumn.innerrowwfst { flex-basis: 250px; flex: 250px; padding: 20px; }
.mdlrow .zcolumn.innerrowwscnd { flex: 60%; padding: 20px 20px 20px 0px; height: fit-content; }
.mdlrow .zcolumn.twothird.nopadtop { padding-top: 0px; }
.scrolly { overflow-y: auto; max-height: 100vh; }
.jrnl-frstrow { flex: 40%; padding: 20px; }
@media screen and (min-width: 1200px) {
  .mdlrow .zcolumn.onethird.jrnl-frstrow { display: flex; max-width: 360px; padding: 20px; }
}
.highlight { background-color: #2effac; padding: 2px 0; }

/* astronautloader */
.astronaut1, .astronautglass, .badge1 { animation: dance 0.05s infinite alternate; }
.satellite { transform-origin: 50% 40%; animation: rotate 30s infinite linear; }
.jetBubble1 { transform-origin: 50% 40%; animation: scale 1s infinite ease-in-out; }
.jetBubble3 { transform-origin: 50% 40%; animation: scale2 0.8s infinite ease-in-out; }
.jetBubble2 { transform-origin: 50% 40%; animation: scale3 1.3s infinite ease-in-out; }
.pulse1, .satellitePulse1 { animation: opacity 1.1s 1.6s infinite ease-in-out; }
.pulse2, .satellitePulse2 { animation: opacity 1.1s 1.7s infinite ease-in-out; }
.pulse3, .satellitePulse3 { animation: opacity 1.1s 1.8s infinite ease-in-out; }
#speedLine0 { animation: line-animation1 0.4s infinite ease-in-out; }
#speedLine1 { animation: line-animation2 0.4s infinite ease-in-out; }
#speedLine2 { animation: line-animation3 0.4s infinite ease-in-out; }
#speedLine3 { animation: line-animation1 0.4s infinite ease-in-out; }
#speedLine4 { animation: line-animation1 0.7s infinite ease-in-out; }
#speedLine5 { animation: line-animation1 0.4s infinite ease-in-out; }
#speedLine6 { animation: line-animation1 0.5s infinite ease-in-out; }
@keyframes dance {
  0% {transform: translateY(0px); }
  100% {transform: translateY(4px); }
}
@keyframes rotate {
  100% {transform: rotate(360deg); }
}
@keyframes scale {
  0% {transform: scale(1,1); }
  50% {transform: scale(1.2,1.2); }
  100% {transform: scale(1,1); }
}
@keyframes scale2 {
  0% {transform: scale(1,1); }
  50% {transform: scale(1.2,1.2); }
  100% {transform: scale(1,1); }
}
@keyframes scale3 {
  0% {transform: scale(1,1); }
  60% {transform: scale(1.3,1.3); }
  100% {transform: scale(1,1); }
}
@keyframes line-animation1 {
  0% {stroke-dasharray: 5%,90%;}
  50% {stroke-dasharray: 20%,100%;}
  100% {stroke-dasharray: 5%,200%; stroke-dashoffset: -80%; }
 }
@keyframes line-animation2 {
  0% {stroke-dasharray: 5%,95%; }
  50% {stroke-dasharray: 20%,95%; }
  100% {stroke-dasharray: 5%,100%; stroke-dashoffset: -74%; }
 }
@keyframes line-animation3 {
  0% {stroke-dasharray: 5%,41%;}
  50% {stroke-dasharray: 20%,50%;}
  100% {stroke-dasharray: 5%,80%; stroke-dashoffset: -30%; }
 }
@keyframes opacity {
  0%  { opacity: 0; }
  100% { opacity: 1; }
 }
/* Ausgaben */
.ausg-card { border-radius: 3px; display: inline-block; width: 100%; background-color: #f0f1f4; margin: 4px 5px; font-size: 12px; padding: 10px; }

.modal-cnt { margin: 20px 20px 20px 0px; float: left; display: inline-block; }
.zcard { width: 250px; height: 350px; background-color: var(--theme-bg-color); background-size: 100%; background-repeat: no-repeat; background-position: center; border-radius: 16px; box-shadow: -3px -3px 3px 0 rgb(99 100 106 / 40%), 3px 3px 3px 0 rgb(99 100 106 / 40%), 0 0 6px 2px rgb(99 100 106 / 40%), 0 35px 25px -15px rgba(0, 0, 0, 0.5); position: relative; overflow: hidden; display: inline-block; vertical-align: middle; margin: 20px 10px; -webkit-animation: holoCard 15s ease infinite; animation: holoCard 15s ease infinite; }
.zcard > span { position: relative; top: 45%; }
.zcard:before, .zcard:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-image: linear-gradient(115deg, transparent 0%, #2a2a2a 30%, #ffffff 70%, transparent 100%); background-position: 0% 0%; background-repeat: no-repeat; background-size: 300% 300%; mix-blend-mode: color-dodge; opacity: 0.2; z-index: 1; -webkit-animation: holoGradient 15s ease infinite; animation: holoGradient 15s ease infinite; }
.zcard.foiled:before, .zcard.foiled:after { background-image: linear-gradient(115deg, transparent 0%, #00e7ff 30%, #ff00e7 70%, transparent 100%); }
.zcard.foiled:after { background-image: url("https://mithril.blackzet.com/assets/images/sparkles.gif"); background-position: center; background-size: 180%; mix-blend-mode: color-dodge; opacity: 1; z-index: 2; -webkit-animation: holoSparkle 15s ease infinite; animation: holoSparkle 15s ease infinite; }
.zcard.active:before { opacity: 1; -webkit-animation: none; animation: none; transition: none; background-image: linear-gradient(115deg, transparent 0%, transparent 25%, rgba(42, 42, 42, 0.7) 45%, rgba(255, 255, 255, 0.7) 55%, transparent 70%, transparent 100%); }
.zcard.foiled.active:before { background-image: linear-gradient(115deg, transparent 0%, transparent 25%, rgba(0, 231, 255, 0.7) 45%, rgba(255, 0, 231, 0.7) 55%, transparent 70%, transparent 100%); }
.zcard.active:before, .zcard.active:after { -webkit-animation: none; animation: none; }

.profil-picture-wrpr { display: inline-block; width: 100%; background: #c4c4c4; }
.profil-picture-wrpr .cover { display: inline-block; width: 100%; }
.profil-picture-wrpr .cover img {}
.decoration { width: 300px; height: 140px; background: linear-gradient(135deg,#FF5F5F,#FFFFAE); border-radius: 70px 0px 0px 70px; position: absolute; right: 0; top: 50px; }
.listExperience-wrpr { display: inline-block; width: 100%; position: relative; }
.listExperience { display: inline-block; width: 100%; position: relative; }
.listExperience>li { display: inline-block; margin-bottom: 10px; white-space: unset !important; padding: 5px 10px !important; margin-bottom: 5px; }
.listExperience>li:nth-child(1) ul { border-color: #FF7168; }
.listExperience>li:nth-child(2) ul { border-color: #FFA582; }
.listExperience>li:nth-child(3) ul { border-color: #FFB087; }
.listExperience>li:nth-child(4) ul { border-color: #FFDE9E; }
.listExperience li ul { padding-left: 10px; margin-left: 10px; border-left: solid 4px white; border-top: none; border-bottom: none; border-right: none; }
.listExperience li ul li { white-space: unset; display: inline-block; padding: 2px 4px; }
.listExperience li ul li + li { border-top: none; }
.listSkill{ display: flex; flex-wrap: wrap; }
.listSkill li { width: 25%; padding: 5px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; text-align: center; }
/* list program */
.listProgram .bar { width: 150px; height: 10px; border: solid 2px #FF7168; border-radius: 5px; }
.listProgram li { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; }
.listProgram li:hover { background-color: #3d7eff; }
.listProgram .value { height: 100%; width: 60%; background-color: #FF7168; }
.listProgram .value.p10 { width: 10%; }
.listProgram .value.p20 { width: 20%; }
.listProgram .value.p30 { width: 30%; }
.listProgram .value.p40 { width: 40%; }
.listProgram .value.p50 { width: 50%; }
.listProgram .value.p60 { width: 60%; }
.listProgram .value.p70 { width: 70%; }
.listProgram .value.p80 { width: 80%; }
.listProgram .value.p90 { width: 90%; }
.listProgram .value.p100 { width: 100%; }
/* Medien Gallery */
.image-list { }
.image-list .image-item { width: 100px; height: 100px; background-size: cover; background-position: center; padding: 2px; background-color: #ccc; margin: 0px 4px 4px 0px; }
.product-image { display: none; }
.image-list li { margin: 0; }
@media (min-width: 62rem) {
  .product-image img, .image-list img { width: 100%; }
  .product-image { display: block; }
  .product-image img { height: 52vh; }
  .product-image img.active { display: block; margin: 0 0 0.75rem 0; }
  .image-list { display: flex; overflow: hidden; }
  .image-list li { margin: 0 0.75rem 0 0; flex-basis: 100%; }
  .image-list li:nth-child(3) { }
  .image-list img { height: 10rem; width: 100%; transition: opacity 0.3s ease; cursor: pointer; }
  .image-list img:hover { opacity: 0.7; }
}
@-webkit-keyframes fadeImg {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeImg {
  from { opacity: 0; }
  to { opacity: 1; }
}
/* PLAYGROUND - Drum Kit */
.drumkit-wrpr { display: inline-block; width: 100%; }
.drumkkey { border: 2px solid #bababa; float: left; border-radius: 3px; margin: 10px; font-size: 16px; padding: 5px; transition: all .07s ease; width: 20%; cursor: pointer; text-align: center; color: #222; background: transparent; }
.playing { transform: scale(1.1); border-color: #7adcff; box-shadow: 0 0 1rem #7adcff; background: rgba(255,255,255,0.05); }
.playing .sound { color: #7adcff; }
kbd { display: block; font-size: 1.5rem; font-weight: 600; }
.sound { font-size: 12px; text-transform: uppercase; letter-spacing: .1rem; color: #717171; }
/* Skill Bar */
.skill-bar span { display: inline-block; font-weight: bold; margin-left: 10px; width: 90px; }
.skill-level { display: inline-block; margin-left: 10px; }
.yes { display: inline-block; width: 15px; height: 15px; border-radius: 100%; background-color: #90a955; margin-top: 10px; margin-right: 2px; }
.no { display: inline-block; width: 15px; height: 15px; border-radius: 100%; background-color: #c1d7ae; margin-top: 10px; margin-right: 2px; }

/* Connection tree - https://codepen.io/ross-angus/pen/jwxMjL */
.connection-tree { display: inline-block; width: 100%; }
.connection-tree .tree, .connection-tree .tree ul, .connection-tree .tree li { list-style: none; margin: 0; padding: 0; position: relative; }
.connection-tree .tree { margin: 0 0 1em; text-align: center; }
.connection-tree .tree, .connection-tree .tree ul { display: table; }
.connection-tree .tree ul { width: 100%; }
.connection-tree .tree li { display: table-cell; padding: .5em 0; vertical-align: top; }
/* _________ */
.connection-tree .tree li:before { outline: solid 1px #666; content: ""; left: 0; position: absolute; right: 0; top: 0; }
.connection-tree .tree li:first-child:before {left: 50%;}
.connection-tree .tree li:last-child:before {right: 50%;}
.connection-tree .tree code, .connection-tree .tree span { border: solid .1em #666; border-radius: .2em; display: inline-block; margin: 0 .2em .5em; padding: .2em .5em; position: relative; }
/* If the tree represents DOM structure */
.connection-tree .tree code { font-family: monaco, Consolas, 'Lucida Console', monospace; }
/* | */
.connection-tree .tree ul:before,
.connection-tree .tree code:before,
.connection-tree .tree span:before { outline: solid 1px #666; content: ""; height: .5em; left: 50%; position: absolute; }
.connection-tree .tree ul:before { top: -.5em; }
.connection-tree .tree code:before,
.connection-tree .tree span:before { top: -.55em; }
/* The root node doesn't connect upwards */
.connection-tree .tree > li {margin-top: 0;}
.connection-tree .tree > li:before,
.connection-tree .tree > li:after,
.connection-tree .tree > li > code:before,
.connection-tree .tree > li > span:before { outline: none; }
/* Fingerprint Button */
#loadfngrprnt { display: inline-block; cursor: pointer; opacity: 1; max-width: 28px; }
#loadfngrprnt.loaded { float: left; cursor: not-allowed; }
#loadfngrprnt.confirmed { float: left; }
#a, #b, #c, #d, #e { fill: none; stroke: var(--theme-color); stroke-dashoffset: 0; stroke-width: 1; transition: all 300ms ease; }
.confirmed #a, .confirmed #b, .confirmed #c, .confirmed #d, .confirmed #e { stroke: #2db620; }
.unknown #a, .unknown #b, .unknown #c, .unknown #d, .unknown #e { stroke: #f03; }
#a.active, #b.active, #c.active, #d.active, #e.active { animation: draw 6s forwards; }
#a { stroke-dasharray: 12.1542625427; }
#b { stroke-dasharray: 19.7911586761; }
#c { stroke-dasharray: 53.0072517395; }
#d { stroke-dasharray: 23.7017784119; }
#e { stroke-dasharray: 8.8374814987; }
@keyframes draw {
  20% { stroke-dashoffset: 40; }
  40% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 0; }
}
/* KI Training */
#ki-training-search-container { display: inline-block; width: 100%; margin-top: 20px; }
#ki-training-search-bar { display: inline-block; width: 100%; }
.ki-training-search-container { display: inline-block; width: 100%; }
.ki-training-search-wrpr .srchwrpr { display: inline-block; width: 100%; background-color: #ececec; padding: 15px; }
.ki-training-search-wrpr .srchwrpr input { padding: 5px; border: 1px solid #fff; }
.kitrainrec-list { display: inline-block; width: 100%; }
.kitrainrec-list .kitrainrec { display: inline-block; width: 100%; border: 1px solid #ececec; padding: 15px; font-size: 12px; margin-bottom: 15px; }
.kitrainrec-list .kitrainrec label { display: inline-block; margin-right: 5px; width: 60px; font-weight: bold; font-size: 9px; }
.kitrainrec-list .kitrainrec .kitrainrec-hdr { font-weight: bold; display: inline-block; width: 100%; padding-bottom: 7px; }
.kitrainrec-list .kitrainrec .kitrainrec-input { display: inline-block; width: 100%; padding-top: 7px; }
.kitrainrec-list .kitrainrec .kitrainrec-output { display: inline-block; width: 100%; padding-top: 7px; }
.kitrainrec-list .kitrainrec .kitrainrec-tags { display: inline-block; width: 100%; padding-top: 7px; }
.kitrainrec-list .kitrainrec .kitrainrec-urhr { display: inline-block; width: 100%; padding-top: 7px; }
/* Fingerprint Response & Info */
#fngrprntresp { display: none; font-size: 9px; margin-left: 7px; }
#fngrprntresp.confirmed { display: inline-block; color: #2db620; float: left; }
#fngrprntresp.unknown { display: inline-block; float: left; color: #f03; }
#fngrprntactwrpr { display: none; }
#fngrprntactwrpr.open { display: inline-block; width: 100%; margin-left: 35px; margin-top: 7px; }
#fngrprntactwrpr .zet-btn { font-size: 8px; margin-right: 5px; }
.fngrprntinfo-wrpr { display: none; }
.fngrprntinfo-wrpr.open { display: inline-block; width: 100%; float: none; }
#fngrprnt { display: none; font-weight: bold; }
#fngrprnt.confirmed { display: inline-block; color: #2db620; float: left; margin-left: 7px; margin-top: 3px; line-height: 28px; }
#fngrprnt.unknown { display: inline-block; color: #f03; float: left; margin-left: 7px; margin-top: 3px; line-height: 28px; }
#fngrprntinfo { display: none; }
#fngrprntinfo.loaded { display: inline-block; width: 100%; float: none; }
#info { display: inline-block; width: 100%; float: none; font-size: 10px; }
.apptable { display: inline-block; width: 100%; float: none; font-size: 10px; }
.apptable tr { width: 100%; }
.apptable tr:hover { background-color: #fafafa; }
.apptable td { width: 50%; word-break: break-all; max-height: 120px; display: inline-flex; overflow-y: auto; }
/* App Modal */
.appmodal { position: absolute; height: 100%; width: 100%; padding: 10px; background-color: #fefefee3; left: 0px; top: 0px; overflow: hidden; }
.appmodal-btn-wrpr { display: block; width: 346px; top: 300px; position: fixed; left: 10px; text-align: right; }
.zet-edit-form-wrapper.locked { position: absolute; overflow: hidden; max-height: 340px; }
.appmodalmessage { display: inline-block; width: 100%; padding: 10px; text-align: center; font-weight: bold; }
/* Zauber Calendar */
#zaubercalendar { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 350px; margin: 0 auto; height: fit-content; overflow: hidden; }
#zaubercalendar .header { height: 40px; width: 100%; background: #dfdfdf; text-align: center; position:relative; z-index: 100; }
#zaubercalendar .header h1 { margin: 0 auto; padding: 0; font-size: 14px; line-height: 50px; letter-spacing: 1px; }
#zaubercalendar .left, #zaubercalendar .right { position: absolute; width: 0px; height: 0px; border-style: solid; top: 50%; margin-top: -7.5px; cursor: pointer; }
#zaubercalendar .left { border-width: 7.5px 10px 7.5px 0; border-color: transparent rgba(160, 159, 160, 1) transparent transparent; left: 20px; }
#zaubercalendar .right { border-width: 7.5px 0 7.5px 10px; border-color: transparent transparent transparent rgba(160, 159, 160, 1); right: 20px; }
#zaubercalendar .month { opacity: 0; }
#zaubercalendar .month.new { -webkit-animation: fadeIn 1s ease-out; opacity: 1; }
#zaubercalendar .month.in.next { -webkit-animation: moveFromTopFadeMonth .4s ease-out; -moz-animation: moveFromTopFadeMonth .4s ease-out; animation: moveFromTopFadeMonth .4s ease-out; opacity: 1; }
#zaubercalendar .month.out.next { -webkit-animation: moveToTopFadeMonth .4s ease-in; -moz-animation: moveToTopFadeMonth .4s ease-in; animation: moveToTopFadeMonth .4s ease-in; opacity: 1; }
#zaubercalendar .month.in.prev { -webkit-animation: moveFromBottomFadeMonth .4s ease-out; -moz-animation: moveFromBottomFadeMonth .4s ease-out; animation: moveFromBottomFadeMonth .4s ease-out; opacity: 1; }
#zaubercalendar .month.out.prev { -webkit-animation: moveToBottomFadeMonth .4s ease-in; -moz-animation: moveToBottomFadeMonth .4s ease-in; animation: moveToBottomFadeMonth .4s ease-in; opacity: 1; }
#zaubercalendar .week { background: #fff; }
#zaubercalendar .day { display: inline-block; width: 50px; padding: 10px; text-align: center; vertical-align: top; cursor: pointer; background: #fff; position: relative; z-index: 100; }
#zaubercalendar .day.other { color: rgb(94 94 94 / 30%); }
#zaubercalendar .day.istoday { color: #ff0037; }
#zaubercalendar .day-name { font-size: 9px; text-transform: uppercase; margin-bottom: 5px; color: rgba(255, 255, 255, .5); letter-spacing: .7px; }
#zaubercalendar .day-number { font-size: 16px; letter-spacing: 1.5px; }
#zaubercalendar .istoday .day-number { font-weight: bold; }
#zaubercalendar .day .day-events { list-style: none; margin-top: 3px; text-align: center; height: 12px; line-height: 6px; overflow: hidden; }
#zaubercalendar .day .day-events span { vertical-align: top; display: inline-block; padding: 0; margin: 0; width: 5px; height: 5px; line-height: 5px; margin: 0 1px; }
#zaubercalendar .blue { background: rgba(156, 202, 235, 1); }
#zaubercalendar .orange { background: rgba(247, 167, 0, 1); }
#zaubercalendar .green { background: rgba(153, 198, 109, 1); }
#zaubercalendar .yellow { background: rgba(249, 233, 0, 1); }
#zaubercalendar .details { position: relative; width: 340px; background: #505050; color: #fff; margin-top: 5px; margin-left: 5px; border-radius: 4px; }
#zaubercalendar .details.in { -webkit-animation: moveFromTopFade .5s ease both; -moz-animation: moveFromTopFade .5s ease both; animation: moveFromTopFade .5s ease both; }
#zaubercalendar .details.out { -webkit-animation: moveToTopFade .5s ease both; -moz-animation: moveToTopFade .5s ease both; animation: moveToTopFade .5s ease both; }
#zaubercalendar .arrow { position: absolute; top: -5px; left: 50%; margin-left: -2px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent rgba(164, 164, 164, 1) transparent; transition: all 0.7s ease; }
#zaubercalendar .events { padding: 7px 0; overflow-y: auto; overflow-x: hidden; }
#zaubercalendar .events.in { -webkit-animation: fadeIn .3s ease both; -moz-animation: fadeIn .3s ease both; animation: fadeIn .3s ease both; }
#zaubercalendar .events.in { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; animation-delay: .3s; }
#zaubercalendar .details.out .events { -webkit-animation: fadeOutShrink .4s ease both; -moz-animation: fadeOutShink .4s ease both; animation: fadeOutShink .4s ease both; }
#zaubercalendar .events.out { -webkit-animation: fadeOut .3s ease both; -moz-animation: fadeOut .3s ease both; animation: fadeOut .3s ease both; }
#zaubercalendar .event { font-size: 12px; line-height: 18px; letter-spacing: .5px; padding: 2px 16px; vertical-align: top; }
#zaubercalendar .event.empty { color: #eee; }
#zaubercalendar .event-category { height: 10px; width: 10px; display: inline-block; margin: 6px 0 0; vertical-align: top; }
#zaubercalendar .event span { display: inline-block; padding: 0 0 0 7px; }
#zaubercalendar .legend { position: absolute; bottom: 0; width: 100%; height: 30px; background: rgba(60, 60, 60, 1); line-height: 30px; }
#zaubercalendar .entry { position: relative; padding: 0 0 0 25px; font-size: 13px; display: inline-block; line-height: 30px; background: transparent; }
#zaubercalendar .entry:after { position: absolute; content: ''; height: 5px; width: 5px; top: 12px; left: 14px; }
#zaubercalendar .entry.blue:after { background: rgba(156, 202, 235, 1); }
#zaubercalendar .entry.orange:after { background: rgba(247, 167, 0, 1); }
#zaubercalendar .entry.green:after { background: rgba(153, 198, 109, 1); }
#zaubercalendar .entry.yellow:after { background: rgba(249, 233, 0, 1); }
@-webkit-keyframes moveFromTopFade { from { opacity: .3; height:0px; margin-top:0px; -webkit-transform: translateY(-100%); } }
@-moz-keyframes moveFromTopFade { from { height:0px; margin-top:0px; -moz-transform: translateY(-100%); } }
@keyframes moveFromTopFade { from { height:0px; margin-top:0px; transform: translateY(-100%); } }
@-webkit-keyframes moveToTopFade { to { opacity: .3; height:0px; margin-top:0px; opacity: 0.3; -webkit-transform: translateY(-100%); } }
@-moz-keyframes moveToTopFade { to { height:0px; -moz-transform: translateY(-100%); } }
@keyframes moveToTopFade { to { height:0px; transform: translateY(-100%); } }
@-webkit-keyframes moveToTopFadeMonth { to { opacity: 0; -webkit-transform: translateY(-30%) scale(.95); } }
@-moz-keyframes moveToTopFadeMonth { to { opacity: 0; -moz-transform: translateY(-30%); } }
@keyframes moveToTopFadeMonth { to { opacity: 0; -moz-transform: translateY(-30%); } }
@-webkit-keyframes moveFromTopFadeMonth { from { opacity: 0; -webkit-transform: translateY(30%) scale(.95); } }
@-moz-keyframes moveFromTopFadeMonth { from { opacity: 0; -moz-transform: translateY(30%); } }
@keyframes moveFromTopFadeMonth { from { opacity: 0; -moz-transform: translateY(30%); } }
@-webkit-keyframes moveToBottomFadeMonth { to { opacity: 0; -webkit-transform: translateY(30%) scale(.95); } }
@-moz-keyframes moveToBottomFadeMonth { to { opacity: 0; -webkit-transform: translateY(30%); } }
@keyframes moveToBottomFadeMonth { to { opacity: 0; -webkit-transform: translateY(30%); } }
@-webkit-keyframes moveFromBottomFadeMonth { from { opacity: 0; -webkit-transform: translateY(-30%) scale(.95); } }
@-moz-keyframes moveFromBottomFadeMonth { from { opacity: 0; -webkit-transform: translateY(-30%); } }
@keyframes moveFromBottomFadeMonth { from { opacity: 0; -webkit-transform: translateY(-30%); } }
@-webkit-keyframes fadeIn { from { opacity: 0; } }
@-moz-keyframes fadeIn { from { opacity: 0; } }
@keyframes fadeIn { from { opacity: 0; } }
@-webkit-keyframes fadeOut { to { opacity: 0; } }
@-moz-keyframes fadeOut { to { opacity: 0; } }
@keyframes fadeOut { to { opacity: 0; } }
@-webkit-keyframes fadeOutShink  { to { opacity: 0; padding: 0px; height: 0px; } }
@-moz-keyframes fadeOutShink  { to { opacity: 0; padding: 0px; height: 0px; } }
@keyframes fadeOutShink  { to { opacity: 0; padding: 0px; height: 0px; } }
/* Journal Calendar */
.chart-container.jrnl-cal { padding: 0px; margin: 0px;}
.journal-calendar-wrapper { width: 100%; margin: 0 auto; padding: 0; border: 1px solid #dcdcff; background: #fff; position: relative; }
.journal-calendar-wrapper table { clear: both; width: 100%; border: 1px solid #dcdcff; border-radius: 3px; border-collapse: collapse; color: #444; }
.journal-calendar-wrapper td { cursor: pointer; height: 34px; text-align: center; vertical-align: middle; border-right: 1px solid #dcdcff; border-top: 1px solid #dcdcff; }
.journal-calendar-wrapper td:last-of-type { border-right: none; }
.journal-calendar-wrapper td:hover { font-weight: 700; }
.journal-calendar-wrapper td.not-current { color: #c0c0c0; }
.journal-calendar-wrapper td.today { font-weight: 700; color: #ff0000; font-size: 12px; }
.journal-calendar-wrapper td.imfokus { background: #fff; }
.journal-calendar-wrapper thead td { border: none; color: #28283b; font-weight: 700; font-size: 11px; }
.journal-btn-prev { left: 0px; }
.journal-btn-prev:before { }
.journal-btn-next { right: 0px; }
.journal-btn-next:after { }
.journal-btn-prev, .journal-btn-next { position: absolute; background: transparent; border: none; outline: none; font-size: 14px; color: #c0c0c0; cursor: pointer; text-transform: uppercase; transition: all 0.3s ease; padding: 6.5px 10px; }
.journal-btn-prev:hover, .journal-btn-next:hover { color: #28283b; font-weight: bold; }
.jrnlopnr .day-events { list-style: none; margin-top: 3px; text-align: center; height: 12px; line-height: 6px; overflow: hidden; }
.jrnlopnr .day-events span { vertical-align: top; display: inline-block; padding: 0; margin: 0; width: 5px; height: 5px; line-height: 5px; margin: 0 1px; }
.jrnlopnr .day-events span.blue { background: rgba(156, 202, 235, 1); }
.jrnlopnr .day-events span.orange { background: rgba(247, 167, 0, 1); }
.jrnlopnr .day-events span.green { background: rgba(153, 198, 109, 1); }
.jrnlopnr .day-events span.yellow { background: rgba(249, 233, 0, 1); }
/* Journal General  */
.journal-wrpr { display: inline-block; width: 100%; border-left: 1px solid var(--line-sep-color); border-right: 1px solid var(--line-sep-color); border-top: 1px solid var(--line-sep-color); }
.journal-entry { border-bottom: 1px solid var(--line-sep-color); }
.journal-wrpr .journal-entry .journal-entry-inner { display: inline-block; width: 100%; padding: 15px; position: relative; }
.journal-wrpr .journal-entry .journal-entry-inner .journal-entry-hdr { display: inline-block; width: 100%; }
.journal-wrpr .journal-entry .journal-entry-inner .journal-entry-inner-content { display: none; }
.journal-wrpr .journal-entry.open .journal-entry-inner .journal-entry-inner-content { display: inline-block; width: 100%; }
.journal-entry-hdr .journal-entry-hdr-datum { display: inline-block; float: left; }
.journal-entry-hdr .journal-entry-hdr-datum span.thedatum { font-weight: bold; margin-right: 50px; cursor: pointer; }
span.psyrating { display: inline-block; font-weight: normal; font-size: 12px; margin-right: 10px; transition: 0.5s; }
span.psyrating.alert { color: #f03; }
.journal-entry.open .journal-entry-hdr .journal-entry-hdr-datum span.psyrating, .journal-entry:hover .journal-entry-hdr .journal-entry-hdr-datum span.psyrating { display: inline-block; }
.journal-wrpr .journal-entry .journal-entry-inner .journal-entry-schlagw-wrpr { display: inline-block; float: right; text-overflow: ellipsis; max-width: 250px; overflow: hidden; white-space: nowrap; }
.journal-wrpr .journal-entry .journal-entry-inner .journal-entry-schlagw-wrpr .jrnl-schlagw { opacity: 0.5; color: #222; font-size: 12px; text-decoration: none; transition: 0.5s; }
.journal-wrpr .journal-entry .journal-entry-inner .journal-entry-schlagw-wrpr .jrnl-schlagw:hover { opacity: 1; }
.journal-wrpr .journal-entry .journal-entry-inner .journal-entry-txt-wrpr { display: inline-block; width: 100%; font-size: 12px; padding: 15px 0; }
.journal-wrpr .journal-entry .journal-entry-inner .journal-entry-txt-wrpr .secret-txt { display: none; }
.journal-wrpr .journal-entry .journal-entry-inner .journal-entry-txt-wrpr .secret-txt.revealed { display: inline-block; }
.journal-wrpr .journal-entry .journal-entry-inner .zfoto-wrpr { display: inline-block; width: 100%; margin-top: 10px; }
.journal-wrpr .journal-entry .journal-entry-inner .journal-entry-teiln-wrpr { display: inline-block; width: 100%; margin-bottom: 15px; }
.journal-entry-teiln-wrpr .avatars-group .v-avatar span { font-size: 11px; }
.journal-wrpr .journal-entry .journal-entry-inner .journal-entry-feelings-wrpr { display: inline-block; width: 50%; float: left; font-size: 12px; padding-right: 10px; }
.journal-entry-feelings-wrpr .jrnl-feeling { opacity: 0.5; display: inline-block; color: #222; font-size: 12px; text-decoration: none; transition: 0.5s; }
.journal-entry-feelings-wrpr .jrnl-feeling:hover { opacity: 1; }
.journal-wrpr .journal-entry .journal-entry-inner .journal-entry-sport-wrpr { display: inline-block; width: 50%; font-size: 12px; float: left; }
/* Absolute Center Content */
.Absolute-Center {
  height: 50%; /* Set your own height: percents, ems, whatever! */
  width: 50%; /* Set your own width: percents, ems, whatever! */
  overflow: auto; /* Recommended in case content is larger than the container */
  margin: auto; /* Center the item vertically & horizontally */
  position: absolute; /* Break it out of the regular flow */
  top: 0; left: 0; bottom: 0; right: 0; /* Set the bounds in which to center it, relative to its parent/container */
}
.Center-Container { position: relative; }
.Absolute-Center.is-Fixed { position: fixed; z-index: 9999999; background-color: #fff; }
.Absolute-Center.is-Responsive { width: 60%;  height: 60%; min-width: 200px; max-width: 400px; padding: 40px; }
.Absolute-Center.is-Right { left: auto; right: 20px; text-align: right; }
.Absolute-Center.is-Left { right: auto; left: 20px; text-align: left; }
.Absolute-Center.is-Image { width: 50%; height: auto; padding: 0; }
.Absolute-Center.is-Image img { width: 100%; height: auto; }
.Absolute-Center.is-Overflow {  height: 250px; max-height: 100%; overflow: auto; }
.absolutecentercontent .Absolute-Center.is-Variable { display: table; height: auto; }
.Absolute-Center.is-Resizable { min-width: 20%; max-width: 90%; min-height: 20%; max-height: 80%; resize: both; }
.absolutecentercontent .Absolute-Center.is-Resizable { display: block !important; }
.zlightbox-wrpr { display: none; }
.zlightbox-wrpr.open { display: inline-block; width: 100%; height: 100%; background-color: rgb(255 255 255 / 80%); position: fixed; z-index: 9999998; top: 0; }
#zlightbox { background-color: #ccc; background-size: cover; background-position: center; }
.closethelightb { display: inline-block; position: absolute; top: 15px; right: 15px; color: #222; font-size: 22px; cursor: pointer; }
/* Journal Image Modal */
#zauberImageModal { display: none; }
#zauberImageModal.open { display: inline-block; overflow: hidden; height: 100vh; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100vw; }
#zauberImageModal.open .zet-imgmdlwrp { overflow: hidden; display: inline-block; width: 70%; float: left; height: 100vh; background-color: #000; }
#zauberImageModal.open .zet-imgmdlwrp .zet-imgmdlwrp-hdr { display: inline-block; width: 100%; float: left; }
#zauberImageModal.open .zet-imgmdlwrp .zet-imgmdlwrp-hdr .zbrprf-cse-mdl { position: absolute; left: 15px; top: 15px; cursor: pointer; color: #fff; font-size: 32px; padding: 0 15px; }
#zauberImageModal.open .zet-imgmdlcmts { overflow-y: scroll; display: inline-block; width: 30%; float: right; height: 100vh; background-color: #fff; }
#zauberImageModal.open .zet-imgmdlwrp .zet-imgmdlwrp-prev { display: flex; justify-content: center; align-items: center; width: 10%; float: left; height: 100%; }
#zauberImageModal.open .zet-imgmdlwrp .zet-imgmdlwrp-foto { display: flex; justify-content: center; align-items: center; position: relative; width: 80%; float: left; height: 100%; }
#zauberImageModal .zbrimg-wrpr { position: relative; }
#pstszimgwrpr .tshwnigm { object-fit: contain; margin: 0 auto; }
#pstszimgwrpr img { max-height: 100vh; }
#zauberImageModal.open .zet-imgmdlwrp .zet-imgmdlwrp-nxt { display: flex; justify-content: center; align-items: center; width: 10%; float: right; height: 100%; }
#zauberImageModal.open .zet-imgmdlwrp .zet-imgmdlwrp-nxt .shownextimg, #zauberImageModal.open .zet-imgmdlwrp .zet-imgmdlwrp-prev .showprevimg  { display: inline-flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
#zauberImageModal.open .zet-imgmdlwrp .zet-imgmdlwrp-prev:hover .showprevimg, #zauberImageModal.open .zet-imgmdlwrp .zet-imgmdlwrp-nxt:hover .showprevimg { cursor: pointer; }
#zauberImageModal.open .zet-imgmdlwrp .zet-imgmdlwrp-prev:hover .img-mdl-btn, #zauberImageModal.open .zet-imgmdlwrp .zet-imgmdlwrp-nxt:hover .img-mdl-btn { background-color: #FFF; }
#zetimgmdlcmtsiptwrapper { padding: 15px; font-size: 14px; }
#zetimgmdlcmtsipt {  }

.leaflet-touch .leaflet-bar a { width: 20px; height: 20px; line-height: 20px; }
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 12px; }

.zet-imgmdlwrp-foto .aface { position: absolute; opacity: 0; border: 2px solid #FFF; }
.zet-imgmdlwrp-foto:hover .aface { opacity: 1; transition: 0.3; }
.aface.green { border-color: #7abb5e; }
.aface.red { border-color: #ff6545; }
.aface.blue { border-color: #157efb; }
.aface.yellow { border-color: #febf1c; }
.aface.purple { border-color: #7c5ddf; }
.aface .afacename { position: absolute; bottom: 0px; background-color: #fff; padding: 0 7px; font-size: 12px; }
.aface.green .afacename { text-overflow: ellipsis; max-width: calc(100%); overflow: hidden; white-space: nowrap; background-color: #7abb5e; color: #fff; }
.aface.red .afacename { background-color: #ff6545; color: #fff; }
.aface.blue .afacename { background-color: #157efb; color: #fff; }
.aface.yellow .afacename { background-color: #157efb; color: #fff; }
.aface.purple .afacename { background-color: #7c5ddf; color: #fff; }
.img-mdl-btn { cursor: pointer; }
.img-mdl-btn { width: 42px; height: 42px; text-align: center; border-radius: 3px; background-color: #868686; line-height: 42px; font-size: 20px; color: #000; display: inline-block; }
.nice-gradbg { background: linear-gradient( 45deg, rgba(59, 173, 227, 1) 0%, rgba(87, 111, 230, 1) 25%, rgba(152, 68, 183, 1) 51%, rgba(255, 53, 127, 1) 100% ); color: #fff; }

.media-meta { display: inline-block; width: 100%; }
.media-meta.caption { margin-bottom: 20px; margin-top: 10px; }
/* Gradient Animation Button */
.zauberbtn { border: 0; position: relative; border-radius: 2px; color: #fff; background: #000; padding: 0 16px; box-shadow: 0 0 0 1px 0 0 0 1px rgba(255, 255, 255, 0.14); max-width: 100%; justify-content: center; align-items: center; transition-property: border-color, background, color, transform, box-shadow; transition-duration: 0.15s; transition-timing-function: ease; font-size: 12px; line-height: 34px; height: 34px; width: 100%; max-width: 250px; transition: 0.25s; }
.zauberbtn .highlight-bg { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: inherit; border-radius: 2px; background: linear-gradient(-90deg, #007cf0, #00dfd8, #ff0080, #007cf0); background-size: 400% 100%; border: none; padding: 0; margin: 0; animation: background-anim 8s ease-in-out infinite; }
.zauberbtn .button-text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; display: flex; justify-content: center; align-items: center; }
.zauberbtn .highlight-bg:after { content: ""; position: absolute; background-size: inherit; background-image: inherit; animation: inherit; left: 0; right: 0; top: 2px; filter: blur(0.5rem); transition: 0.25s; }
@keyframes background-anim {
  50% { background-position: 140% 50%; transform: skew(-2deg); }
}
/* Journal Entry Images */
.zfoto-wrpr .zfoto { min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; }
.zfoto-wrpr .zfoto:hover {  }
.zfoto-wrpr[data-cnt="1"] .zfoto { width: 100%; float: none; height: 540px }
.zfoto-wrpr[data-cnt="2"] .zfoto { width: 50%; float: left; }
.zfoto-wrpr[data-cnt="2"] .zfoto:first-of-type { border-right: 4px solid #fff; }
.zfoto-wrpr[data-cnt="3"] .zfoto { width: 33.33%; float: left; }
.zfoto-wrpr[data-cnt="3"] .zfoto:first-of-type { border-right: 4px solid #fff; }
.zfoto-wrpr[data-cnt="3"] .zfoto:last-of-type { border-left: 4px solid #fff; }
.zfoto-wrpr[data-cnt="4"] .zfoto { width: 50%; float: left; }
.zfoto-wrpr[data-cnt="4"] .zfoto:first-of-type { border-right: 4px solid #fff; border-bottom: 4px solid #fff; }
.zfoto-wrpr[data-cnt="4"] .zfoto:nth-of-type(2) { border-bottom: 4px solid #fff; }
.zfoto-wrpr[data-cnt="4"] .zfoto:nth-of-type(3) { border-right: 4px solid #fff; }
.zfoto-wrpr[data-cnt="5"] .zfoto:first-of-type { border-right: 4px solid #fff; }
.zfoto-wrpr[data-cnt="5"] .zfoto:first-of-type, .zfoto-wrpr[data-cnt="5"] .zfoto:nth-of-type(2) { width: 50%; border-bottom: 4px solid #fff; float: left; }
.zfoto-wrpr[data-cnt="5"] .zfoto:nth-of-type(3), .zfoto-wrpr[data-cnt="5"] .zfoto:nth-of-type(4) { border-right: 4px solid #fff; }
.zfoto-wrpr[data-cnt="5"] .zfoto:nth-of-type(3), .zfoto-wrpr[data-cnt="5"] .zfoto:nth-of-type(4), .zfoto-wrpr[data-cnt="5"] .zfoto:nth-of-type(5) { width: 33.33%; float: left; }
.zfoto.video, .zfoto.strecke, .zfoto.audio { background-color: #ccc; position: relative; }
.zfoto.video .vidico, .zfoto.strecke .vidico, .zfoto.audio .vidico { position: absolute; right: 7px; top: 7px; text-align: center; background-color: #fff; border-radius: 3px; line-height: 30px; width: 30px; height: 30px; display: inline-block; }
.zfoto-mini-wrpr { display: inline-block; width: 100%; }
.zfoto-mini-wrpr .zfotomini i { top: 4px; text-align: center; background-color: #fff; border-radius: 2px; line-height: 18px; width: 18px; height: 18px; display: inline-block; margin-right: 4px; text-align: center; font-size: 12px; position: absolute; right: 1px; }
.zfoto-mini-wrpr .zfotomini { display: inline-block; height: 60px; width: 60px; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; }
.zfoto-mini-wrpr .zfotomini.video, .zfoto-mini-wrpr .zfotomini.audio, .zfoto-mini-wrpr .zfotomini.strecke { background-color: #ccc; position: relative; }

/* Special Cursor */
.zcursor { display: none; }
body.haszcrsr .zcursor { display: inline-block; width: var(--zcsrsize); height: var(--zcsrsize); border-radius: 50%; position: absolute; left: 0; top: 0; pointer-events: none; z-index: 9999999; }
body.haszcrsr .zcursor--large { --zcsrsize: 40px; border: 1px solid #ff3c3c; }
body.haszcrsr .zcursor--small { --zcsrsize: 10px; background: #ff3c3c; transform: translate(-50%, -50%); }

.cstinfowrpr { display: inline-block; width: 100%; }
.sternchen { color: #f03; }
.sternchentxt { display: inline-block; width: 100%; }
.sternchentxterklaerung { display: none; }
.cstinfowrpr:hover .sternchentxterklaerung { display: inline-block; transition: 0.5s; background: #cde8ff; position: absolute; font-size: 10px; padding: 7px 10px; border-radius: 3px; margin: 15px auto; max-width: 320px; left: 10px; margin-top: 30px; }
.sternchentxterklaerung::after { content: ""; border: 15px solid transparent; position: absolute; border-bottom-color: #cde8ff; border-top: 0; top: -10px; left: 10px; margin-left: -7px; }

.sys-stat-wrpr { display: inline-block; width: 100%; margin-bottom: 15px; }
.sys-stat { display: inline-block; width: 12px; height: 12px; margin-right: 7px; border-radius: 2px; float: left; }
.sys-stat.red { background-color: #f03; }
.sys-stat.green { background-color: #2eff00; }
.sys-stat-lbl { display: inline-block; font-size: 11px; line-height: 12px; float: left; }

.fday-entry { display: inline-block; width: 100%; margin-bottom: 4px; }
.fday-datum { display: inline-block; width: 100px; }
.fday-name { display: inline-block; }

.pccalc-results-wrapper { display: inline-block; float: left; width: 30%; text-align: center; }
.pccalc-results-wrap { display: inline-block;  }
.pccalc-results-wrap #pccalc-results-val { display: inline-block; font-size: 32px; font-weight: bold; }
.pccalc-results-wrap #pccalc-results-val.bad, .pccalc-results-wrap #aipccalc-results-val.bad { color: #f03; }
.pccalc-results-wrap #pccalc-results-val.notsogood, .pccalc-results-wrap #aipccalc-results-val.notsogood { color: #eb9a44; }
.pccalc-results-wrap #pccalc-results-val.awesome, .pccalc-results-wrap #aipccalc-results-val.awesome { color: #1dc937; }
.pccalc-results-wrap .pccalc-results-perc { display: inline-block; }
.pccalc-results-wrap { display: inline-block; padding: 20px 0px; }
.input-wrpr { display: inline-block; }
.pccalc-results-wrapper.fullw { display: inline-block; width: 100%; float: none; }
.form-element-wrpr { display: inline-block; width: 100%; }
.form-element.half { width: 50%; float: left; display: inline-block; padding: 5px 10px 5px 5px; }
.form-element.third { width: 33%; float: left; display: inline-block; }
.formeldescr { font-size: 10px; }
#pricefinder, .urlfinder { width: 70%; float: left; }
#findpricenow, #analyzeSiteUrl { width: 25%; background-color: #4bc793; padding: 9px; margin-left: 10px; color: #fff; border-radius: 3px; }
.txtentry-wrpr { display: inline-block; width: 100%; position: relative; margin-top: 6px; border: 1px solid #ccc; border-radius: 3px; }
#txtMsg { width: 98%; resize: none; font-size: 12px; margin-left: 3px; border: none; padding: 0.5em 3em 0.5em 0.5em; max-height: 200px; height: 48px; overflow-y: hidden; }
#txtOutput { width: 100%; resize: none; border: none; height: 200px; background-color: #c1deca; padding: 0.5em; font-size: 12px; }
#show-ai-options-wrpr, #seepriceopts { font-size: 10px; color: var(--active-color); cursor: pointer; }
#ai-options-wrpr { display: inline-block; width: 100%; }
#btnSend { width: 30px; height: 30px; color: #ccc; position: absolute; border: 1px solid #ccc; right: 0.75rem; bottom: 0.75rem; transition: 0.5s; }
#btnSend:hover { border-color: #444; color: #444; }
#aipccalc-results-val, #perccalc-results-val { display: inline-block; font-weight: bold; font-size: 22px; }
#zprsixvkp, #magnaptvkp { cursor: pointer; }
.zet-btn { display: inline-block; border: 1px solid #ccc; padding: 2px 10px; cursor: pointer; border-radius: 3px; }
.zet-btn.transparent { border: none; }
.zet-btn.small { font-size: 11px; }
.form-element-wrpr { display: inline-block; width: 100%; }
.form-element-wrpr .list-entry { display: inline-block; width: 100%; float: left; }
.form-element-wrpr .list-entry:hover { background-color: #ccc; }
.form-element-wrpr .list-entry span { display: inline-block; float: left; }
.form-element-wrpr .list-entry span.bests-idh { min-width: 70px; }
.form-element-wrpr .list-entry span.bests-descr { width: 180px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.form-element-wrpr .list-entry span.bests-vork { min-width: 40px; text-align: center; }
.form-element-wrpr .list-entry span.bests-fypynes { }
.form-element-wrpr .list-entry span.bests-pcl { }
.bestseller-hdr { display: inline-block; width: 100%; float: left; margin-bottom: 10px; }
.zet-btn.load-more-jrnl-entries { padding: 4px 20px; margin-top: 30px; font-size: 12px; }

#ghmspr-text { display: inline-block; width: 100%; resize: none; height: 200px; background-color: #434343; color: #fff; padding: 0.5em; font-size: 12px; }
#ghmspr-key { display: inline-block; width: 100%; }
.ai-infobox { font-style: italic; font-size: 10px; padding: 7px; }
.ai-infobox a { display: inline-block !important; width: unset !important; padding: 0px !important; text-decoration: underline !important; line-height: unset !important; }
.zholo-btn { display: inline-block; font-size: 10px; text-transform: none !important; }

#analyzetxtareacnt { overflow-y: auto; width: 100%; resize: none; border: none; height: 200px; background-color: #434343; color: #fff; padding: 0.5em; font-size: 12px; }
#txtdesignertxtcnt { display: inline-block; width: 100%; border: none; overflow-y: auto; height: 200px; background-color: #434343; color: #fff; padding: 0.5em; font-size: 12px; }
div.blanks { display: inline-block; min-width: 50px; border-bottom: 2px solid #000000; color: #000000; }
div.blanks.ui-droppable-active { min-height: 20px; }
span.answers>b { border-bottom: 2px solid #000000; }
span.zinpt { margin: 5px; }
.textbausteine { display: inline-block; width: 100%; font-size: 10px; padding: 4px; }
.textbausteine .textbaustein { display: inline-block; width: 100%; font-size: 11px; cursor: pointer; text-align: left; text-transform: none; padding: 4px 0px; }
.textbausteine .textbaustein.smallbox { width: 40px; font-size: 16px; line-height: 32px; float: left; text-align: center; }
.textbausteine .textbaustein.smallbox:hover { background-color: #e8e8e8; }
.langselectr { display: inline-block; font-size: 10px; position: absolute; top: 227px; right: 105px; }
.txtdesigner-toolbar { display: inline-block; width: 100%; text-align: right; }
.txtdesigner-toolbar .tlbico { cursor: pointer; display: inline-block; line-height: 20px; padding: 0px 4px; }
.txtdesigner-toolbar .tlbico:hover i { font-weight: bold; }

.videoprev { position: absolute; height: 100%; width: 100%; display: inline-block; left: 0px; top: 0px; }

#syntax-guide { border-collapse: collapse; }
#syntax-guide th { padding: 4px 6px; font-size: 10px; }
#syntax-guide td { padding: 4px 6px; font-size: 11px; }
#syntax-guide a { line-height: unset; }
#balanced { display: inline-block; width: 100%; padding: 7px 0px 0px 7px; }
#inputFormula { display: inline-block; width: 70%; }
.chemeqbal button { font-size: 10px; }
.inpform-wrpr { display: inline-block; width: 100%; margin-bottom: 15px; }

.rslt-prd-descr { font-size: 14px; }
.rslt-wrpr { display: inline-block; background-color: #efefef; padding: 7px; margin-right: 7px; float: left; border-radius: 3px; margin-top: 10px; width: 31%; height: 75px; }
.rslt-wrpr-title { font-size: 10px; font-weight: bold; }
.rslt-wrpr-val { font-size: 16px; }
.rslt-wrpr-subtxt { font-size: 9px; }
.rslt-wrpr-minprice { display: inline-block; width: 100%; }

[tooltip] { position: relative; }
/* Applies to all tooltips */
[tooltip]::before, [tooltip]::after { text-transform: none; font-size: .9em; line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; }
[tooltip]::before { content: ''; border: 5px solid transparent; z-index: 1001; }
[tooltip]::after { content: attr(tooltip); font-family: Helvetica, sans-serif; text-align: center; min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: #333; color: #fff; z-index: 1000; }
[tooltip]:hover::before, [tooltip]:hover::after { display: block; } /* Make the tooltips respond to hover */
[tooltip='']::before, [tooltip='']::after { display: none !important; } /* don't show empty tooltips */
/* FLOW: UP */
[tooltip]:not([flow])::before, [tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #333; }
[tooltip]:not([flow])::after, [tooltip][flow^="up"]::after { bottom: calc(100% + 5px); }
[tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); }
/* FLOW: DOWN */
[tooltip][flow^="down"]::before { top: 100%; border-top-width: 0; border-bottom-color: #333; }
[tooltip][flow^="down"]::after { top: calc(100% + 5px); }
[tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after { left: 50%; transform: translate(-50%, .5em); }
/* FLOW: LEFT */
[tooltip][flow^="left"]::before { top: 50%; border-right-width: 0; border-left-color: #333; left: calc(0em - 5px); transform: translate(-.5em, -50%); }
[tooltip][flow^="left"]::after { top: 50%; right: calc(100% + 5px); transform: translate(-.5em, -50%); }
/* FLOW: RIGHT */
[tooltip][flow^="right"]::before { top: 50%; border-left-width: 0; border-right-color: #333; right: calc(0em - 5px); transform: translate(.5em, -50%); }
[tooltip][flow^="right"]::after { top: 50%; left: calc(100% + 5px); transform: translate(.5em, -50%); }
@keyframes tooltips-vert {
  to { opacity: .9; transform: translate(-50%, 0); }
}
@keyframes tooltips-horz {
  to { opacity: .9; transform: translate(0, -50%); }
}
[tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; }
[tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after { animation: tooltips-horz 300ms ease-out forwards; }

.grid { --columns: 12; --gutter: 3rem; display: grid; grid-gap: var(--gutter); grid-template-columns: 1fr; }
.grid > .column { margin-bottom: var(--gutter); }
.autogrid { --gutter: 3rem; --min: 10rem; display: grid; grid-gap: var(--gutter); grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr)); grid-auto-flow: dense; }

.footer { line-height: 1.5em; position: relative; width: 100%; }
.footer:before { content: ""; display: block; width: 1.5rem; height: 2px; background: var(--color-gold); margin-bottom: 1.5rem; }
.footer h2 { font-weight: 600; margin-bottom: .75rem; }
.footer ul { text-align: left; padding-left: 0; }
.footer p { color: var(--color-text-grey); }
.footer p { font-size: 13px; }
.footer a:hover { color: var(--color-text); }
.footer .grid { grid-gap: 0; }
.footer .grid > .column { margin-bottom: 0px; }
.footer ul li { list-style-type: none; }
.footer ul li a { text-decoration: none; }


@media screen and (min-width: 60rem) {
  .footer { width: calc(100% - 6rem); }
  .footer ul { text-align: right; }
  .grid { grid-template-columns: repeat(12, 1fr); }
  .grid > .column { grid-column: span var(--columns); }
  .footer .grid { grid-gap: var(--gutter); }
  .footer .grid > .column { margin-bottom: var(--gutter); }
}

@keyframes holoSparkle {
  0%, 5% { opacity: 0.1; }
  20% { opacity: 1; }
  100% { opacity: 0.1; }
}
@keyframes holoGradient {
  0%, 100% { opacity: 0; background-position: 0% 0%; }
  8% { opacity: 0; }
  10% { background-position: 0% 0%; }
  19% { background-position: 100% 100%; opacity: 0.5s; }
  35% { background-position: 100% 100%; }
  55% { background-position: 0% 0%; opacity: 0.3; }
  75% { opacity: 0; }
}
@keyframes holoCard {
  0%, 10% { transform: rotate3d(0, 0, 0, -20deg); }
  20% { transform: rotate3d(1, 1, 0.2, 30deg); }
  100% { transform: rotate3d(0, 0, 0, -20deg); }
}

@media screen and (max-width: 1110px) {
  .app-card { width: calc(50% - 20px); }
  .app-card:last-child { margin-top: 20px; margin-left: 0px; }
}
@media screen and (max-width: 565px) {
  .app-card { width: calc(100% - 20px); margin-top: 20px; }
  .app-card + .app-card { margin-left: 0; }
}
::-webkit-scrollbar { width: 6px; border-radius: 10px; }
::-webkit-scrollbar-thumb { background: var(--scrollbar-bg); border-radius: 10px; }