.log-info{ color: #0B610B; font-weight: bold; } .log-warn { color: #ffaa00; font-weight: bold; } .log-error{ color: red; font-weight: bold;} /* Pollen Kachel */ /****************************************** — LINKS — ******************************************/ .noteProject a:link { color: #b8b8b8; } /* unvisited link */ .noteProject a:visited { color: #b8b8b8; } /* visited link */ .noteProject a:hover { color: #ffffff; } /* mouse over link */ .pnoteProjecte a:active { color: #ffffff; } /* selected link */ hr { border:0; height: 1px; background-color:#b8b8b8 } /****************************************** — TABLE — ******************************************/ .tableLog .log-warn { color: orange;} .tableLog .log-error { color: red;} .tableLog .log-info { color: yellow;} /* Word-Break anwenden */ .tableLog { word-break: break-word; } /* Jede zweite Tabellenzeile formatieren */ .tableLog tr:nth-child(even) { background:rgba(56,46,67,0.1); } /* Rand unterhalb Tabellenüberschrift */ .tableLog .mdc-data-table__header-row { border-bottom: 1px solid #434343; } /* Zeilenhöhe und Abstände */ .tableLog .mdc-data-table__cell { line-height:1.3em; padding-top: 6px; padding-bottom: 6px; } /* Scrollbar */ .tableLog::-webkit-scrollbar { width: 15px; } .tableLog::-webkit-scrollbar-track { background: transparent; } .tableLog::-webkit-scrollbar-thumb { background-color: rgba(63,64,71,1); border-radius: 7px; border-color: rgba(63,64,71,1); } .tableLog::-webkit-scrollbar-thumb:hover { background: #8f8f8f; } /****************************************** — BUTTONS — ******************************************/ .leftBarBtn .materialdesign-button-body { justify-content: left !important; margin-left: 0.9em; } .pollen_widget { font-size: 100%; background-color: black; /* Fallback */ background-color: rgba(0,0,0,1); /* schwarz */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); border: 1px solid; border-color: green; /* Fallback */ border-color: rgba(180,238,180,0.5); } .pollen_kachel { padding: 10px 15px 0 15px; margin: 0; height: 100%; width: 100%; color: white; /* Fallback */ color: rgba(250,250,250,1); /* weiss */ } .pollen_kachel_titel { padding: 3px 0 3px 0; } .pollen_kachel_titel_vertikal { padding: 0 0 0 4px; writing-mode: vertical-lr; } .pollen_kachel_titel, .pollen_kachel_titel_vertikal { margin: 0; text-align: center; font-size: 130%; width: 100%; height: 100%; background: #f78d1d; /* ORANGE Fallback */ background: -webkit-gradient(linear, left top, left bottom, from(#698B69), to(#556B2F)); background: -moz-linear-gradient(top, #698B69, #556B2F); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#698B69', endColorstr='#556B2F'); /* Rahmen Pflanzentitel und Zeit*/ border: 1px solid; border-color: blue; /* Fallback */ border-color: rgba(180,238,180,0.5); } .pollen_image { margin: 17px auto; width: 32px; height: 32px; transform: scale(1.6); /* Größe der Icons */ } /* Ampelfarben und größe*/ .pollen_ampel_inaktiv, .pollen_ampel_0, .pollen_ampel_1, .pollen_ampel_2, .pollen_ampel_3, .pollen_ampel_4, .pollen_ampel_5, .pollen_ampel_6 { border-width: 2px; border-style: solid; width: 9px; height: 10px; } .pollen_ampel_inaktiv { border-color: grey; background-color: transparent; } .pollen_ampel_0 { border-color: red; /* Fallback */ border-color: rgba(0,139,64,1); background-color: red; /* Fallback */ background-color: rgba(0,100,0,1); } .pollen_ampel_1 { border-color: red; /* Fallback */ border-color: rgba(0,139,64,1); background-color: red; /* Fallback */ background-color: rgba(34,139,34,1); } .pollen_ampel_2 { border-color: red; /* Fallback */ border-color: rgba(173,255,47,1); background-color: red; /* Fallback */ background-color: rgba(124,252,0,1); } .pollen_ampel_3 { border-color: red; /* Fallback */ border-color: rgba(255,215,0,1); background-color: red; /* Fallback */ background-color: rgba(255,255,0,1); /* gelb */ } .pollen_ampel_4 { border-color: red; /* Fallback */ border-color: rgba(255,130,71,1); background-color: red; /* Fallback */ background-color: rgba(238,154,0,1); } .pollen_ampel_5 { border-color: blue; /* Fallback */ border-color: rgba(255,0,0,1); /* rot */ background-color: blue; /* Fallback */ background-color: rgba(205,0,0,1); } .pollen_ampel_6 { border-color: yellow; /* Fallback */ border-color: rgba(255,0,0,1); /* rot */ background-color: yellow; /* Fallback */ background-color: rgba(139,58,98,1); /* violet */ } /* (C) Pitti / Heiko https://www.symcon.de/forum/threads/38363-Pollenflug-Vorhersage-von-DWD-auslesen?p=369187#post369187 Icon made by Freepik from Free vector icons - SVG, PSD, PNG, EPS & Icon Font - Thousands of free icons (http://www.flaticon.com) */ .ambrosia { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMi4wMDEgNTEyLjAwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyLjAwMSA1MTIuMDAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ5NS40NTUsMC4wOTRsLTI3LjE4NywyLjgxM2MtMzMuOTc0LDMuNTE1LTY0LjgwOSwyNC4wMTQtODMuOTY3LDUxLjk0NGMtNS40ODgtMTIuMjk2LTEzLjk3LTI1LjI5OC0yNi44NDctMzguMTc0ICAgIGMtNS44NTQtNS44NTQtMTUuMzU1LTUuODU3LTIxLjIxMiwwbC0yMS4yMTEsMjEuMjEyYy0zOS4yNTQsMzkuMjU0LTQwLjk2MSwxMDEuNzQyLTUuMTE4LDE0Mi45OTFsLTIyLjQ4OSwyMi40ODggICAgYzAuMDA5LTIwLjc5MS02LjQ0OC01MS4wNDktMzYuMDMtODAuNjMxYy01Ljg1OC01Ljg1OC0xNS4zNTQtNS44NTgtMjEuMjEyLDBsLTIxLjIxMiwyMS4yMTIgICAgYy0zOS4xNTIsMzkuMTUyLTQwLjg1NSwxMDEuNzg0LTUuMTE3LDE0Mi45ODRsLTIyLjQzMSwyMi40M2MwLjAyMy0yNi43MDktMTAuNjM3LTU1LjExNS0zNi4wODgtODAuNTY2ICAgIGMtNS44NTctNS44NTgtMTUuMzUzLTUuODU4LTIxLjIxMiwwbC0yMS4yMTIsMjEuMjEyYy0zOS4xNTEsMzkuMTUxLTQwLjg1NSwxMDEuNzgtNS4xMjEsMTQyLjk4MUw0LjM5Myw0ODYuMzgyICAgIGMtNS44NTgsNS44NTgtNS44NTgsMTUuMzU0LDAsMjEuMjEyYzUuODU4LDUuODU5LDE1LjM1NSw1Ljg1OCwyMS4yMTIsMC4wMDFsOTMuMzk4LTkzLjM5MSAgICBjNDEuMjM4LDM1Ljc4NSwxMDMuODcxLDM0LjAyNiwxNDIuOTk5LTUuMTAzbDIxLjIxMi0yMS4yMTJjNS44NTgtNS44NTgsNS44NTgtMTUuMzU0LDAtMjEuMjEyICAgIGMtMjkuNTkxLTI5LjU5MS01OS44NDctMzYuMDQyLTgwLjY1LTM2LjAyOWwyMi40OTktMjIuNDk3YzQxLjE4NSwzNS43OTQsMTAzLjY4NSwzNC4yMDUsMTQyLjk5OS01LjExbDIxLjIxMi0yMS4yMTIgICAgYzUuODU4LTUuODU4LDUuODU4LTE1LjM1NCwwLTIxLjIxMmMtMjUuNDU3LTI1LjQ1Ny01My44Ny0zNi4xMTYtODAuNTg0LTM2LjA4OGwyMi40MzctMjIuNDM1ICAgIGM0MS4xODMsMzUuNzg5LDEwMy42ODEsMzQuMjAxLDE0Mi45OTUtNS4xMTRsMjEuMjEyLTIxLjIxMmM1Ljg1OC01Ljg1OCw1Ljg1OC0xNS4zNTQsMC0yMS4yMTIgICAgYy0xMi4yMDUtMTIuMjA2LTI1LjA5Mi0yMS4wMS0zOC4xNDQtMjYuODY3YzI4LjA0OC0xOS4yNSw0OC40MTctNTAuMTI3LDUxLjkxNS04My45NDdsMi44MTMtMjcuMTg3ICAgIEM1MTIuODk3LDcuMDkxLDUwNC45MTEtMC44ODQsNDk1LjQ1NSwwLjA5NHogTTExOS4wNzYsMzcxLjcwN2MtMjQuMDgyLTI5LjQyOC0yMi40MDEtNzMuMDM2LDUuMDQ3LTEwMC40ODRsOS45MTgtOS45MTkgICAgYzI4LjEzNSwzNi44ODgsMTguNjYxLDc2LjQyMy00LjIxMSw5OS42NDlMMTE5LjA3NiwzNzEuNzA3eiBNMjUwLjcsMzc3Ljk3OWwtOS45MSw5LjkxMSAgICBjLTI3LjQ1MywyNy40NTItNzEuMDY1LDI5LjEyOS0xMDAuNDk1LDUuMDRjMTAuNzM5LTEwLjczOSwyOC4yMzUtMzEuNjMsNjAuOTYzLTMyLjI3ICAgIEMyMTguNDYyLDM2MC4zMjQsMjM1LjMxMSwzNjYuMjcsMjUwLjcsMzc3Ljk3OXogTTIyNS4xMzksMjY1LjY1MWMtMjQuMDg0LTI5LjQyOS0yMi40MDQtNzMuMDQsNS4wNDUtMTAwLjQ4OWw5LjkxLTkuOTEgICAgYzI2LjU5MSwzNC45NDYsMjAuNTA5LDc0Ljc1LTQuNDE2LDk5Ljg2MUwyMjUuMTM5LDI2NS42NTF6IE0zNTYuNzY5LDI3MS45MTFsLTkuOTE3LDkuOTE3ICAgIGMtMjcuOTYsMjcuOTU5LTcxLjU2NCwyOC43ODEtMTAwLjQ5OCw1LjA0M2wxMC4zNDUtMTAuMzQ1QzI3OS44NjgsMjUzLjM1OCwzMTkuNjYxLDI0My42MDcsMzU2Ljc2OSwyNzEuOTExeiBNMzMxLjIwMSwxNTkuNTk4ICAgIGMtMjMuNzUxLTI4Ljk0OS0yMi45MDItNzIuNTUxLDUuMDQ0LTEwMC40OTZsOS45MDktOS45MWMyNi42NSwzNS4wMjQsMjAuNDc3LDc0Ljk0NS00LjU3NiwxMDAuMDI5TDMzMS4yMDEsMTU5LjU5OHogICAgIE00NjIuODI5LDE2NS44NWwtOS45MTcsOS45MTdjLTI3Ljk1OCwyNy45NTgtNzEuNTYyLDI4Ljc4Mi0xMDAuNDk4LDUuMDQzbDEwLjM0NS0xMC4zNDUgICAgQzM4NS45MjgsMTQ3LjI5Nyw0MjUuNzIxLDEzNy41NDcsNDYyLjgyOSwxNjUuODV6IE00NzkuMjY3LDQwLjY1N2MtMy45NjEsMzguMjg3LTM4LjMzMSw3Mi42NTgtNzYuNjE5LDc2LjYxOWwtOC44MjMsMC45MTMgICAgbDAuOTEzLTguODI0YzMuOTYxLTM4LjI4NywzOC4zMzEtNzIuNjU4LDc2LjYxOS03Ni42MTlsOC44MjQtMC45MTNMNDc5LjI2Nyw0MC42NTd6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) } .beifuss { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTcuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3MS44OTggNDcxLjg5OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcxLjg5OCA0NzEuODk4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxwYXRoIGlkPSJYTUxJRF80NzhfIiBkPSJNMzIzLjQwNSwzMDcuMTYzYy0wLjM5Ny0xLjg4LTEuMTA3LTMuNi0yLjEyNS01LjE0Yy0yLjMxOC0zLjUxNi01Ljk5LTUuNzMxLTEwLjYxNy02LjQwNyAgYy02LjM4Ny0wLjkzLTE0LjU4MSwxLjI2NS0yMi45NjksNS45MTJjLTEuNzUyLTYuMTk5LTQuODYtMTEuNDk2LTkuMTQ4LTE1LjQwOGMtNS4yMzgtNC43NzgtMTEuNzYtNy4wODMtMTguODY2LTYuNjU1ICBjLTMuMDI2LDAuMTgxLTYuMDU1LDAuODU5LTkuMDMyLDIuMDE5Yy0zLjA5NS0wLjc5OC02LjE4Mi0xLjExLTkuMjEyLTAuOTI5Yy03LjgxMiwwLjQ2Ni0xNC42ODIsNC4yMzktMTkuMzQ2LDEwLjYyNCAgYy02LjI5Myw4LjYxNi04LjAyMSwyMC45NDctNC43MzksMzMuODMyYzEuNDQ0LDUuNjcyLDMuNzg4LDExLjA2Miw2Ljc5MSwxNS45MDZsLTE4LjkyMiwxNS40NjN2LTgyLjU3MyAgYzAuMDMxLTAuMjgyLDAtMi4yMjUsMC0yLjIyNWMxLjI1MSwwLjEwMiwyLjUxMiwwLjE1OCwzLjc4MSwwLjE1OGMxNS4zMiwwLDMxLjY1My03LjE5LDQyLjg2OS0xNS44NDUgIGMxMi41OTctOS43MjEsMTkuNTgxLTIxLjU5LDE5LjE2My0zMi41NjRjLTAuMTA1LTIuNzctMS45NTYtNS4xNjgtNC42MDktNS45NzNjLTMuNjA2LTEuMDk0LTcuNTIzLTEuNjM4LTExLjYyNC0xLjY3OCAgYzAuNjM0LTQuNzY3LDAuNzEzLTkuNjIxLDAuMTM0LTEzLjU1Yy0wLjQwNC0yLjc0Mi0yLjUwNC00LjkyNy01LjIyOS01LjQzOWMtOC45NzItMS42ODktMTguNzU2LDEuNTk3LTI4LjI4OSw5LjUwMyAgYy02LjA4NSw1LjA0Ni0xMS42MTksMTEuNTYxLTE2LjE5NiwxOC43MjN2LTI5LjkwOGM5LjIyNy0wLjYwMiwxOS4zNzYtNS40MDgsMjguODcxLTEzLjg1NCAgYzEzLjc0OS0xMi4yMzEsMjYuNjg4LTMzLjIwMiwyNC42MDMtNTIuNDgyYy0wLjI5OC0yLjc1Ni0yLjMxMi01LjAyMS01LjAxNS01LjYzOGMtMTAuNDcxLTIuMzkxLTIyLjYzMSwxLjY3MS0zNC4yNTIsMTEuNDM1ICBjLTUuMzg2LDQuNTI1LTEwLjE4OCw5Ljg2MS0xNC4yMDcsMTUuNTk2di0xOS45OTJjOS41OS0yLjU4OCwxOS4wNzUtMTAuMzMzLDI2LjcyLTIyLjA0OSAgYzEwLjAwNi0xNS4zMzQsMTYuOTg2LTM4Ljc1NywxMC4wMjUtNTYuNTIxYy0xLjAxMS0yLjU4My0zLjU3Ni00LjIzMi02LjMxOS00LjEyNGMtNC45NDksMC4yMDQtOS44NjQsMS44MTgtMTQuNTc4LDQuNzExICBjMC45MTktMTcuMjk2LTMuNjQxLTM4LjA1NC0xNi41NzUtNTAuMzA3Yy0yLjAxMy0xLjkwNi01LjAxNS0yLjMyOS03LjQ3My0xLjA0NmMtOS44ODgsNS4xNDktMTYuNTQxLDE2LjYxLTE4LjczNSwzMi4yNzMgIGMtMi40MzgsMTcuNDAzLDEuMDI0LDQwLjU1MSwxMy45MzYsNTQuNjU4djQ5LjA3NWMtOC4wNzItMTEuMjc5LTE4LjcyLTE5LjYyNy0zMC40NzktMjAuNDE4Yy0yLjc3NC0wLjE4Ni01LjM0NywxLjQwMy02LjQyNSwzLjk1NyAgYy0xLjY5Nyw0LjAxOS0yLjc4Niw4LjQ1LTMuMjcyLDEzLjIzOWMtNC41MTctMS4xNzMtOS4wNzUtMS43NDMtMTMuNTY3LTEuNTU5Yy0yLjc3MSwwLjExNC01LjE2MywxLjk3My01Ljk1OSw0LjYyOSAgYy0zLjQ0NSwxMS41LDAuNzMsMjYuMDE0LDExLjQ1NywzOS44MjFjMTAuOTI5LDE0LjA2OCwyOS40NDQsMjcuOTI5LDQ4LjI0NSwzMC4xMjJ2MjguODc1Yy0zLjQ2Mi00Ljc4OC03LjQ4OC05LjAzNy0xMS45NDItMTIuNDM3ICBjLTcuMDQzLTUuMzc2LTE0LjY4Mi04LjI2MS0yMi4xNi04LjQ5NGMtMC4xNDgtMC4xOTctMC4yOTUtMC40MDUtMC40NDQtMC41OTZjLTcuNjQ3LTkuODc4LTE3LjU4Ni0xNi4wNTEtMjYuNTg2LTE2LjUxMyAgYy01LjUwNS0wLjI3Ni0xMC40ODYsMS42MTYtMTQuMDM2LDUuMzRjLTEuNDA2LDEuNDc0LTIuNTYsMy4xODgtMy40NDgsNS4xMTljLTEuODg2LDAuOTgtMy41NDIsMi4yMTMtNC45NDYsMy42ODcgIGMtMy41NTEsMy43MjctNS4yMDYsOC43OTgtNC42NiwxNC4yNzljMC44OTUsOC45NjcsNy41MzgsMTguNTk4LDE3Ljc3MywyNS43NjRjMC4yMTQsMC4xNSwwLjQ0LDAuMjk0LDAuNjU4LDAuNDQyICBjMC44NTIsOS42MjQsNi4yNjEsMTkuMjQ2LDE1LjYxNSwyNy4zMjNjMTIuNiwxMC44NzksMjkuNDIyLDE2LjkxOSw0NS4wODEsMTYuOTE5YzMuMDksMCw2LjEzNi0wLjIzNiw5LjA5NS0wLjcxNnY4Mi41NzkgIGMtMC4wNDYsMC44OTIsMCwxMS4zMjgsMCwxMS4zMjhsLTMuOTQzLTQuNjUzYzAtMC41Ny0wLjAxMS0xLjE0Mi0wLjA0Ny0xLjcxN2MtMC40ODktNy42OTYtNC4yNTQtMTUuNDg5LTEwLjUyNS0yMi4wNDggIGMxLjYwNC0yLjQyMywzLjA0Mi00Ljk4OSw0LjI4Mi03LjY3NmM1LjU2OS0xMi4wNzMsNi4xMTItMjQuNTEzLDEuNDg5LTM0LjEzYy0zLjQyNi03LjEyNi05LjQ5Ni0xMi4wODUtMTcuMDkzLTEzLjk2MyAgYy0yLjk0Ni0wLjcyOS02LjAzNi0wLjk4Mi05LjIyNy0wLjc2MWMtMi43MTYtMS42ODItNS41NzEtMi44OTgtOC41MTUtMy42MjZjLTcuMTkxLTEuNzgxLTE0LjUzNi0wLjQ2MS0yMC42ODQsMy43MTQgIGMtNS4zNjUsMy42NDMtOS42MDIsOS4yOS0xMi4zMDEsMTYuMTY1Yy03Ljc2OS02LjY3NC0xNS44MDctMTAuNTc5LTIyLjY0OC0xMC43NzljLTQuNjI3LTAuMTI5LTguNTU1LDEuMzc4LTExLjQ0LDQuMzc3ICBjLTEuMjc5LDEuMzMxLTIuMjg5LDIuODkzLTMuMDIxLDQuNjY3Yy0xLjc0NywwLjgwMi0zLjI2OSwxLjg3Mi00LjU0NiwzLjIwMmMtMi45MiwzLjAzNS00LjI3NSw3LjEwMy0zLjkxOCwxMS43NjUgIGMwLjQ5Myw2LjQzNyw0LjQzNCwxMy45NDgsMTAuODEyLDIxLjExYy01LjY2MSwzLjA3MS0xMC4xNDUsNy4yNjYtMTMuMDIsMTIuMzA5Yy0zLjUxMSw2LjE2LTQuMzIzLDEzLjAyOS0yLjM1LDE5Ljg2NSAgYzAuODQyLDIuOTE0LDIuMTY5LDUuNzIsMy45NTYsOC4zNzFjLTAuMDk5LDMuMTk4LDAuMjc1LDYuMjgsMS4xMTcsOS4xOTJjMi4xNzIsNy41MTgsNy4zNjIsMTMuMzkxLDE0LjYxNiwxNi41MzcgIGMzLjk4MywxLjcyOSw4LjQsMi41ODMsMTMuMDM3LDIuNTgzYzYuNzU3LDAsMTMuOTgxLTEuODE2LDIxLjAwNy01LjM5NGMyLjYyNS0xLjMzNiw1LjEzMS0yLjg3OSw3LjQ5MS00LjU5ICBjNi44MDIsNi4wMjEsMTQuNzQxLDkuNDg3LDIyLjQ1Nyw5LjY3N2MwLjIyMiwwLjAwNSwwLjQ0MywwLjAwOCwwLjY2NCwwLjAwOGMwLjM1MiwwLDAuNzAyLTAuMDEyLDEuMDUyLTAuMDI2bDEzLjA4NSwxMC4yNDMgIGM0LjQ3OCwzLjUwNCwxMC4wNDksNS4zNDQsMTUuNzY0LDUuMzQ0YzIuNDQxLDAsNC45MTEtMC4zMzYsNy4zMzEtMS4wMjJjMS43ODQtMC40MjgsMy40OTctMS4wOTUsNS4xMTgtMS45NTR2MjcuNjE3ICBjLTAuMDksMTAuMzczLDguODI3LDguOTU2LDExLjY1OSw1LjUzNWw0My43NzktNTcuMTI2YzIuMTg0LTIuODQ5LDEuNjQ0LTYuOTI5LTEuMjA1LTkuMTEzYy0yLjg1LTIuMTg0LTYuOTMtMS42NDMtOS4xMTMsMS4yMDYgIGwtMzIuMTIsNDEuOTEzdi00NC45MzZjMC4yMDYsMC4wOTksMC40MDYsMC4yMDgsMC42MTUsMC4zMDFjMy43NDcsMS44NTEsNy44MDEsMi43NzcsMTEuODE0LDIuNzc3ICBjNC4wNTMsMCw4LjA2NC0wLjk0NCwxMS42NzgtMi44MzJsMjUuODU0LTEzLjUwNmMzLjI3NCw0LjYzMiw3LjMxOSw4Ljg4NywxMi4wMDMsMTIuNDc0YzguMjg1LDYuMzQ2LDE3LjQ2OSw5LjcyMiwyNi4wNjMsOS43MjEgIGMyLjM1NiwwLDQuNjctMC4yNTQsNi45MDctMC43N2M3LjcwNC0xLjc3NiwxMy44NzQtNi42MDgsMTcuMzc0LTEzLjYwNWMxLjM1OS0yLjcxNywyLjI4OC01LjY3OSwyLjc3MS04LjgzNSAgYzIuMjM3LTIuMjgxLDQuMDUyLTQuNzk5LDUuNDA3LTcuNTEyYzMuNTAyLTYuOTk5LDMuNjctMTQuODM1LDAuNDczLTIyLjA2N2MtMi41MDYtNS42NjgtNi44NzgtMTAuNjIxLTEyLjYwNC0xNC40ODkgIGM4LjIwOC02LjExLDEzLjc3OS0xMy4wODksMTUuNDc2LTE5LjcxNWMxLjE0Mi00LjQ1OCwwLjUzNC04LjY0OS0xLjc1Ny0xMi4xMjNDMzI2LjI3NywzMDkuNTk1LDMyNC45NzUsMzA4LjI2NywzMjMuNDA1LDMwNy4xNjN6ICAgTTE2Mi42NTYsNDAwLjk0NmMtMC44OTgsMi4yNzgtMi4xMTMsNC4yMjMtMy42MDksNS43OGMtMi41ODMsMi42ODUtNS43ODksMy45OTItOS41MjEsMy45MDcgIGMtNC4zMTMtMC4xMDYtOC45MDgtMi4wNzQtMTMuMTI4LTUuNTI3YzQuMTk1LTQuODM3LDcuNDQ4LTEwLjI0Nyw5LjQ1MS0xNS44MTFsMi43NTEsMi42NDdjMS41OTMsMS41MzIsNC4xMjUsMS40ODQsNS42NTYtMC4xMDkgIGMxLjUzMS0xLjU5MiwxLjQ4Mi00LjEyNS0wLjEwOS01LjY1NmwtMy45ODctMy44MzZjNi44MjktMi4wMDIsMTMuNDI3LTUuOTQ1LDE5LjExMi0xMS4zMDNjMy41ODMsNC4wNjksNS43MSw4LjU2Miw1Ljk4MiwxMi44NDcgIGMwLjIzNywzLjcyOS0wLjk1Miw2Ljk4My0zLjUzNSw5LjY2OGMtMS40OTIsMS41NTEtMy4zODgsMi44MzktNS42MzQsMy44MjhDMTY0LjUxNiwzOTguMDcyLDE2My4yODUsMzk5LjM1MiwxNjIuNjU2LDQwMC45NDZ6ICAgTTgzLjM3LDMzMS4yMTRjMC4zMDEtMC4zMTMsMC45NDctMC41OSwxLjc3Mi0wLjc1OWMyLjYzNy0wLjU0Miw0LjY2Ny0yLjY1Myw1LjEwNC01LjMwOWMwLjEzNy0wLjgzMSwwLjM5LTEuNDg4LDAuNjktMS44MDEgIGMwLjMwOC0wLjMyLDAuOTU3LTAuMzk2LDEuNTA4LTAuMzk2YzAuMDYzLDAsMC4xMjQsMC4wMDEsMC4xODQsMC4wMDNjNC4xMjksMC4xMiwxMS45MDQsNC4xNjcsMTkuODE2LDEyLjczMiAgYy0wLjAxLDAuMTQ5LDAuMzIzLDcuNzc1LDEuMTY2LDExLjc3OWwtNS42LTMuOTM0Yy0xLjgxMS0xLjI3MS00LjMwMi0wLjgzMy01LjU3MywwLjk3NGMtMS4yNywxLjgwOC0wLjgzNCw0LjMwMywwLjk3NCw1LjU3MiAgbDEwLjYzNCw3LjQ3MWwwLjk5OSw0LjU3MmMtNC43NjMtMS4wNDItMTAuMDg1LTMuMzIxLTE1LjQ1Mi03LjQxNmMtMTAuODYyLTguMjg5LTE2LjE5My0xNy4wNzEtMTYuNTQ5LTIxLjcyNSAgQzgyLjk5OCwzMzIuMzc1LDgzLjAxNiwzMzEuNTgyLDgzLjM3LDMzMS4yMTR6IE0xMTMuMzYsNDA2Ljk1N2MtOC4yNTksNC4yMDUtMTYuODQ4LDUuMTI2LTIyLjk3MywyLjQ3ICBjLTMuNzM3LTEuNjIyLTYuMTkzLTQuMzg3LTcuMzAxLTguMjIxYy0wLjU5OC0yLjA2Ni0wLjc2Ni00LjM1NC0wLjQ5OS02Ljc5OGMwLjE4Ni0xLjcwMS0wLjMwOC0zLjQwNS0xLjM3MS00Ljc0NSAgYy0xLjUyNy0xLjkyNS0yLjYwNS0zLjk1LTMuMjAyLTYuMDE3Yy0wLjk5MS0zLjQzMy0wLjYwNC02LjczOCwxLjE1NC05LjgyMmMyLjIzNi0zLjkyMyw2LjU1LTcuMTY2LDEyLjA2OC05LjE2ICBjMC4xNTksMC4xMjMsMC4zMSwwLjI1LDAuNDcsMC4zNzJjMTAuMzgyLDcuOTIyLDIwLjA1MiwxMC44MTksMjguNzE0LDEwLjEzNGMxMC41NzktMC44MzcsNy44MzMtOC4zMzMsNi4xNjctMTYuNzUgIGMtMS4xMjgtNS42OTgtMS41NzUtMTQuMjQzLTEuMTg2LTIxLjU5OWMwLjA0Ny0wLjg4NSwwLjI5OC0zLjI2LDAuMzE0LTMuMzgxYzEuMTA4LTguMTQ2LDQuNTg3LTE0Ljc0OSw5LjU0NC0xOC4xMTUgIGMzLjE0Mi0yLjEzNCw2LjU5Mi0yLjc1OCwxMC4yNi0xLjg1YzIuMDkxLDAuNTE3LDQuMTU0LDEuNTE1LDYuMTMzLDIuOTY1YzEuMzgxLDEuMDEzLDMuMTA0LDEuNDM4LDQuODAxLDEuMTg3ICBjMi40MjMtMC4zNjIsNC43MTUtMC4yODMsNi44MSwwLjIzNWMzLjg3MiwwLjk1OCw2LjczLDMuMzA0LDguNDk2LDYuOTc2YzIuODk0LDYuMDIsMi4zMDQsMTQuNjM3LTEuNTc4LDIzLjA1MyAgYy01LjE1NiwxMS4xNzktMTUuMzMxLDIwLjA0NS0yNS4xNTYsMjIuMzM2bDguNTIxLTM0LjM3MWMwLjUzMS0yLjE0NC0wLjc3Ni00LjMxMy0yLjkyLTQuODQ1Yy0yLjE0Ni0wLjUzMi00LjMxMywwLjc3Ni00Ljg0NiwyLjkyICBsLTEwLjA5Miw0MC43MTJjLTAuMDE4LDAuMDQxLTAuMDM0LDAuMDgzLTAuMDUyLDAuMTI0bC0zMS45NTcsMTkuNzA4Yy0xLjg4MSwxLjE2LTIuNDY1LDMuNjI0LTEuMzA1LDUuNTA0ICBjMC43NTYsMS4yMjYsMi4wNjYsMS45MDEsMy40MDgsMS45MDFjMC43MTYsMCwxLjQ0MS0wLjE5MiwyLjA5Ni0wLjU5NmwyNS41MjktMTUuNzQ0ICBDMTMwLjE4MSwzOTMuOTcxLDEyMi42OTcsNDAyLjIwNiwxMTMuMzYsNDA2Ljk1N3ogTTE5MS41NzYsNDE3LjM5OGMtMC4wMjksMC4xMTctMC4wNTUsMC4yMzUtMC4wNzcsMC4zNTQgIGMtMC4zMjksMS43MjQtMS4yLDMuMzYyLTIuNTExLDQuNzI2bC0wLjM2MywwLjM3N2MtMS4zMTcsMS4zNjktMi45MTksMi4zMDItNC42MzIsMi42OThjLTAuMTE3LDAuMDI3LTAuMjMzLDAuMDU4LTAuMzQ5LDAuMDkxICBjLTQuMDY3LDEuMTgyLTguNTIxLDAuNDA1LTExLjYyNi0yLjAyNmwtNi42MjUtNS4xODdjMS4wNjQtMC44MTEsMi4wNzYtMS43MDgsMy4wMjUtMi42OTVjMi4xMDQtMi4xOSwzLjg3MS00Ljc0MSw1LjI3MS03LjYwOCAgYzIuODE1LTEuNTEyLDUuMjk3LTMuMzc1LDcuMzk5LTUuNTYyYzAuOTQ4LTAuOTg2LDEuODA3LTIuMDI5LDIuNTc1LTMuMTIzbDUuNDM4LDYuNDE4ICBDMTkxLjY0OSw0MDguODY5LDE5Mi41OTgsNDEzLjI4OSwxOTEuNTc2LDQxNy4zOTh6IE0yNTcuMzAzLDIyOC43ODRjLTEuNzQxLDUuNDgtNi40NTIsMTEuNDc1LTEzLjM3NiwxNi44MTggIGMtMTEuNzMxLDkuMDUzLTI2LjQxMywxMy45NjYtMzcuNzY2LDEzLjAxMmMyLjAxNy01LjgxMiw3LjE4MS0xMi4xMDUsMTQuNjQ1LTE3LjY0MiAgQzIzMi40NTMsMjMyLjMzMywyNDYuMzkyLDIyNy43OTIsMjU3LjMwMywyMjguNzg0eiBNMjI5LjcxNCwyMTYuMTk5YzQuMzc4LTMuNjMxLDguNjk5LTUuODk2LDEyLjU4OS02LjY1MSAgYy0wLjA5NSwyLjUwNi0wLjQyNCw1LjE4MS0wLjk0MSw3LjY3NmMtNi44NjYsMS41ODUtMTMuODcsNC4zNjItMjAuNTM1LDguMjEzQzIyMy41ODQsMjIxLjk0OSwyMjYuNTc5LDIxOC43OTgsMjI5LjcxNCwyMTYuMTk5eiAgIE0yMjcuNzg4LDE0NC40MjFjNi4yNjUtNS4yNjQsMTIuNTcxLTguMzY0LDE3Ljk5OS04Ljk1MmMtMS4wNjEsMTEuNy04Ljg1NCwyNS43NTUtMjAuMzM4LDM1Ljk3ICBjLTYuODQ3LDYuMDkxLTEzLjk1Miw5Ljc3Ny0xOS45NjUsMTAuNTA5QzIwNy4xOTksMTY5LjM0NiwyMTUuODk5LDE1NC40MDksMjI3Ljc4OCwxNDQuNDIxeiBNMjMxLjI3Nyw2MS40NDggIGMxLjk0MSwxMS4zNDgtMS45MDMsMjYuNzE2LTEwLjIyNiwzOS40NzFjLTQuODIzLDcuMzkyLTEwLjQyMywxMi43NDUtMTUuODMzLDE1LjM0NVY4OC42MTFjMy45OTItMi45MzQsNy4zMy03LjAzOCw5LjkwNy0xMi4xMzUgIEMyMjAuMTE5LDY4LjgyOSwyMjUuNzksNjMuNTkzLDIzMS4yNzcsNjEuNDQ4eiBNMTkxLjE1NywzNC44MTJjMS4yLTguNTY1LDQuMDA0LTE1LjM4LDcuOTE5LTE5LjUwOCAgYzcuMTA1LDkuOTA5LDEwLjYyNSwyNi4yOTcsOC41MDcsNDEuNDE1Yy0wLjczNCw1LjIzNS0yLjA2OSw5LjgxMi0zLjg4OSwxMy41MjdjLTAuMDkyLDAuMTY2LTAuMTc2LDAuMzM0LTAuMjUzLDAuNTA0ICBjLTEuMSwyLjE0NS0yLjM2NSwzLjk4OS0zLjc3Nyw1LjQ3OEMxOTIuNTU4LDY2LjMxOSwxODkuMDQsNDkuOTMsMTkxLjE1NywzNC44MTJ6IE0xNjUuNjgyLDEzMC40MDMgIGM4LjcwMiwzLjM0NiwxNy42NjksMTMuNzUyLDIzLjM3OSwyNy4wMDhjLTYuODI1LTcuNjIyLTE1LjI0Mi0xNC4zNDItMjQuMjktMTguOTY4ICBDMTY0LjgyNywxMzUuNTc4LDE2NS4xMjEsMTMyLjg4NSwxNjUuNjgyLDEzMC40MDN6IE0xNTQuMjQsMTY4LjQzNWMtNi4zNTQtOC4xOC05Ljg0OS0xNi40OTgtOS45MTUtMjMuMjM4ICBjMy40OTQsMC40NTQsNy4wNDMsMS40NjgsMTAuNTUsMi45MTJjMC41NzQsMC4zNjMsMS4yMDMsMC42NDMsMS44NzQsMC44MTNjMTYuODk5LDcuNzM0LDMyLjM5NiwyNS4yNzYsMzUuNDY5LDM5Ljg0OXY0LjYxMiAgQzE3OS4zOTYsMTkxLjI4MSwxNjQuNTc0LDE4MS43MzYsMTU0LjI0LDE2OC40MzV6IE0xOTIuMjE5LDI3Mi4zNDN2OS4wNzJjLTYuODgyLTAuMTgxLTE0LjMyOC00LjA3NC0yMS4wNzYtMTEuMTY4ICBjLTExLjMzOC0xMS45Mi0xNi45OTYtMjguOTUxLTE0LjU1Ni00Mi44MDNjNi4zMTItMC4yMTUsMTEuOTQxLDIuOTE0LDE1LjgwMiw1Ljg1OSAgQzE4My41NTcsMjQxLjgyOSwxOTEuNjEzLDI1Ny43NjksMTkyLjIxOSwyNzIuMzQzeiBNMTE2LjkzMiwyMjQuNTAyYy0wLjIyOS0yLjI5NiwwLjUzOC0zLjM5NSwxLjEzNS00LjAyMSAgYzAuNjUxLTAuNjg0LDEuNTc3LTEuMjM0LDIuNzUxLTEuNjM1YzIuMDA2LTAuNjg3LDMuNTUxLTIuMzA5LDQuMTM5LTQuMzQ1YzAuMzQ0LTEuMTg4LDAuODQ5LTIuMTM3LDEuNTAzLTIuODIzICBjMC41OTctMC42MjcsMS42NDYtMS40NDIsMy45NjEtMS4zMjhjMy40NDYsMC4xNzcsOS4xNzEsMi42NzEsMTQuODM3LDguOTQyYy0wLjA2MiwwLjE1OC0wLjEzLDAuMzEyLTAuMTgsMC40NzYgIGMtMS4wMjYsMy4zNjUtMS42NSw2Ljc3Mi0xLjkzMSwxMC4xNzhsLTguNjMxLTguNTcxYy0xLjU2OC0xLjU1Ni00LjEwMS0xLjU0OC01LjY1NiwwLjAyYy0xLjU1NywxLjU2OC0xLjU0OCw0LjEwMSwwLjAyLDUuNjU3ICBsOS4yMDQsOS4xNDFjLTMuODkzLDAuNDM5LTcuNjEsMS4yNy0xMS4wNCwyLjVjLTAuMTYxLDAuMDU4LTAuMzEzLDAuMTMzLTAuNDY3LDAuMjAzICBDMTIwLjA0MywyMzMuNTM3LDExNy4yNzQsMjI3LjkzNiwxMTYuOTMyLDIyNC41MDJ6IE0xMzUuMzAxLDI0OS44MDhjMi45OS0wLjY3Nyw2LjIyNS0wLjk5OSw5LjYtMC45NzQgIGMyLjk3MiwxMS40NjIsOS4wNjksMjEuOTMxLDE2LjA4MywyOS41NzFjLTUuNDg3LTIuMzg4LTEwLjQ2My01LjQ4Ni0xNC40NDQtOC45MjNDMTM5LjQ0MSwyNjMuMzUzLDEzNS40OTQsMjU2LjM2NSwxMzUuMzAxLDI0OS44MDggIHogTTIyMy4zMDcsMzkwLjA0Yy0zLjQ5NSwxLjgyNS04LjAxNiwxLjc4LTExLjc5OC0wLjExOWMtMC4xMDgtMC4wNTQtMC4yMTgtMC4xMDUtMC4zMjgtMC4xNTRjLTEuNjExLTAuNy0zLjAxNy0xLjkwOC00LjA2Ni0zLjUgIGwtMC4yNzktMC40MjFjLTEuMDQ4LTEuNTktMS42MDYtMy4zNTktMS42MTYtNS4xMTV2LTIuMDkzYzAuMjM3LTMuNjA3LDEuODg0LTcuMDExLDQuNTItOS4xNjVsMjIuNDkxLTE4LjM3OCAgYzQuMDkyLDQuMDQzLDguNzA5LDcuMjU0LDEzLjU3NSw5LjMyN2MtMC4wMzQsNS4zNDIsMS4wNzMsMTAuODU5LDMuMTc0LDE2LjIwN0wyMjMuMzA3LDM5MC4wNHogTTMxNC4wNzksMzczLjcxNCAgYy0wLjk2MywxLjkyNi0yLjM4OSwzLjcyLTQuMjM3LDUuMzMxYy0xLjI5MiwxLjEyNS0yLjA4NywyLjcxNS0yLjIxMyw0LjQyM2MtMC4xOCwyLjQ0My0wLjc2MSw0LjY2MS0xLjcyOCw2LjU5MSAgYy0xLjc4NCwzLjU2Ny00LjcwMSw1Ljg0LTguNjY5LDYuNzU1Yy02LjUxLDEuNTAxLTE0Ljc4Ni0wLjk2OC0yMi4xNDUtNi42MDRjLTkuMjc0LTcuMTAxLTE1LjUyNi0xOC4xNzItMTYuMjAzLTI3LjkwOCAgbDMyLjY3OCwxNC40MDdjMC41MjQsMC4yMzEsMS4wNzIsMC4zNDEsMS42MTEsMC4zNDFjMS41MzYsMCwzLjAwMi0wLjg5MSwzLjY2Mi0yLjM4N2MwLjg5Mi0yLjAyMS0wLjAyNS00LjM4My0yLjA0Ny01LjI3NCAgbC0zNi4wNzItMTUuOTA0Yy0wLjEyNy0wLjMxNy0wLjI3Ni0wLjYyNS0wLjQ1MS0wLjkxN2wtNS42NzktMzYuNjQ5YzAtMi4yMDktMS43OTEtNC00LTRzLTQsMS43OTEtNCw0bDUuNjc5LDMyLjI4MyAgYy05LjExMy00LjEzOC0xNy4zMDQtMTQuNTYyLTIwLjMxOC0yNi40Yy0yLjI4Ny04Ljk4MS0xLjMwMS0xNy41NjMsMi42NC0yMi45NTZjMi40MDItMy4yOSw1LjY0MS01LjA3OCw5LjYyMy01LjMxNiAgYzIuMTUyLTAuMTI3LDQuNDE4LDAuMjEsNi43MzksMS4wMDZjMS42MTgsMC41NTQsMy4zOSwwLjQ1LDQuOTMxLTAuMjk0YzIuMjE0LTEuMDY3LDQuNDI3LTEuNjczLDYuNTc1LTEuODAyICBjMy41NTItMC4yMSw2LjcwNiwwLjg5Miw5LjMyOSwzLjI4NGMzLjMzNSwzLjA0Miw1LjU1Miw3Ljk2NCw2LjI4NCwxMy43ODZjLTAuMTU0LDAuMTI4LTAuMzExLDAuMjQ3LTAuNDY1LDAuMzc2ICBjLTE0Ljg4NSwxMi40NzMtMTcuNjAxLDMzLjI4My05Ljc5OSwzNy45NDZjMS45MjcsMS4xNTIsNC41MTgsMC45NTIsNi4zLTAuNDE0YzguNDgyLTYuNSwzNy41NjYsMy42NzYsNDIuMTg0LDE1LjMgIEMzMTUuNzkzLDM2Ni41MDUsMzE1Ljg2NiwzNzAuMTQzLDMxNC4wNzksMzczLjcxNHogTTMxNi40NTcsMzIwLjAzNGMtMS4wMjUsNC4wMDItNi42ODEsMTAuNjk4LTE2Ljc3NSwxNi41MzUgIGMtMC4xMjgtMC4wMzctMS42NTUtMC40NzMtMS42NTUtMC40NzNjLTIuNTYtMC43MzUtNS44NDUtMS42NjYtOS40OTEtMi4zNTFsNi4zMjYtNC4xN2MxLjg0NS0xLjIxNiwyLjM1NC0zLjY5NywxLjEzOS01LjU0MiAgYy0xLjIxNy0xLjg0NC0zLjY5Ny0yLjM1My01LjU0MS0xLjEzOGwtMTUuNDcxLDEwLjE5OGMtMC4zMDIsMC4wMzgtMC42MDMsMC4wNzQtMC45MDUsMC4xMjFjMS4wMzItMy45NTUsMy43MjQtOC4yMTEsOS44NzEtMTMuMzYzICBjMTAuNDcyLTguNzc1LDIwLjIyNC0xMi4wNTEsMjQuODI5LTExLjM3MmMwLjU5OCwwLjA4NywxLjM2NywwLjI4LDEuNjQ3LDAuNzA1YzAuMjM5LDAuMzYzLDAuMzY3LDEuMDUyLDAuMzUxLDEuODkxICBjLTAuMDUzLDIuNjk1LDEuNTYzLDUuMTQ0LDQuMDYyLDYuMTU1YzAuNzc3LDAuMzE0LDEuMzYyLDAuNzA0LDEuNjAyLDEuMDY3QzMxNi43MTcsMzE4LjcwOSwzMTYuNjAxLDMxOS40NjksMzE2LjQ1NywzMjAuMDM0eiAgIE00MDYuMDMxLDIxMS4zMzRsLTY1LjAwNSw4Mi40NjVjLTEuMjgyLDEuNjI3LTMuMTg3LDIuNDc3LTUuMTA4LDIuNDc3Yy0xLjQwOSwwLTIuODI4LTAuNDU2LTQuMDItMS4zOTYgIGMtMi44MTktMi4yMjItMy4zMDQtNi4zMDktMS4wODEtOS4xMjhsNjUuMDA1LTgyLjQ2NWMyLjIyMi0yLjgyLDYuMzEyLTMuMzAzLDkuMTI4LTEuMDgxICBDNDA3Ljc2OSwyMDQuNDI4LDQwOC4yNTQsMjA4LjUxNCw0MDYuMDMxLDIxMS4zMzR6IE0yNzUuMDczLDI2OC4xNzJjMC0wLjYxNCwwLjA4OC0xLjIzOCwwLjI3MS0xLjg1Nmw2MS4zNjYtMjA2LjQ5MiAgYzEuMDIzLTMuNDQxLDQuNTk1LTUuMjMzLDguMDgyLTQuMzc5YzUuMTY5LDEuMjY2LDQuNTYzLDcuNDY0LDQuMzc5LDguMDgybC0zMC42ODYsMjE0LjgzOWMtMC40NTIsMy4yNTItMy4yMzcsNS42MDctNi40MzEsNS42MDcgIGMtMC4yOTgsMC0wLjU5OS0wLjAyMS0wLjkwMS0wLjA2M2MtMy41NTctMC40OTQtNi4wMzgtMy43NzYtNS41NDUtNy4zMzJsMTcuMzIzLTEyNC43NTZsLTM1LjEyNiwxMTguMTk3ICBjLTAuODM5LDIuODIzLTMuNDI2LDQuNjUtNi4yMjgsNC42NWMtMC42MTMsMC0xLjIzNi0wLjA4Ny0xLjg1NC0wLjI3MUMyNzYuOSwyNzMuNTU5LDI3NS4wNzQsMjcwLjk3NCwyNzUuMDczLDI2OC4xNzJ6IiBmaWxsPSIjRkZGRkZGIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) } div.birke { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMi4wMDEgNTEyLjAwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyLjAwMSA1MTIuMDAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI4Ni4yODcsNDc5Ljk2M2gtOS4zNTVjLTIuNzEzLDAtNC45MTQtMi4yMDEtNC45MTQtNC45MTR2LTQzLjE0N0gyMzkuOTh2NDcuOTY2YzAsMTcuNzQ2LDE0LjM4NiwzMi4xMzMsMzIuMTMzLDMyLjEzMyAgICBoMTQuMTc0YzguODQ3LDAsMTYuMDE5LTcuMTcyLDE2LjAxOS0xNi4wMTlDMzAyLjMwNiw0ODcuMTM1LDI5NS4xMzQsNDc5Ljk2MywyODYuMjg3LDQ3OS45NjN6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDQ1Ljk5OCwyNjAuMzE3aC02Ljk1MWMtMi44NDUsMC01LjY4NC0wLjY2Mi04LjEyNy0yLjEyMWMtNS4xNjUtMy4wODQtNy45MjUtOC43MjgtNy40MzQtMTQuNDQ3bDQuNjg5LTU0LjUwMyAgICBjMC40NTUtNS4yOC01LjYwNS04LjYwMy05LjgyMy01LjMwN2MtMS42NDksMS4yODktMy40NzgsMi4zNjEtNS41MzEsMi43NjdjLTkuNzI5LDEuOTI2LTE3LjY0My00LjUxNS0xOC43ODgtMTIuODczICAgIGwtOC40MTItNjEuNDEyYy0wLjQxMi0zLjAxNC0yLjk4OC01LjI2LTYuMDI5LTUuMjZoLTE4LjU3NGMtNS40ODYsMC0xMC41NS0yLjk0NS0xMy4yNjQtNy43MTRsLTI0Ljc2Ny00My41MyAgICBjLTIuNTE2LTQuNDIxLTcuOTg4LTYuMTk1LTEyLjYxOS00LjA5Yy05LjEzMSw0LjE1MS0xOS45MTQsMC40OTYtMjQuNjM2LTguMzU0QzI3OS4xMjEsMzEuMDgyLDI3Mi4xNCwxNy45NjUsMjY1LjczLDUuODYgICAgYy00LjEzOC03LjgxMy0xNS4zMjMtNy44MTMtMTkuNDYxLDBjLTYuNDExLDEyLjEwNS0xMy4zOTIsMjUuMjIyLTIwLjAwNCwzNy42MTJjLTQuNzIyLDguODQ5LTE1LjUwNSwxMi41MDUtMjQuNjM2LDguMzU0ICAgIGMtNC42MzEtMi4xMDUtMTAuMTA0LTAuMzMxLTEyLjYxOSw0LjA5bC0yNC43NjcsNDMuNTMyYy0yLjcxMyw0Ljc2OS03Ljc3Nyw3LjcxMy0xMy4yNjQsNy43MTNoLTE4LjU3MyAgICBjLTMuMDQyLDAtNS42MTcsMi4yNDYtNi4wMjksNS4yNmwtOC4zNzEsNjEuMTA3Yy0wLjU2LDQuMDg0LTIuNjA5LDcuODc2LTUuODk2LDEwLjM2M2MtNS41NjgsNC4yMTItMTMuMDE1LDQuMDkxLTE4LjM2NCwwLjExOCAgICBsLTAuMjMtMC4xNzFjLTQuMjEtMy4xMy0xMC4xNDIsMC4xNzgtOS42OTIsNS40MDRsNC42ODksNTQuNTA1YzAuNDkyLDUuNzE5LTIuMjY4LDExLjM2My03LjQzNCwxNC40NDcgICAgYy0yLjQ0MywxLjQ1OS01LjI4MSwyLjEyMS04LjEyNywyLjEyMUg2NmMtNC4wMjUsMC02LjkzMywzLjgzMS01Ljg2NSw3LjcxMWM1LjEwNywxOC41NjMsMTQuMjk2LDQ1LjA2NSwyOS45MjYsNzEuMjQ4ICAgIGMzNC45MTksNTguNDk1LDg1LjMzMSw4OS41OTUsMTQ5LjkyLDkyLjYyNnYtNTMuMjU5Yy0yNy4wNTUtMjMuMTYxLTkzLjcwMy04MC4xOTktOTYuNzg5LTgyLjc2NiAgICBjLTYuNDg5LTUuMjgzLTcuNTE2LTE0LjgyMS0yLjI3OC0yMS4zNjZjNS4yNjUtNi41OCwxNC44NjktNy42NDcsMjEuNDQ4LTIuMzhjMS40MzEsMS4xNDUsNDUuMjk5LDM4LjY3Nyw3Ny42MTksNjYuMzM5di01Mi41MzkgICAgYy0yNy44OTgtMjMuODgxLTY4LjkzMy01OC45OTMtNzEuMjM5LTYwLjkxN2MtNi40NzEtNS4yODYtNy40OTEtMTQuODEtMi4yNi0yMS4zNDljNS4yNjUtNi41ODEsMTQuODY4LTcuNjQ5LDIxLjQ0OS0yLjM4MSAgICBjMS4wMDksMC44MDcsMjcuNjI4LDIzLjU3NSw1Mi4wNSw0NC40NzZ2LTQ0LjEwNWMtMTcuMjMzLTE0Ljc1Mi00Mi4yMjctMzYuMTM4LTQzLjkxOC0zNy41NTUgICAgYy02LjY5LTUuNDk1LTcuNTItMTUuNTMzLTEuNTk3LTIyLjA2NGM1LjU2Ny02LjEzNiwxNS4xMzMtNi40NiwyMS40NTctMS4xMDZjMS40MzksMS4yMTgsNi4zNTcsNS40MSwyNC4wNTcsMjAuNTU1Vjg2Ljg2NyAgICBjMC04LjYyNSw2LjYyOS0xNi4wNDcsMTUuMjQ1LTE2LjQ1M2M5LjE5OS0wLjQzNCwxNi43OTMsNi44OTcsMTYuNzkzLDE2LjAwMXY3NS4wNzFjMTcuNjk5LTE1LjE0NCwyMi42MTgtMTkuMzM3LDI0LjA1Ny0yMC41NTUgICAgYzYuMzIzLTUuMzUzLDE1Ljg5LTUuMDMxLDIxLjQ1NywxLjEwNWM1LjkyNCw2LjUzLDUuMDk0LDE2LjU3LTEuNTk2LDIyLjA2NGMtMS42OTEsMS40MTgtMjYuNjg1LDIyLjgwMy00My45MTgsMzcuNTU1djQ0LjEwNSAgICBjMjQuNDIyLTIwLjkwMSw1MS4wNC00My42Nyw1Mi4wNDktNDQuNDc3YzYuNTgxLTUuMjY2LDE2LjE4NC00LjIsMjEuNDQ5LDIuMzgxYzUuMjMyLDYuNTM5LDQuMjEyLDE2LjA2My0yLjI2LDIxLjM0OSAgICBjLTIuMzA2LDEuOTI1LTQzLjM0MiwzNy4wMzctNzEuMjM5LDYwLjkxOHY1Mi41MzljMzIuMzE5LTI3LjY2Myw3Ni4xODgtNjUuMTk1LDc3LjYxOS02Ni4zNGM2LjU4MS01LjI2NSwxNi4xODMtNC4yLDIxLjQ0OCwyLjM4ICAgIGM1LjIzOCw2LjU0Niw0LjIxMSwxNi4wODMtMi4yNzgsMjEuMzY2Yy0zLjA4NywyLjU2Ni02OS43MzQsNTkuNjA1LTk2Ljc4OSw4Mi43NjZWNDMxLjkgICAgYzY0LjU4OS0zLjAzMSwxMTUuMDAxLTM0LjEzMSwxNDkuOTItOTIuNjI2YzE1LjYyOS0yNi4xODEsMjQuODE4LTQ3LjY3NSwyOS45MjUtNjYuMjQyICAgIEM0NTIuOTMyLDI2OS4xNTMsNDUwLjAyMywyNjAuMzE3LDQ0NS45OTgsMjYwLjMxN3oiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) } .erle { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDM3Ljg4MSwyNzkuNDZsLTUwLjI4LTE1Ni4yYy0wLjc1Ni0yLjM1LTIuMDgxLTQuNDc3LTMuODU2LTYuMTkxTDI2Ni45MzIsNC4yMTJDMjY0LjEzNSwxLjUxLDI2MC4zOTgsMCwyNTYuNTEsMGgtMS4wMTkgICAgYy0zLjg4OSwwLTcuNjI1LDEuNTEtMTAuNDIyLDQuMjEyTDEyOC4yNTUsMTE3LjA2OWMtMS43NzUsMS43MTUtMy4xLDMuODQyLTMuODU2LDYuMTkxbC01MC4yOCwxNTYuMiAgICBjLTEuMTQxLDMuNTQzLTAuOTIzLDcuMzg0LDAuNjEsMTAuNzc2bDU1LjE2MSwxMjJjMS41MzksMy40MDIsNC4yOTEsNi4xMDgsNy43MTgsNy41OUwyNDEsNDY0LjUwM1Y0OTdjMCw4LjI4NCw2LjcxNiwxNSwxNSwxNSAgICBjOC4yODQsMCwxNS02LjcxNiwxNS0xNXYtMzIuNDk3bDEwMy4zOTMtNDQuNjc3YzMuNDI3LTEuNDgxLDYuMTc5LTQuMTg4LDcuNzE4LTcuNTlsNTUuMTYxLTEyMiAgICBDNDM4LjgwNCwyODYuODQ1LDQzOS4wMjIsMjgzLjAwNCw0MzcuODgxLDI3OS40NnogTTM1Ny4xNjUsMzk0LjU4OUwyNzEsNDMxLjgyMnYtNDYuNzQ1bDg4LjY1Ny02OC41NjggICAgYzYuNTUzLTUuMDY4LDcuNzU3LTE0LjQ4OSwyLjY4OC0yMS4wNDJjLTUuMDY4LTYuNTUzLTE0LjQ4OS03Ljc1OC0yMS4wNDItMi42ODhMMjcxLDM0Ny4xNTF2LTQ4LjE3MyAgICBjMC4zOTctMC4yNTIsMC43ODktMC41MTksMS4xNjgtMC44MTNsNzcuNTc0LTU5Ljk5N2M2LjU1My01LjA2OCw3Ljc1Ny0xNC40ODksMi42ODgtMjEuMDQyICAgIGMtNS4wNjktNi41NTMtMTQuNDktNy43NTgtMjEuMDQyLTIuNjg4TDI3MSwyNjEuMTQ0di01Mi40NzFsNDguNC0zNy40MzNjNi41NTMtNS4wNjgsNy43NTctMTQuNDg5LDIuNjg4LTIxLjA0MiAgICBjLTUuMDY5LTYuNTUzLTE0LjQ5LTcuNzU4LTIxLjA0Mi0yLjY4OEwyNzEsMTcwLjc0OFY5Mi42NWMwLTguMjg0LTYuNzE2LTE1LTE1LTE1Yy04LjI4NCwwLTE1LDYuNzE2LTE1LDE1djc4LjA5N2wtMzAuMDQ3LTIzLjIzOCAgICBjLTYuNTUzLTUuMDY4LTE1Ljk3NC0zLjg2NS0yMS4wNDIsMi42ODhjLTUuMDY4LDYuNTUzLTMuODY1LDE1Ljk3NCwyLjY4OCwyMS4wNDJsNDguNCwzNy40MzN2NTIuNDcxbC02MC4zODktNDYuNzA1ICAgIGMtNi41NTQtNS4wNjctMTUuOTc1LTMuODY1LTIxLjA0MiwyLjY4OGMtNS4wNjgsNi41NTMtMy44NjUsMTUuOTc0LDIuNjg4LDIxLjA0Mmw3Ny41NzQsNTkuOTk3ICAgIGMwLjM4LDAuMjk0LDAuNzcxLDAuNTYxLDEuMTY4LDAuODEzdjQ4LjE3M2wtNzAuMzA0LTU0LjM3M2MtNi41NTMtNS4wNjgtMTUuOTc0LTMuODY0LTIxLjA0MiwyLjY4OCAgICBjLTUuMDY4LDYuNTUzLTMuODY1LDE1Ljk3NCwyLjY4OCwyMS4wNDJMMjQxLDM4NS4wNzd2NDYuNzQ1bC04Ni4xNjUtMzcuMjMzbC01MC4zODctMTExLjQ0Mmw0Ny4zNTUtMTQ3LjExNUwyNTYsMzUuMzY1ICAgIGwxMDQuMTk2LDEwMC42NjdsNDcuMzU2LDE0Ny4xMTVMMzU3LjE2NSwzOTQuNTg5eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) } .esche { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMzOSAzMzkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMzOSAzMzk7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMTc2LjA5MywyMzEuNjNjMTcuNDEyLDAsMzQuMzIxLTYuNDk0LDQ3LjI3LTE4LjM0YzE0LjcyOS0xMy40NzcsMjMuMDEzLTMyLjY3MiwyMi43MjktNTIuNjY1ICAgYy0wLjA0My0zLjA0Mi0yLjM1Ni01LjU3LTUuMzgyLTUuODgzYy0xOS44OS0yLjA1OC0zOS43NDQsNC40OTMtNTQuNDczLDE3Ljk2OWMtNC4xLDMuNzUxLTcuNjgsNy45NTktMTAuNzM1LDEyLjQ5di0zNy4zNSAgIGMwLjE5OCwwLjAwMiwwLjM5NiwwLjAxNSwwLjU5NCwwLjAxNWMxNy40MSwwLDM0LjMyMS02LjQ5NSw0Ny4yNjktMTguMzRjMTQuNzI5LTEzLjQ3NiwyMy4wMTMtMzIuNjcxLDIyLjcyOS01Mi42NjUgICBjLTAuMDQzLTMuMDQyLTIuMzU2LTUuNTctNS4zODItNS44ODNjLTE5Ljg5LTIuMDU1LTM5Ljc0NCw0LjQ5My01NC40NzMsMTcuOTY5Yy00LjEsMy43NTEtNy42OCw3Ljk1OC0xMC43MzUsMTIuNDlWOTAuNjkyICAgYzE0LjU3NS05Ljc5MSwyMy40OTMtMjYuMzQ0LDIzLjQ5My00NC4wMDhjMC0xOC44NDMtMTAuMTQ5LTM2LjQyMy0yNi40ODgtNDUuODc3Yy0xLjg1OS0xLjA3Ni00LjE1MS0xLjA3Ni02LjAxMSwwICAgYy0xNi4zMzgsOS40NTUtMjYuNDg4LDI3LjAzNC0yNi40ODgsNDUuODc3YzAsMTcuNjY0LDguOTE4LDM0LjIxNywyMy40OTMsNDQuMDA4djEwLjc0NGMtMy4wNTUtNC41MzEtNi42MzUtOC43MzgtMTAuNzM1LTEyLjQ5ICAgYy0xNC43MjktMTMuNDc2LTM0LjU4LTIwLjAyNS01NC40NzMtMTcuOTY5Yy0zLjAyNiwwLjMxMy01LjMzOSwyLjg0MS01LjM4Miw1Ljg4M2MtMC4yODQsMTkuOTkzLDgsMzkuMTg4LDIyLjcyOSw1Mi42NjUgICBjMTIuOTQ5LDExLjg0NywyOS44NTcsMTguMzQsNDcuMjY5LDE4LjM0YzAuMTk4LDAsMC4zOTYtMC4wMTQsMC41OTQtMC4wMTV2MzcuMzVjLTMuMDU1LTQuNTMxLTYuNjM1LTguNzM5LTEwLjczNS0xMi40OSAgIGMtMTQuNzI5LTEzLjQ3Ni0zNC41OC0yMC4wMjUtNTQuNDczLTE3Ljk2OWMtMy4wMjYsMC4zMTMtNS4zMzksMi44NDEtNS4zODIsNS44ODNjLTAuMjg0LDE5Ljk5Myw4LDM5LjE4OCwyMi43MjksNTIuNjY1ICAgYzEyLjk0OSwxMS44NDcsMjkuODU2LDE4LjM0LDQ3LjI3LDE4LjM0YzAuMTk3LDAsMC4zOTYtMC4wMTQsMC41OTMtMC4wMTV2MzcuMzVjLTMuMDU1LTQuNTMxLTYuNjM1LTguNzM4LTEwLjczNS0xMi40OSAgIGMtMTQuNzI5LTEzLjQ3Ni0zNC41OC0yMC4wMjUtNTQuNDczLTE3Ljk2OWMtMy4wMjYsMC4zMTMtNS4zMzksMi44NDEtNS4zODIsNS44ODNjLTAuMjg0LDE5Ljk5Myw4LDM5LjE4OCwyMi43MjksNTIuNjY1ICAgYzEyLjk0OSwxMS44NDcsMjkuODU2LDE4LjM0LDQ3LjI3LDE4LjM0YzAuMTk3LDAsMC4zOTYtMC4wMTQsMC41OTMtMC4wMTVWMzMzYzAsMy4zMTMsMi42ODYsNiw2LDZzNi0yLjY4Nyw2LTZ2LTE3LjYyMiAgIGMwLjE5NywwLjAwMiwwLjM5NiwwLjAxNSwwLjU5MywwLjAxNWMxNy40MTIsMCwzNC4zMjEtNi40OTQsNDcuMjctMTguMzRjMTQuNzI5LTEzLjQ3NiwyMy4wMTMtMzIuNjcxLDIyLjcyOS01Mi42NjUgICBjLTAuMDQzLTMuMDQyLTIuMzU2LTUuNTctNS4zODItNS44ODNjLTE5Ljg5LTIuMDU3LTM5Ljc0NCw0LjQ5My01NC40NzMsMTcuOTY5Yy00LjEsMy43NTEtNy42OCw3Ljk1OC0xMC43MzUsMTIuNDl2LTM3LjM1ICAgQzE3NS42OTcsMjMxLjYxNiwxNzUuODk2LDIzMS42MywxNzYuMDkzLDIzMS42M3ogTTE5NC4zMzYsMTgxLjU2NGMxMC44MjYtOS45MDUsMjQuOTUzLTE1LjI3NywzOS41NjctMTUuMTkyICAgYy0xLjE5MiwxNC41MjItNy44MTUsMjguMTU5LTE4LjY0MiwzOC4wNjRjLTEwLjcyNyw5LjgxNC0yNC43MzcsMTUuMTk0LTM5LjE2NywxNS4xOTRjLTAuMTMzLDAtMC4yNjcsMC0wLjQtMC4wMDEgICBDMTc2Ljg4NiwyMDUuMTA2LDE4My41MSwxOTEuNDcsMTk0LjMzNiwxODEuNTY0eiBNMTk0LjMzNiw5Ny44YzEwLjgyNi05LjkwNSwyNC45NTMtMTUuMzAxLDM5LjU2Ny0xNS4xOTIgICBjLTEuMTkyLDE0LjUyMi03LjgxNSwyOC4xNTktMTguNjQyLDM4LjA2NGMtMTAuODI4LDkuOTA2LTI1LjAzNSwxNS4zMTEtMzkuNTY3LDE1LjE5MiAgIEMxNzYuODg2LDEyMS4zNDMsMTgzLjUxLDEwNy43MDYsMTk0LjMzNiw5Ny44eiBNMTIzLjczOCwxMjAuNjcyYy0xMC44MjYtOS45MDUtMTcuNDUtMjMuNTQyLTE4LjY0Mi0zOC4wNjQgICBjMTQuNjE4LTAuMTE3LDI4Ljc0Miw1LjI4OCwzOS41NjcsMTUuMTkyYzEwLjgyNiw5LjkwNSwxNy40NSwyMy41NDIsMTguNjQyLDM4LjA2NCAgIEMxNDguNzQxLDEzNS45NzIsMTM0LjU2NCwxMzAuNTc3LDEyMy43MzgsMTIwLjY3MnogTTE2Mi45MDUsMjE5LjYzYy0xNC40MjksMC0yOC40NC01LjM4LTM5LjE2Ny0xNS4xOTQgICBjLTEwLjgyNi05LjkwNi0xNy40NS0yMy41NDItMTguNjQyLTM4LjA2NGMxNC42MTgtMC4wOTgsMjguNzQyLDUuMjg4LDM5LjU2NywxNS4xOTJjMTAuODI2LDkuOTA2LDE3LjQ1LDIzLjU0MiwxOC42NDIsMzguMDY0ICAgQzE2My4xNzIsMjE5LjYyOSwxNjMuMDM4LDIxOS42MywxNjIuOTA1LDIxOS42M3ogTTE2Mi45MDUsMzAzLjM5NGMtMTQuNDI5LDAtMjguNDQtNS4zOC0zOS4xNjctMTUuMTk0ICAgYy0xMC44MjYtOS45MDUtMTcuNDUtMjMuNTQyLTE4LjY0Mi0zOC4wNjRjMC4xMzMtMC4wMDEsMC4yNjgtMC4wMDEsMC40MDEtMC4wMDFjMTQuNDI4LDAsMjguNDQsNS4zOCwzOS4xNjcsMTUuMTk0ICAgYzEwLjgyNiw5LjkwNSwxNy40NSwyMy41NDIsMTguNjQyLDM4LjA2NEMxNjMuMTcyLDMwMy4zOTMsMTYzLjAzOCwzMDMuMzk0LDE2Mi45MDUsMzAzLjM5NHogTTE5NC4zMzYsMjY1LjMyOCAgIGMxMC44MjYtOS45MDUsMjUuMDI3LTE1LjI4NiwzOS41NjctMTUuMTkyYy0xLjE5MiwxNC41MjItNy44MTUsMjguMTU5LTE4LjY0MiwzOC4wNjRjLTEwLjcyNyw5LjgxNC0yNC43MzcsMTUuMTk0LTM5LjE2NywxNS4xOTQgICBjLTAuMTMzLDAtMC4yNjcsMC0wLjQtMC4wMDFDMTc2Ljg4NiwyODguODcsMTgzLjUxLDI3NS4yMzMsMTk0LjMzNiwyNjUuMzI4eiBNMTUyLjAwNyw0Ni42ODVjMC0xMy4zODMsNi42MjItMjUuOTQzLDE3LjQ5My0zMy41NzIgICBjMTAuODcyLDcuNjI5LDE3LjQ5MywyMC4xODksMTcuNDkzLDMzLjU3MnMtNi42MjIsMjUuOTQzLTE3LjQ5MywzMy41NzJDMTU4LjYyOCw3Mi42MjcsMTUyLjAwNyw2MC4wNjcsMTUyLjAwNyw0Ni42ODV6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) } .graeser { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ1MyA0NTMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MyA0NTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDUxLjIsMTAwLjVjLTMuMi0zLjItNy4yLTMuMi0xMC40LTAuOGMtNCwzLjItNzcuNiw2NC44LTExNi44LDE2Ny4yYy03LjItMTguNC0xNS4yLTM2LjgtMjQtNTIuOCAgICBjMjAuOC02OCw0MS42LTExNS4yLDYzLjItMTQwYzIuNC0zLjIsMi40LTgtMC44LTExLjJjLTMuMi0zLjItOC0zLjItMTEuMiwwYy0xLjYsMS42LTQwLjgsNDAuOC04MCwxMDEuNiAgICBjLTguOC0xMy42LTE3LjYtMjUuNi0yNi40LTM2LjhjMTAuNC0yMy4yLDIxLjYtNDEuNiwzMi01NC40YzIuNC0zLjIsMi40LTgtMC44LTExLjJjLTMuMi0zLjItOC0zLjItMTEuMiwwICAgIGMtMC44LDAuOC0xNi44LDE2LjgtMzguNCw0Mi40Yy0yMC44LTI1LjYtMzYuOC00MC44LTM4LjQtNDIuNGMtMy4yLTMuMi04LTMuMi0xMS4yLDBjLTMuMiwzLjItMy4yLDgtMC44LDExLjIgICAgYzExLjIsMTMuNiwyMi40LDMyLDMyLDU0LjRjLTguOCwxMS4yLTE2LjgsMjMuMi0yNS42LDM2LjhjLTM4LjQtNjAuOC03Ny42LTEwMC04MC0xMDEuNmMtMy4yLTMuMi04LTMuMi0xMS4yLDAgICAgYy0zLjIsMy4yLTMuMiw4LTAuOCwxMS4yYzI0LjgsMjguOCw0Ni40LDg0LDYzLjIsMTQwYy05LjYsMTcuNi0xNy42LDM2LTI0LDUzLjZDODkuNiwxNjQuNSwxNiwxMDIuOSwxMi44LDk5LjcgICAgYy0zLjItMi40LTgtMi40LTEwLjQsMC44Yy0zLjIsMy4yLTMuMiw4LDAsMTEuMkM1NiwxNzQuOSw4Mi40LDMzNy4zLDg4LDM3Ny4zSDQwLjh2MGMtNC44LDAtOCwzLjItOCw4czMuMiw4LDgsOEg5NmgxNS4yaDM0LjQgICAgaDE1LjJoNDAuOGgwLjhoNDhoMC44SDI5MmgxNS4yaDM0LjRoMTUuMmg1OC40YzQuOCwwLDgtMy4yLDgtOHMtMy4yLTgtOC04aC00OS42YzUuNi00MCwzMi0yMDIuNCw4NS42LTI2NS42ICAgIEM0NTMuNiwxMDguNSw0NTMuNiwxMDMuNyw0NTEuMiwxMDAuNXogTTMwOS42LDEzNy4zYy03LjIsMTYuOC0xMy42LDM2LjgtMjAuOCw1OC40Yy0zLjItNC44LTUuNi05LjYtOC44LTE0LjQgICAgQzI4OS42LDE2NS4zLDMwMCwxNTAuMSwzMDkuNiwxMzcuM3ogTTI0MCwyMTcuM2MtNCwxMC40LTguOCwyMC44LTEzLjYsMzEuMmMtNC44LTExLjItOS42LTIxLjYtMTUuMi0zMiAgICBjNC44LTE2LDkuNi0zMC40LDE0LjQtNDMuMkMyMzEuMiwxODcuNywyMzYsMjAyLjEsMjQwLDIxNy4zeiBNMjE2LDE0Ni4xYzAuOCwxLjYsMS42LDMuMiwxLjYsNC44Yy01LjYsMTQuNC0xMS4yLDI5LjYtMTYuOCw0Ni40ICAgIGMtMy4yLTUuNi02LjQtMTEuMi05LjYtMTZDMjAwLDE2OC41LDIwOCwxNTYuNSwyMTYsMTQ2LjF6IE0xMDQsMzc3LjNoLTAuOGMtNC0yOC0yMC0xMzYtNTQuNC0yMTUuMmMyNC44LDMxLjIsNTMuNiw3NS4yLDcyLDEzMC40ICAgIEMxMTEuMiwzMjEuMywxMDYuNCwzNTAuMSwxMDQsMzc3LjN6IE0xNTMuNiwzNzcuM2gtOC44aC0yNS42YzMuMi00NC44LDE2LjgtOTIsNDAtMTQwYzUuNiwxOS4yLDEwLjQsMzcuNiwxNC40LDU0LjQgICAgQzE2My4yLDMzMS43LDE1Ni44LDM2NC41LDE1My42LDM3Ny4zeiBNMTcwLjQsMzc3LjNjMi40LTEwLjQsNS42LTI4LjgsMTEuMi01MS4yYzUuNiwyMy4yLDguOCw0MS42LDExLjIsNTEuMkgxNzAuNHogICAgIE0xOTkuMiwzMzMuM2MtMTEuMi01MS4yLTMwLjQtMTMyLTU2LjgtMTk1LjJjMjYuNCwzMy42LDU1LjIsNzkuMiw3NS4yLDEzMkMyMDkuNiwyOTEuNywyMDQsMzEyLjUsMTk5LjIsMzMzLjN6IE0yNDQsMzc2LjUgICAgaC0zNC4zMzFjMy4yOTYtNDMuNzYzLDE2LjA2Ni04OS44OSwzOC4zMzEtMTM3LjZjNS42LDE4LjQsMTAuNCwzNiwxNC40LDUyQzI1Mi44LDMzMC4xLDI0Ni40LDM2Mi45LDI0NCwzNzYuNXogTTI2MC44LDM3Ny4zICAgIGMxLjYtMTAuNCw1LjYtMjguOCwxMC40LTUxLjJjNC44LDIzLjIsOC44LDQxLjYsMTEuMiw1MS4ySDI2MC44eiBNMjk5LjIsMzc4LjFoLTAuOGMtNS42LTI4LjgtMjguOC0xNDAtNjMuMi0yMjcuMiAgICBjMC44LTEuNiwxLjYtMy4yLDEuNi00LjhjMjgsMzguNCw1OS4yLDg4LjgsNzguNCwxNDYuNEMzMDcuMiwzMTguOSwzMDEuNiwzNDYuOSwyOTkuMiwzNzguMXogTTM0OS42LDM3Ny4zaC04SDMxNiAgICBjNi40LTk0LjQsNTItMTY5LjYsODgtMjE1LjJDMzY5LjYsMjQyLjEsMzUzLjYsMzQ5LjMsMzQ5LjYsMzc3LjN6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) } .hasel { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5Ni41NDQgNDk2LjU0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDk2LjU0NCA0OTYuNTQ0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik00MDguMjcyLDQ4aC0zOC41Nmw4LTQ4aC02Ni44ODhsOCw0OGgtMzguNTUyYy00OC41MiwwLTg4LDM5LjQ4LTg4LDg4djhoLTE0LjU2bDgtNDhoLTY2Ljg4OGw4LDQ4SDg4LjI3MiAgICAgYy00OC41MiwwLTg4LDM5LjQ4LTg4LDg4djMyYzAsMTAuNDE2LDYuNzA0LDE5LjIxNiwxNiwyMi41Mjh2NzUuODU2YzAsNDkuNzQ0LDMxLjI4OCw5NC44ODgsNzcuODU2LDExMi4zNmw1OC4xNDQsMjEuOCAgICAgbDU4LjE0NC0yMS44MDhjNDEuMjg4LTE1LjQ4OCw3MC41MTItNTIuNzQ0LDc2LjYyNC05NS42NjRsNTcuMjMyLDIxLjQ3Mmw1OC4xNDQtMjEuODA4ICAgICBjNDYuNTY4LTE3LjQ2NCw3Ny44NTYtNjIuNjE2LDc3Ljg1Ni0xMTIuMzZWMTkwLjUyYzkuMjg4LTMuMzEyLDE2LTEyLjExMiwxNi0yMi41Mjh2LTMyQzQ5Ni4yNzIsODcuNDcyLDQ1Ni43OTIsNDgsNDA4LjI3Miw0OHogICAgICBNMzU4LjgyNCwxNmwtNS4zMjgsMzJoLTE4LjQ0OGwtNS4zMjgtMzJIMzU4LjgyNHogTTE2Ni44MjQsMTEybC01LjMyOCwzMmgtMTguNDQ4bC01LjMyOC0zMkgxNjYuODI0eiBNMjcyLjI3MiwzNjIuMzc2ICAgICBjMCw0My4xMTItMjcuMTIsODIuMjQtNjcuNDg4LDk3LjM3NmwtNTIuNTEyLDE5LjY5NmwtNTIuNTItMTkuNjk2Yy00MC4zNi0xNS4xMjgtNjcuNDgtNTQuMjY0LTY3LjQ4LTk3LjM3NnYtNzQuMzg0aDI0MFYzNjIuMzc2ICAgICB6IE0yODAuMjcyLDI3MmgtMjU2Yy00LjQxNiwwLTgtMy41ODQtOC04di0zMmMwLTM5LjcwNCwzMi4yOTYtNzIsNzItNzJoMTI4YzM5LjcwNCwwLDcyLDMyLjI5Niw3Miw3MnYzMiAgICAgQzI4OC4yNzIsMjY4LjQwOCwyODQuNjg4LDI3MiwyODAuMjcyLDI3MnogTTQ4MC4yNzIsMTY4YzAsNC40MTYtMy41ODQsOC04LDhoLTI0djE2aDE2djc0LjM4NCAgICAgYzAsNDMuMTEyLTI3LjEyLDgyLjI0LTY3LjQ4OCw5Ny4zNzZsLTUyLjUxMiwxOS42ODhsLTUyLjUyLTE5LjY5NmMtMS4xODQtMC40NDgtMi4zMTItMC45ODQtMy40OC0xLjQ3MnYtNzUuNzYgICAgIGM5LjI4OC0zLjMxMiwxNi0xMi4xMTIsMTYtMjIuNTI4di0zMmMwLTE0LjQwOC0zLjU1Mi0yNy45ODQtOS43MTItNDBoMTM3LjcxMnYtMTZIMjg0LjEwNGMtNS4wNC02LjA4OC0xMC45MTItMTEuNDQ4LTE3LjM5Mi0xNiAgICAgaDUuNTZ2LTE2aC0xNnY5LjcxMmMtMTIuMDE2LTYuMTY4LTI1LjU5Mi05LjcxMi00MC05LjcxMmgtOHYtOGMwLTM5LjcwNCwzMi4yOTYtNzIsNzItNzJoMTI4YzM5LjcwNCwwLDcyLDMyLjI5Niw3Miw3MlYxNjh6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjI1Ni4yNzIiIHk9IjgwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjg4LjI3MiIgeT0iODAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cmVjdCB4PSIzMjAuMjcyIiB5PSI4MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjM1Mi4yNzIiIHk9IjgwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMzg0LjI3MiIgeT0iODAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cmVjdCB4PSI0MTYuMjcyIiB5PSI4MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjI4OC4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjMyMC4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjM1Mi4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjM4NC4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjQxNi4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjQ0OC4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjIyNC4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjI1Ni4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjI4OC4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjMyMC4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjM1Mi4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjM4NC4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjQxNi4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjQ0OC4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMDUuMzc2LDQ0NC43NzZsNC4wNzIsMS41Mmw1LjYwOC0xNC45ODRsLTQuMDY0LTEuNTJjLTI3Ljk0NC0xMC40NzItNDYuNzItMzcuNTY4LTQ2LjcyLTY3LjQxNnYtMi4zODRoLTE2djIuMzg0ICAgICBDNDguMjcyLDM5OC44NTYsNzEuMjE2LDQzMS45NzYsMTA1LjM3Niw0NDQuNzc2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cmVjdCB4PSI2NC4yNzIiIHk9IjE3NiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9Ijk2LjI3MiIgeT0iMTc2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTI4LjI3MiIgeT0iMTc2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTYwLjI3MiIgeT0iMTc2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTkyLjI3MiIgeT0iMTc2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjI0LjI3MiIgeT0iMTc2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMzIuMjcyIiB5PSIyNDAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cmVjdCB4PSI2NC4yNzIiIHk9IjI0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9Ijk2LjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTI4LjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTYwLjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTkyLjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjI0LjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjU2LjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMzIuMjcyIiB5PSIyMDgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cmVjdCB4PSI2NC4yNzIiIHk9IjIwOCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9Ijk2LjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTI4LjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTYwLjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTkyLjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjI0LjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjU2LjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iNDguMjcyIiB5PSIzMjgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) } .roggen { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTcuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQxNi45NzMgNDE2Ljk3MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE2Ljk3MyA0MTYuOTczOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxwYXRoIGlkPSJYTUxJRF84MDhfIiBkPSJNMzU2LjQwNyw0MTYuOTczYzQuNDE4LDAsOC0zLjU4Miw4LThzLTMuNTgyLTgtOC04aC05My45MzZsMTguMDQxLTQyLjA5NiAgYzAuODk2LDAuMDg4LDEuNzk3LDAuMTQ2LDIuNzA0LDAuMTQ2YzEuMTA2LDAsMi4yMTktMC4wNjYsMy4zMzMtMC4xOTljNS4wMzMtMC42LDkuNzA1LTIuNTI0LDEzLjYzMS01LjU1bDM4LjkwMy0yOC4yMzYgIGM1Ljk0OC00LjMxNyw5LjgzOC0xMC43NDYsMTAuOTUyLTE4LjEwM2MxLjAyLTYuNzM1LTAuNDkyLTEzLjY4NS00LjE0Ny0xOS4zNjhsMTMuNzEyLTEwLjI1OSAgYzExLjc3Ny04LjgxNCwxNC41NzgtMjUuMjI3LDYuNzEzLTM3LjQwM2wxMy43MS0xMC4yNTdjNS45NC00LjQ0NSw5Ljc5Ny0xMC45NTcsMTAuODYtMTguMzM3ICBjMC44MDctNS42MDYtMC4wNzctMTEuMTg0LTIuNDk0LTE2LjE0NmwyMy42MjgtNTUuMTM4YzEuNzQtNC4wNjEtMC4xNDEtOC43NjQtNC4yMDMtMTAuNTA0cy04Ljc2NCwwLjE0MS0xMC41MDQsNC4yMDMgIEwzNzYuMzI0LDE4Mi43Yy0yLjc3OC0xLjQ1Ni01LjgxOC0yLjQ0Ni05LjAyMi0yLjkwN2MtMy40NTYtMC40OTgtNi45MDItMC4zNDYtMTAuMjAzLDAuNDA2bDMxLjQzNS03My40MTIgIGMxLjczOS00LjA2Mi0wLjE0NC04Ljc2NC00LjIwNS0xMC41MDNjLTQuMDYtMS43MzktOC43NjMsMC4xNDQtMTAuNTAzLDQuMjA1bC0zMS40NDYsNzMuNDM3Yy0xLjczNS0yLjkyNi00LjAxMS01LjU0Mi02Ljc3Mi03LjcxNCAgYy0yLjU0My0yLjAwMS01LjM1NC0zLjUxOS04LjMyNC00LjUyNmwyMC45ODYtNDguOTc1YzEuNzQtNC4wNjEtMC4xNDItOC43NjQtNC4yMDMtMTAuNTA0Yy00LjA2Mi0xLjc0LTguNzY0LDAuMTQxLTEwLjUwNCw0LjIwMyAgbC0yMy42MjcsNTUuMTRjLTEyLjQ3MiwzLjk3MS0yMC44MDcsMTYuMzctMTkuMjAyLDI5LjgzOGwyLjAyOSwxN2MtMTQuMjQxLDIuNzA0LTI0LjE5NCwxNi4wNTMtMjIuNDUyLDMwLjY1OWwyLjAyOSwxNy4wMDIgIGMtMTQuMjQxLDIuNzA0LTI0LjE5MywxNi4wNTItMjIuNDUxLDMwLjY1OGw1LjY5OSw0Ny43NTZ2LTAuMDAxYzAuODYzLDcuMjMxLDQuNDU5LDEzLjcxNSwxMC4xMzIsMTguMzEzbC0yMC42NTYsNDguMTk5aC0yOC41NDYgIHYtMTE4LjVjNy4wMjMtMS45OTEsMTIuODgyLTYuNTM0LDE2LjUyMi0xMi44MzlsMjQuMDQ3LTQxLjY1MWMzLjcwOS02LjQyNSw0LjY4OS0xMy45MywyLjc1OS0yMS4xMzIgIGMtMS43NjEtNi41NzMtNS43NTMtMTIuMTQ2LTExLjMxOS0xNS44OTFsOC41NjMtMTQuODNjNy4zNTMtMTIuNzM5LDMuNDYzLTI4LjkyOC04LjU2MS0zNy4wMjNsOC41NjEtMTQuODI4ICBjNi43OC0xMS43NDYsNC4wMDItMjYuNDI0LTUuODk1LTM0Ljk4NlYyOS4zMDFjMC00LjQxOC0zLjU4Mi04LTgtOHMtOCwzLjU4Mi04LDh2NTMuMjgzYy0zLjEyNy0wLjI0NC02LjMwOSwwLjA0NC05LjQzNiwwLjg4MSAgYy0zLjM4MywwLjkwNi02LjQ5OSwyLjQwOS05LjI0MSw0LjQwN1Y4YzAtNC40MTgtMy41ODItOC04LThzLTgsMy41ODItOCw4djc5Ljg3NGMtNS4zODgtMy45My0xMi4wNDMtNS44MS0xOC42NzgtNS4yODdWMjkuMzAxICBjMC00LjQxOC0zLjU4Mi04LTgtOHMtOCwzLjU4Mi04LDh2NTkuOTkzYy05Ljg5Niw4LjU2NC0xMi42NzMsMjMuMjQxLTUuODkzLDM0Ljk4NWw4LjU2MSwxNC44MjcgIGMtMTIuMDI1LDguMDk1LTE1LjkxNSwyNC4yODQtOC41NjEsMzcuMDI0bDguNTYyLDE0LjgzYy01LjU5OCwzLjc4NC05LjcyNCw5LjU3Ny0xMS40NCwxNi4xNjkgIGMtMS44NzQsNy4yLTAuODMyLDE0LjY0MiwyLjkzNSwyMC45NTRsMjQuNjAzLDQxLjIxOGMyLjQxOCw0LjM1NSw1Ljk2OCw3Ljk4NCwxMC4zNzcsMTAuNTI5YzEuNzcxLDEuMDIzLDMuNjI2LDEuODI1LDUuNTMyLDIuNDMgIHYxMTguNzE0aC0yOC42MDlsLTIwLjY2LTQ4LjE5NmM1LjY3NC00LjU5Nyw5LjI3MS0xMS4wODIsMTAuMTM1LTE4LjMxNHYwbDUuNjk5LTQ3Ljc1N2MxLjc0MS0xNC42MDUtOC4yMS0yNy45NTQtMjIuNDUyLTMwLjY1OCAgbDIuMDI5LTE3LjAwMmMxLjc0Mi0xNC42MDYtOC4yMDktMjcuOTU1LTIyLjQ1MS0zMC42NTlsMi4wMjktMTcuMDAxYzEuNjA2LTEzLjQ2OC02LjczLTI1Ljg2NS0xOS4yMDEtMjkuODM3bC0yMy42MjgtNTUuMTQxICBjLTEuNzQtNC4wNjEtNi40NDItNS45NDMtMTAuNTA0LTQuMjAzYy00LjA2MSwxLjc0LTUuOTQzLDYuNDQzLTQuMjAzLDEwLjUwNGwyMC45ODYsNDguOTc3Yy0yLjk3LDEuMDA3LTUuNzgyLDIuNTI1LTguMzI1LDQuNTI1ICBjLTIuNzcsMi4xOC01LjA1Myw0LjgwNy02Ljc5MSw3Ljc0NmwtMzEuNDI0LTczLjQ2NmMtMS43MzgtNC4wNjMtNi40MzgtNS45NDctMTAuNTAxLTQuMjA5Yy00LjA2MywxLjczOC01Ljk0Nyw2LjQzOS00LjIwOSwxMC41MDEgIGwzMS4zOTksNzMuNDA1Yy0zLjI4OC0wLjc0My02LjcyMS0wLjg5My0xMC4xNjYtMC4zOTZjLTMuMjA0LDAuNDYxLTYuMjQ0LDEuNDUxLTkuMDIyLDIuOTA4bC0yMC45ODYtNDguOTc2ICBjLTEuNzQtNC4wNjEtNi40NDItNS45NDItMTAuNTA0LTQuMjAzYy00LjA2MSwxLjc0LTUuOTQzLDYuNDQzLTQuMjAzLDEwLjUwNGwyMy42MjksNTUuMTQ1ICBjLTUuNzIzLDExLjc2OC0yLjQ5NCwyNi4zNTIsOC4zNjQsMzQuNDc3bDEzLjcwOSwxMC4yNTdjLTcuODY0LDEyLjE3NS01LjA2MywyOC41ODgsNi43MTQsMzcuNDAzbDEzLjcxMiwxMC4yNTggIGMtMy42NTUsNS42ODQtNS4xNjcsMTIuNjM0LTQuMTQ2LDE5LjM2OWMxLjExNCw3LjM1Nyw1LjAwMywxMy43ODUsMTAuOTUxLDE4LjEwMmwzOC45MDIsMjguMjM1ICBjMy45MjcsMy4wMjcsOC41OTksNC45NTEsMTMuNjMyLDUuNTUxYzEuMTE1LDAuMTMzLDIuMjI4LDAuMTk5LDMuMzM0LDAuMTk5YzAuOTA2LDAsMS44MDYtMC4wNTgsMi43MDEtMC4xNDVsMTguMDQ1LDQyLjA5Nkg2MC41NjYgIGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOEgzNTYuNDA3eiBNMjA4LjgzNywyMDAuMTI1bC0wLjMxOSwwLjU1M2wtMC4zMTktMC41NTNjLTEuNjk4LTIuOTQyLTMuODgzLTUuNDk2LTYuNDM5LTcuNTkyICBsMjAuOTM1LTM2LjI2MWMxLjU3My0yLjcyNCw0LjEzMi00LjY3OCw3LjIwNy01LjUwMWMzLjA3NC0wLjgyNCw2LjI2OC0wLjQxMiw4Ljk5LDEuMTYxYzUuNjYzLDMuMjcsNy42MSwxMC41MzcsNC4zNDIsMTYuMTk4ICBsLTEwLjQzOCwxOC4wNzhjLTIuMzQ2LDAuMDIxLTQuNzA3LDAuMzM2LTcuMDM3LDAuOTZDMjE4LjU1NSwxODkuMDk5LDIxMi41NDYsMTkzLjcsMjA4LjgzNywyMDAuMTI1eiBNMTczLjgwNSwxNjguMTMyICBjLTMuMjY5LTUuNjYzLTEuMzIxLTEyLjkzLDQuMzQtMTYuMTk5YzUuNjYzLTMuMjY4LDEyLjkzLTEuMzIxLDE2LjE5OSw0LjM0bDQuOTM3LDguNTUzbC0xMi40MzEsMjEuNTMxICBjLTAuODctMC4wOS0xLjc0LTAuMTQtMi42MDgtMC4xNDhMMTczLjgwNSwxNjguMTMyeiBNMjI5LjksOTguOTJjMy4wNzMtMC44MjQsNi4yNjctMC40MTIsOC45OTIsMS4xNjIgIGM1LjY2MiwzLjI2OSw3LjYxLDEwLjUzNiw0LjM0MSwxNi4xOThsLTEwLjQzNywxOC4wNzdjLTIuMzQ2LDAuMDIxLTQuNzA3LDAuMzM2LTcuMDM3LDAuOTZjLTcuMjAzLDEuOTMtMTMuMjEyLDYuNTMxLTE2LjkyMSwxMi45NTYgIGwtMC4zMTksMC41NTJsLTAuMzE5LTAuNTUzYy0xLjcyMy0yLjk4NC0zLjkyMS01LjUyNS02LjQ0MS03LjU5bDIwLjkzNS0zNi4yNjFDMjI0LjI2NywxMDEuNjk4LDIyNi44MjYsOTkuNzQ0LDIyOS45LDk4LjkyeiAgIE0xOTQuMzQ3LDEwNC40MjdsNC45MzksOC41MzhsLTEyLjQzNCwyMS41MzZjLTAuODY2LTAuMDg4LTEuNzM2LTAuMTM2LTIuNjEtMC4xNDNsLTEwLjQzOC0xOC4wNzggIGMtMy4yNjktNS42NjMtMS4zMjEtMTIuOTI5LDQuMzQxLTE2LjE5OEMxODMuODA4LDk2LjgxMiwxOTEuMDc0LDk4Ljc1OSwxOTQuMzQ3LDEwNC40Mjd6IE0xNzIuNTU1LDIxMS4xNTkgIGMwLjgxOS0zLjE0NywyLjgwNC01Ljc2Niw1LjU4OS03LjM3NGMyLjcyNi0xLjU3Myw1LjkxOC0xLjk4Niw4Ljk5My0xLjE2MmMzLjA3NCwwLjgyNCw1LjYzMiwyLjc3Nyw3LjIwNiw1LjUwMmw0LjkzOCw4LjU1MSAgbC0xMy40OTcsMjMuMzc1bC0xMi4wMzktMjAuMTY5QzE3Mi4xOTEsMjE3LjI4LDE3MS43NjgsMjE0LjE4MiwxNzIuNTU1LDIxMS4xNTl6IE0xOTguOTE2LDI2Mi4wNTNsLTAuMTI3LTAuMjEyICBjLTAuNTY3LTAuOTQ2LTEuMDExLTEuOTc1LTEuMzA2LTMuMDc0Yy0wLjgyNC0zLjA3NC0wLjQxMi02LjI2NywxLjE2MS04Ljk5MWwyNC4wNDktNDEuNjUxYzEuNTczLTIuNzI0LDQuMTMxLTQuNjc3LDcuMjA2LTUuNTAxICBjMS4wMzUtMC4yNzcsMi4wODMtMC40MTUsMy4xMjMtMC40MTVjMi4wNDgsMCw0LjA2MiwwLjUzMyw1Ljg2OSwxLjU3NmMyLjcyNCwxLjU3Myw0LjY3OCw0LjEzMiw1LjUwMiw3LjIwNyAgYzAuODI0LDMuMDc0LDAuNDExLDYuMjY3LTEuMTYxLDguOTkxbC0yNC4wNDcsNDEuNjUxYy0xLjU3MywyLjcyNC00LjEzMiw0LjY3OC03LjIwNiw1LjUwMmMtMS4xMzYsMC4zMDQtMi4yODksMC40MzgtMy40MjgsMC40MDggIGMtMC4wMTEsMC0wLjAyMS0wLjAwMi0wLjAzMS0wLjAwMmMtMC4wMSwwLTAuMDIsMC4wMDEtMC4wMywwLjAwMmMtMS45MjEtMC4wNi0zLjgwMy0wLjU4OS01LjUwMi0xLjU3ICBDMjAxLjMwOSwyNjUuMDA1LDE5OS45MjYsMjYzLjY2LDE5OC45MTYsMjYyLjA1M3ogTTEzMC43NzIsMjM3LjE1MWwtMi40NzQsMjAuNzI5Yy04Ljc2LDMuODMzLTE1LjMyOCwxMi4wNjctMTYuNTQsMjIuMjI3ICBsLTAuMDc2LDAuNjM0bC0wLjUxMS0wLjM4MmMtMi43Mi0yLjAzNS01LjczNS0zLjUyMi04LjkxLTQuNDQxbDQuOTYtNDEuNTc1YzAuNzc1LTYuNDkzLDYuNjktMTEuMTQyLDEzLjE4LTEwLjM3MSAgQzEyNi44OTUsMjI0Ljc0NiwxMzEuNTQ3LDIzMC42NTksMTMwLjc3MiwyMzcuMTUxeiBNOTEuMjU3LDE3OC43ODZjMi41MDEtMS45NjgsNS41OTYtMi44NDksOC43MjMtMi40NzQgIGM2LjQ5MywwLjc3NCwxMS4xNDUsNi42ODYsMTAuMzcxLDEzLjE3OGwtMi40NzQsMjAuNzI5Yy04Ljc1OCwzLjgzMy0xNS4zMjcsMTIuMDY3LTE2LjU0MSwyMi4yMjZsLTAuMDc2LDAuNjM0bC0wLjUxMS0wLjM4MiAgYy0yLjc1OS0yLjA2NS01Ljc4LTMuNTM1LTguOTEtNC40NDFsNC45NjEtNDEuNTc1Qzg3LjE3NCwxODMuNTU4LDg4Ljc1NiwxODAuNzU0LDkxLjI1NywxNzguNzg2eiBNNDQuMTQ1LDIwMC4yMzggIGMxLjg4NC0yLjUxOSw0LjY1Ni00LjE1Niw3LjgwNi00LjYwOWMzLjE1Mi0wLjQ1NCw2LjI3MywwLjMzNCw4LjczOSwyLjE3OWw3Ljk0OCw2LjA0OWwtMi45MzQsMjQuNTg5ICBjLTAuODMxLDAuMjYtMS42NSwwLjU1OS0yLjQ1NSwwLjg5N2wtMTYuNzE0LTEyLjUwNUM0MS4yOTksMjEyLjkyLDQwLjIyNywyMDUuNDc1LDQ0LjE0NSwyMDAuMjM4eiBNNjQuNTY3LDI0Ny44OTggIGMzLjkxOC01LjIzNCwxMS4zNjItNi4zMDgsMTYuNTk4LTIuMzkxbDcuOTA3LDUuOTE2bC0yLjk0NiwyNC42ODdjLTAuODM1LDAuMjYtMS42NTQsMC41NTYtMi40NTUsMC44OTFsLTE2LjcxMy0xMi41MDMgIEM2MS43MjMsMjYwLjU4LDYwLjY1MSwyNTMuMTMzLDY0LjU2NywyNDcuODk4eiBNODIuNzU2LDMwNC41NGMtMC40ODctMy4yMTUsMC4zMDYtNi40MDQsMi4yMzQtOC45ODEgIGMxLjg4NC0yLjUxOSw0LjY1Ny00LjE1Niw3LjgwNy00LjYwOWMzLjE0OS0wLjQ1NSw2LjI3MiwwLjMzNCw4Ljc5MiwyLjIxOWw3LjkwNiw1LjkxNWwtMy4xOTgsMjYuODAybC0xOS4wMTEtMTMuNzk4ICBDODQuODMyLDMxMC4zMDgsODMuMjI0LDMwNy42MjcsODIuNzU2LDMwNC41NHogTTEyNy4wMzEsMzQwLjkzNWwtMC4xOTQtMC4xNDFjLTAuODk1LTAuNjQ3LTEuNzEtMS40MTgtMi40MTQtMi4zMTQgIGMtMS45NjgtMi41MDEtMi44NDctNS41OTktMi40NzQtOC43MjJsNS42OTktNDcuNzU2YzAuNzE3LTYuMDE3LDUuODQ5LTEwLjQ1MywxMS43NjYtMTAuNDUzYzAuNDY2LDAsMC45MzgsMC4wMjgsMS40MTIsMC4wODQgIGM2LjQ5MywwLjc3NSwxMS4xNDYsNi42ODcsMTAuMzcxLDEzLjE3OGwtNS42OTksNDcuNzU2Yy0wLjM3MywzLjEyNC0xLjk1NSw1LjkyOC00LjQ1Niw3Ljg5NmMtMC45MjcsMC43MjktMS45MzcsMS4zMDctMi45OTksMS43MjggIGMtMC4wMSwwLjAwNC0wLjAyLDAuMDA3LTAuMDI5LDAuMDExYy0wLjAwNywwLjAwMy0wLjAxNCwwLjAwNy0wLjAyMSwwLjAxYy0xLjc5LDAuNzAxLTMuNzI3LDAuOTU1LTUuNjc0LDAuNzIzICBDMTMwLjM5MywzNDIuNzA3LDEyOC41OTIsMzQyLjAxNSwxMjcuMDMxLDM0MC45MzV6IE0zMTYuOTkzLDE3Ni4zMTNjMy4xMi0wLjM3NSw2LjIyMSwwLjUwNSw4LjcyMiwyLjQ3NCAgYzIuNTAxLDEuOTY4LDQuMDgzLDQuNzcxLDQuNDU2LDcuODk1bDQuOTYsNDEuNTc1Yy0zLjE3NSwwLjkxOS02LjE5LDIuNDA2LTguOTEsNC40NDFsLTAuNTEsMC4zODJsLTAuMDc2LTAuNjM0ICBjLTEuMjEzLTEwLjE1OC03Ljc4Mi0xOC4zOTItMTYuNTM5LTIyLjIyNWwtMi40NzQtMjAuNzI4QzMwNS44NDgsMTgyLjk5OSwzMTAuNSwxNzcuMDg2LDMxNi45OTMsMTc2LjMxM3ogTTI5Ni41NywyMjMuOTcyICBjMS4yMTYtMC4xNDUsMi40MTItMC4xLDMuNTU4LDAuMTEyYzAuMDYsMC4wMTMsMC4xMTksMC4wMzEsMC4xOCwwLjA0MmM0Ljg4NiwwLjk4NSw4LjgxOSw1LjAwNCw5LjQ0MSwxMC4yMTVsNC45NjEsNDEuNTc2ICBjLTMuMTc2LDAuOTE5LTYuMTksMi40MDYtOC45MSw0LjQ0MWwtMC41MSwwLjM4MmwtMC4wNzYtMC42MzNjLTEuMjExLTEwLjE2LTcuNzgtMTguMzk2LTE2LjU0MS0yMi4yMjhsLTIuNDczLTIwLjcyNyAgQzI4NS40MjYsMjMwLjY1OSwyOTAuMDc4LDIyNC43NDYsMjk2LjU3LDIyMy45NzJ6IE0yNzguOTcxLDM0Mi4yMWMtMC4wMDUtMC4wMDItMC4wMS0wLjAwNS0wLjAxNi0wLjAwOCAgYy0wLjAwNC0wLjAwMi0wLjAwOS0wLjAwMy0wLjAxMy0wLjAwNWMtMS4wNjYtMC40MjItMi4wOC0xLjAwMi0zLjAxLTEuNzM0Yy0yLjUwMS0xLjk2OC00LjA4My00Ljc3Mi00LjQ1Ni03Ljg5NmMwLDAsMCwwLDAsMCAgbC01LjY5OS00Ny43NTZjLTAuNzc0LTYuNDkyLDMuODc4LTEyLjQwMywxMC4zNjktMTMuMTc4YzAuNDc1LTAuMDU3LDAuOTQ2LTAuMDg0LDEuNDEzLTAuMDg0YzUuOTE3LDAsMTEuMDQ5LDQuNDM3LDExLjc2NywxMC40NTQgIGw1LjY5OCw0Ny43NTdjMC4zNzMsMy4xMjMtMC41MDYsNi4yMi0yLjQ3NCw4LjcyMWMtMC43MDQsMC44OTYtMS41MiwxLjY2OC0yLjQxNSwyLjMxNGwtMC4xOTMsMC4xNCAgYy0xLjU2MSwxLjA4LTMuMzYzLDEuNzcyLTUuMjg4LDIuMDAyQzI4Mi43MDMsMzQzLjE2OSwyODAuNzYyLDM0Mi45MTQsMjc4Ljk3MSwzNDIuMjF6IE0zMzQuMjE2LDMwNC41MzkgIGMtMC40NjgsMy4wODgtMi4wNzYsNS43NjktNC41Myw3LjU0OWwtMTkuMDEsMTMuNzk4bC0zLjE5OC0yNi44MDFsNy45MDctNS45MTZjMi41Mi0xLjg4NSw1LjY0MS0yLjY3NCw4Ljc5MS0yLjIxOSAgYzMuMTUsMC40NTQsNS45MjIsMi4wOTEsNy44MDcsNC42MUMzMzMuOTEsMjk4LjEzNSwzMzQuNzAzLDMwMS4zMjQsMzM0LjIxNiwzMDQuNTM5eiBNMzUwLjAxNSwyNjQuNDk3bC0xNi43MTQsMTIuNTA1ICBjLTAuODAxLTAuMzM1LTEuNjItMC42MzEtMi40NTUtMC44OTFsLTIuOTQ2LTI0LjY4N2w3LjkwNi01LjkxNmMyLjUxOS0xLjg4NSw1LjYzOS0yLjY3NCw4Ljc5MS0yLjIxOSAgYzMuMTUsMC40NTQsNS45MjIsMi4wOSw3LjgwNyw0LjYwOUMzNTYuMzIyLDI1My4xMzQsMzU1LjI1LDI2MC41OCwzNTAuMDE1LDI2NC40OTd6IE0zNzUuMDQ3LDIwOS4wMyAgYy0wLjQ1NCwzLjE1LTIuMDkxLDUuOTIzLTQuNjA5LDcuODA3bC0xNi43MTMsMTIuNTA0Yy0wLjgwMS0wLjMzNS0xLjYyMS0wLjYzMS0yLjQ1Ny0wLjg5MWwtMi45NDEtMjQuNjQ3bDcuOTAzLTUuOTU2ICBjMi41MTktMS44ODQsNS42MzktMi42NzEsOC43OTEtMi4yMTljMy4xNSwwLjQ1NCw1LjkyMiwyLjA5MSw3LjgwNyw0LjYxMUMzNzQuNzEzLDIwMi43NTgsMzc1LjUwMSwyMDUuODc5LDM3NS4wNDcsMjA5LjAzeiIgZmlsbD0iI0ZGRkZGRiIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); } /* (C) Pitti / Heiko https://www.symcon.de/forum/threads/38363-Pollenflug-Vorhersage-von-DWD-auslesen?p=369187#post369187 Icon made by Freepik from Free vector icons - SVG, PSD, PNG, EPS & Icon Font - Thousands of free icons (http://www.flaticon.com) */ .ambrosia { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMi4wMDEgNTEyLjAwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyLjAwMSA1MTIuMDAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ5NS40NTUsMC4wOTRsLTI3LjE4NywyLjgxM2MtMzMuOTc0LDMuNTE1LTY0LjgwOSwyNC4wMTQtODMuOTY3LDUxLjk0NGMtNS40ODgtMTIuMjk2LTEzLjk3LTI1LjI5OC0yNi44NDctMzguMTc0ICAgIGMtNS44NTQtNS44NTQtMTUuMzU1LTUuODU3LTIxLjIxMiwwbC0yMS4yMTEsMjEuMjEyYy0zOS4yNTQsMzkuMjU0LTQwLjk2MSwxMDEuNzQyLTUuMTE4LDE0Mi45OTFsLTIyLjQ4OSwyMi40ODggICAgYzAuMDA5LTIwLjc5MS02LjQ0OC01MS4wNDktMzYuMDMtODAuNjMxYy01Ljg1OC01Ljg1OC0xNS4zNTQtNS44NTgtMjEuMjEyLDBsLTIxLjIxMiwyMS4yMTIgICAgYy0zOS4xNTIsMzkuMTUyLTQwLjg1NSwxMDEuNzg0LTUuMTE3LDE0Mi45ODRsLTIyLjQzMSwyMi40M2MwLjAyMy0yNi43MDktMTAuNjM3LTU1LjExNS0zNi4wODgtODAuNTY2ICAgIGMtNS44NTctNS44NTgtMTUuMzUzLTUuODU4LTIxLjIxMiwwbC0yMS4yMTIsMjEuMjEyYy0zOS4xNTEsMzkuMTUxLTQwLjg1NSwxMDEuNzgtNS4xMjEsMTQyLjk4MUw0LjM5Myw0ODYuMzgyICAgIGMtNS44NTgsNS44NTgtNS44NTgsMTUuMzU0LDAsMjEuMjEyYzUuODU4LDUuODU5LDE1LjM1NSw1Ljg1OCwyMS4yMTIsMC4wMDFsOTMuMzk4LTkzLjM5MSAgICBjNDEuMjM4LDM1Ljc4NSwxMDMuODcxLDM0LjAyNiwxNDIuOTk5LTUuMTAzbDIxLjIxMi0yMS4yMTJjNS44NTgtNS44NTgsNS44NTgtMTUuMzU0LDAtMjEuMjEyICAgIGMtMjkuNTkxLTI5LjU5MS01OS44NDctMzYuMDQyLTgwLjY1LTM2LjAyOWwyMi40OTktMjIuNDk3YzQxLjE4NSwzNS43OTQsMTAzLjY4NSwzNC4yMDUsMTQyLjk5OS01LjExbDIxLjIxMi0yMS4yMTIgICAgYzUuODU4LTUuODU4LDUuODU4LTE1LjM1NCwwLTIxLjIxMmMtMjUuNDU3LTI1LjQ1Ny01My44Ny0zNi4xMTYtODAuNTg0LTM2LjA4OGwyMi40MzctMjIuNDM1ICAgIGM0MS4xODMsMzUuNzg5LDEwMy42ODEsMzQuMjAxLDE0Mi45OTUtNS4xMTRsMjEuMjEyLTIxLjIxMmM1Ljg1OC01Ljg1OCw1Ljg1OC0xNS4zNTQsMC0yMS4yMTIgICAgYy0xMi4yMDUtMTIuMjA2LTI1LjA5Mi0yMS4wMS0zOC4xNDQtMjYuODY3YzI4LjA0OC0xOS4yNSw0OC40MTctNTAuMTI3LDUxLjkxNS04My45NDdsMi44MTMtMjcuMTg3ICAgIEM1MTIuODk3LDcuMDkxLDUwNC45MTEtMC44ODQsNDk1LjQ1NSwwLjA5NHogTTExOS4wNzYsMzcxLjcwN2MtMjQuMDgyLTI5LjQyOC0yMi40MDEtNzMuMDM2LDUuMDQ3LTEwMC40ODRsOS45MTgtOS45MTkgICAgYzI4LjEzNSwzNi44ODgsMTguNjYxLDc2LjQyMy00LjIxMSw5OS42NDlMMTE5LjA3NiwzNzEuNzA3eiBNMjUwLjcsMzc3Ljk3OWwtOS45MSw5LjkxMSAgICBjLTI3LjQ1MywyNy40NTItNzEuMDY1LDI5LjEyOS0xMDAuNDk1LDUuMDRjMTAuNzM5LTEwLjczOSwyOC4yMzUtMzEuNjMsNjAuOTYzLTMyLjI3ICAgIEMyMTguNDYyLDM2MC4zMjQsMjM1LjMxMSwzNjYuMjcsMjUwLjcsMzc3Ljk3OXogTTIyNS4xMzksMjY1LjY1MWMtMjQuMDg0LTI5LjQyOS0yMi40MDQtNzMuMDQsNS4wNDUtMTAwLjQ4OWw5LjkxLTkuOTEgICAgYzI2LjU5MSwzNC45NDYsMjAuNTA5LDc0Ljc1LTQuNDE2LDk5Ljg2MUwyMjUuMTM5LDI2NS42NTF6IE0zNTYuNzY5LDI3MS45MTFsLTkuOTE3LDkuOTE3ICAgIGMtMjcuOTYsMjcuOTU5LTcxLjU2NCwyOC43ODEtMTAwLjQ5OCw1LjA0M2wxMC4zNDUtMTAuMzQ1QzI3OS44NjgsMjUzLjM1OCwzMTkuNjYxLDI0My42MDcsMzU2Ljc2OSwyNzEuOTExeiBNMzMxLjIwMSwxNTkuNTk4ICAgIGMtMjMuNzUxLTI4Ljk0OS0yMi45MDItNzIuNTUxLDUuMDQ0LTEwMC40OTZsOS45MDktOS45MWMyNi42NSwzNS4wMjQsMjAuNDc3LDc0Ljk0NS00LjU3NiwxMDAuMDI5TDMzMS4yMDEsMTU5LjU5OHogICAgIE00NjIuODI5LDE2NS44NWwtOS45MTcsOS45MTdjLTI3Ljk1OCwyNy45NTgtNzEuNTYyLDI4Ljc4Mi0xMDAuNDk4LDUuMDQzbDEwLjM0NS0xMC4zNDUgICAgQzM4NS45MjgsMTQ3LjI5Nyw0MjUuNzIxLDEzNy41NDcsNDYyLjgyOSwxNjUuODV6IE00NzkuMjY3LDQwLjY1N2MtMy45NjEsMzguMjg3LTM4LjMzMSw3Mi42NTgtNzYuNjE5LDc2LjYxOWwtOC44MjMsMC45MTMgICAgbDAuOTEzLTguODI0YzMuOTYxLTM4LjI4NywzOC4zMzEtNzIuNjU4LDc2LjYxOS03Ni42MTlsOC44MjQtMC45MTNMNDc5LjI2Nyw0MC42NTd6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) } .beifuss { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTcuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3MS44OTggNDcxLjg5OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcxLjg5OCA0NzEuODk4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxwYXRoIGlkPSJYTUxJRF80NzhfIiBkPSJNMzIzLjQwNSwzMDcuMTYzYy0wLjM5Ny0xLjg4LTEuMTA3LTMuNi0yLjEyNS01LjE0Yy0yLjMxOC0zLjUxNi01Ljk5LTUuNzMxLTEwLjYxNy02LjQwNyAgYy02LjM4Ny0wLjkzLTE0LjU4MSwxLjI2NS0yMi45NjksNS45MTJjLTEuNzUyLTYuMTk5LTQuODYtMTEuNDk2LTkuMTQ4LTE1LjQwOGMtNS4yMzgtNC43NzgtMTEuNzYtNy4wODMtMTguODY2LTYuNjU1ICBjLTMuMDI2LDAuMTgxLTYuMDU1LDAuODU5LTkuMDMyLDIuMDE5Yy0zLjA5NS0wLjc5OC02LjE4Mi0xLjExLTkuMjEyLTAuOTI5Yy03LjgxMiwwLjQ2Ni0xNC42ODIsNC4yMzktMTkuMzQ2LDEwLjYyNCAgYy02LjI5Myw4LjYxNi04LjAyMSwyMC45NDctNC43MzksMzMuODMyYzEuNDQ0LDUuNjcyLDMuNzg4LDExLjA2Miw2Ljc5MSwxNS45MDZsLTE4LjkyMiwxNS40NjN2LTgyLjU3MyAgYzAuMDMxLTAuMjgyLDAtMi4yMjUsMC0yLjIyNWMxLjI1MSwwLjEwMiwyLjUxMiwwLjE1OCwzLjc4MSwwLjE1OGMxNS4zMiwwLDMxLjY1My03LjE5LDQyLjg2OS0xNS44NDUgIGMxMi41OTctOS43MjEsMTkuNTgxLTIxLjU5LDE5LjE2My0zMi41NjRjLTAuMTA1LTIuNzctMS45NTYtNS4xNjgtNC42MDktNS45NzNjLTMuNjA2LTEuMDk0LTcuNTIzLTEuNjM4LTExLjYyNC0xLjY3OCAgYzAuNjM0LTQuNzY3LDAuNzEzLTkuNjIxLDAuMTM0LTEzLjU1Yy0wLjQwNC0yLjc0Mi0yLjUwNC00LjkyNy01LjIyOS01LjQzOWMtOC45NzItMS42ODktMTguNzU2LDEuNTk3LTI4LjI4OSw5LjUwMyAgYy02LjA4NSw1LjA0Ni0xMS42MTksMTEuNTYxLTE2LjE5NiwxOC43MjN2LTI5LjkwOGM5LjIyNy0wLjYwMiwxOS4zNzYtNS40MDgsMjguODcxLTEzLjg1NCAgYzEzLjc0OS0xMi4yMzEsMjYuNjg4LTMzLjIwMiwyNC42MDMtNTIuNDgyYy0wLjI5OC0yLjc1Ni0yLjMxMi01LjAyMS01LjAxNS01LjYzOGMtMTAuNDcxLTIuMzkxLTIyLjYzMSwxLjY3MS0zNC4yNTIsMTEuNDM1ICBjLTUuMzg2LDQuNTI1LTEwLjE4OCw5Ljg2MS0xNC4yMDcsMTUuNTk2di0xOS45OTJjOS41OS0yLjU4OCwxOS4wNzUtMTAuMzMzLDI2LjcyLTIyLjA0OSAgYzEwLjAwNi0xNS4zMzQsMTYuOTg2LTM4Ljc1NywxMC4wMjUtNTYuNTIxYy0xLjAxMS0yLjU4My0zLjU3Ni00LjIzMi02LjMxOS00LjEyNGMtNC45NDksMC4yMDQtOS44NjQsMS44MTgtMTQuNTc4LDQuNzExICBjMC45MTktMTcuMjk2LTMuNjQxLTM4LjA1NC0xNi41NzUtNTAuMzA3Yy0yLjAxMy0xLjkwNi01LjAxNS0yLjMyOS03LjQ3My0xLjA0NmMtOS44ODgsNS4xNDktMTYuNTQxLDE2LjYxLTE4LjczNSwzMi4yNzMgIGMtMi40MzgsMTcuNDAzLDEuMDI0LDQwLjU1MSwxMy45MzYsNTQuNjU4djQ5LjA3NWMtOC4wNzItMTEuMjc5LTE4LjcyLTE5LjYyNy0zMC40NzktMjAuNDE4Yy0yLjc3NC0wLjE4Ni01LjM0NywxLjQwMy02LjQyNSwzLjk1NyAgYy0xLjY5Nyw0LjAxOS0yLjc4Niw4LjQ1LTMuMjcyLDEzLjIzOWMtNC41MTctMS4xNzMtOS4wNzUtMS43NDMtMTMuNTY3LTEuNTU5Yy0yLjc3MSwwLjExNC01LjE2MywxLjk3My01Ljk1OSw0LjYyOSAgYy0zLjQ0NSwxMS41LDAuNzMsMjYuMDE0LDExLjQ1NywzOS44MjFjMTAuOTI5LDE0LjA2OCwyOS40NDQsMjcuOTI5LDQ4LjI0NSwzMC4xMjJ2MjguODc1Yy0zLjQ2Mi00Ljc4OC03LjQ4OC05LjAzNy0xMS45NDItMTIuNDM3ICBjLTcuMDQzLTUuMzc2LTE0LjY4Mi04LjI2MS0yMi4xNi04LjQ5NGMtMC4xNDgtMC4xOTctMC4yOTUtMC40MDUtMC40NDQtMC41OTZjLTcuNjQ3LTkuODc4LTE3LjU4Ni0xNi4wNTEtMjYuNTg2LTE2LjUxMyAgYy01LjUwNS0wLjI3Ni0xMC40ODYsMS42MTYtMTQuMDM2LDUuMzRjLTEuNDA2LDEuNDc0LTIuNTYsMy4xODgtMy40NDgsNS4xMTljLTEuODg2LDAuOTgtMy41NDIsMi4yMTMtNC45NDYsMy42ODcgIGMtMy41NTEsMy43MjctNS4yMDYsOC43OTgtNC42NiwxNC4yNzljMC44OTUsOC45NjcsNy41MzgsMTguNTk4LDE3Ljc3MywyNS43NjRjMC4yMTQsMC4xNSwwLjQ0LDAuMjk0LDAuNjU4LDAuNDQyICBjMC44NTIsOS42MjQsNi4yNjEsMTkuMjQ2LDE1LjYxNSwyNy4zMjNjMTIuNiwxMC44NzksMjkuNDIyLDE2LjkxOSw0NS4wODEsMTYuOTE5YzMuMDksMCw2LjEzNi0wLjIzNiw5LjA5NS0wLjcxNnY4Mi41NzkgIGMtMC4wNDYsMC44OTIsMCwxMS4zMjgsMCwxMS4zMjhsLTMuOTQzLTQuNjUzYzAtMC41Ny0wLjAxMS0xLjE0Mi0wLjA0Ny0xLjcxN2MtMC40ODktNy42OTYtNC4yNTQtMTUuNDg5LTEwLjUyNS0yMi4wNDggIGMxLjYwNC0yLjQyMywzLjA0Mi00Ljk4OSw0LjI4Mi03LjY3NmM1LjU2OS0xMi4wNzMsNi4xMTItMjQuNTEzLDEuNDg5LTM0LjEzYy0zLjQyNi03LjEyNi05LjQ5Ni0xMi4wODUtMTcuMDkzLTEzLjk2MyAgYy0yLjk0Ni0wLjcyOS02LjAzNi0wLjk4Mi05LjIyNy0wLjc2MWMtMi43MTYtMS42ODItNS41NzEtMi44OTgtOC41MTUtMy42MjZjLTcuMTkxLTEuNzgxLTE0LjUzNi0wLjQ2MS0yMC42ODQsMy43MTQgIGMtNS4zNjUsMy42NDMtOS42MDIsOS4yOS0xMi4zMDEsMTYuMTY1Yy03Ljc2OS02LjY3NC0xNS44MDctMTAuNTc5LTIyLjY0OC0xMC43NzljLTQuNjI3LTAuMTI5LTguNTU1LDEuMzc4LTExLjQ0LDQuMzc3ICBjLTEuMjc5LDEuMzMxLTIuMjg5LDIuODkzLTMuMDIxLDQuNjY3Yy0xLjc0NywwLjgwMi0zLjI2OSwxLjg3Mi00LjU0NiwzLjIwMmMtMi45MiwzLjAzNS00LjI3NSw3LjEwMy0zLjkxOCwxMS43NjUgIGMwLjQ5Myw2LjQzNyw0LjQzNCwxMy45NDgsMTAuODEyLDIxLjExYy01LjY2MSwzLjA3MS0xMC4xNDUsNy4yNjYtMTMuMDIsMTIuMzA5Yy0zLjUxMSw2LjE2LTQuMzIzLDEzLjAyOS0yLjM1LDE5Ljg2NSAgYzAuODQyLDIuOTE0LDIuMTY5LDUuNzIsMy45NTYsOC4zNzFjLTAuMDk5LDMuMTk4LDAuMjc1LDYuMjgsMS4xMTcsOS4xOTJjMi4xNzIsNy41MTgsNy4zNjIsMTMuMzkxLDE0LjYxNiwxNi41MzcgIGMzLjk4MywxLjcyOSw4LjQsMi41ODMsMTMuMDM3LDIuNTgzYzYuNzU3LDAsMTMuOTgxLTEuODE2LDIxLjAwNy01LjM5NGMyLjYyNS0xLjMzNiw1LjEzMS0yLjg3OSw3LjQ5MS00LjU5ICBjNi44MDIsNi4wMjEsMTQuNzQxLDkuNDg3LDIyLjQ1Nyw5LjY3N2MwLjIyMiwwLjAwNSwwLjQ0MywwLjAwOCwwLjY2NCwwLjAwOGMwLjM1MiwwLDAuNzAyLTAuMDEyLDEuMDUyLTAuMDI2bDEzLjA4NSwxMC4yNDMgIGM0LjQ3OCwzLjUwNCwxMC4wNDksNS4zNDQsMTUuNzY0LDUuMzQ0YzIuNDQxLDAsNC45MTEtMC4zMzYsNy4zMzEtMS4wMjJjMS43ODQtMC40MjgsMy40OTctMS4wOTUsNS4xMTgtMS45NTR2MjcuNjE3ICBjLTAuMDksMTAuMzczLDguODI3LDguOTU2LDExLjY1OSw1LjUzNWw0My43NzktNTcuMTI2YzIuMTg0LTIuODQ5LDEuNjQ0LTYuOTI5LTEuMjA1LTkuMTEzYy0yLjg1LTIuMTg0LTYuOTMtMS42NDMtOS4xMTMsMS4yMDYgIGwtMzIuMTIsNDEuOTEzdi00NC45MzZjMC4yMDYsMC4wOTksMC40MDYsMC4yMDgsMC42MTUsMC4zMDFjMy43NDcsMS44NTEsNy44MDEsMi43NzcsMTEuODE0LDIuNzc3ICBjNC4wNTMsMCw4LjA2NC0wLjk0NCwxMS42NzgtMi44MzJsMjUuODU0LTEzLjUwNmMzLjI3NCw0LjYzMiw3LjMxOSw4Ljg4NywxMi4wMDMsMTIuNDc0YzguMjg1LDYuMzQ2LDE3LjQ2OSw5LjcyMiwyNi4wNjMsOS43MjEgIGMyLjM1NiwwLDQuNjctMC4yNTQsNi45MDctMC43N2M3LjcwNC0xLjc3NiwxMy44NzQtNi42MDgsMTcuMzc0LTEzLjYwNWMxLjM1OS0yLjcxNywyLjI4OC01LjY3OSwyLjc3MS04LjgzNSAgYzIuMjM3LTIuMjgxLDQuMDUyLTQuNzk5LDUuNDA3LTcuNTEyYzMuNTAyLTYuOTk5LDMuNjctMTQuODM1LDAuNDczLTIyLjA2N2MtMi41MDYtNS42NjgtNi44NzgtMTAuNjIxLTEyLjYwNC0xNC40ODkgIGM4LjIwOC02LjExLDEzLjc3OS0xMy4wODksMTUuNDc2LTE5LjcxNWMxLjE0Mi00LjQ1OCwwLjUzNC04LjY0OS0xLjc1Ny0xMi4xMjNDMzI2LjI3NywzMDkuNTk1LDMyNC45NzUsMzA4LjI2NywzMjMuNDA1LDMwNy4xNjN6ICAgTTE2Mi42NTYsNDAwLjk0NmMtMC44OTgsMi4yNzgtMi4xMTMsNC4yMjMtMy42MDksNS43OGMtMi41ODMsMi42ODUtNS43ODksMy45OTItOS41MjEsMy45MDcgIGMtNC4zMTMtMC4xMDYtOC45MDgtMi4wNzQtMTMuMTI4LTUuNTI3YzQuMTk1LTQuODM3LDcuNDQ4LTEwLjI0Nyw5LjQ1MS0xNS44MTFsMi43NTEsMi42NDdjMS41OTMsMS41MzIsNC4xMjUsMS40ODQsNS42NTYtMC4xMDkgIGMxLjUzMS0xLjU5MiwxLjQ4Mi00LjEyNS0wLjEwOS01LjY1NmwtMy45ODctMy44MzZjNi44MjktMi4wMDIsMTMuNDI3LTUuOTQ1LDE5LjExMi0xMS4zMDNjMy41ODMsNC4wNjksNS43MSw4LjU2Miw1Ljk4MiwxMi44NDcgIGMwLjIzNywzLjcyOS0wLjk1Miw2Ljk4My0zLjUzNSw5LjY2OGMtMS40OTIsMS41NTEtMy4zODgsMi44MzktNS42MzQsMy44MjhDMTY0LjUxNiwzOTguMDcyLDE2My4yODUsMzk5LjM1MiwxNjIuNjU2LDQwMC45NDZ6ICAgTTgzLjM3LDMzMS4yMTRjMC4zMDEtMC4zMTMsMC45NDctMC41OSwxLjc3Mi0wLjc1OWMyLjYzNy0wLjU0Miw0LjY2Ny0yLjY1Myw1LjEwNC01LjMwOWMwLjEzNy0wLjgzMSwwLjM5LTEuNDg4LDAuNjktMS44MDEgIGMwLjMwOC0wLjMyLDAuOTU3LTAuMzk2LDEuNTA4LTAuMzk2YzAuMDYzLDAsMC4xMjQsMC4wMDEsMC4xODQsMC4wMDNjNC4xMjksMC4xMiwxMS45MDQsNC4xNjcsMTkuODE2LDEyLjczMiAgYy0wLjAxLDAuMTQ5LDAuMzIzLDcuNzc1LDEuMTY2LDExLjc3OWwtNS42LTMuOTM0Yy0xLjgxMS0xLjI3MS00LjMwMi0wLjgzMy01LjU3MywwLjk3NGMtMS4yNywxLjgwOC0wLjgzNCw0LjMwMywwLjk3NCw1LjU3MiAgbDEwLjYzNCw3LjQ3MWwwLjk5OSw0LjU3MmMtNC43NjMtMS4wNDItMTAuMDg1LTMuMzIxLTE1LjQ1Mi03LjQxNmMtMTAuODYyLTguMjg5LTE2LjE5My0xNy4wNzEtMTYuNTQ5LTIxLjcyNSAgQzgyLjk5OCwzMzIuMzc1LDgzLjAxNiwzMzEuNTgyLDgzLjM3LDMzMS4yMTR6IE0xMTMuMzYsNDA2Ljk1N2MtOC4yNTksNC4yMDUtMTYuODQ4LDUuMTI2LTIyLjk3MywyLjQ3ICBjLTMuNzM3LTEuNjIyLTYuMTkzLTQuMzg3LTcuMzAxLTguMjIxYy0wLjU5OC0yLjA2Ni0wLjc2Ni00LjM1NC0wLjQ5OS02Ljc5OGMwLjE4Ni0xLjcwMS0wLjMwOC0zLjQwNS0xLjM3MS00Ljc0NSAgYy0xLjUyNy0xLjkyNS0yLjYwNS0zLjk1LTMuMjAyLTYuMDE3Yy0wLjk5MS0zLjQzMy0wLjYwNC02LjczOCwxLjE1NC05LjgyMmMyLjIzNi0zLjkyMyw2LjU1LTcuMTY2LDEyLjA2OC05LjE2ICBjMC4xNTksMC4xMjMsMC4zMSwwLjI1LDAuNDcsMC4zNzJjMTAuMzgyLDcuOTIyLDIwLjA1MiwxMC44MTksMjguNzE0LDEwLjEzNGMxMC41NzktMC44MzcsNy44MzMtOC4zMzMsNi4xNjctMTYuNzUgIGMtMS4xMjgtNS42OTgtMS41NzUtMTQuMjQzLTEuMTg2LTIxLjU5OWMwLjA0Ny0wLjg4NSwwLjI5OC0zLjI2LDAuMzE0LTMuMzgxYzEuMTA4LTguMTQ2LDQuNTg3LTE0Ljc0OSw5LjU0NC0xOC4xMTUgIGMzLjE0Mi0yLjEzNCw2LjU5Mi0yLjc1OCwxMC4yNi0xLjg1YzIuMDkxLDAuNTE3LDQuMTU0LDEuNTE1LDYuMTMzLDIuOTY1YzEuMzgxLDEuMDEzLDMuMTA0LDEuNDM4LDQuODAxLDEuMTg3ICBjMi40MjMtMC4zNjIsNC43MTUtMC4yODMsNi44MSwwLjIzNWMzLjg3MiwwLjk1OCw2LjczLDMuMzA0LDguNDk2LDYuOTc2YzIuODk0LDYuMDIsMi4zMDQsMTQuNjM3LTEuNTc4LDIzLjA1MyAgYy01LjE1NiwxMS4xNzktMTUuMzMxLDIwLjA0NS0yNS4xNTYsMjIuMzM2bDguNTIxLTM0LjM3MWMwLjUzMS0yLjE0NC0wLjc3Ni00LjMxMy0yLjkyLTQuODQ1Yy0yLjE0Ni0wLjUzMi00LjMxMywwLjc3Ni00Ljg0NiwyLjkyICBsLTEwLjA5Miw0MC43MTJjLTAuMDE4LDAuMDQxLTAuMDM0LDAuMDgzLTAuMDUyLDAuMTI0bC0zMS45NTcsMTkuNzA4Yy0xLjg4MSwxLjE2LTIuNDY1LDMuNjI0LTEuMzA1LDUuNTA0ICBjMC43NTYsMS4yMjYsMi4wNjYsMS45MDEsMy40MDgsMS45MDFjMC43MTYsMCwxLjQ0MS0wLjE5MiwyLjA5Ni0wLjU5NmwyNS41MjktMTUuNzQ0ICBDMTMwLjE4MSwzOTMuOTcxLDEyMi42OTcsNDAyLjIwNiwxMTMuMzYsNDA2Ljk1N3ogTTE5MS41NzYsNDE3LjM5OGMtMC4wMjksMC4xMTctMC4wNTUsMC4yMzUtMC4wNzcsMC4zNTQgIGMtMC4zMjksMS43MjQtMS4yLDMuMzYyLTIuNTExLDQuNzI2bC0wLjM2MywwLjM3N2MtMS4zMTcsMS4zNjktMi45MTksMi4zMDItNC42MzIsMi42OThjLTAuMTE3LDAuMDI3LTAuMjMzLDAuMDU4LTAuMzQ5LDAuMDkxICBjLTQuMDY3LDEuMTgyLTguNTIxLDAuNDA1LTExLjYyNi0yLjAyNmwtNi42MjUtNS4xODdjMS4wNjQtMC44MTEsMi4wNzYtMS43MDgsMy4wMjUtMi42OTVjMi4xMDQtMi4xOSwzLjg3MS00Ljc0MSw1LjI3MS03LjYwOCAgYzIuODE1LTEuNTEyLDUuMjk3LTMuMzc1LDcuMzk5LTUuNTYyYzAuOTQ4LTAuOTg2LDEuODA3LTIuMDI5LDIuNTc1LTMuMTIzbDUuNDM4LDYuNDE4ICBDMTkxLjY0OSw0MDguODY5LDE5Mi41OTgsNDEzLjI4OSwxOTEuNTc2LDQxNy4zOTh6IE0yNTcuMzAzLDIyOC43ODRjLTEuNzQxLDUuNDgtNi40NTIsMTEuNDc1LTEzLjM3NiwxNi44MTggIGMtMTEuNzMxLDkuMDUzLTI2LjQxMywxMy45NjYtMzcuNzY2LDEzLjAxMmMyLjAxNy01LjgxMiw3LjE4MS0xMi4xMDUsMTQuNjQ1LTE3LjY0MiAgQzIzMi40NTMsMjMyLjMzMywyNDYuMzkyLDIyNy43OTIsMjU3LjMwMywyMjguNzg0eiBNMjI5LjcxNCwyMTYuMTk5YzQuMzc4LTMuNjMxLDguNjk5LTUuODk2LDEyLjU4OS02LjY1MSAgYy0wLjA5NSwyLjUwNi0wLjQyNCw1LjE4MS0wLjk0MSw3LjY3NmMtNi44NjYsMS41ODUtMTMuODcsNC4zNjItMjAuNTM1LDguMjEzQzIyMy41ODQsMjIxLjk0OSwyMjYuNTc5LDIxOC43OTgsMjI5LjcxNCwyMTYuMTk5eiAgIE0yMjcuNzg4LDE0NC40MjFjNi4yNjUtNS4yNjQsMTIuNTcxLTguMzY0LDE3Ljk5OS04Ljk1MmMtMS4wNjEsMTEuNy04Ljg1NCwyNS43NTUtMjAuMzM4LDM1Ljk3ICBjLTYuODQ3LDYuMDkxLTEzLjk1Miw5Ljc3Ny0xOS45NjUsMTAuNTA5QzIwNy4xOTksMTY5LjM0NiwyMTUuODk5LDE1NC40MDksMjI3Ljc4OCwxNDQuNDIxeiBNMjMxLjI3Nyw2MS40NDggIGMxLjk0MSwxMS4zNDgtMS45MDMsMjYuNzE2LTEwLjIyNiwzOS40NzFjLTQuODIzLDcuMzkyLTEwLjQyMywxMi43NDUtMTUuODMzLDE1LjM0NVY4OC42MTFjMy45OTItMi45MzQsNy4zMy03LjAzOCw5LjkwNy0xMi4xMzUgIEMyMjAuMTE5LDY4LjgyOSwyMjUuNzksNjMuNTkzLDIzMS4yNzcsNjEuNDQ4eiBNMTkxLjE1NywzNC44MTJjMS4yLTguNTY1LDQuMDA0LTE1LjM4LDcuOTE5LTE5LjUwOCAgYzcuMTA1LDkuOTA5LDEwLjYyNSwyNi4yOTcsOC41MDcsNDEuNDE1Yy0wLjczNCw1LjIzNS0yLjA2OSw5LjgxMi0zLjg4OSwxMy41MjdjLTAuMDkyLDAuMTY2LTAuMTc2LDAuMzM0LTAuMjUzLDAuNTA0ICBjLTEuMSwyLjE0NS0yLjM2NSwzLjk4OS0zLjc3Nyw1LjQ3OEMxOTIuNTU4LDY2LjMxOSwxODkuMDQsNDkuOTMsMTkxLjE1NywzNC44MTJ6IE0xNjUuNjgyLDEzMC40MDMgIGM4LjcwMiwzLjM0NiwxNy42NjksMTMuNzUyLDIzLjM3OSwyNy4wMDhjLTYuODI1LTcuNjIyLTE1LjI0Mi0xNC4zNDItMjQuMjktMTguOTY4ICBDMTY0LjgyNywxMzUuNTc4LDE2NS4xMjEsMTMyLjg4NSwxNjUuNjgyLDEzMC40MDN6IE0xNTQuMjQsMTY4LjQzNWMtNi4zNTQtOC4xOC05Ljg0OS0xNi40OTgtOS45MTUtMjMuMjM4ICBjMy40OTQsMC40NTQsNy4wNDMsMS40NjgsMTAuNTUsMi45MTJjMC41NzQsMC4zNjMsMS4yMDMsMC42NDMsMS44NzQsMC44MTNjMTYuODk5LDcuNzM0LDMyLjM5NiwyNS4yNzYsMzUuNDY5LDM5Ljg0OXY0LjYxMiAgQzE3OS4zOTYsMTkxLjI4MSwxNjQuNTc0LDE4MS43MzYsMTU0LjI0LDE2OC40MzV6IE0xOTIuMjE5LDI3Mi4zNDN2OS4wNzJjLTYuODgyLTAuMTgxLTE0LjMyOC00LjA3NC0yMS4wNzYtMTEuMTY4ICBjLTExLjMzOC0xMS45Mi0xNi45OTYtMjguOTUxLTE0LjU1Ni00Mi44MDNjNi4zMTItMC4yMTUsMTEuOTQxLDIuOTE0LDE1LjgwMiw1Ljg1OSAgQzE4My41NTcsMjQxLjgyOSwxOTEuNjEzLDI1Ny43NjksMTkyLjIxOSwyNzIuMzQzeiBNMTE2LjkzMiwyMjQuNTAyYy0wLjIyOS0yLjI5NiwwLjUzOC0zLjM5NSwxLjEzNS00LjAyMSAgYzAuNjUxLTAuNjg0LDEuNTc3LTEuMjM0LDIuNzUxLTEuNjM1YzIuMDA2LTAuNjg3LDMuNTUxLTIuMzA5LDQuMTM5LTQuMzQ1YzAuMzQ0LTEuMTg4LDAuODQ5LTIuMTM3LDEuNTAzLTIuODIzICBjMC41OTctMC42MjcsMS42NDYtMS40NDIsMy45NjEtMS4zMjhjMy40NDYsMC4xNzcsOS4xNzEsMi42NzEsMTQuODM3LDguOTQyYy0wLjA2MiwwLjE1OC0wLjEzLDAuMzEyLTAuMTgsMC40NzYgIGMtMS4wMjYsMy4zNjUtMS42NSw2Ljc3Mi0xLjkzMSwxMC4xNzhsLTguNjMxLTguNTcxYy0xLjU2OC0xLjU1Ni00LjEwMS0xLjU0OC01LjY1NiwwLjAyYy0xLjU1NywxLjU2OC0xLjU0OCw0LjEwMSwwLjAyLDUuNjU3ICBsOS4yMDQsOS4xNDFjLTMuODkzLDAuNDM5LTcuNjEsMS4yNy0xMS4wNCwyLjVjLTAuMTYxLDAuMDU4LTAuMzEzLDAuMTMzLTAuNDY3LDAuMjAzICBDMTIwLjA0MywyMzMuNTM3LDExNy4yNzQsMjI3LjkzNiwxMTYuOTMyLDIyNC41MDJ6IE0xMzUuMzAxLDI0OS44MDhjMi45OS0wLjY3Nyw2LjIyNS0wLjk5OSw5LjYtMC45NzQgIGMyLjk3MiwxMS40NjIsOS4wNjksMjEuOTMxLDE2LjA4MywyOS41NzFjLTUuNDg3LTIuMzg4LTEwLjQ2My01LjQ4Ni0xNC40NDQtOC45MjNDMTM5LjQ0MSwyNjMuMzUzLDEzNS40OTQsMjU2LjM2NSwxMzUuMzAxLDI0OS44MDggIHogTTIyMy4zMDcsMzkwLjA0Yy0zLjQ5NSwxLjgyNS04LjAxNiwxLjc4LTExLjc5OC0wLjExOWMtMC4xMDgtMC4wNTQtMC4yMTgtMC4xMDUtMC4zMjgtMC4xNTRjLTEuNjExLTAuNy0zLjAxNy0xLjkwOC00LjA2Ni0zLjUgIGwtMC4yNzktMC40MjFjLTEuMDQ4LTEuNTktMS42MDYtMy4zNTktMS42MTYtNS4xMTV2LTIuMDkzYzAuMjM3LTMuNjA3LDEuODg0LTcuMDExLDQuNTItOS4xNjVsMjIuNDkxLTE4LjM3OCAgYzQuMDkyLDQuMDQzLDguNzA5LDcuMjU0LDEzLjU3NSw5LjMyN2MtMC4wMzQsNS4zNDIsMS4wNzMsMTAuODU5LDMuMTc0LDE2LjIwN0wyMjMuMzA3LDM5MC4wNHogTTMxNC4wNzksMzczLjcxNCAgYy0wLjk2MywxLjkyNi0yLjM4OSwzLjcyLTQuMjM3LDUuMzMxYy0xLjI5MiwxLjEyNS0yLjA4NywyLjcxNS0yLjIxMyw0LjQyM2MtMC4xOCwyLjQ0My0wLjc2MSw0LjY2MS0xLjcyOCw2LjU5MSAgYy0xLjc4NCwzLjU2Ny00LjcwMSw1Ljg0LTguNjY5LDYuNzU1Yy02LjUxLDEuNTAxLTE0Ljc4Ni0wLjk2OC0yMi4xNDUtNi42MDRjLTkuMjc0LTcuMTAxLTE1LjUyNi0xOC4xNzItMTYuMjAzLTI3LjkwOCAgbDMyLjY3OCwxNC40MDdjMC41MjQsMC4yMzEsMS4wNzIsMC4zNDEsMS42MTEsMC4zNDFjMS41MzYsMCwzLjAwMi0wLjg5MSwzLjY2Mi0yLjM4N2MwLjg5Mi0yLjAyMS0wLjAyNS00LjM4My0yLjA0Ny01LjI3NCAgbC0zNi4wNzItMTUuOTA0Yy0wLjEyNy0wLjMxNy0wLjI3Ni0wLjYyNS0wLjQ1MS0wLjkxN2wtNS42NzktMzYuNjQ5YzAtMi4yMDktMS43OTEtNC00LTRzLTQsMS43OTEtNCw0bDUuNjc5LDMyLjI4MyAgYy05LjExMy00LjEzOC0xNy4zMDQtMTQuNTYyLTIwLjMxOC0yNi40Yy0yLjI4Ny04Ljk4MS0xLjMwMS0xNy41NjMsMi42NC0yMi45NTZjMi40MDItMy4yOSw1LjY0MS01LjA3OCw5LjYyMy01LjMxNiAgYzIuMTUyLTAuMTI3LDQuNDE4LDAuMjEsNi43MzksMS4wMDZjMS42MTgsMC41NTQsMy4zOSwwLjQ1LDQuOTMxLTAuMjk0YzIuMjE0LTEuMDY3LDQuNDI3LTEuNjczLDYuNTc1LTEuODAyICBjMy41NTItMC4yMSw2LjcwNiwwLjg5Miw5LjMyOSwzLjI4NGMzLjMzNSwzLjA0Miw1LjU1Miw3Ljk2NCw2LjI4NCwxMy43ODZjLTAuMTU0LDAuMTI4LTAuMzExLDAuMjQ3LTAuNDY1LDAuMzc2ICBjLTE0Ljg4NSwxMi40NzMtMTcuNjAxLDMzLjI4My05Ljc5OSwzNy45NDZjMS45MjcsMS4xNTIsNC41MTgsMC45NTIsNi4zLTAuNDE0YzguNDgyLTYuNSwzNy41NjYsMy42NzYsNDIuMTg0LDE1LjMgIEMzMTUuNzkzLDM2Ni41MDUsMzE1Ljg2NiwzNzAuMTQzLDMxNC4wNzksMzczLjcxNHogTTMxNi40NTcsMzIwLjAzNGMtMS4wMjUsNC4wMDItNi42ODEsMTAuNjk4LTE2Ljc3NSwxNi41MzUgIGMtMC4xMjgtMC4wMzctMS42NTUtMC40NzMtMS42NTUtMC40NzNjLTIuNTYtMC43MzUtNS44NDUtMS42NjYtOS40OTEtMi4zNTFsNi4zMjYtNC4xN2MxLjg0NS0xLjIxNiwyLjM1NC0zLjY5NywxLjEzOS01LjU0MiAgYy0xLjIxNy0xLjg0NC0zLjY5Ny0yLjM1My01LjU0MS0xLjEzOGwtMTUuNDcxLDEwLjE5OGMtMC4zMDIsMC4wMzgtMC42MDMsMC4wNzQtMC45MDUsMC4xMjFjMS4wMzItMy45NTUsMy43MjQtOC4yMTEsOS44NzEtMTMuMzYzICBjMTAuNDcyLTguNzc1LDIwLjIyNC0xMi4wNTEsMjQuODI5LTExLjM3MmMwLjU5OCwwLjA4NywxLjM2NywwLjI4LDEuNjQ3LDAuNzA1YzAuMjM5LDAuMzYzLDAuMzY3LDEuMDUyLDAuMzUxLDEuODkxICBjLTAuMDUzLDIuNjk1LDEuNTYzLDUuMTQ0LDQuMDYyLDYuMTU1YzAuNzc3LDAuMzE0LDEuMzYyLDAuNzA0LDEuNjAyLDEuMDY3QzMxNi43MTcsMzE4LjcwOSwzMTYuNjAxLDMxOS40NjksMzE2LjQ1NywzMjAuMDM0eiAgIE00MDYuMDMxLDIxMS4zMzRsLTY1LjAwNSw4Mi40NjVjLTEuMjgyLDEuNjI3LTMuMTg3LDIuNDc3LTUuMTA4LDIuNDc3Yy0xLjQwOSwwLTIuODI4LTAuNDU2LTQuMDItMS4zOTYgIGMtMi44MTktMi4yMjItMy4zMDQtNi4zMDktMS4wODEtOS4xMjhsNjUuMDA1LTgyLjQ2NWMyLjIyMi0yLjgyLDYuMzEyLTMuMzAzLDkuMTI4LTEuMDgxICBDNDA3Ljc2OSwyMDQuNDI4LDQwOC4yNTQsMjA4LjUxNCw0MDYuMDMxLDIxMS4zMzR6IE0yNzUuMDczLDI2OC4xNzJjMC0wLjYxNCwwLjA4OC0xLjIzOCwwLjI3MS0xLjg1Nmw2MS4zNjYtMjA2LjQ5MiAgYzEuMDIzLTMuNDQxLDQuNTk1LTUuMjMzLDguMDgyLTQuMzc5YzUuMTY5LDEuMjY2LDQuNTYzLDcuNDY0LDQuMzc5LDguMDgybC0zMC42ODYsMjE0LjgzOWMtMC40NTIsMy4yNTItMy4yMzcsNS42MDctNi40MzEsNS42MDcgIGMtMC4yOTgsMC0wLjU5OS0wLjAyMS0wLjkwMS0wLjA2M2MtMy41NTctMC40OTQtNi4wMzgtMy43NzYtNS41NDUtNy4zMzJsMTcuMzIzLTEyNC43NTZsLTM1LjEyNiwxMTguMTk3ICBjLTAuODM5LDIuODIzLTMuNDI2LDQuNjUtNi4yMjgsNC42NWMtMC42MTMsMC0xLjIzNi0wLjA4Ny0xLjg1NC0wLjI3MUMyNzYuOSwyNzMuNTU5LDI3NS4wNzQsMjcwLjk3NCwyNzUuMDczLDI2OC4xNzJ6IiBmaWxsPSIjRkZGRkZGIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) } div.birke { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMi4wMDEgNTEyLjAwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyLjAwMSA1MTIuMDAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI4Ni4yODcsNDc5Ljk2M2gtOS4zNTVjLTIuNzEzLDAtNC45MTQtMi4yMDEtNC45MTQtNC45MTR2LTQzLjE0N0gyMzkuOTh2NDcuOTY2YzAsMTcuNzQ2LDE0LjM4NiwzMi4xMzMsMzIuMTMzLDMyLjEzMyAgICBoMTQuMTc0YzguODQ3LDAsMTYuMDE5LTcuMTcyLDE2LjAxOS0xNi4wMTlDMzAyLjMwNiw0ODcuMTM1LDI5NS4xMzQsNDc5Ljk2MywyODYuMjg3LDQ3OS45NjN6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDQ1Ljk5OCwyNjAuMzE3aC02Ljk1MWMtMi44NDUsMC01LjY4NC0wLjY2Mi04LjEyNy0yLjEyMWMtNS4xNjUtMy4wODQtNy45MjUtOC43MjgtNy40MzQtMTQuNDQ3bDQuNjg5LTU0LjUwMyAgICBjMC40NTUtNS4yOC01LjYwNS04LjYwMy05LjgyMy01LjMwN2MtMS42NDksMS4yODktMy40NzgsMi4zNjEtNS41MzEsMi43NjdjLTkuNzI5LDEuOTI2LTE3LjY0My00LjUxNS0xOC43ODgtMTIuODczICAgIGwtOC40MTItNjEuNDEyYy0wLjQxMi0zLjAxNC0yLjk4OC01LjI2LTYuMDI5LTUuMjZoLTE4LjU3NGMtNS40ODYsMC0xMC41NS0yLjk0NS0xMy4yNjQtNy43MTRsLTI0Ljc2Ny00My41MyAgICBjLTIuNTE2LTQuNDIxLTcuOTg4LTYuMTk1LTEyLjYxOS00LjA5Yy05LjEzMSw0LjE1MS0xOS45MTQsMC40OTYtMjQuNjM2LTguMzU0QzI3OS4xMjEsMzEuMDgyLDI3Mi4xNCwxNy45NjUsMjY1LjczLDUuODYgICAgYy00LjEzOC03LjgxMy0xNS4zMjMtNy44MTMtMTkuNDYxLDBjLTYuNDExLDEyLjEwNS0xMy4zOTIsMjUuMjIyLTIwLjAwNCwzNy42MTJjLTQuNzIyLDguODQ5LTE1LjUwNSwxMi41MDUtMjQuNjM2LDguMzU0ICAgIGMtNC42MzEtMi4xMDUtMTAuMTA0LTAuMzMxLTEyLjYxOSw0LjA5bC0yNC43NjcsNDMuNTMyYy0yLjcxMyw0Ljc2OS03Ljc3Nyw3LjcxMy0xMy4yNjQsNy43MTNoLTE4LjU3MyAgICBjLTMuMDQyLDAtNS42MTcsMi4yNDYtNi4wMjksNS4yNmwtOC4zNzEsNjEuMTA3Yy0wLjU2LDQuMDg0LTIuNjA5LDcuODc2LTUuODk2LDEwLjM2M2MtNS41NjgsNC4yMTItMTMuMDE1LDQuMDkxLTE4LjM2NCwwLjExOCAgICBsLTAuMjMtMC4xNzFjLTQuMjEtMy4xMy0xMC4xNDIsMC4xNzgtOS42OTIsNS40MDRsNC42ODksNTQuNTA1YzAuNDkyLDUuNzE5LTIuMjY4LDExLjM2My03LjQzNCwxNC40NDcgICAgYy0yLjQ0MywxLjQ1OS01LjI4MSwyLjEyMS04LjEyNywyLjEyMUg2NmMtNC4wMjUsMC02LjkzMywzLjgzMS01Ljg2NSw3LjcxMWM1LjEwNywxOC41NjMsMTQuMjk2LDQ1LjA2NSwyOS45MjYsNzEuMjQ4ICAgIGMzNC45MTksNTguNDk1LDg1LjMzMSw4OS41OTUsMTQ5LjkyLDkyLjYyNnYtNTMuMjU5Yy0yNy4wNTUtMjMuMTYxLTkzLjcwMy04MC4xOTktOTYuNzg5LTgyLjc2NiAgICBjLTYuNDg5LTUuMjgzLTcuNTE2LTE0LjgyMS0yLjI3OC0yMS4zNjZjNS4yNjUtNi41OCwxNC44NjktNy42NDcsMjEuNDQ4LTIuMzhjMS40MzEsMS4xNDUsNDUuMjk5LDM4LjY3Nyw3Ny42MTksNjYuMzM5di01Mi41MzkgICAgYy0yNy44OTgtMjMuODgxLTY4LjkzMy01OC45OTMtNzEuMjM5LTYwLjkxN2MtNi40NzEtNS4yODYtNy40OTEtMTQuODEtMi4yNi0yMS4zNDljNS4yNjUtNi41ODEsMTQuODY4LTcuNjQ5LDIxLjQ0OS0yLjM4MSAgICBjMS4wMDksMC44MDcsMjcuNjI4LDIzLjU3NSw1Mi4wNSw0NC40NzZ2LTQ0LjEwNWMtMTcuMjMzLTE0Ljc1Mi00Mi4yMjctMzYuMTM4LTQzLjkxOC0zNy41NTUgICAgYy02LjY5LTUuNDk1LTcuNTItMTUuNTMzLTEuNTk3LTIyLjA2NGM1LjU2Ny02LjEzNiwxNS4xMzMtNi40NiwyMS40NTctMS4xMDZjMS40MzksMS4yMTgsNi4zNTcsNS40MSwyNC4wNTcsMjAuNTU1Vjg2Ljg2NyAgICBjMC04LjYyNSw2LjYyOS0xNi4wNDcsMTUuMjQ1LTE2LjQ1M2M5LjE5OS0wLjQzNCwxNi43OTMsNi44OTcsMTYuNzkzLDE2LjAwMXY3NS4wNzFjMTcuNjk5LTE1LjE0NCwyMi42MTgtMTkuMzM3LDI0LjA1Ny0yMC41NTUgICAgYzYuMzIzLTUuMzUzLDE1Ljg5LTUuMDMxLDIxLjQ1NywxLjEwNWM1LjkyNCw2LjUzLDUuMDk0LDE2LjU3LTEuNTk2LDIyLjA2NGMtMS42OTEsMS40MTgtMjYuNjg1LDIyLjgwMy00My45MTgsMzcuNTU1djQ0LjEwNSAgICBjMjQuNDIyLTIwLjkwMSw1MS4wNC00My42Nyw1Mi4wNDktNDQuNDc3YzYuNTgxLTUuMjY2LDE2LjE4NC00LjIsMjEuNDQ5LDIuMzgxYzUuMjMyLDYuNTM5LDQuMjEyLDE2LjA2My0yLjI2LDIxLjM0OSAgICBjLTIuMzA2LDEuOTI1LTQzLjM0MiwzNy4wMzctNzEuMjM5LDYwLjkxOHY1Mi41MzljMzIuMzE5LTI3LjY2Myw3Ni4xODgtNjUuMTk1LDc3LjYxOS02Ni4zNGM2LjU4MS01LjI2NSwxNi4xODMtNC4yLDIxLjQ0OCwyLjM4ICAgIGM1LjIzOCw2LjU0Niw0LjIxMSwxNi4wODMtMi4yNzgsMjEuMzY2Yy0zLjA4NywyLjU2Ni02OS43MzQsNTkuNjA1LTk2Ljc4OSw4Mi43NjZWNDMxLjkgICAgYzY0LjU4OS0zLjAzMSwxMTUuMDAxLTM0LjEzMSwxNDkuOTItOTIuNjI2YzE1LjYyOS0yNi4xODEsMjQuODE4LTQ3LjY3NSwyOS45MjUtNjYuMjQyICAgIEM0NTIuOTMyLDI2OS4xNTMsNDUwLjAyMywyNjAuMzE3LDQ0NS45OTgsMjYwLjMxN3oiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) } .erle { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDM3Ljg4MSwyNzkuNDZsLTUwLjI4LTE1Ni4yYy0wLjc1Ni0yLjM1LTIuMDgxLTQuNDc3LTMuODU2LTYuMTkxTDI2Ni45MzIsNC4yMTJDMjY0LjEzNSwxLjUxLDI2MC4zOTgsMCwyNTYuNTEsMGgtMS4wMTkgICAgYy0zLjg4OSwwLTcuNjI1LDEuNTEtMTAuNDIyLDQuMjEyTDEyOC4yNTUsMTE3LjA2OWMtMS43NzUsMS43MTUtMy4xLDMuODQyLTMuODU2LDYuMTkxbC01MC4yOCwxNTYuMiAgICBjLTEuMTQxLDMuNTQzLTAuOTIzLDcuMzg0LDAuNjEsMTAuNzc2bDU1LjE2MSwxMjJjMS41MzksMy40MDIsNC4yOTEsNi4xMDgsNy43MTgsNy41OUwyNDEsNDY0LjUwM1Y0OTdjMCw4LjI4NCw2LjcxNiwxNSwxNSwxNSAgICBjOC4yODQsMCwxNS02LjcxNiwxNS0xNXYtMzIuNDk3bDEwMy4zOTMtNDQuNjc3YzMuNDI3LTEuNDgxLDYuMTc5LTQuMTg4LDcuNzE4LTcuNTlsNTUuMTYxLTEyMiAgICBDNDM4LjgwNCwyODYuODQ1LDQzOS4wMjIsMjgzLjAwNCw0MzcuODgxLDI3OS40NnogTTM1Ny4xNjUsMzk0LjU4OUwyNzEsNDMxLjgyMnYtNDYuNzQ1bDg4LjY1Ny02OC41NjggICAgYzYuNTUzLTUuMDY4LDcuNzU3LTE0LjQ4OSwyLjY4OC0yMS4wNDJjLTUuMDY4LTYuNTUzLTE0LjQ4OS03Ljc1OC0yMS4wNDItMi42ODhMMjcxLDM0Ny4xNTF2LTQ4LjE3MyAgICBjMC4zOTctMC4yNTIsMC43ODktMC41MTksMS4xNjgtMC44MTNsNzcuNTc0LTU5Ljk5N2M2LjU1My01LjA2OCw3Ljc1Ny0xNC40ODksMi42ODgtMjEuMDQyICAgIGMtNS4wNjktNi41NTMtMTQuNDktNy43NTgtMjEuMDQyLTIuNjg4TDI3MSwyNjEuMTQ0di01Mi40NzFsNDguNC0zNy40MzNjNi41NTMtNS4wNjgsNy43NTctMTQuNDg5LDIuNjg4LTIxLjA0MiAgICBjLTUuMDY5LTYuNTUzLTE0LjQ5LTcuNzU4LTIxLjA0Mi0yLjY4OEwyNzEsMTcwLjc0OFY5Mi42NWMwLTguMjg0LTYuNzE2LTE1LTE1LTE1Yy04LjI4NCwwLTE1LDYuNzE2LTE1LDE1djc4LjA5N2wtMzAuMDQ3LTIzLjIzOCAgICBjLTYuNTUzLTUuMDY4LTE1Ljk3NC0zLjg2NS0yMS4wNDIsMi42ODhjLTUuMDY4LDYuNTUzLTMuODY1LDE1Ljk3NCwyLjY4OCwyMS4wNDJsNDguNCwzNy40MzN2NTIuNDcxbC02MC4zODktNDYuNzA1ICAgIGMtNi41NTQtNS4wNjctMTUuOTc1LTMuODY1LTIxLjA0MiwyLjY4OGMtNS4wNjgsNi41NTMtMy44NjUsMTUuOTc0LDIuNjg4LDIxLjA0Mmw3Ny41NzQsNTkuOTk3ICAgIGMwLjM4LDAuMjk0LDAuNzcxLDAuNTYxLDEuMTY4LDAuODEzdjQ4LjE3M2wtNzAuMzA0LTU0LjM3M2MtNi41NTMtNS4wNjgtMTUuOTc0LTMuODY0LTIxLjA0MiwyLjY4OCAgICBjLTUuMDY4LDYuNTUzLTMuODY1LDE1Ljk3NCwyLjY4OCwyMS4wNDJMMjQxLDM4NS4wNzd2NDYuNzQ1bC04Ni4xNjUtMzcuMjMzbC01MC4zODctMTExLjQ0Mmw0Ny4zNTUtMTQ3LjExNUwyNTYsMzUuMzY1ICAgIGwxMDQuMTk2LDEwMC42NjdsNDcuMzU2LDE0Ny4xMTVMMzU3LjE2NSwzOTQuNTg5eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) } .esche { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMzOSAzMzkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMzOSAzMzk7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMTc2LjA5MywyMzEuNjNjMTcuNDEyLDAsMzQuMzIxLTYuNDk0LDQ3LjI3LTE4LjM0YzE0LjcyOS0xMy40NzcsMjMuMDEzLTMyLjY3MiwyMi43MjktNTIuNjY1ICAgYy0wLjA0My0zLjA0Mi0yLjM1Ni01LjU3LTUuMzgyLTUuODgzYy0xOS44OS0yLjA1OC0zOS43NDQsNC40OTMtNTQuNDczLDE3Ljk2OWMtNC4xLDMuNzUxLTcuNjgsNy45NTktMTAuNzM1LDEyLjQ5di0zNy4zNSAgIGMwLjE5OCwwLjAwMiwwLjM5NiwwLjAxNSwwLjU5NCwwLjAxNWMxNy40MSwwLDM0LjMyMS02LjQ5NSw0Ny4yNjktMTguMzRjMTQuNzI5LTEzLjQ3NiwyMy4wMTMtMzIuNjcxLDIyLjcyOS01Mi42NjUgICBjLTAuMDQzLTMuMDQyLTIuMzU2LTUuNTctNS4zODItNS44ODNjLTE5Ljg5LTIuMDU1LTM5Ljc0NCw0LjQ5My01NC40NzMsMTcuOTY5Yy00LjEsMy43NTEtNy42OCw3Ljk1OC0xMC43MzUsMTIuNDlWOTAuNjkyICAgYzE0LjU3NS05Ljc5MSwyMy40OTMtMjYuMzQ0LDIzLjQ5My00NC4wMDhjMC0xOC44NDMtMTAuMTQ5LTM2LjQyMy0yNi40ODgtNDUuODc3Yy0xLjg1OS0xLjA3Ni00LjE1MS0xLjA3Ni02LjAxMSwwICAgYy0xNi4zMzgsOS40NTUtMjYuNDg4LDI3LjAzNC0yNi40ODgsNDUuODc3YzAsMTcuNjY0LDguOTE4LDM0LjIxNywyMy40OTMsNDQuMDA4djEwLjc0NGMtMy4wNTUtNC41MzEtNi42MzUtOC43MzgtMTAuNzM1LTEyLjQ5ICAgYy0xNC43MjktMTMuNDc2LTM0LjU4LTIwLjAyNS01NC40NzMtMTcuOTY5Yy0zLjAyNiwwLjMxMy01LjMzOSwyLjg0MS01LjM4Miw1Ljg4M2MtMC4yODQsMTkuOTkzLDgsMzkuMTg4LDIyLjcyOSw1Mi42NjUgICBjMTIuOTQ5LDExLjg0NywyOS44NTcsMTguMzQsNDcuMjY5LDE4LjM0YzAuMTk4LDAsMC4zOTYtMC4wMTQsMC41OTQtMC4wMTV2MzcuMzVjLTMuMDU1LTQuNTMxLTYuNjM1LTguNzM5LTEwLjczNS0xMi40OSAgIGMtMTQuNzI5LTEzLjQ3Ni0zNC41OC0yMC4wMjUtNTQuNDczLTE3Ljk2OWMtMy4wMjYsMC4zMTMtNS4zMzksMi44NDEtNS4zODIsNS44ODNjLTAuMjg0LDE5Ljk5Myw4LDM5LjE4OCwyMi43MjksNTIuNjY1ICAgYzEyLjk0OSwxMS44NDcsMjkuODU2LDE4LjM0LDQ3LjI3LDE4LjM0YzAuMTk3LDAsMC4zOTYtMC4wMTQsMC41OTMtMC4wMTV2MzcuMzVjLTMuMDU1LTQuNTMxLTYuNjM1LTguNzM4LTEwLjczNS0xMi40OSAgIGMtMTQuNzI5LTEzLjQ3Ni0zNC41OC0yMC4wMjUtNTQuNDczLTE3Ljk2OWMtMy4wMjYsMC4zMTMtNS4zMzksMi44NDEtNS4zODIsNS44ODNjLTAuMjg0LDE5Ljk5Myw4LDM5LjE4OCwyMi43MjksNTIuNjY1ICAgYzEyLjk0OSwxMS44NDcsMjkuODU2LDE4LjM0LDQ3LjI3LDE4LjM0YzAuMTk3LDAsMC4zOTYtMC4wMTQsMC41OTMtMC4wMTVWMzMzYzAsMy4zMTMsMi42ODYsNiw2LDZzNi0yLjY4Nyw2LTZ2LTE3LjYyMiAgIGMwLjE5NywwLjAwMiwwLjM5NiwwLjAxNSwwLjU5MywwLjAxNWMxNy40MTIsMCwzNC4zMjEtNi40OTQsNDcuMjctMTguMzRjMTQuNzI5LTEzLjQ3NiwyMy4wMTMtMzIuNjcxLDIyLjcyOS01Mi42NjUgICBjLTAuMDQzLTMuMDQyLTIuMzU2LTUuNTctNS4zODItNS44ODNjLTE5Ljg5LTIuMDU3LTM5Ljc0NCw0LjQ5My01NC40NzMsMTcuOTY5Yy00LjEsMy43NTEtNy42OCw3Ljk1OC0xMC43MzUsMTIuNDl2LTM3LjM1ICAgQzE3NS42OTcsMjMxLjYxNiwxNzUuODk2LDIzMS42MywxNzYuMDkzLDIzMS42M3ogTTE5NC4zMzYsMTgxLjU2NGMxMC44MjYtOS45MDUsMjQuOTUzLTE1LjI3NywzOS41NjctMTUuMTkyICAgYy0xLjE5MiwxNC41MjItNy44MTUsMjguMTU5LTE4LjY0MiwzOC4wNjRjLTEwLjcyNyw5LjgxNC0yNC43MzcsMTUuMTk0LTM5LjE2NywxNS4xOTRjLTAuMTMzLDAtMC4yNjcsMC0wLjQtMC4wMDEgICBDMTc2Ljg4NiwyMDUuMTA2LDE4My41MSwxOTEuNDcsMTk0LjMzNiwxODEuNTY0eiBNMTk0LjMzNiw5Ny44YzEwLjgyNi05LjkwNSwyNC45NTMtMTUuMzAxLDM5LjU2Ny0xNS4xOTIgICBjLTEuMTkyLDE0LjUyMi03LjgxNSwyOC4xNTktMTguNjQyLDM4LjA2NGMtMTAuODI4LDkuOTA2LTI1LjAzNSwxNS4zMTEtMzkuNTY3LDE1LjE5MiAgIEMxNzYuODg2LDEyMS4zNDMsMTgzLjUxLDEwNy43MDYsMTk0LjMzNiw5Ny44eiBNMTIzLjczOCwxMjAuNjcyYy0xMC44MjYtOS45MDUtMTcuNDUtMjMuNTQyLTE4LjY0Mi0zOC4wNjQgICBjMTQuNjE4LTAuMTE3LDI4Ljc0Miw1LjI4OCwzOS41NjcsMTUuMTkyYzEwLjgyNiw5LjkwNSwxNy40NSwyMy41NDIsMTguNjQyLDM4LjA2NCAgIEMxNDguNzQxLDEzNS45NzIsMTM0LjU2NCwxMzAuNTc3LDEyMy43MzgsMTIwLjY3MnogTTE2Mi45MDUsMjE5LjYzYy0xNC40MjksMC0yOC40NC01LjM4LTM5LjE2Ny0xNS4xOTQgICBjLTEwLjgyNi05LjkwNi0xNy40NS0yMy41NDItMTguNjQyLTM4LjA2NGMxNC42MTgtMC4wOTgsMjguNzQyLDUuMjg4LDM5LjU2NywxNS4xOTJjMTAuODI2LDkuOTA2LDE3LjQ1LDIzLjU0MiwxOC42NDIsMzguMDY0ICAgQzE2My4xNzIsMjE5LjYyOSwxNjMuMDM4LDIxOS42MywxNjIuOTA1LDIxOS42M3ogTTE2Mi45MDUsMzAzLjM5NGMtMTQuNDI5LDAtMjguNDQtNS4zOC0zOS4xNjctMTUuMTk0ICAgYy0xMC44MjYtOS45MDUtMTcuNDUtMjMuNTQyLTE4LjY0Mi0zOC4wNjRjMC4xMzMtMC4wMDEsMC4yNjgtMC4wMDEsMC40MDEtMC4wMDFjMTQuNDI4LDAsMjguNDQsNS4zOCwzOS4xNjcsMTUuMTk0ICAgYzEwLjgyNiw5LjkwNSwxNy40NSwyMy41NDIsMTguNjQyLDM4LjA2NEMxNjMuMTcyLDMwMy4zOTMsMTYzLjAzOCwzMDMuMzk0LDE2Mi45MDUsMzAzLjM5NHogTTE5NC4zMzYsMjY1LjMyOCAgIGMxMC44MjYtOS45MDUsMjUuMDI3LTE1LjI4NiwzOS41NjctMTUuMTkyYy0xLjE5MiwxNC41MjItNy44MTUsMjguMTU5LTE4LjY0MiwzOC4wNjRjLTEwLjcyNyw5LjgxNC0yNC43MzcsMTUuMTk0LTM5LjE2NywxNS4xOTQgICBjLTAuMTMzLDAtMC4yNjcsMC0wLjQtMC4wMDFDMTc2Ljg4NiwyODguODcsMTgzLjUxLDI3NS4yMzMsMTk0LjMzNiwyNjUuMzI4eiBNMTUyLjAwNyw0Ni42ODVjMC0xMy4zODMsNi42MjItMjUuOTQzLDE3LjQ5My0zMy41NzIgICBjMTAuODcyLDcuNjI5LDE3LjQ5MywyMC4xODksMTcuNDkzLDMzLjU3MnMtNi42MjIsMjUuOTQzLTE3LjQ5MywzMy41NzJDMTU4LjYyOCw3Mi42MjcsMTUyLjAwNyw2MC4wNjcsMTUyLjAwNyw0Ni42ODV6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) } .graeser { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ1MyA0NTMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1MyA0NTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDUxLjIsMTAwLjVjLTMuMi0zLjItNy4yLTMuMi0xMC40LTAuOGMtNCwzLjItNzcuNiw2NC44LTExNi44LDE2Ny4yYy03LjItMTguNC0xNS4yLTM2LjgtMjQtNTIuOCAgICBjMjAuOC02OCw0MS42LTExNS4yLDYzLjItMTQwYzIuNC0zLjIsMi40LTgtMC44LTExLjJjLTMuMi0zLjItOC0zLjItMTEuMiwwYy0xLjYsMS42LTQwLjgsNDAuOC04MCwxMDEuNiAgICBjLTguOC0xMy42LTE3LjYtMjUuNi0yNi40LTM2LjhjMTAuNC0yMy4yLDIxLjYtNDEuNiwzMi01NC40YzIuNC0zLjIsMi40LTgtMC44LTExLjJjLTMuMi0zLjItOC0zLjItMTEuMiwwICAgIGMtMC44LDAuOC0xNi44LDE2LjgtMzguNCw0Mi40Yy0yMC44LTI1LjYtMzYuOC00MC44LTM4LjQtNDIuNGMtMy4yLTMuMi04LTMuMi0xMS4yLDBjLTMuMiwzLjItMy4yLDgtMC44LDExLjIgICAgYzExLjIsMTMuNiwyMi40LDMyLDMyLDU0LjRjLTguOCwxMS4yLTE2LjgsMjMuMi0yNS42LDM2LjhjLTM4LjQtNjAuOC03Ny42LTEwMC04MC0xMDEuNmMtMy4yLTMuMi04LTMuMi0xMS4yLDAgICAgYy0zLjIsMy4yLTMuMiw4LTAuOCwxMS4yYzI0LjgsMjguOCw0Ni40LDg0LDYzLjIsMTQwYy05LjYsMTcuNi0xNy42LDM2LTI0LDUzLjZDODkuNiwxNjQuNSwxNiwxMDIuOSwxMi44LDk5LjcgICAgYy0zLjItMi40LTgtMi40LTEwLjQsMC44Yy0zLjIsMy4yLTMuMiw4LDAsMTEuMkM1NiwxNzQuOSw4Mi40LDMzNy4zLDg4LDM3Ny4zSDQwLjh2MGMtNC44LDAtOCwzLjItOCw4czMuMiw4LDgsOEg5NmgxNS4yaDM0LjQgICAgaDE1LjJoNDAuOGgwLjhoNDhoMC44SDI5MmgxNS4yaDM0LjRoMTUuMmg1OC40YzQuOCwwLDgtMy4yLDgtOHMtMy4yLTgtOC04aC00OS42YzUuNi00MCwzMi0yMDIuNCw4NS42LTI2NS42ICAgIEM0NTMuNiwxMDguNSw0NTMuNiwxMDMuNyw0NTEuMiwxMDAuNXogTTMwOS42LDEzNy4zYy03LjIsMTYuOC0xMy42LDM2LjgtMjAuOCw1OC40Yy0zLjItNC44LTUuNi05LjYtOC44LTE0LjQgICAgQzI4OS42LDE2NS4zLDMwMCwxNTAuMSwzMDkuNiwxMzcuM3ogTTI0MCwyMTcuM2MtNCwxMC40LTguOCwyMC44LTEzLjYsMzEuMmMtNC44LTExLjItOS42LTIxLjYtMTUuMi0zMiAgICBjNC44LTE2LDkuNi0zMC40LDE0LjQtNDMuMkMyMzEuMiwxODcuNywyMzYsMjAyLjEsMjQwLDIxNy4zeiBNMjE2LDE0Ni4xYzAuOCwxLjYsMS42LDMuMiwxLjYsNC44Yy01LjYsMTQuNC0xMS4yLDI5LjYtMTYuOCw0Ni40ICAgIGMtMy4yLTUuNi02LjQtMTEuMi05LjYtMTZDMjAwLDE2OC41LDIwOCwxNTYuNSwyMTYsMTQ2LjF6IE0xMDQsMzc3LjNoLTAuOGMtNC0yOC0yMC0xMzYtNTQuNC0yMTUuMmMyNC44LDMxLjIsNTMuNiw3NS4yLDcyLDEzMC40ICAgIEMxMTEuMiwzMjEuMywxMDYuNCwzNTAuMSwxMDQsMzc3LjN6IE0xNTMuNiwzNzcuM2gtOC44aC0yNS42YzMuMi00NC44LDE2LjgtOTIsNDAtMTQwYzUuNiwxOS4yLDEwLjQsMzcuNiwxNC40LDU0LjQgICAgQzE2My4yLDMzMS43LDE1Ni44LDM2NC41LDE1My42LDM3Ny4zeiBNMTcwLjQsMzc3LjNjMi40LTEwLjQsNS42LTI4LjgsMTEuMi01MS4yYzUuNiwyMy4yLDguOCw0MS42LDExLjIsNTEuMkgxNzAuNHogICAgIE0xOTkuMiwzMzMuM2MtMTEuMi01MS4yLTMwLjQtMTMyLTU2LjgtMTk1LjJjMjYuNCwzMy42LDU1LjIsNzkuMiw3NS4yLDEzMkMyMDkuNiwyOTEuNywyMDQsMzEyLjUsMTk5LjIsMzMzLjN6IE0yNDQsMzc2LjUgICAgaC0zNC4zMzFjMy4yOTYtNDMuNzYzLDE2LjA2Ni04OS44OSwzOC4zMzEtMTM3LjZjNS42LDE4LjQsMTAuNCwzNiwxNC40LDUyQzI1Mi44LDMzMC4xLDI0Ni40LDM2Mi45LDI0NCwzNzYuNXogTTI2MC44LDM3Ny4zICAgIGMxLjYtMTAuNCw1LjYtMjguOCwxMC40LTUxLjJjNC44LDIzLjIsOC44LDQxLjYsMTEuMiw1MS4ySDI2MC44eiBNMjk5LjIsMzc4LjFoLTAuOGMtNS42LTI4LjgtMjguOC0xNDAtNjMuMi0yMjcuMiAgICBjMC44LTEuNiwxLjYtMy4yLDEuNi00LjhjMjgsMzguNCw1OS4yLDg4LjgsNzguNCwxNDYuNEMzMDcuMiwzMTguOSwzMDEuNiwzNDYuOSwyOTkuMiwzNzguMXogTTM0OS42LDM3Ny4zaC04SDMxNiAgICBjNi40LTk0LjQsNTItMTY5LjYsODgtMjE1LjJDMzY5LjYsMjQyLjEsMzUzLjYsMzQ5LjMsMzQ5LjYsMzc3LjN6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) } .hasel { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5Ni41NDQgNDk2LjU0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDk2LjU0NCA0OTYuNTQ0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik00MDguMjcyLDQ4aC0zOC41Nmw4LTQ4aC02Ni44ODhsOCw0OGgtMzguNTUyYy00OC41MiwwLTg4LDM5LjQ4LTg4LDg4djhoLTE0LjU2bDgtNDhoLTY2Ljg4OGw4LDQ4SDg4LjI3MiAgICAgYy00OC41MiwwLTg4LDM5LjQ4LTg4LDg4djMyYzAsMTAuNDE2LDYuNzA0LDE5LjIxNiwxNiwyMi41Mjh2NzUuODU2YzAsNDkuNzQ0LDMxLjI4OCw5NC44ODgsNzcuODU2LDExMi4zNmw1OC4xNDQsMjEuOCAgICAgbDU4LjE0NC0yMS44MDhjNDEuMjg4LTE1LjQ4OCw3MC41MTItNTIuNzQ0LDc2LjYyNC05NS42NjRsNTcuMjMyLDIxLjQ3Mmw1OC4xNDQtMjEuODA4ICAgICBjNDYuNTY4LTE3LjQ2NCw3Ny44NTYtNjIuNjE2LDc3Ljg1Ni0xMTIuMzZWMTkwLjUyYzkuMjg4LTMuMzEyLDE2LTEyLjExMiwxNi0yMi41Mjh2LTMyQzQ5Ni4yNzIsODcuNDcyLDQ1Ni43OTIsNDgsNDA4LjI3Miw0OHogICAgICBNMzU4LjgyNCwxNmwtNS4zMjgsMzJoLTE4LjQ0OGwtNS4zMjgtMzJIMzU4LjgyNHogTTE2Ni44MjQsMTEybC01LjMyOCwzMmgtMTguNDQ4bC01LjMyOC0zMkgxNjYuODI0eiBNMjcyLjI3MiwzNjIuMzc2ICAgICBjMCw0My4xMTItMjcuMTIsODIuMjQtNjcuNDg4LDk3LjM3NmwtNTIuNTEyLDE5LjY5NmwtNTIuNTItMTkuNjk2Yy00MC4zNi0xNS4xMjgtNjcuNDgtNTQuMjY0LTY3LjQ4LTk3LjM3NnYtNzQuMzg0aDI0MFYzNjIuMzc2ICAgICB6IE0yODAuMjcyLDI3MmgtMjU2Yy00LjQxNiwwLTgtMy41ODQtOC04di0zMmMwLTM5LjcwNCwzMi4yOTYtNzIsNzItNzJoMTI4YzM5LjcwNCwwLDcyLDMyLjI5Niw3Miw3MnYzMiAgICAgQzI4OC4yNzIsMjY4LjQwOCwyODQuNjg4LDI3MiwyODAuMjcyLDI3MnogTTQ4MC4yNzIsMTY4YzAsNC40MTYtMy41ODQsOC04LDhoLTI0djE2aDE2djc0LjM4NCAgICAgYzAsNDMuMTEyLTI3LjEyLDgyLjI0LTY3LjQ4OCw5Ny4zNzZsLTUyLjUxMiwxOS42ODhsLTUyLjUyLTE5LjY5NmMtMS4xODQtMC40NDgtMi4zMTItMC45ODQtMy40OC0xLjQ3MnYtNzUuNzYgICAgIGM5LjI4OC0zLjMxMiwxNi0xMi4xMTIsMTYtMjIuNTI4di0zMmMwLTE0LjQwOC0zLjU1Mi0yNy45ODQtOS43MTItNDBoMTM3LjcxMnYtMTZIMjg0LjEwNGMtNS4wNC02LjA4OC0xMC45MTItMTEuNDQ4LTE3LjM5Mi0xNiAgICAgaDUuNTZ2LTE2aC0xNnY5LjcxMmMtMTIuMDE2LTYuMTY4LTI1LjU5Mi05LjcxMi00MC05LjcxMmgtOHYtOGMwLTM5LjcwNCwzMi4yOTYtNzIsNzItNzJoMTI4YzM5LjcwNCwwLDcyLDMyLjI5Niw3Miw3MlYxNjh6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjI1Ni4yNzIiIHk9IjgwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjg4LjI3MiIgeT0iODAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cmVjdCB4PSIzMjAuMjcyIiB5PSI4MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjM1Mi4yNzIiIHk9IjgwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMzg0LjI3MiIgeT0iODAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cmVjdCB4PSI0MTYuMjcyIiB5PSI4MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjI4OC4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjMyMC4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjM1Mi4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjM4NC4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjQxNi4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjQ0OC4yNzIiIHk9IjE0NCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjIyNC4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjI1Ni4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjI4OC4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjMyMC4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjM1Mi4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjM4NC4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjQxNi4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9IjQ0OC4yNzIiIHk9IjExMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMDUuMzc2LDQ0NC43NzZsNC4wNzIsMS41Mmw1LjYwOC0xNC45ODRsLTQuMDY0LTEuNTJjLTI3Ljk0NC0xMC40NzItNDYuNzItMzcuNTY4LTQ2LjcyLTY3LjQxNnYtMi4zODRoLTE2djIuMzg0ICAgICBDNDguMjcyLDM5OC44NTYsNzEuMjE2LDQzMS45NzYsMTA1LjM3Niw0NDQuNzc2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cmVjdCB4PSI2NC4yNzIiIHk9IjE3NiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9Ijk2LjI3MiIgeT0iMTc2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTI4LjI3MiIgeT0iMTc2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTYwLjI3MiIgeT0iMTc2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTkyLjI3MiIgeT0iMTc2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjI0LjI3MiIgeT0iMTc2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMzIuMjcyIiB5PSIyNDAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cmVjdCB4PSI2NC4yNzIiIHk9IjI0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9Ijk2LjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTI4LjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTYwLjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTkyLjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjI0LjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjU2LjI3MiIgeT0iMjQwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMzIuMjcyIiB5PSIyMDgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cmVjdCB4PSI2NC4yNzIiIHk9IjIwOCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxyZWN0IHg9Ijk2LjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTI4LjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTYwLjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMTkyLjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjI0LjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iMjU2LjI3MiIgeT0iMjA4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHJlY3QgeD0iNDguMjcyIiB5PSIzMjgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) } .roggen { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTcuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQxNi45NzMgNDE2Ljk3MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE2Ljk3MyA0MTYuOTczOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxwYXRoIGlkPSJYTUxJRF84MDhfIiBkPSJNMzU2LjQwNyw0MTYuOTczYzQuNDE4LDAsOC0zLjU4Miw4LThzLTMuNTgyLTgtOC04aC05My45MzZsMTguMDQxLTQyLjA5NiAgYzAuODk2LDAuMDg4LDEuNzk3LDAuMTQ2LDIuNzA0LDAuMTQ2YzEuMTA2LDAsMi4yMTktMC4wNjYsMy4zMzMtMC4xOTljNS4wMzMtMC42LDkuNzA1LTIuNTI0LDEzLjYzMS01LjU1bDM4LjkwMy0yOC4yMzYgIGM1Ljk0OC00LjMxNyw5LjgzOC0xMC43NDYsMTAuOTUyLTE4LjEwM2MxLjAyLTYuNzM1LTAuNDkyLTEzLjY4NS00LjE0Ny0xOS4zNjhsMTMuNzEyLTEwLjI1OSAgYzExLjc3Ny04LjgxNCwxNC41NzgtMjUuMjI3LDYuNzEzLTM3LjQwM2wxMy43MS0xMC4yNTdjNS45NC00LjQ0NSw5Ljc5Ny0xMC45NTcsMTAuODYtMTguMzM3ICBjMC44MDctNS42MDYtMC4wNzctMTEuMTg0LTIuNDk0LTE2LjE0NmwyMy42MjgtNTUuMTM4YzEuNzQtNC4wNjEtMC4xNDEtOC43NjQtNC4yMDMtMTAuNTA0cy04Ljc2NCwwLjE0MS0xMC41MDQsNC4yMDMgIEwzNzYuMzI0LDE4Mi43Yy0yLjc3OC0xLjQ1Ni01LjgxOC0yLjQ0Ni05LjAyMi0yLjkwN2MtMy40NTYtMC40OTgtNi45MDItMC4zNDYtMTAuMjAzLDAuNDA2bDMxLjQzNS03My40MTIgIGMxLjczOS00LjA2Mi0wLjE0NC04Ljc2NC00LjIwNS0xMC41MDNjLTQuMDYtMS43MzktOC43NjMsMC4xNDQtMTAuNTAzLDQuMjA1bC0zMS40NDYsNzMuNDM3Yy0xLjczNS0yLjkyNi00LjAxMS01LjU0Mi02Ljc3Mi03LjcxNCAgYy0yLjU0My0yLjAwMS01LjM1NC0zLjUxOS04LjMyNC00LjUyNmwyMC45ODYtNDguOTc1YzEuNzQtNC4wNjEtMC4xNDItOC43NjQtNC4yMDMtMTAuNTA0Yy00LjA2Mi0xLjc0LTguNzY0LDAuMTQxLTEwLjUwNCw0LjIwMyAgbC0yMy42MjcsNTUuMTRjLTEyLjQ3MiwzLjk3MS0yMC44MDcsMTYuMzctMTkuMjAyLDI5LjgzOGwyLjAyOSwxN2MtMTQuMjQxLDIuNzA0LTI0LjE5NCwxNi4wNTMtMjIuNDUyLDMwLjY1OWwyLjAyOSwxNy4wMDIgIGMtMTQuMjQxLDIuNzA0LTI0LjE5MywxNi4wNTItMjIuNDUxLDMwLjY1OGw1LjY5OSw0Ny43NTZ2LTAuMDAxYzAuODYzLDcuMjMxLDQuNDU5LDEzLjcxNSwxMC4xMzIsMTguMzEzbC0yMC42NTYsNDguMTk5aC0yOC41NDYgIHYtMTE4LjVjNy4wMjMtMS45OTEsMTIuODgyLTYuNTM0LDE2LjUyMi0xMi44MzlsMjQuMDQ3LTQxLjY1MWMzLjcwOS02LjQyNSw0LjY4OS0xMy45MywyLjc1OS0yMS4xMzIgIGMtMS43NjEtNi41NzMtNS43NTMtMTIuMTQ2LTExLjMxOS0xNS44OTFsOC41NjMtMTQuODNjNy4zNTMtMTIuNzM5LDMuNDYzLTI4LjkyOC04LjU2MS0zNy4wMjNsOC41NjEtMTQuODI4ICBjNi43OC0xMS43NDYsNC4wMDItMjYuNDI0LTUuODk1LTM0Ljk4NlYyOS4zMDFjMC00LjQxOC0zLjU4Mi04LTgtOHMtOCwzLjU4Mi04LDh2NTMuMjgzYy0zLjEyNy0wLjI0NC02LjMwOSwwLjA0NC05LjQzNiwwLjg4MSAgYy0zLjM4MywwLjkwNi02LjQ5OSwyLjQwOS05LjI0MSw0LjQwN1Y4YzAtNC40MTgtMy41ODItOC04LThzLTgsMy41ODItOCw4djc5Ljg3NGMtNS4zODgtMy45My0xMi4wNDMtNS44MS0xOC42NzgtNS4yODdWMjkuMzAxICBjMC00LjQxOC0zLjU4Mi04LTgtOHMtOCwzLjU4Mi04LDh2NTkuOTkzYy05Ljg5Niw4LjU2NC0xMi42NzMsMjMuMjQxLTUuODkzLDM0Ljk4NWw4LjU2MSwxNC44MjcgIGMtMTIuMDI1LDguMDk1LTE1LjkxNSwyNC4yODQtOC41NjEsMzcuMDI0bDguNTYyLDE0LjgzYy01LjU5OCwzLjc4NC05LjcyNCw5LjU3Ny0xMS40NCwxNi4xNjkgIGMtMS44NzQsNy4yLTAuODMyLDE0LjY0MiwyLjkzNSwyMC45NTRsMjQuNjAzLDQxLjIxOGMyLjQxOCw0LjM1NSw1Ljk2OCw3Ljk4NCwxMC4zNzcsMTAuNTI5YzEuNzcxLDEuMDIzLDMuNjI2LDEuODI1LDUuNTMyLDIuNDMgIHYxMTguNzE0aC0yOC42MDlsLTIwLjY2LTQ4LjE5NmM1LjY3NC00LjU5Nyw5LjI3MS0xMS4wODIsMTAuMTM1LTE4LjMxNHYwbDUuNjk5LTQ3Ljc1N2MxLjc0MS0xNC42MDUtOC4yMS0yNy45NTQtMjIuNDUyLTMwLjY1OCAgbDIuMDI5LTE3LjAwMmMxLjc0Mi0xNC42MDYtOC4yMDktMjcuOTU1LTIyLjQ1MS0zMC42NTlsMi4wMjktMTcuMDAxYzEuNjA2LTEzLjQ2OC02LjczLTI1Ljg2NS0xOS4yMDEtMjkuODM3bC0yMy42MjgtNTUuMTQxICBjLTEuNzQtNC4wNjEtNi40NDItNS45NDMtMTAuNTA0LTQuMjAzYy00LjA2MSwxLjc0LTUuOTQzLDYuNDQzLTQuMjAzLDEwLjUwNGwyMC45ODYsNDguOTc3Yy0yLjk3LDEuMDA3LTUuNzgyLDIuNTI1LTguMzI1LDQuNTI1ICBjLTIuNzcsMi4xOC01LjA1Myw0LjgwNy02Ljc5MSw3Ljc0NmwtMzEuNDI0LTczLjQ2NmMtMS43MzgtNC4wNjMtNi40MzgtNS45NDctMTAuNTAxLTQuMjA5Yy00LjA2MywxLjczOC01Ljk0Nyw2LjQzOS00LjIwOSwxMC41MDEgIGwzMS4zOTksNzMuNDA1Yy0zLjI4OC0wLjc0My02LjcyMS0wLjg5My0xMC4xNjYtMC4zOTZjLTMuMjA0LDAuNDYxLTYuMjQ0LDEuNDUxLTkuMDIyLDIuOTA4bC0yMC45ODYtNDguOTc2ICBjLTEuNzQtNC4wNjEtNi40NDItNS45NDItMTAuNTA0LTQuMjAzYy00LjA2MSwxLjc0LTUuOTQzLDYuNDQzLTQuMjAzLDEwLjUwNGwyMy42MjksNTUuMTQ1ICBjLTUuNzIzLDExLjc2OC0yLjQ5NCwyNi4zNTIsOC4zNjQsMzQuNDc3bDEzLjcwOSwxMC4yNTdjLTcuODY0LDEyLjE3NS01LjA2MywyOC41ODgsNi43MTQsMzcuNDAzbDEzLjcxMiwxMC4yNTggIGMtMy42NTUsNS42ODQtNS4xNjcsMTIuNjM0LTQuMTQ2LDE5LjM2OWMxLjExNCw3LjM1Nyw1LjAwMywxMy43ODUsMTAuOTUxLDE4LjEwMmwzOC45MDIsMjguMjM1ICBjMy45MjcsMy4wMjcsOC41OTksNC45NTEsMTMuNjMyLDUuNTUxYzEuMTE1LDAuMTMzLDIuMjI4LDAuMTk5LDMuMzM0LDAuMTk5YzAuOTA2LDAsMS44MDYtMC4wNTgsMi43MDEtMC4xNDVsMTguMDQ1LDQyLjA5Nkg2MC41NjYgIGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOEgzNTYuNDA3eiBNMjA4LjgzNywyMDAuMTI1bC0wLjMxOSwwLjU1M2wtMC4zMTktMC41NTNjLTEuNjk4LTIuOTQyLTMuODgzLTUuNDk2LTYuNDM5LTcuNTkyICBsMjAuOTM1LTM2LjI2MWMxLjU3My0yLjcyNCw0LjEzMi00LjY3OCw3LjIwNy01LjUwMWMzLjA3NC0wLjgyNCw2LjI2OC0wLjQxMiw4Ljk5LDEuMTYxYzUuNjYzLDMuMjcsNy42MSwxMC41MzcsNC4zNDIsMTYuMTk4ICBsLTEwLjQzOCwxOC4wNzhjLTIuMzQ2LDAuMDIxLTQuNzA3LDAuMzM2LTcuMDM3LDAuOTZDMjE4LjU1NSwxODkuMDk5LDIxMi41NDYsMTkzLjcsMjA4LjgzNywyMDAuMTI1eiBNMTczLjgwNSwxNjguMTMyICBjLTMuMjY5LTUuNjYzLTEuMzIxLTEyLjkzLDQuMzQtMTYuMTk5YzUuNjYzLTMuMjY4LDEyLjkzLTEuMzIxLDE2LjE5OSw0LjM0bDQuOTM3LDguNTUzbC0xMi40MzEsMjEuNTMxICBjLTAuODctMC4wOS0xLjc0LTAuMTQtMi42MDgtMC4xNDhMMTczLjgwNSwxNjguMTMyeiBNMjI5LjksOTguOTJjMy4wNzMtMC44MjQsNi4yNjctMC40MTIsOC45OTIsMS4xNjIgIGM1LjY2MiwzLjI2OSw3LjYxLDEwLjUzNiw0LjM0MSwxNi4xOThsLTEwLjQzNywxOC4wNzdjLTIuMzQ2LDAuMDIxLTQuNzA3LDAuMzM2LTcuMDM3LDAuOTZjLTcuMjAzLDEuOTMtMTMuMjEyLDYuNTMxLTE2LjkyMSwxMi45NTYgIGwtMC4zMTksMC41NTJsLTAuMzE5LTAuNTUzYy0xLjcyMy0yLjk4NC0zLjkyMS01LjUyNS02LjQ0MS03LjU5bDIwLjkzNS0zNi4yNjFDMjI0LjI2NywxMDEuNjk4LDIyNi44MjYsOTkuNzQ0LDIyOS45LDk4LjkyeiAgIE0xOTQuMzQ3LDEwNC40MjdsNC45MzksOC41MzhsLTEyLjQzNCwyMS41MzZjLTAuODY2LTAuMDg4LTEuNzM2LTAuMTM2LTIuNjEtMC4xNDNsLTEwLjQzOC0xOC4wNzggIGMtMy4yNjktNS42NjMtMS4zMjEtMTIuOTI5LDQuMzQxLTE2LjE5OEMxODMuODA4LDk2LjgxMiwxOTEuMDc0LDk4Ljc1OSwxOTQuMzQ3LDEwNC40Mjd6IE0xNzIuNTU1LDIxMS4xNTkgIGMwLjgxOS0zLjE0NywyLjgwNC01Ljc2Niw1LjU4OS03LjM3NGMyLjcyNi0xLjU3Myw1LjkxOC0xLjk4Niw4Ljk5My0xLjE2MmMzLjA3NCwwLjgyNCw1LjYzMiwyLjc3Nyw3LjIwNiw1LjUwMmw0LjkzOCw4LjU1MSAgbC0xMy40OTcsMjMuMzc1bC0xMi4wMzktMjAuMTY5QzE3Mi4xOTEsMjE3LjI4LDE3MS43NjgsMjE0LjE4MiwxNzIuNTU1LDIxMS4xNTl6IE0xOTguOTE2LDI2Mi4wNTNsLTAuMTI3LTAuMjEyICBjLTAuNTY3LTAuOTQ2LTEuMDExLTEuOTc1LTEuMzA2LTMuMDc0Yy0wLjgyNC0zLjA3NC0wLjQxMi02LjI2NywxLjE2MS04Ljk5MWwyNC4wNDktNDEuNjUxYzEuNTczLTIuNzI0LDQuMTMxLTQuNjc3LDcuMjA2LTUuNTAxICBjMS4wMzUtMC4yNzcsMi4wODMtMC40MTUsMy4xMjMtMC40MTVjMi4wNDgsMCw0LjA2MiwwLjUzMyw1Ljg2OSwxLjU3NmMyLjcyNCwxLjU3Myw0LjY3OCw0LjEzMiw1LjUwMiw3LjIwNyAgYzAuODI0LDMuMDc0LDAuNDExLDYuMjY3LTEuMTYxLDguOTkxbC0yNC4wNDcsNDEuNjUxYy0xLjU3MywyLjcyNC00LjEzMiw0LjY3OC03LjIwNiw1LjUwMmMtMS4xMzYsMC4zMDQtMi4yODksMC40MzgtMy40MjgsMC40MDggIGMtMC4wMTEsMC0wLjAyMS0wLjAwMi0wLjAzMS0wLjAwMmMtMC4wMSwwLTAuMDIsMC4wMDEtMC4wMywwLjAwMmMtMS45MjEtMC4wNi0zLjgwMy0wLjU4OS01LjUwMi0xLjU3ICBDMjAxLjMwOSwyNjUuMDA1LDE5OS45MjYsMjYzLjY2LDE5OC45MTYsMjYyLjA1M3ogTTEzMC43NzIsMjM3LjE1MWwtMi40NzQsMjAuNzI5Yy04Ljc2LDMuODMzLTE1LjMyOCwxMi4wNjctMTYuNTQsMjIuMjI3ICBsLTAuMDc2LDAuNjM0bC0wLjUxMS0wLjM4MmMtMi43Mi0yLjAzNS01LjczNS0zLjUyMi04LjkxLTQuNDQxbDQuOTYtNDEuNTc1YzAuNzc1LTYuNDkzLDYuNjktMTEuMTQyLDEzLjE4LTEwLjM3MSAgQzEyNi44OTUsMjI0Ljc0NiwxMzEuNTQ3LDIzMC42NTksMTMwLjc3MiwyMzcuMTUxeiBNOTEuMjU3LDE3OC43ODZjMi41MDEtMS45NjgsNS41OTYtMi44NDksOC43MjMtMi40NzQgIGM2LjQ5MywwLjc3NCwxMS4xNDUsNi42ODYsMTAuMzcxLDEzLjE3OGwtMi40NzQsMjAuNzI5Yy04Ljc1OCwzLjgzMy0xNS4zMjcsMTIuMDY3LTE2LjU0MSwyMi4yMjZsLTAuMDc2LDAuNjM0bC0wLjUxMS0wLjM4MiAgYy0yLjc1OS0yLjA2NS01Ljc4LTMuNTM1LTguOTEtNC40NDFsNC45NjEtNDEuNTc1Qzg3LjE3NCwxODMuNTU4LDg4Ljc1NiwxODAuNzU0LDkxLjI1NywxNzguNzg2eiBNNDQuMTQ1LDIwMC4yMzggIGMxLjg4NC0yLjUxOSw0LjY1Ni00LjE1Niw3LjgwNi00LjYwOWMzLjE1Mi0wLjQ1NCw2LjI3MywwLjMzNCw4LjczOSwyLjE3OWw3Ljk0OCw2LjA0OWwtMi45MzQsMjQuNTg5ICBjLTAuODMxLDAuMjYtMS42NSwwLjU1OS0yLjQ1NSwwLjg5N2wtMTYuNzE0LTEyLjUwNUM0MS4yOTksMjEyLjkyLDQwLjIyNywyMDUuNDc1LDQ0LjE0NSwyMDAuMjM4eiBNNjQuNTY3LDI0Ny44OTggIGMzLjkxOC01LjIzNCwxMS4zNjItNi4zMDgsMTYuNTk4LTIuMzkxbDcuOTA3LDUuOTE2bC0yLjk0NiwyNC42ODdjLTAuODM1LDAuMjYtMS42NTQsMC41NTYtMi40NTUsMC44OTFsLTE2LjcxMy0xMi41MDMgIEM2MS43MjMsMjYwLjU4LDYwLjY1MSwyNTMuMTMzLDY0LjU2NywyNDcuODk4eiBNODIuNzU2LDMwNC41NGMtMC40ODctMy4yMTUsMC4zMDYtNi40MDQsMi4yMzQtOC45ODEgIGMxLjg4NC0yLjUxOSw0LjY1Ny00LjE1Niw3LjgwNy00LjYwOWMzLjE0OS0wLjQ1NSw2LjI3MiwwLjMzNCw4Ljc5MiwyLjIxOWw3LjkwNiw1LjkxNWwtMy4xOTgsMjYuODAybC0xOS4wMTEtMTMuNzk4ICBDODQuODMyLDMxMC4zMDgsODMuMjI0LDMwNy42MjcsODIuNzU2LDMwNC41NHogTTEyNy4wMzEsMzQwLjkzNWwtMC4xOTQtMC4xNDFjLTAuODk1LTAuNjQ3LTEuNzEtMS40MTgtMi40MTQtMi4zMTQgIGMtMS45NjgtMi41MDEtMi44NDctNS41OTktMi40NzQtOC43MjJsNS42OTktNDcuNzU2YzAuNzE3LTYuMDE3LDUuODQ5LTEwLjQ1MywxMS43NjYtMTAuNDUzYzAuNDY2LDAsMC45MzgsMC4wMjgsMS40MTIsMC4wODQgIGM2LjQ5MywwLjc3NSwxMS4xNDYsNi42ODcsMTAuMzcxLDEzLjE3OGwtNS42OTksNDcuNzU2Yy0wLjM3MywzLjEyNC0xLjk1NSw1LjkyOC00LjQ1Niw3Ljg5NmMtMC45MjcsMC43MjktMS45MzcsMS4zMDctMi45OTksMS43MjggIGMtMC4wMSwwLjAwNC0wLjAyLDAuMDA3LTAuMDI5LDAuMDExYy0wLjAwNywwLjAwMy0wLjAxNCwwLjAwNy0wLjAyMSwwLjAxYy0xLjc5LDAuNzAxLTMuNzI3LDAuOTU1LTUuNjc0LDAuNzIzICBDMTMwLjM5MywzNDIuNzA3LDEyOC41OTIsMzQyLjAxNSwxMjcuMDMxLDM0MC45MzV6IE0zMTYuOTkzLDE3Ni4zMTNjMy4xMi0wLjM3NSw2LjIyMSwwLjUwNSw4LjcyMiwyLjQ3NCAgYzIuNTAxLDEuOTY4LDQuMDgzLDQuNzcxLDQuNDU2LDcuODk1bDQuOTYsNDEuNTc1Yy0zLjE3NSwwLjkxOS02LjE5LDIuNDA2LTguOTEsNC40NDFsLTAuNTEsMC4zODJsLTAuMDc2LTAuNjM0ICBjLTEuMjEzLTEwLjE1OC03Ljc4Mi0xOC4zOTItMTYuNTM5LTIyLjIyNWwtMi40NzQtMjAuNzI4QzMwNS44NDgsMTgyLjk5OSwzMTAuNSwxNzcuMDg2LDMxNi45OTMsMTc2LjMxM3ogTTI5Ni41NywyMjMuOTcyICBjMS4yMTYtMC4xNDUsMi40MTItMC4xLDMuNTU4LDAuMTEyYzAuMDYsMC4wMTMsMC4xMTksMC4wMzEsMC4xOCwwLjA0MmM0Ljg4NiwwLjk4NSw4LjgxOSw1LjAwNCw5LjQ0MSwxMC4yMTVsNC45NjEsNDEuNTc2ICBjLTMuMTc2LDAuOTE5LTYuMTksMi40MDYtOC45MSw0LjQ0MWwtMC41MSwwLjM4MmwtMC4wNzYtMC42MzNjLTEuMjExLTEwLjE2LTcuNzgtMTguMzk2LTE2LjU0MS0yMi4yMjhsLTIuNDczLTIwLjcyNyAgQzI4NS40MjYsMjMwLjY1OSwyOTAuMDc4LDIyNC43NDYsMjk2LjU3LDIyMy45NzJ6IE0yNzguOTcxLDM0Mi4yMWMtMC4wMDUtMC4wMDItMC4wMS0wLjAwNS0wLjAxNi0wLjAwOCAgYy0wLjAwNC0wLjAwMi0wLjAwOS0wLjAwMy0wLjAxMy0wLjAwNWMtMS4wNjYtMC40MjItMi4wOC0xLjAwMi0zLjAxLTEuNzM0Yy0yLjUwMS0xLjk2OC00LjA4My00Ljc3Mi00LjQ1Ni03Ljg5NmMwLDAsMCwwLDAsMCAgbC01LjY5OS00Ny43NTZjLTAuNzc0LTYuNDkyLDMuODc4LTEyLjQwMywxMC4zNjktMTMuMTc4YzAuNDc1LTAuMDU3LDAuOTQ2LTAuMDg0LDEuNDEzLTAuMDg0YzUuOTE3LDAsMTEuMDQ5LDQuNDM3LDExLjc2NywxMC40NTQgIGw1LjY5OCw0Ny43NTdjMC4zNzMsMy4xMjMtMC41MDYsNi4yMi0yLjQ3NCw4LjcyMWMtMC43MDQsMC44OTYtMS41MiwxLjY2OC0yLjQxNSwyLjMxNGwtMC4xOTMsMC4xNCAgYy0xLjU2MSwxLjA4LTMuMzYzLDEuNzcyLTUuMjg4LDIuMDAyQzI4Mi43MDMsMzQzLjE2OSwyODAuNzYyLDM0Mi45MTQsMjc4Ljk3MSwzNDIuMjF6IE0zMzQuMjE2LDMwNC41MzkgIGMtMC40NjgsMy4wODgtMi4wNzYsNS43NjktNC41Myw3LjU0OWwtMTkuMDEsMTMuNzk4bC0zLjE5OC0yNi44MDFsNy45MDctNS45MTZjMi41Mi0xLjg4NSw1LjY0MS0yLjY3NCw4Ljc5MS0yLjIxOSAgYzMuMTUsMC40NTQsNS45MjIsMi4wOTEsNy44MDcsNC42MUMzMzMuOTEsMjk4LjEzNSwzMzQuNzAzLDMwMS4zMjQsMzM0LjIxNiwzMDQuNTM5eiBNMzUwLjAxNSwyNjQuNDk3bC0xNi43MTQsMTIuNTA1ICBjLTAuODAxLTAuMzM1LTEuNjItMC42MzEtMi40NTUtMC44OTFsLTIuOTQ2LTI0LjY4N2w3LjkwNi01LjkxNmMyLjUxOS0xLjg4NSw1LjYzOS0yLjY3NCw4Ljc5MS0yLjIxOSAgYzMuMTUsMC40NTQsNS45MjIsMi4wOSw3LjgwNyw0LjYwOUMzNTYuMzIyLDI1My4xMzQsMzU1LjI1LDI2MC41OCwzNTAuMDE1LDI2NC40OTd6IE0zNzUuMDQ3LDIwOS4wMyAgYy0wLjQ1NCwzLjE1LTIuMDkxLDUuOTIzLTQuNjA5LDcuODA3bC0xNi43MTMsMTIuNTA0Yy0wLjgwMS0wLjMzNS0xLjYyMS0wLjYzMS0yLjQ1Ny0wLjg5MWwtMi45NDEtMjQuNjQ3bDcuOTAzLTUuOTU2ICBjMi41MTktMS44ODQsNS42MzktMi42NzEsOC43OTEtMi4yMTljMy4xNSwwLjQ1NCw1LjkyMiwyLjA5MSw3LjgwNyw0LjYxMUMzNzQuNzEzLDIwMi43NTgsMzc1LjUwMSwyMDUuODc5LDM3NS4wNDcsMjA5LjAzeiIgZmlsbD0iI0ZGRkZGRiIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); } /* Ampelfarben und größe*/ .pollen_ampel_inaktiv, .pollen_ampel_0, .pollen_ampel_1, .pollen_ampel_2, .pollen_ampel_3, .pollen_ampel_4, .pollen_ampel_5, .pollen_ampel_6 { border-width: 2px; border-style: solid; width: 9px; height: 10px; } .pollen_ampel_inaktiv { border-color: grey !important; background-color: transparent !important; } .pollen_ampel_0 { border-color: rgba(0,139,64,1) !important; background-color: rgba(0,100,0) !important; } .pollen_ampel_1 { border-color: rgba(0,139,64,1) !important; background-color: rgba(34,139,34,1) !important; } .pollen_ampel_2 { border-color: rgba(173,255,47,1) !important; background-color: rgba(124,252,0,1) !important; } .pollen_ampel_3 { border-color: rgba(255,215,0,1) !important; background-color: rgba(255,255,0,1) !important; /* gelb */ } .pollen_ampel_4 { border-color: rgba(255,130,71,1) !important; background-color: rgba(238,154,0,1) !important; } .pollen_ampel_5 { border-color: rgba(255,0,0,1) !important; /* rot */ background-color: rgba(205,0,0,1) !important; } .pollen_ampel_6 { border-color: rgba(255,0,0,1) !important; /* rot */ background-color: rgba(139,58,98,1) !important; /* violet */ } td a { display:block; width:100%; color: inherit; text-decoration: none; } .img-hor { transform: rotateY(180deg); /* Rotate 180 degrees along the y-axis */ } /* ----- bargraph ----- */ .mdui-h-flip { transform: scaleX(-1); } .mdui-v-flip { transform: scaleY(-1); } .mdui-h-flip.mdui-v-flip { transform: scale(-1); } /* Hintergrund und Border */ .mdui-h-bargraph, .mdui-v-bargraph { background-position: -1000px !important; background-repeat: no-repeat !important; box-shadow:0 0 0 1000px rgba(255,255,255,0.1) inset; border:none !important; } .mdui-h-bargraph>*, .mdui-v-bargraph>* { background-image:inherit !important; } .mdui-h-bargraph:after, .mdui-v-bargraph:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:inherit !important; opacity:0.1; } .mdui-h-bargraph.mdui-segment-10 { clip-path: polygon( 0% 100%, 0% 0%, 9% 0%, 9% 100%, 10% 100%, 10% 0%, 19% 0%, 19% 100%, 20% 100%, 20% 0%, 29% 0%, 29% 100%, 30% 100%, 30% 0%, 39% 0%, 39% 100%, 40% 100%, 40% 0%, 49% 0%, 49% 100%, 50% 100%, 50% 0%, 59% 0%, 59% 100%, 60% 100%, 60% 0%, 69% 0%, 69% 100%, 70% 100%, 70% 0%, 79% 0%, 79% 100%, 80% 100%, 80% 0%, 89% 0%, 89% 100%, 90% 100%, 90% 0%, 100% 0%, 100% 100% ) ; } .mdui-h-bargraph.mdui-triangle { clip-path: polygon(0% 40%, 100% 0%, 100% 100%, 0% 60%); } .mdui-h-bargraph.mdui-ramp { clip-path: polygon(0% 80%, 100% 0%, 100% 100%, 0% 100%); } .mdui-h-bargraph.mdui-segment-10.mdui-ramp { clip-path: polygon( 9% 100%, 9% 71%, 0% 80%, 0% 100%, 19% 100%, 19% 63%, 10% 72%, 10% 100%, 29% 100%, 29% 55%, 20% 64%, 20% 100%, 39% 100%, 39% 47%, 30% 56%, 30% 100%, 49% 100%, 49% 39%, 40% 48%, 40% 100%, 59% 100%, 59% 31%, 50% 40%, 50% 100%, 69% 100%, 69% 23%, 60% 32%, 60% 100%, 79% 100%, 79% 15%, 70% 24%, 70% 100%, 89% 100%, 89% 7%, 80% 16%, 80% 100%, 100% 100%,100% 0%, 90% 8%, 90% 100% ); } .mdui-h-bargraph.mdui-segment-10.mdui-triangle { clip-path: polygon( 9% 37%, 9% 63%, 0% 60%, 0% 40%, 19% 33%, 19% 67%, 10% 64%, 10% 36%, 29% 29%, 29% 71%, 20% 68%, 20% 32%, 39% 25%, 39% 75%, 30% 72%, 30% 28%, 49% 21%, 49% 79%, 40% 76%, 40% 24%, 59% 17%, 59% 83%, 50% 80%, 50% 20%, 69% 13%, 69% 87%, 60% 84%, 60% 16%, 79% 9%, 79% 91%, 70% 88%, 70% 12%, 89% 5%, 89% 95%, 80% 92%, 80% 8%, 100% 0%, 100% 100%, 90% 96%, 90% 4% ); } .mdui-v-bargraph.mdui-segment-10 { clip-path: polygon( 100% 0%, 0% 0%, 0% 9%,100% 9% , 100% 10%, 0% 10%, 0% 19%,100% 19% , 100% 20%, 0% 20%, 0% 29%,100% 29% , 100% 30%, 0% 30%, 0% 39%,100% 39% , 100% 40%, 0% 40%, 0% 49%,100% 49% , 100% 50%, 0% 50%, 0% 59%,100% 59% , 100% 60%, 0% 60%, 0% 69%,100% 69% , 100% 70%, 0% 70%, 0% 79%,100% 79% , 100% 80%, 0% 80%, 0% 89%,100% 89% , 100% 90%, 0% 90%, 0% 100%,100% 100% ) ; } .mdui-v-bargraph.mdui-triangle { clip-path: polygon(60% 0%, 100% 100%, 0% 100%, 40% 0%); } .mdui-v-bargraph.mdui-ramp { clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 80% 0%); } .mdui-v-bargraph.mdui-segment-10.mdui-ramp { clip-path: polygon( 100% 9%, 71% 9%, 80% 0%, 100% 0%, 100% 19%, 63% 19%, 72% 10%, 100% 10%, 100% 29%, 55% 29%, 64% 20%, 100% 20%, 100% 39%, 47% 39%, 56% 30%, 100% 30%, 100% 49%, 39% 49%, 48% 40%, 100% 40%, 100% 59%, 31% 59%, 40% 50%, 100% 50%, 100% 69%, 23% 69%, 32% 60%, 100% 60%, 100% 79%, 15% 79%, 24% 70%, 100% 70%, 100% 89%, 7% 89%, 16% 80%, 100% 80%, 100% 100%, 0% 100%, 8% 90%, 100% 90% ); } .mdui-v-bargraph.mdui-segment-10.mdui-triangle { clip-path: polygon( 37% 9%, 63% 9%, 60% 0%, 40% 0%, 33% 19%, 67% 19%, 64% 10%, 36% 10%, 29% 29%, 71% 29%, 68% 20%, 32% 20%, 25% 39%, 75% 39%, 72% 30%, 28% 30%, 21% 49%, 79% 49%, 76% 40%, 24% 40%, 17% 59%, 83% 59%, 80% 50%, 20% 50%, 13% 69%, 87% 69%, 84% 60%, 16% 60%, 9% 79%, 91% 79%, 88% 70%, 12% 70%, 5% 89%, 95% 89%, 92% 80%, 8% 80%, 0% 100%,100% 100%,96% 90%, 4% 90% ); } .button_style{ padding-left:0px; padding-top:0px; border:#464646 solid 1px; border-radius:4px; /*box-shadow:6px 6px 12px 0 #161616;*/ font-size:18px; font-family:Jura-Medium; color:#fff; box-sizing:border-box; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#000)); } .button_110{ height:40px; width:110px; } .zentrieren div { display: flex; align-items: center; /* vertikal*/ justify-content: center; /* horizontal */ } .button_style_100{ padding-left:0px; padding-top:0px; padding-bottom:10px; border:#464646 solid 1px; border-radius:4px; /*box-shadow:6px 6px 12px 0 #161616;*/ font-size:18px; font-family:Jura-Medium; color:#fff; box-sizing:border-box; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to(#000)); } .button_100x100{ height:100px; width:100px; .zentrieren_unten div { display: flex; align-items: flex-end; /* vertikal*/ justify-content: center; /* horizontal */ } .station_open { color: blue; } .station_closed { color: red !important; /* !important kann ggf. weggelassen werden */ } .station_notfound { color: yellow !important; /* !important kann ggf. weggelassen werden */ } /* € sign */ .station_combined_euro { font-family: Times; font-size: 80%; } .tclass-th { /* Headerzeilen */ background-color: darkgrey; background-color: rgba(100,100,100,0.8); color: red; font-weight: bold; font-family: Arial; } .tclass-th1 { /* linker Header */ width: 20px; text-align: center; color: transparent; /* Text ausblenden */ /* display: none; */ /* ganze Spalte ausblenden */ } .tclass-th .tclass-th1 { display: none; /* Spaltenüberschrift überm Bild ausblenden*/ } .tclass-tr { color: red; } .tclass-tr:nth-child(odd) { background-color: darkgreen; background-color: rgba(50,120,80,0.6); } .tclass-tr:nth-child(even) { color: yellow; background-color: darkred; background-color: rgba(10,10,110,2.2); } .tv_tipps, .tv_jetzt, .tv_filme, .tv_heute2015, .tv_heute2200 { font-family: Arial; font-size: 75%; } .tv_tipps tr, .tv_jetzt tr, .tv_filme tr, .tv_heute2015 tr, .tv_heute2200 tr { background-color: transparent; color: white; } .tv_tipps tr td a, .tv_jetzt tr td a, .tv_filme tr td a, .tv_heute2015 tr td a, .tv_heute2200 tr td a { background-color: transparent; color: white; text-decoration: none; } /* JETZT ENHANCED */ .tv_jetzt tr td a { font-size: 130%; } #vis_container .mic-navleft-huawei .label { font-size: 100% !important; font-family: RobotoCondensed-Light !important; text-align: left !important; text-shadow: 2px 2px 2px #000000 !important; padding: 0 !important; margin: -3px 0px 0px 50px !important; } /* Nicht selektiert */ #vis_container .mic-navleft-huawei .bg-orange { background: none !important; box-shadow: none !important; /* Rahmen weg */ } /* selektiert */ #vis_container .mic-navleft-huawei .bg-green { background: rgba(182, 17, 138, 0.64) !important; box-shadow: none !important; /* Rahmen weg */ } /* ---------------------------*/ /* ##### Material Design CSS for ioBroker.vis (c) 2017ff Uhula, MIT License source: https://github.com/Uhula/ioBroker-Material-Design-Style changelog: https://github.com/Uhula/ioBroker-Material-Design-Style/blob/master/changelog.MD */ :root { --release : 'MDCSS v2.5'; --release-date : '30.04.2020'; } /* ##### Konfiguration (1) Der Pfad zum Material Icons-WebFont muss unter @font-face angepasst werden. Dort steht "MD-Demo" drin, hier muss der wirkliche Projektname eingetragen werden. (2) Sollen auch Icons aus dem "Material Design Icons" Projekt nutzbar sein, so sind die umfgassenden Kommentarzeichen bei (2) zu entfernen. Die "Material Design Icons" umfassen rund 5000 Icons welche (3) Das vis Design ist per Vorgabe auf "light"-Theme, also schwarze Schrift auf weißem Grund eingestellt, wer in der vis im "dark"-Theme arbeiten möchte, muss Einstellungen unter ":root / Design time" vornehmen (4) Wenn einzelne CSS Anweisungen geändert werden sollen, dann nicht im MDUI CSS direkt ändern, sondern die CSS-Anweisung am Ende erneut angepasst einfügen */ /* (1) An Projektnamen anpassen (Haus ersetzen) */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(/vis.0/Haus/images/MaterialIcons-Regular.eot); /* For IE6-8 */ src: url(/vis.0/Haus/images/MaterialIcons-Regular.woff) format('woff'), url(/vis.0/Haus/images/MaterialIcons-Regular.ttf) format('truetype'); } /* (2) Zur Nutung der MaterialDesignIcons (https://github.com/Templarian/MaterialDesign-Webfont/tree/master/fonts) die den @font-face Block umfassenden Kommentare entfernen und die Projektnamen (MD_) durch die eigenen ersetzen. Aus dem angegebenen Link müssen die Font-Dateien via vis-Dateimanager in den (project)/images Ordner kopiert werden. In der vis Nutzung in der Form: 󰋜 */ /* FÃœR DIE zusätzlichen MaterialDesignIcons DIESE ZEILE LÖSCHEN @font-face { font-family: "Material Design Icons"; src: url("../fonts/materialdesignicons-webfont.eot?v=5.0.45"); src: url("/vis.0/Haus/images/materialdesignicons-webfont.woff?v=5.0.45") format("woff"), url("/vis.0/Haus/images/materialdesignicons-webfont.ttf?v=5.0.45") format("truetype"); font-weight: normal; font-style: normal; } FÃœR DIE zusätzlichen MaterialDesignIcons DIESE ZEILE LÖSCHEN */ /* (3) Umschalten vis-Edit light/dark Theme */ :root { /* Design-time light-Theme */ --content-background: #f8f8f8; --design-font-color: #000000; --design-hint-background: #0000ff; --design-hint-color: #ffffff; --design-grid: #8080ff; --frame-color:#cfcfcf; --frame-color-dark:#707070; --design-fontsize : 0.9em; /* Design-time dark-Theme */ /* FÃœR DAS DARK_THEME DIESE ZEILE LÖSCHEN --content-background: #303030; --design-font-color: #ffffff; --design-hint-background: #ff8000; --design-hint-color: #ffffff; --design-grid: #ffffff; --frame-color:#707070; --frame-color-dark:#707070; --design-fontsize : 0.9em; FÃœR DAS DARK_THEME DIESE ZEILE LÖSCHEN */ } /* ##### Start des MDUI-Contents ab hier nichts mehr ändern, nur am Ende eigene CSS Anweisungen anfügen */ /* ----- Variable ----- */ :root { --divider-color : rgba(0,0,0,0.05); --divider-color-dark: rgba(255,255,255,0.066); --hover-color : rgba(0,0,0,.1); --hover-color-dark: rgba(255,255,255,.2); --accent-color : #2196f3; --accent-color-033 : rgba(33,150,243,.33); --abar-background: #0069c0; --tnav-background: #0069c0; --bnav-background: #0069c0; --lnav-background: #0069c0; --rnav-background: #0069c0; --color1 : #ff0000; --color1-dark : #800000; --color2 : #00ff00; --color2-dark : #008000; --color3 : #0000ff; --color3-dark : #000080; } :root.mdui-runtime { --content-background: #f8f8f8; --design-font-color: #000000; --frame-color:#cfcfcf; } /* ----- Generell ----- */ .mdui-mdi, .material-icons, .mdui-icon { font-family: 'Material Icons'; font-style: normal !important; font-size: 1.5em; /* Preferred icon size */ display: inline-block; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } .mdui-mdi { font-family: "Material Design Icons"; } /* das box Modell für alle Elemente auf border-box setzen */ *, :before, :after { box-sizing: border-box; } :focus { outline-width: 0px; } :fullscreen { background-color: yellow; margin:16px !important; } .vis-view, .vis-view .ui-widget { font-family: Roboto, Arial; font-size: 16px !important; color:var(--design-font-color); } .vis_container_edit>.vis-view { background:#000000; color:var(--design-font-color); font-family: Roboto, Arial; font-size: 16px !important; } /* ----- Schrift ----- */ .mdui-font-bold { font-weight:bold !important; } .mdui-font-size-2em { font-size:2em !important; } .mdui-font-size-3em { font-size:3em !important; } /* ----- hides und shows ----- */ .mdui-runtime .mdui-hide { visibility:hidden !important; height:0 !important; opacity: 0 !important; transition:height 0.33s ease; } .mdui-runtime .mdui-hide-show { transition:height 0.33s ease; } /* auf touch-Geräten verstecken */ .mdui-runtime.mdui-touch .mdui-hide-touch { display:none; } /* auf notouch-Geräten verstecken */ .mdui-runtime.mdui-notouch .mdui-hide-notouch { display:none; } /* auf touch-Geräten anzeigen */ .mdui-runtime.mdui-notouch .mdui-show-touch { display:none; } /* auf notouch-Geräten verstecken */ .mdui-runtime.mdui-touch .mdui-show-notouch { display:none; } .mdui-toggle img { transition: transform 0.3s ease; } .mdui-toggle.ui-state-active img { transform: rotate(180deg); } /* Scrollbar: anderer Style (außer Firefox) */ .mdui-runtime.mdui-notouch ::-webkit-scrollbar { width: 0.5em; height: 0.5em; } .mdui-runtime.mdui-notouch ::-webkit-scrollbar-button { height:0px; } .mdui-runtime.mdui-notouch ::-webkit-scrollbar-track { background: transparent; border-radius:1em; } .mdui-runtime.mdui-notouch ::-webkit-scrollbar-track:hover { background: var(--divider-color); } .mdui-runtime.mdui-notouch .mdui-dark ::-webkit-scrollbar-track:hover { background: var(--divider-color-dark); } .mdui-runtime.mdui-notouch ::-webkit-scrollbar-thumb { background-color: var(--divider-color); border-radius: 1em; } .mdui-runtime.mdui-notouch .mdui-dark ::-webkit-scrollbar-thumb { background-color: var(--divider-color-dark); } .mdui-runtime.mdui-notouch ::-webkit-scrollbar-thumb:hover { background: var(--accent-color); } /* ----- zentrieren ----- */ .mdui-center-v { display:flex; align-items: center; } .mdui-center-v .vis-widget-body, .mdui-center-v .vis-widget-body * { display:flex !important; align-items: center; } .mdui-center-h { display:flex; justify-content: center; } .mdui-center-h .vis-widget-body, .mdui-center-h .vis-widget-body * { display:flex !important; justify-content: center; } .mdui-center { display:flex; align-items: center; justify-content: center; } .mdui-center .vis-widget-body, .mdui-center .vis-widget-body * { display:flex !important; align-items: center; justify-content: center; } /* ----- Rotationen ----- */ .mdui-rotate-000{ transform:rotate(0deg); transform-origin: center left; } .mdui-rotate-015{ transform:rotate(15deg); transform-origin: center left; } .mdui-rotate-030{ transform:rotate(30deg); transform-origin: center left;} .mdui-rotate-045{ transform:rotate(45deg); transform-origin: center left;} .mdui-rotate-060{ transform:rotate(60deg); transform-origin: center left;} .mdui-rotate-075{ transform:rotate(75deg); transform-origin: center left;} .mdui-rotate-090{ transform:rotate(90deg); transform-origin: center left;} .mdui-rotate-105{ transform:rotate(105deg); transform-origin: center left;} .mdui-rotate-120{ transform:rotate(120deg); transform-origin: center left;} .mdui-rotate-135{ transform:rotate(135deg); transform-origin: center left;} .mdui-rotate-150{ transform:rotate(150deg); transform-origin: center left;} .mdui-rotate-165{ transform:rotate(165deg); transform-origin: center left;} .mdui-rotate-180{ transform:rotate(180deg); transform-origin: center left;} .mdui-rotate-195{ transform:rotate(195deg); transform-origin: center left;} .mdui-rotate-210{ transform:rotate(210deg); transform-origin: center left;} .mdui-rotate-225{ transform:rotate(225deg); transform-origin: center left;} .mdui-rotate-240{ transform:rotate(240deg); transform-origin: center left;} .mdui-rotate-255{ transform:rotate(255deg); transform-origin: center left;} .mdui-rotate-270{ transform:rotate(270deg); transform-origin: center left;} .mdui-rotate-285{ transform:rotate(285deg); transform-origin: center left;} .mdui-rotate-300{ transform:rotate(300deg); transform-origin: center left;} .mdui-rotate-315{ transform:rotate(315deg); transform-origin: center left;} .mdui-rotate-330{ transform:rotate(330deg); transform-origin: center left;} .mdui-rotate-345{ transform:rotate(345deg); transform-origin: center left;} .mdui-rotate-360{ transform:rotate(360deg); transform-origin: center left;} /* Z-Achse */ .mdui-rotateZ-cw { animation:ani-rotateZ-cw 4s linear infinite; transform-origin: center center; } @keyframes ani-rotateZ-cw { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .mdui-rotateZ-ccw { animation:ani-rotateZ-ccw 4s linear infinite; transform-origin: center center; } @keyframes ani-rotateZ-ccw { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } } /* X-Achse */ .mdui-rotateX-cw { animation:ani-rotateX-cw 4s linear infinite; transform-origin: center center; } @keyframes ani-rotateX-cw { 100% { -webkit-transform: rotateX(360deg); transform:rotateX(360deg); } } .mdui-rotateX-ccw { animation:ani-rotateX-ccw 4s linear infinite; transform-origin: center center; } @keyframes ani-rotateX-ccw { 100% { -webkit-transform: rotateX(-360deg); transform:rotateX(-360deg); } } /* Y-Achse */ .mdui-rotateY-cw { animation:ani-rotateY-cw 4s linear infinite; transform-origin: center center; } @keyframes ani-rotateY-cw { 100% { -webkit-transform: rotateY(360deg); transform:rotateY(360deg); } } .mdui-rotateY-ccw { animation:ani-rotateY-ccw 4s linear infinite; transform-origin: center center; } @keyframes ani-rotateY-ccw { 100% { -webkit-transform: rotateY(-360deg); transform:rotateY(-360deg); } } .mdui-rotateX-cw.mdui-slowest, .mdui-rotateX-ccw.mdui-slowest, .mdui-rotateY-cw.mdui-slowest, .mdui-rotateY-ccw.mdui-slowest, .mdui-rotateZ-cw.mdui-slowest, .mdui-rotateZ-ccw.mdui-slowest{ animation-duration:12s; } .mdui-rotateX-cw.mdui-slower, .mdui-rotateX-ccw.mdui-slower, .mdui-rotateY-cw.mdui-slower, .mdui-rotateY-ccw.mdui-slower, .mdui-rotateZ-cw.mdui-slower, .mdui-rotateZ-ccw.mdui-slower{ animation-duration:9s; } .mdui-rotateX-cw.mdui-slow, .mdui-rotateX-ccw.mdui-slow, .mdui-rotateY-cw.mdui-slow, .mdui-rotateY-ccw.mdui-slow, .mdui-rotateZ-cw.mdui-slow, .mdui-rotateZ-ccw.mdui-slow{ animation-duration:6s; } .mdui-rotateX-cw.mdui-normal, .mdui-rotateX-ccw.mdui-normal, .mdui-rotateY-cw.mdui-normal, .mdui-rotateY-ccw.mdui-normal, .mdui-rotateZ-cw.mdui-normal, .mdui-rotateZ-ccw.mdui-normal{ animation-duration:4s; } .mdui-rotateX-cw.mdui-fast, .mdui-rotateX-ccw.mdui-fast, .mdui-rotateY-cw.mdui-fast, .mdui-rotateY-ccw.mdui-fast, .mdui-rotateZ-cw.mdui-fast, .mdui-rotateZ-ccw.mdui-fast{ animation-duration:2.666s; } .mdui-rotateX-cw.mdui-faster, .mdui-rotateX-ccw.mdui-faster, .mdui-rotateY-cw.mdui-faster, .mdui-rotateY-ccw.mdui-faster, .mdui-rotateZ-cw.mdui-faster, .mdui-rotateZ-ccw.mdui-faster{ animation-duration:1.777s; } .mdui-rotateX-cw.mdui-fastest, .mdui-rotateX-ccw.mdui-fastest, .mdui-rotateY-cw.mdui-fastest, .mdui-rotateY-ccw.mdui-fastest, .mdui-rotateZ-cw.mdui-fastest, .mdui-rotateZ-ccw.mdui-fastest{ animation-duration:1.185s; } /* ----- Skalierungen ----- */ .mdui-scale-010 { transform: scale(0.1); transform-origin: 0% 0%; } .mdui-scale-020 { transform: scale(0.2); transform-origin: 0% 0%; } .mdui-scale-025 { transform: scale(0.25); transform-origin: 0% 0%; } .mdui-scale-030 { transform: scale(0.30); transform-origin: 0% 0%; } .mdui-scale-033 { transform: scale(0.33); transform-origin: 0% 0%; } .mdui-scale-040 { transform: scale(0.40); transform-origin: 0% 0%; } .mdui-scale-050 { transform: scale(0.5); transform-origin: 0% 0%; } .mdui-scale-060 { transform: scale(0.6); transform-origin: 0% 0%; } .mdui-scale-066 { transform: scale(0.66); transform-origin: 0% 0%; } .mdui-scale-070 { transform: scale(0.7); transform-origin: 0% 0%; } .mdui-scale-075 { transform: scale(0.75); transform-origin: 0% 0%; } .mdui-scale-080 { transform: scale(0.8); transform-origin: 0% 0%; } .mdui-scale-090 { transform: scale(0.9); transform-origin: 0% 0%; } /* ----- Shapes ----- */ .mdui-shape-circle { clip-path: circle(50% at 50% 50%); -webkit-clip-path: circle(50% at 50% 50%); } .mdui-shape-semicircle { clip-path: circle(50% at 0% 50%); -webkit-clip-path: circle(50% at 0% 50%); } .mdui-shape-quadrant { clip-path: circle(50% at 0% 0%); -webkit-clip-path: circle(50% at 0% 0%); } .mdui-shape-triangle { clip-path: polygon(0% 0%, 100% 50%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%); } .mdui-shape-corner { clip-path: polygon(0% 0%, 100% 0%, 100% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%); } .mdui-shape-arrow08 { clip-path: polygon(0% calc(50% - 4px), calc(100% - 12px) calc(50% - 4px), calc(100% - 12px) 0%, 100% 50%, calc(100% - 12px) 100%, calc(100% - 12px) calc(50% + 4px), 0% calc(50% + 4px)); -webkit-clip-path: polygon(0% calc(50% - 4px), calc(100% - 12px) calc(50% - 4px), calc(100% - 12px) 0%, 100% 50%, calc(100% - 12px) 100%, calc(100% - 12px) calc(50% + 4px), 0% calc(50% + 4px)); } .mdui-shape-arrow16 { clip-path: polygon(0% calc(50% - 8px), calc(100% - 24px) calc(50% - 8px), calc(100% - 24px) 0%, 100% 50%, calc(100% - 24px) 100%, calc(100% - 24px) calc(50% + 8px), 0% calc(50% + 8px)); -webkit-clip-path: polygon(0% calc(50% - 8px), calc(100% - 24px) calc(50% - 8px), calc(100% - 24px) 0%, 100% 50%, calc(100% - 24px) 100%, calc(100% - 24px) calc(50% + 8px), 0% calc(50% + 8px)); } .mdui-shape-arrow08[class*="mdui-rotate-"], .mdui-shape-arrow16[class*="mdui-rotate-"], .mdui-shape-semicircle[class*="mdui-rotate-"], .mdui-shape-quadrant[class*="mdui-rotate-"], .mdui-shape-triangle[class*="mdui-rotate-"], .mdui-shape-corner[class*="mdui-rotate-"] { transform-origin: center center;} /* ----- ripple effect ----- */ .mdui-runtime .mdui-button .vis-widget-body:before, .mdui-runtime .mdui-ripple .vis-widget-body:before, .mdui-runtime .mdui-button-outlined .vis-widget-body:before, .mdui-runtime .mdui-button-raised .vis-widget-body:before, .mdui-runtime .mdui-menuitem .vis-widget-body:before, .mdui-runtime .mdui-navitem .vis-widget-body:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle, #fff 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10); opacity: 0; transition: transform .5s, opacity 1s; } .mdui-button .vis-widget-body:active:before, .mdui-ripple .vis-widget-body:active:before, .mdui-button-outlined .vis-widget-body:active:before, .mdui-button-raised .vis-widget-body:active:before, .mdui-menuitem .vis-widget-body:active:before, .mdui-navitem .vis-widget-body:active:before { transform: scale(0, 0); opacity: .33; transition: 0s; } /* ----- hover effect ----- */ .mdui-notouch :not(.mdui-dark) .mdui-switch:hover, .mdui-notouch :not(.mdui-dark) .mdui-select:hover, .mdui-notouch :not(.mdui-dark) .mdui-input:not(:focus):hover, .mdui-notouch :not(.mdui-dark) .mdui-chips label:hover, .mdui-notouch :not(.mdui-dark) .mdui-chips-outlined label:hover, .mdui-notouch :not(.mdui-dark) .mdui-radio *[id*="_radio"] label:hover, .mdui-notouch :not(.mdui-dark) .mdui-listitem[onclick]:hover, .mdui-notouch :not(.mdui-dark) .mdui-listitem[class*='mdui-click']:hover, .mdui-notouch :not(.mdui-dark) .mdui-button:hover, .mdui-notouch :not(.mdui-dark) .mdui-ripple:hover, .mdui-notouch :not(.mdui-dark) .mdui-button-outlined:hover, .mdui-notouch :not(.mdui-dark) .mdui-button-raised:hover, .mdui-notouch :not(.mdui-dark) .ui-dialog-buttonpane button:hover, .mdui-notouch :not(.mdui-dark) .mdui-menuitem:hover, .mdui-notouch :not(.mdui-dark) .mdui-navitem:hover { background-blend-mode:multiply; background-image: linear-gradient(var(--hover-color),var(--hover-color)) !important; } .mdui-notouch .mdui-dark .mdui-switch:hover, .mdui-notouch .mdui-dark .mdui-select:hover, .mdui-notouch .mdui-dark .mdui-input:not(:focus):hover, .mdui-notouch .mdui-dark .mdui-chips label:hover, .mdui-notouch .mdui-dark .mdui-chips-outlined label:hover, .mdui-notouch .mdui-dark .mdui-radio *[id*="_radio"] label:hover, .mdui-notouch .mdui-dark .mdui-listitem[onclick]:hover, .mdui-notouch .mdui-dark .mdui-listitem[class*='mdui-click']:hover, .mdui-notouch .mdui-dark .mdui-button:hover, .mdui-notouch .mdui-dark .mdui-ripple:hover, .mdui-notouch .mdui-dark .mdui-button-outlined:hover, .mdui-notouch .mdui-dark .mdui-button-raised:hover, .mdui-notouch .mdui-dark .ui-dialog-buttonpane button:hover, .mdui-notouch .mdui-dark .mdui-menuitem:hover, .mdui-notouch .mdui-dark .mdui-navitem:hover { background-blend-mode:multiply; background-image: linear-gradient(var(--hover-color-dark),var(--hover-color-dark)) !important; } /* Wetter meteoblue in dark */ .mdui-dark .vis-widget-body iframe[src*="meteoblue"], .mdui-dark .vis-widget-body iframe[src*="meteoblue"] #document, .mdui-dark .vis-widget-body iframe[src*="meteoblue"] html, .mdui-dark .vis-widget-body iframe[src*="meteoblue"] .header { color : #ff0000 !important; } /* ----- Grid 80er Raster ----- */ [class*="mdui-cols-1"] {min-width:80px; max-width:80px;} [class*="mdui-cols-2"] {min-width:160px; max-width:160px;} [class*="mdui-cols-3"] {min-width:240px; max-width:240px;} [class*="mdui-cols-4"] {min-width:320px; max-width:320px;} [class*="mdui-cols-5"] {min-width:400px; max-width:400px;} [class*="mdui-cols-6"] {min-width:480px; max-width:480px;} [class*="mdui-cols-7"] {min-width:560px; max-width:560px;} [class*="mdui-cols-8"] {min-width:640px; max-width:640px;} [class*="mdui-cols-9"] {min-width:720px; max-width:720px;} [class*="mdui-cols-10"] {min-width:800px; max-width:800px;} [class*="mdui-cols-11"] {min-width:880px; max-width:880px;} [class*="mdui-cols-12"] {min-width:960px; max-width:960px;} [class*="mdui-cols-13"] {min-width:1040px; max-width:1040px;} [class*="mdui-cols-14"] {min-width:1120px; max-width:1120px;} [class*="mdui-cols-15"] {min-width:1200px; max-width:1200px;} [class*="mdui-cols-16"] {min-width:1280px; max-width:1280px;} [class*="mdui-cols-17"] {min-width:1360px; max-width:1360px;} [class*="mdui-cols-18"] {min-width:1440px; max-width:1440px;} [class*="mdui-cols-19"] {min-width:1520px; max-width:1520px;} [class*="mdui-cols-20"] {min-width:1600px; max-width:1600px;} [class*="mdui-cols-21"] {min-width:1680px; max-width:1680px;} [class*="mdui-cols-22"] {min-width:1760px; max-width:1760px;} [class*="mdui-cols-23"] {min-width:1840px; max-width:1840px;} [class*="mdui-cols-24"] {min-width:1920px; max-width:1920px;} [class*="-toc-1"] {max-width:80px;} [class*="-toc-2"] {max-width:160px;} [class*="-toc-3"] {max-width:240px;} [class*="-toc-4"] {max-width:320px;} [class*="-toc-5"] {max-width:400px;} [class*="-toc-6"] {max-width:480px;} [class*="-toc-7"] {max-width:560px;} [class*="-toc-8"] {max-width:640px;} [class*="-toc-9"] {max-width:720px;} [class*="-toc-10"] {max-width:800px;} [class*="-toc-11"] {max-width:880px;} [class*="-toc-12"] {max-width:960px;} [class*="-toc-13"] {max-width:1040px;} [class*="-toc-14"] {max-width:1120px;} [class*="-toc-15"] {max-width:1200px;} [class*="-toc-16"] {max-width:1280px;} [class*="-toc-17"] {max-width:1360px;} [class*="-toc-18"] {max-width:1440px;} [class*="-toc-19"] {max-width:1520px;} [class*="-toc-20"] {max-width:1600px;} [class*="-toc-21"] {max-width:1680px;} [class*="-toc-22"] {max-width:1760px;} [class*="-toc-23"] {max-width:1840px;} [class*="-toc-24"] {max-width:1920px;} [class*="mdui-rows-1"] {min-height:80px; max-height:88px;} [class*="mdui-rows-2"] {min-height:160px; max-height:176px;} [class*="mdui-rows-3"] {min-height:240px; max-height:264px;} [class*="mdui-rows-4"] {min-height:320px; max-height:352px;} [class*="mdui-rows-5"] {min-height:400px; max-height:440px;} [class*="mdui-rows-6"] {min-height:480px; max-height:528px;} [class*="mdui-rows-7"] {min-height:560px; max-height:616px;} [class*="mdui-rows-8"] {min-height:640px; max-height:704px;} [class*="mdui-rows-9"] {min-height:720px; max-height:792px;} [class*="mdui-rows-10"] {min-height:800px; max-height:880px;} [class*="mdui-rows-11"] {min-height:880px; max-height:968px;} [class*="mdui-rows-12"] {min-height:960px; max-height:1054px;} [class*="mdui-rows-13"] {min-height:1040px; max-height:1144px;} [class*="mdui-rows-14"] {min-height:1120px; max-height:1232px;} [class*="mdui-rows-15"] {min-height:1200px; max-height:1320px;} [class*="mdui-rows-16"] {min-height:1280px; max-height:1408px;} [class*="mdui-rows-17"] {min-height:1360px; max-height:1496px;} [class*="mdui-rows-18"] {min-height:1440px; max-height:1584px;} [class*="mdui-rows-19"] {min-height:1520px; max-height:1672px;} [class*="mdui-rows-20"] {min-height:1600px; max-height:1760px;} [class*="mdui-rows-21"] {min-height:1680px; max-height:1848px;} [class*="mdui-rows-22"] {min-height:1760px; max-height:1936px;} [class*="mdui-rows-23"] {min-height:1840px; max-height:2024px;} [class*="mdui-rows-24"] {min-height:1920px; max-height:2112px;} [class*="-tor-1"] {max-height:80px;} [class*="-tor-2"] {max-height:160px;} [class*="-tor-3"] {max-height:240px;} [class*="-tor-4"] {max-height:320px;} [class*="-tor-5"] {max-height:400px;} [class*="-tor-6"] {max-height:480px;} [class*="-tor-7"] {max-height:560px;} [class*="-tor-8"] {max-height:640px;} [class*="-tor-9"] {max-height:720px;} [class*="-tor-10"] {max-height:800px;} [class*="-tor-11"] {max-height:880px;} [class*="-tor-12"] {max-height:960px;} [class*="-tor-13"] {max-height:1040px;} [class*="-tor-14"] {max-height:1120px;} [class*="-tor-15"] {max-height:1200px;} [class*="-tor-16"] {max-height:1280px;} [class*="-tor-17"] {max-height:1360px;} [class*="-tor-18"] {max-height:1440px;} [class*="-tor-19"] {max-height:1520px;} [class*="-tor-20"] {max-height:1600px;} [class*="-tor-21"] {max-height:1680px;} [class*="-tor-22"] {max-height:1760px;} [class*="-tor-23"] {max-height:1840px;} [class*="-tor-24"] {max-height:1920px;} /* ----- tooltip ----- */ .mdui-runtime .mdui-tooltip { position: fixed; text-decoration: none; background: var(--accent-color); color: #121212; overflow:visible; border-radius:0.5em; padding:0.5em; display : flex; align-items : center; justify-content : center; text-align:center; z-index: 2147483647; border: 1px solid #121212; } /* ----- application bar ----- */ .mdui-abar { background: var(--abar-background) !important; z-index:99; border:none !important; transition: left 0.25s ease; } .vis_container_edit .mdui-dark.mdui-abar { background:#000000 !important; } .mdui-abar .vis-view{ background:none !important; } .mdui-lnav-fixed-open .mdui-abar { left: 256px !important; width: calc(100% - 256px) !important; } /* ----- top navigation ----- */ .mdui-tnav { background: var(--tnav-background) !important; border:none !important; z-index:98; border-bottom: 1px solid rgba(0,0,0,0.2) !important; overflow-y:hidden !important; overflow-x:auto !important; transition: left 0.25s ease; } .mdui-dark.mdui-tnav { border-bottom: 1px solid rgba(255,255,255,0.2) !important; } .vis_container_edit .mdui-dark.mdui-tnav { background:#000000 !important; } .mdui-tnav .vis-view { background:none !important; } .mdui-lnav-fixed-open .mdui-tnav { left: 256px !important; width: calc(100% - 256px) !important; } /* ----- content ----- */ .mdui-content { background:var(--content-background) !important; overflow-y:auto !important; overflow-x:auto !important; transition: left 0.25s ease; } .vis_container_edit .mdui-dark.mdui-content { background:#121212 !important; } .mdui-lnav-fixed-open .mdui-content { left: 256px !important; width: calc(100% - 256px) !important; } /* ----- flex ----- */ .mdui-flex>.vis-widget-body>.vis-view-container>.vis-view, .mdui-flex>.vis-view-container>.vis-view { display: flex; flex-wrap: wrap; flex-direction: row; align-items : flex-start; justify-content : flex-start; justify-content : flex-start; align-content: flex-start; } .mdui-flex.mdui-tnav>.vis-widget-body>.vis-view-container>.vis-view, .mdui-flex.mdui-tnav>.vis-view-container>.vis-view, .mdui-flex.mdui-bnav>.vis-widget-body>.vis-view-container>.vis-view, .mdui-flex.mdui-bnav>.vis-view-container>.vis-view { flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; } .mdui-flex-justify-content_flex-start>.vis-widget-body>.vis-view-container>.vis-view, .mdui-flex-justify-content_flex-start>.vis-view-container>.vis-view { justify-content : flex-start; } .mdui-flex-justify-content_center>.vis-widget-body>.vis-view-container>.vis-view, .mdui-flex-justify-content_center>.vis-view-container>.vis-view { justify-content : center; } .mdui-flex-justify-content_space-evenly>.vis-widget-body>.vis-view-container>.vis-view, .mdui-flex-justify-content_space-evenly>.vis-view-container>.vis-view { justify-content : space-evenly; } /* .mdui-flex-stretch>.vis-view-container { height:auto !important; } */ .mdui-flex-stretch>.vis-view-container>.vis-view { align-content: stretch; } .mdui-flex.mdui-flex-column>.vis-view-container>.vis-view { flex-direction: column; } /* ist es ein flex-item, muss wieder in den normalen Verlauf rein */ .mdui-flex>.vis-widget-body>.vis-view-container>.vis-view>div:not(.mdui-noflex), .mdui-flex>.vis-view-container>.vis-view>div:not(.mdui-noflex) { position: relative !important; position: -webkit-relative !important; top:auto !important; left:auto !important; align-self: flex-start; flex: 0 0 auto; } .mdui-flex>.vis-widget-body>.vis-view-container>.vis-view>div:not(.mdui-noflex)[class*="mdui-rows-"][class*="-tor-"], .mdui-flex>.vis-view-container>.vis-view>div:not(.mdui-noflex)[class*="mdui-rows-"][class*="-tor-"] { align-self: stretch; } .mdui-flex>.vis-widget-body>.vis-view-container>.vis-view>div:not(.mdui-noflex)[class*="mdui-cols-"][class*="-toc-"], .mdui-flex>.vis-view-container>.vis-view>div:not(.mdui-noflex)[class*="mdui-cols-"][class*="-toc-"] { flex-grow:1; } .mdui-flex .mdui-cols-break { flex-basis:100%; height: 0px !important; width: 0px !important; margin:0px !important; padding:0px !important; } .mdui-order-1{order:1;}.mdui-order-2{order:2;}.mdui-order-3{order:3;} .mdui-order-4{order:4;}.mdui-order-5{order:5;}.mdui-order-6{order:6;} .mdui-order-7{order:7;}.mdui-order-8{order:8;}.mdui-order-9{order:9;} .mdui-order-10{order:10;} .mdui-order-11{order:11;}.mdui-order-12{order:12;}.mdui-order-13{order:13;} .mdui-order-14{order:14;}.mdui-order-15{order:15;}.mdui-order-16{order:16;} .mdui-order-17{order:17;}.mdui-order-18{order:18;}.mdui-order-19{order:19;} .mdui-order-20{order:20;} .mdui-order-21{order:21;}.mdui-order-22{order:22;}.mdui-order-23{order:23;} .mdui-order-24{order:24;}.mdui-order-25{order:25;}.mdui-order-26{order:26;} .mdui-order-27{order:27;}.mdui-order-28{order:28;}.mdui-order-29{order:29;} .mdui-order-30{order:30;} .mdui-order-31{order:31;}.mdui-order-32{order:32;}.mdui-order-33{order:33;} .mdui-order-34{order:34;}.mdui-order-35{order:35;}.mdui-order-36{order:36;} .mdui-order-37{order:37;}.mdui-order-38{order:38;}.mdui-order-39{order:39;} .mdui-order-40{order:40;} .mdui-order-41{order:41;}.mdui-order-42{order:42;}.mdui-order-43{order:43;} .mdui-order-44{order:44;}.mdui-order-45{order:45;}.mdui-order-46{order:46;} .mdui-order-47{order:47;}.mdui-order-48{order:48;}.mdui-order-49{order:49;} .mdui-order-50{order:50;} .mdui-order-51{order:51;}.mdui-order-52{order:52;}.mdui-order-53{order:53;} .mdui-order-54{order:54;}.mdui-order-55{order:55;}.mdui-order-56{order:56;} .mdui-order-57{order:57;}.mdui-order-58{order:58;}.mdui-order-59{order:59;} .mdui-order-60{order:60;} .mdui-order-61{order:61;}.mdui-order-62{order:62;}.mdui-order-63{order:63;} .mdui-order-64{order:64;}.mdui-order-65{order:65;}.mdui-order-66{order:66;} .mdui-order-67{order:67;}.mdui-order-68{order:68;}.mdui-order-69{order:69;} .mdui-order-70{order:70;} .mdui-order-71{order:71;}.mdui-order-72{order:72;}.mdui-order-73{order:73;} .mdui-order-74{order:74;}.mdui-order-75{order:75;}.mdui-order-76{order:76;} .mdui-order-77{order:77;}.mdui-order-78{order:78;}.mdui-order-79{order:79;} .mdui-order-80{order:80;} .mdui-order-81{order:81;}.mdui-order-82{order:82;}.mdui-order-83{order:83;} .mdui-order-84{order:84;}.mdui-order-85{order:85;}.mdui-order-86{order:86;} .mdui-order-87{order:87;}.mdui-order-88{order:88;}.mdui-order-89{order:89;} .mdui-order-90{order:90;} .mdui-order-91{order:91;}.mdui-order-92{order:92;}.mdui-order-93{order:93;} .mdui-order-94{order:94;}.mdui-order-95{order:95;}.mdui-order-96{order:96;} .mdui-order-97{order:97;}.mdui-order-98{order:98;}.mdui-order-99{order:99;} /* ----- bottom navigation ----- */ .mdui-bnav { background:var(--bnav-background) !important; z-index:98; border:none; box-shadow:0px -2px 4px -1px rgba(0,0,0,0.45); transition: left 0.25s ease; } .mdui-dark.mdui-bnav { box-shadow: 0px -1px 1px -1px rgba(255,255,255,0.92) inset, 0px -2px 4px -1px rgba(0,0,0,0.8); } .mdui-bnav .vis-view { background:none !important; } .vis_container_edit .mdui-dark.mdui-bnav { background:#000000 !important; } .mdui-lnav-fixed-open .mdui-bnav { left: 256px !important; width: calc(100% - 256px) !important; } /* ----- left navigation ----- */ .mdui-lnav { background: var(--content-background) !important; transition: width 0.25s ease; } .mdui-runtime .mdui-lnav { position: absolute !important; top: 0px !important; left: 0px !important; width: 0px !important; height: 100% !important; background: var(--lnav-background) !important; border:none !important; z-index:200; overflow-x:hidden; overflow-y:auto; box-shadow: 0 10px 20px rgba(0,0,0,0.39), 0 6px 6px rgba(0,0,0,0.43); } .mdui-runtime .mdui-lnav-open { width: 256px !important; } /* zum Abfangen der click-Events zum Schließen den ganzen Bildschirm transparent überlagern */ .mdui-runtime .mdui-lnav-open:before { position:fixed; content:""; left:256px; top:0px; height:100%; width:100%; background: rgba(0,0,0,0.01) !important; z-index:199; } .mdui-runtime .mdui-lnav-fixed-open .mdui-lnav { width: 256px !important; border-right: 1px solid rgba(0,0,0,0.2) !important; box-shadow:none; } .mdui-runtime .mdui-lnav-fixed-open .mdui-lnav.mdui-dark { border-right: 1px solid rgba(255,255,255,.2) !important; } .mdui-runtime .mdui-lnav-fixed-open .mdui-lnav-fixed-open-hide { display: none !important; } /* ----- right navigation ----- */ .mdui-rnav { background: var(--content-background) !important; } .mdui-runtime .mdui-rnav { position: absolute !important; top: 0 !important; left: 100% !important; width: 0 !important; height: 100% !important; background: var(--rnav-background) !important; border:none !important; z-index:200; box-shadow: 0 10px 20px rgba(0,0,0,0.39), 0 6px 6px rgba(0,0,0,0.43); overflow-x:hidden; overflow-y:auto; } .mdui-runtime .mdui-rnav.mdui-rnav-open { transition: all 0.25s ease; width: 256px !important; left: calc(100% - 256px) !important; } /* zum Abfangen der click-Events zum Schließen den ganzen Bildschirm transparent überlagern */ .mdui-runtime .mdui-rnav.mdui-rnav-open:before { position:fixed; content:""; left:0px; top:0px; height:100%; width:calc(100% - 256px); background: rgba(0,0,0,0.01) !important; z-index:199; } /* ----- Card title ----- */ [class*="mdui-card"].mdui-title:after { content:""; position:absolute; margin:0px !important; pointer-events: none; background: rgba(0,0,0,.1); left:2px; top:2px; width:calc(100% - 4px); height:60px; border-radius:0px; z-index:-1; } .mdui-dark [class*="mdui-card"].mdui-title:after { background: rgba(255,255,255,.2); } /* background für card title */ [class*="mdui-card"].mdui-title-transparent-bg:after { background:transparent; } [class*="mdui-card"].mdui-title-black10-bg:after { background:rgba(0,0,0,0.1); } [class*="mdui-card"].mdui-title-black20-bg:after { background:rgba(0,0,0,0.2); } [class*="mdui-card"].mdui-title-black30-bg:after { background:rgba(0,0,0,0.3); } [class*="mdui-card"].mdui-title-black40-bg:after { background:rgba(0,0,0,0.4); } [class*="mdui-card"].mdui-title-black50-bg:after { background:rgba(0,0,0,0.5); } [class*="mdui-card"].mdui-title-black60-bg:after { background:rgba(0,0,0,0.6); } [class*="mdui-card"].mdui-title-black70-bg:after { background:rgba(0,0,0,0.7); } [class*="mdui-card"].mdui-title-black80-bg:after { background:rgba(0,0,0,0.8); } [class*="mdui-card"].mdui-title-black90-bg:after { background:rgba(0,0,0,0.9); } [class*="mdui-card"].mdui-title-white10-bg:after { background:rgba(255,255,255,0.1); } [class*="mdui-card"].mdui-title-white20-bg:after { background:rgba(255,255,255,0.2); } [class*="mdui-card"].mdui-title-white30-bg:after { background:rgba(255,255,255,0.3); } [class*="mdui-card"].mdui-title-white40-bg:after { background:rgba(255,255,255,0.4); } [class*="mdui-card"].mdui-title-white50-bg:after { background:rgba(255,255,255,0.5); } [class*="mdui-card"].mdui-title-white60-bg:after { background:rgba(255,255,255,0.6); } [class*="mdui-card"].mdui-title-white70-bg:after { background:rgba(255,255,255,0.7); } [class*="mdui-card"].mdui-title-white80-bg:after { background:rgba(255,255,255,0.8); } [class*="mdui-card"].mdui-title-white90-bg:after { background:rgba(255,255,255,0.9); } [class*="mdui-card"].mdui-title-red-bg:after { background:#ffcdd2;} [class*="mdui-card"].mdui-title-pink-bg:after { background:#f8bbd0;} [class*="mdui-card"].mdui-title-purple-bg:after { background:#e1bee7;} [class*="mdui-card"].mdui-title-deeppurple-bg:after { background:#d1c4e9;} [class*="mdui-card"].mdui-title-indigo-bg:after { background:#c5cae9;} [class*="mdui-card"].mdui-title-blue-bg:after { background:#bbdefb;} [class*="mdui-card"].mdui-title-lightblue-bg:after { background:#b3e5fc;} [class*="mdui-card"].mdui-title-cyan-bg:after { background:#b2ebf2;} [class*="mdui-card"].mdui-title-teal-bg:after { background:#b2dfdb;} [class*="mdui-card"].mdui-title-green-bg:after { background:#c8e6c9;} [class*="mdui-card"].mdui-title-lightgreen-bg:after { background:#dcedc8;} [class*="mdui-card"].mdui-title-lime-bg:after { background:#f0f4c3;} [class*="mdui-card"].mdui-title-yellow-bg:after { background:#fff9c4;} [class*="mdui-card"].mdui-title-amber-bg:after { background:#ffecb3;} [class*="mdui-card"].mdui-title-orange-bg:after { background:#ffe0b2;} [class*="mdui-card"].mdui-title-deeporange-bg:after { background:#ffccbc;} [class*="mdui-card"].mdui-title-brown-bg:after { background:#d7ccc8;} [class*="mdui-card"].mdui-title-grey-bg:after { background:#f5f5f5;} [class*="mdui-card"].mdui-title-darkgrey-bg:after { background:#e5e5e5;} [class*="mdui-card"].mdui-title-bluegrey-bg:after { background:#eceff1;} [class*="mdui-card"].mdui-title-white-bg:after { background:#ffffff;} [class*="mdui-card"].mdui-title-black-bg:after { background:#a0a0a0;} .mdui-dark [class*="mdui-card"].mdui-title-red-bg:after { background:#f44336; } .mdui-dark [class*="mdui-card"].mdui-title-pink-bg:after { background:#e91e63; } .mdui-dark [class*="mdui-card"].mdui-title-purple-bg:after { background:#9c27b0; } .mdui-dark [class*="mdui-card"].mdui-title-deeppurple-bg:after { background:#673ab7; } .mdui-dark [class*="mdui-card"].mdui-title-indigo-bg:after { background:#3f51b5; } .mdui-dark [class*="mdui-card"].mdui-title-blue-bg:after { background:#2196f3; } .mdui-dark [class*="mdui-card"].mdui-title-lightblue-bg:after { background:#03a9f4; } .mdui-dark [class*="mdui-card"].mdui-title-cyan-bg:after { background:#00bcd4; } .mdui-dark [class*="mdui-card"].mdui-title-teal-bg:after { background:#009688; } .mdui-dark [class*="mdui-card"].mdui-title-green-bg:after { background:#4caf50; } .mdui-dark [class*="mdui-card"].mdui-title-lightgreen-bg:after { background:#8bc34a; } .mdui-dark [class*="mdui-card"].mdui-title-lime-bg:after { background:#cddc39; } .mdui-dark [class*="mdui-card"].mdui-title-yellow-bg:after { background:#ffeb3b; } .mdui-dark [class*="mdui-card"].mdui-title-amber-bg:after { background:#ffc107; } .mdui-dark [class*="mdui-card"].mdui-title-orange-bg:after { background:#ff9800; } .mdui-dark [class*="mdui-card"].mdui-title-deeporange-bg:after { background:#ff5722; } .mdui-dark [class*="mdui-card"].mdui-title-brown-bg:after { background:#795548; } .mdui-dark [class*="mdui-card"].mdui-title-grey-bg:after { background:#9e9e9e; } .mdui-dark [class*="mdui-card"].mdui-title-darkgrey-bg:after { background:#303030; } .mdui-dark [class*="mdui-card"].mdui-title-bluegrey-bg:after { background:#607d8b; } .mdui-dark [class*="mdui-card"].mdui-title-white-bg:after { background:#f8f8f8; } .mdui-dark [class*="mdui-card"].mdui-title-black-bg:after { background:#212121; } /* ----- Cards ----- */ .mdui-card { z-index:1; /* muss, damit :after mit z_index:-1 geht */ } .mdui-card:before { content:""; position:absolute; left:2px; top:2px; width:calc(100% - 4px); height:calc(100% - 4px); background: transparent; border: none !important; pointer-events: none; z-index: -1; } .mdui-dark .mdui-card:before { color:#ffffff; } /* ----- Cards raised ----- */ .mdui-card-raised { z-index:1; /* muss, damit :before mit z_index:-1 geht */ } .mdui-card-raised:before { content:""; position:absolute; left:8px; top:8px; width:calc(100% - 16px); height:calc(100% - 16px); margin:0px !important; background: rgba(255,255,255,0.2); border-radius:4px; pointer-events: none; box-shadow: 0 0 0 1px rgba(255,255,255,0.025) inset, 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); z-index: -1; } .mdui-dark .mdui-card-raised:before { color: #ffffff; background-color: rgba(255,255,255,0.12); box-shadow: none; } .mdui-card-raised[class*="mdui-title"]:after { left:8px; top:8px; width:calc(100% - 16px); height:52px; border-radius:4px 4px 0px 0px; box-shadow: 0 0 0 1px rgba(255,255,255,0.025) inset; } /* ----- Cards outlined ----- */ .mdui-card-outlined { z-index:1; /* muss, damit :before mit z_index:-1 geht */ } .mdui-card-outlined:before { content:""; position:absolute; left:8px; top:8px; width:calc(100% - 16px); height:calc(100% - 16px); margin:0px !important; background: rgba(255,255,255,0.2); border: 1px solid rgba(0,0,0,.2) !important; border-radius:4px; pointer-events: none; z-index: -1; } .mdui-dark .mdui-card-outlined:before { color:#ffffff; background-color: rgba(0,0,0,0.12); border-color: rgba(255,255,255,.33) !important; } .mdui-card-outlined[class*="mdui-title"]:after { left:9px; top:9px; width:calc(100% - 18px); height:51px; border-radius:4px 4px 0px 0px; } /* background für cards */ [class*="mdui-card"][class*="-bg"], .mdui-dark [class*="mdui-card"][class*="-bg"] { background-color:transparent !important; } [class*="mdui-card"].mdui-transparent-bg:before { background-color:transparent !important; } [class*="mdui-card"].mdui-black10-bg:before { background-color:rgba(0,0,0,0.1) !important; } [class*="mdui-card"].mdui-black20-bg:before { background-color:rgba(0,0,0,0.2) !important; } [class*="mdui-card"].mdui-black30-bg:before { background-color:rgba(0,0,0,0.3) !important; } [class*="mdui-card"].mdui-black40-bg:before { background-color:rgba(0,0,0,0.4) !important; } [class*="mdui-card"].mdui-black50-bg:before { background-color:rgba(0,0,0,0.5) !important; } [class*="mdui-card"].mdui-black60-bg:before { background-color:rgba(0,0,0,0.6) !important; } [class*="mdui-card"].mdui-black70-bg:before { background-color:rgba(0,0,0,0.7) !important; } [class*="mdui-card"].mdui-black80-bg:before { background-color:rgba(0,0,0,0.8) !important; } [class*="mdui-card"].mdui-black90-bg:before { background-color:rgba(0,0,0,0.9) !important; } [class*="mdui-card"].mdui-white10-bg:before { background-color:rgba(255,255,255,0.1) !important; } [class*="mdui-card"].mdui-white20-bg:before { background-color:rgba(255,255,255,0.2) !important; } [class*="mdui-card"].mdui-white30-bg:before { background-color:rgba(255,255,255,0.3) !important; } [class*="mdui-card"].mdui-white40-bg:before { background-color:rgba(255,255,255,0.4) !important; } [class*="mdui-card"].mdui-white50-bg:before { background-color:rgba(255,255,255,0.5) !important; } [class*="mdui-card"].mdui-white60-bg:before { background-color:rgba(255,255,255,0.6) !important; } [class*="mdui-card"].mdui-white70-bg:before { background-color:rgba(255,255,255,0.7) !important; } [class*="mdui-card"].mdui-white80-bg:before { background-color:rgba(255,255,255,0.8) !important; } [class*="mdui-card"].mdui-white90-bg:before { background-color:rgba(255,255,255,0.9) !important; } [class*="mdui-card"].mdui-red-bg:before { background-color:#ffcdd2 !important;} [class*="mdui-card"].mdui-pink-bg:before { background-color:#f8bbd0 !important;} [class*="mdui-card"].mdui-purple-bg:before { background-color:#e1bee7 !important;} [class*="mdui-card"].mdui-deeppurple-bg:before { background-color:#d1c4e9 !important;} [class*="mdui-card"].mdui-indigo-bg:before { background-color:#c5cae9 !important;} [class*="mdui-card"].mdui-blue-bg:before { background-color:#bbdefb !important;} [class*="mdui-card"].mdui-lightblue-bg:before { background-color:#b3e5fc !important;} [class*="mdui-card"].mdui-cyan-bg:before { background-color:#b2ebf2 !important;} [class*="mdui-card"].mdui-teal-bg:before { background-color:#b2dfdb !important;} [class*="mdui-card"].mdui-green-bg:before { background-color:#c8e6c9 !important;} [class*="mdui-card"].mdui-lightgreen-bg:before { background-color:#dcedc8 !important;} [class*="mdui-card"].mdui-lime-bg:before { background-color:#f0f4c3 !important;} [class*="mdui-card"].mdui-yellow-bg:before { background-color:#fff9c4 !important;} [class*="mdui-card"].mdui-amber-bg:before { background-color:#ffecb3 !important;} [class*="mdui-card"].mdui-orange-bg:before { background-color:#ffe0b2 !important;} [class*="mdui-card"].mdui-deeporange-bg:before { background-color:#ffccbc !important;} [class*="mdui-card"].mdui-brown-bg:before { background-color:#d7ccc8 !important;} [class*="mdui-card"].mdui-grey-bg:before { background-color:#f5f5f5 !important;} [class*="mdui-card"].mdui-darkgrey-bg:before { background-color:#e5e5e5 !important;} [class*="mdui-card"].mdui-bluegrey-bg:before { background-color:#eceff1 !important;} [class*="mdui-card"].mdui-white-bg:before { background-color:#ffffff !important;} [class*="mdui-card"].mdui-black-bg:before { background-color:#a0a0a0 !important;} [class*="mdui-card"].mdui-color1-bg:before { background-color:var(--color1) !important;} [class*="mdui-card"].mdui-color2-bg:before { background-color:var(--color2) !important;} [class*="mdui-card"].mdui-color3-bg:before { background-color:var(--color3) !important;} .mdui-dark [class*="mdui-card"].mdui-red-bg:before { background-color:#f44336 !important; } .mdui-dark [class*="mdui-card"].mdui-pink-bg:before { background-color:#e91e63 !important; } .mdui-dark [class*="mdui-card"].mdui-purple-bg:before { background-color:#9c27b0 !important; } .mdui-dark [class*="mdui-card"].mdui-deeppurple-bg:before { background-color:#673ab7 !important; } .mdui-dark [class*="mdui-card"].mdui-indigo-bg:before { background-color:#3f51b5 !important; } .mdui-dark [class*="mdui-card"].mdui-blue-bg:before { background-color:#2196f3 !important; } .mdui-dark [class*="mdui-card"].mdui-lightblue-bg:before { background-color:#03a9f4 !important; } .mdui-dark [class*="mdui-card"].mdui-cyan-bg:before { background-color:#00bcd4 !important; } .mdui-dark [class*="mdui-card"].mdui-teal-bg:before { background-color:#009688 !important; } .mdui-dark [class*="mdui-card"].mdui-green-bg:before { background-color:#4caf50 !important; } .mdui-dark [class*="mdui-card"].mdui-lightgreen-bg:before { background-color:#8bc34a !important; } .mdui-dark [class*="mdui-card"].mdui-lime-bg:before { background-color:#cddc39 !important; } .mdui-dark [class*="mdui-card"].mdui-yellow-bg:before { background-color:#ffeb3b !important; } .mdui-dark [class*="mdui-card"].mdui-amber-bg:before { background-color:#ffc107 !important; } .mdui-dark [class*="mdui-card"].mdui-orange-bg:before { background-color:#ff9800 !important; } .mdui-dark [class*="mdui-card"].mdui-deeporange-bg:before { background-color:#ff5722 !important; } .mdui-dark [class*="mdui-card"].mdui-brown-bg:before { background-color:#795548 !important; } .mdui-dark [class*="mdui-card"].mdui-grey-bg:before { background-color:#9e9e9e !important; } .mdui-dark [class*="mdui-card"].mdui-darkgrey-bg:before { background-color:#303030 !important; } .mdui-dark [class*="mdui-card"].mdui-bluegrey-bg:before { background-color:#607d8b !important; } .mdui-dark [class*="mdui-card"].mdui-white-bg:before { background-color:#f8f8f8 !important; } .mdui-dark [class*="mdui-card"].mdui-black-bg:before { background-color:#212121 !important; } .mdui-dark [class*="mdui-card"].mdui-color1-bg:before { background-color:var(--color1-dark) !important;} .mdui-dark [class*="mdui-card"].mdui-color2-bg:before { background-color:var(--color2-dark) !important;} .mdui-dark [class*="mdui-card"].mdui-color3-bg:before { background-color:var(--color3-dark) !important;} /* ----- menuitem ----- */ .mdui-menu { background:var(--content-background) !important; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.25); border-radius:4px; } .mdui-dark .mdui-menu { background:#303030 !important; box-shadow: 0 0 0 1px rgba(0,0,0,0.5), 0 14px 28px rgba(0,0,0,0.87), 0 10px 10px rgba(0,0,0,1); } .mdui-menuitem { color:var(--design-font-color); background:var(--content-background) !important; font-size:1em !important; font-weight:normal !important; overflow:hidden; } .mdui-dark .mdui-menuitem { background-color:#303030 !important; color:#ffffff; } .mdui-menuitem .vis-widget-body, .mdui-menuitem .vis-widget-body * { display:flex; align-items: center; background:none; border:none; font-weight:normal; color:var(--design-font-color); } .mdui-dark .mdui-menuitem .vis-widget-body, .mdui-dark .mdui-menuitem .vis-widget-body * { color:#ffffff; } /* ----- Buttons ----- */ .ui-dialog-buttonpane button, .mdui-button { border-radius:4px; cursor:pointer; } .ui-dialog-buttonpane button, .mdui-button.vis-widget, .mdui-button { background:none; font-size:1em !important; font-weight:normal !important; border-radius:4px; border:none !important; /*text-transform: uppercase ;*/ transition: background 0.8s; } .ui-dialog-buttonpane button, .mdui-button * { background:none !important; border:none !important; color:var(--design-font-color); } .mdui-dark .ui-dialog-buttonpane button, .mdui-dark .mdui-button * { color:#ffffff; } .mdui-button.mdui-accent *, .mdui-dark .mdui-button.mdui-accent * { color:#c79100; } .mdui-button.mdui-red *, .mdui-dark .mdui-button.mdui-red * { color:#f44336; } .mdui-button.mdui-pink *, .mdui-dark .mdui-button.mdui-pink * { color:#e91e63; } .mdui-button.mdui-purple *, .mdui-dark .mdui-button.mdui-purple * { color:#9c27b0; } .mdui-button.mdui-deeppurple *, .mdui-dark .mdui-button.mdui-deeppurple * { color:#673ab7; } .mdui-button.mdui-indigo *, .mdui-dark .mdui-button.mdui-indigo * { color:#3f51b5; } .mdui-button.mdui-blue *, .mdui-dark .mdui-button.mdui-blue * { color:#2196f3; } .mdui-button.mdui-lightblue *, .mdui-dark .mdui-button.mdui-lightblue * { color:#03a9f4; } .mdui-button.mdui-cyan *, .mdui-dark .mdui-button.mdui-cyan * { color:#00bcd4; } .mdui-button.mdui-teal *, .mdui-dark .mdui-button.mdui-teal * { color:#009688; } .mdui-button.mdui-green *, .mdui-dark .mdui-button.mdui-green * { color:#4caf50; } .mdui-button.mdui-lightgreen *, .mdui-dark .mdui-button.mdui-lightgreen * { color:#8bc34a; } .mdui-button.mdui-lime *, .mdui-dark .mdui-button.mdui-lime * { color:#cddc39; } .mdui-button.mdui-yellow *, .mdui-dark .mdui-button.mdui-yellow * { color:#ffeb3b; } .mdui-button.mdui-amber *, .mdui-dark .mdui-button.mdui-amber * { color:#ffc107; } .mdui-button.mdui-orange *, .mdui-dark .mdui-button.mdui-orange * { color:#ff9800; } .mdui-button.mdui-deeporange *, .mdui-dark .mdui-button.mdui-deeporange * { color:#ff5722; } .mdui-button.mdui-brown *, .mdui-dark .mdui-button.mdui-brown * { color:#795548; } .mdui-button.mdui-grey *, .mdui-dark .mdui-button.mdui-grey * { color:#9e9e9e; } .mdui-button.mdui-darkgrey *, .mdui-dark .mdui-button.mdui-darkgrey * { color:#303030; } .mdui-button.mdui-bluegrey *, .mdui-dark .mdui-button.mdui-bluegrey * { color:#607d8b; } .mdui-button.mdui-white *, .mdui-dark .mdui-button.mdui-white * { color:#f8f8f8; } .mdui-button.mdui-black *, .mdui-dark .mdui-button.mdui-black * { color:#212121; } .mdui-button.mdui-color1 * { color:var(--color1); } .mdui-dark .mdui-button.mdui-color1 * { color:var(--color1-dark); } .mdui-button.mdui-color2 * { color:var(--color2); } .mdui-dark .mdui-button.mdui-color2 * { color:var(--color2-dark); } .mdui-button.mdui-color3 * { color:var(--color3); } .mdui-dark .mdui-button.mdui-color3 * { color:var(--color3-dark); } /* ---------- button-outlined ----------*/ .mdui-button-outlined { border:1px solid rgba(0,0,0,0.33); border-radius:4px; } .mdui-button-outlined * { border:none !important; } .mdui-button-outlined, .mdui-button-outlined * { background:none !important; color:var(--design-font-color) !important; font-weight:normal !important; } .mdui-dark .mdui-button-outlined, .mdui-dark .mdui-button-outlined * { color:#ffffff !important; border-color: rgba(255,255,255,.33); } .mdui-button-outlined .vis-widget-body, .mdui-button-outlined .vis-widget-body * { display:flex; justify-content: center; align-items: center; } .mdui-button-outlined.mdui-red *, .mdui-dark .mdui-button-outlined.mdui-red * { color:#f44336 !important; } .mdui-button-outlined.mdui-pink *, .mdui-dark .mdui-button-outlined.mdui-pink * { color:#e91e63 !important; } .mdui-button-outlined.mdui-purple *, .mdui-dark .mdui-button-outlined.mdui-purple * { color:#9c27b0 !important; } .mdui-button-outlined.mdui-deeppurple *, .mdui-dark .mdui-button-outlined.mdui-deeppurple * { color:#673ab7 !important; } .mdui-button-outlined.mdui-indigo *, .mdui-dark .mdui-button-outlined.mdui-indigo * { color:#3f51b5 !important; } .mdui-button-outlined.mdui-blue *, .mdui-dark .mdui-button-outlined.mdui-blue * { color:#2196f3 !important; } .mdui-button-outlined.mdui-lightblue *, .mdui-dark .mdui-button-outlined.mdui-lightblue * { color:#03a9f4 !important; } .mdui-button-outlined.mdui-cyan *, .mdui-dark .mdui-button-outlined.mdui-cyan * { color:#00bcd4 !important; } .mdui-button-outlined.mdui-teal *, .mdui-dark .mdui-button-outlined.mdui-teal * { color:#009688 !important; } .mdui-button-outlined.mdui-green *, .mdui-dark .mdui-button-outlined.mdui-green * { color:#4caf50 !important; } .mdui-button-outlined.mdui-lightgreen *, .mdui-dark .mdui-button-outlined.mdui-lightgreen * { color:#8bc34a !important; } .mdui-button-outlined.mdui-lime *, .mdui-dark .mdui-button-outlined.mdui-lime * { color:#cddc39 !important; } .mdui-button-outlined.mdui-yellow *, .mdui-dark .mdui-button-outlined.mdui-yellow * { color:#ffeb3b !important; } .mdui-button-outlined.mdui-amber *, .mdui-dark .mdui-button-outlined.mdui-amber * { color:#ffc107 !important; } .mdui-button-outlined.mdui-orange *, .mdui-dark .mdui-button-outlined.mdui-orange * { color:#ff9800 !important; } .mdui-button-outlined.mdui-deeporange *, .mdui-dark .mdui-button-outlined.mdui-deeporange * { color:#ff5722 !important; } .mdui-button-outlined.mdui-brown *, .mdui-dark .mdui-button-outlined.mdui-brown * { color:#795548 !important; } .mdui-button-outlined.mdui-grey *, .mdui-dark .mdui-button-outlined.mdui-grey * { color:#9e9e9e !important; } .mdui-button-outlined.mdui-darkgrey *, .mdui-dark .mdui-button-outlined.mdui-darkgrey * { color:#303030 !important; } .mdui-button-outlined.mdui-bluegrey *, .mdui-dark .mdui-button-outlined.mdui-bluegrey * { color:#607d8b !important; } .mdui-button-outlined.mdui-white *, .mdui-dark .mdui-button-outlined.mdui-white * { color:#f8f8f8 !important; } .mdui-button-outlined.mdui-black *, .mdui-dark .mdui-button-outlined.mdui-black * { color:#212121 !important; } .mdui-button-outlined.mdui-color1 * { color:var(--color1) !important; } .mdui-dark .mdui-button-outlined.mdui-color1 * { color:var(--color1-dark) !important; } .mdui-button-outlined.mdui-color2 * { color:var(--color2) !important; } .mdui-dark .mdui-button-outlined.mdui-color2 * { color:var(--color2-dark) !important; } .mdui-button-outlined.mdui-color3 * { color:var(--color3) !important; } .mdui-dark .mdui-button-outlined.mdui-color3 * { color:var(--color3-dark) !important; } .mdui-button-outlined.mdui-red-ol, .mdui-dark .mdui-button-outlined.mdui-red-ol { border-color:#f44336; } .mdui-button-outlined.mdui-pink-ol, .mdui-dark .mdui-button-outlined.mdui-pink-ol { border-color:#e91e63; } .mdui-button-outlined.mdui-purple-ol, .mdui-dark .mdui-button-outlined.mdui-purple-ol { border-color:#9c27b0; } .mdui-button-outlined.mdui-deeppurple-ol, .mdui-dark .mdui-button-outlined.mdui-deeppurple-ol { border-color:#673ab7; } .mdui-button-outlined.mdui-indigo-ol, .mdui-dark .mdui-button-outlined.mdui-indigo-ol { border-color:#3f51b5; } .mdui-button-outlined.mdui-blue-ol, .mdui-dark .mdui-button-outlined.mdui-blue-ol { border-color:#2196f3; } .mdui-button-outlined.mdui-lightblue-ol, .mdui-dark .mdui-button-outlined.mdui-lightblue-ol { border-color:#03a9f4; } .mdui-button-outlined.mdui-cyan-ol, .mdui-dark .mdui-button-outlined.mdui-cyan-ol { border-color:#00bcd4; } .mdui-button-outlined.mdui-teal-ol, .mdui-dark .mdui-button-outlined.mdui-teal-ol { border-color:#009688; } .mdui-button-outlined.mdui-green-ol, .mdui-dark .mdui-button-outlined.mdui-green-ol { border-color:#4caf50; } .mdui-button-outlined.mdui-lightgreen-ol, .mdui-dark .mdui-button-outlined.mdui-lightgreen-ol { border-color:#8bc34a; } .mdui-button-outlined.mdui-lime-ol, .mdui-dark .mdui-button-outlined.mdui-lime-ol { border-color:#cddc39; } .mdui-button-outlined.mdui-yellow-ol, .mdui-dark .mdui-button-outlined.mdui-yellow-ol { border-color:#ffeb3b; } .mdui-button-outlined.mdui-amber-ol, .mdui-dark .mdui-button-outlined.mdui-amber-ol { border-color:#ffc107; } .mdui-button-outlined.mdui-orange-ol, .mdui-dark .mdui-button-outlined.mdui-orange-ol { border-color:#ff9800; } .mdui-button-outlined.mdui-deeporange-ol, .mdui-dark .mdui-button-outlined.mdui-deeporange-ol { border-color:#ff5722; } .mdui-button-outlined.mdui-brown-ol, .mdui-dark .mdui-button-outlined.mdui-brown-ol { border-color:#795548; } .mdui-button-outlined.mdui-grey-ol, .mdui-dark .mdui-button-outlined.mdui-grey-ol { border-color:#9e9e9e; } .mdui-button-outlined.mdui-darkgrey-ol, .mdui-dark .mdui-button-outlined.mdui-darkgrey-ol { border-color:#303030; } .mdui-button-outlined.mdui-bluegrey-ol, .mdui-dark .mdui-button-outlined.mdui-bluegrey-ol { border-color:#607d8b; } .mdui-button-outlined.mdui-white-ol, .mdui-dark .mdui-button-outlined.mdui-white-ol { border-color:#f8f8f8; } .mdui-button-outlined.mdui-black-ol, .mdui-dark .mdui-button-outlined.mdui-black-ol { border-color:#212121; } .mdui-button-outlined.mdui-color1-ol, .mdui-dark .mdui-button-outlined.mdui-color1-ol * { border-color:var(--color1); } .mdui-button-outlined.mdui-color2-ol, .mdui-dark .mdui-button-outlined.mdui-color2-ol * { border-color:var(--color2); } .mdui-button-outlined.mdui-color3-ol, .mdui-dark .mdui-button-outlined.mdui-color3-ol * { border-color:var(--color3); } /* ---------- Button-raised ----------*/ .mdui-button-raised { background: rgba(0,0,0,.21) !important; border:none !important; border-radius:4px; } .mdui-dark .mdui-button-raised { background: rgba(255,255,255,.33) !important; } .mdui-button-raised .vis-widget-body, .mdui-button-raised .vis-widget-body * { display:flex; align-items: center; justify-content: center; } .mdui-button-raised * { color:var(--design-font-color); background: none !important; border:none !important; font-weight: normal !important; } .mdui-dark .mdui-button-raised * { color:#ffffff; } .mdui-button-raised { box-shadow: 0 1px 3px rgba(0,0,0,0.27), 0 1px 2px rgba(0,0,0,0.54); } .mdui-dark .mdui-button-raised { box-shadow: 0 1px 3px rgba(0,0,0,0.66), 0 1px 2px rgba(0,0,0,0.87); } /* ----- floating button -----*/ .mdui-floatingbutton { background: var(--accent-color); position: fixed !important; z-index:1000; border-radius:50% !important; box-shadow: 0 10px 20px rgba(0,0,0,0.49), 0 6px 6px rgba(0,0,0,0.53); border:none !important; opacity: 1 !important; } .mdui-floatingbutton * { background: none !important; border:none !important; color:#ffffff; padding:0 !important; margin:0 !important; } .mdui-floatingbutton .vis-widget-body { display:flex; align-items: center; justify-content: center; } .mdui-runtime.mdui-notouch .mdui-floatingbutton:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.49), 0 6px 6px rgba(0,0,0,0.53), 0 0 0 1000px var(--hover-color) inset !important; transition: all 0.3s ease; } /* 500 color */ .mdui-red.mdui-floatingbutton * { color:#f44336 !important; } .mdui-pink.mdui-floatingbutton * { color:#e91e63 !important; } .mdui-purple.mdui-floatingbutton * { color:#9c27b0 !important; } .mdui-deeppurple.mdui-floatingbutton * { color:#673ab7 !important; } .mdui-indigo.mdui-floatingbutton * { color:#3f51b5 !important; } .mdui-blue.mdui-floatingbutton * { color:#2196f3 !important; } .mdui-lightblue.mdui-floatingbutton * { color:#03a9f4 !important; } .mdui-cyan.mdui-floatingbutton * { color:#00bcd4 !important; } .mdui-teal.mdui-floatingbutton * { color:#009688 !important; } .mdui-green.mdui-floatingbutton * { color:#4caf50 !important; } .mdui-lightgreen.mdui-floatingbutton * { color:#8bc34a !important; } .mdui-lime.mdui-floatingbutton * { color:#cddc39 !important; } .mdui-yellow.mdui-floatingbutton * { color:#ffeb3b !important; } .mdui-amber.mdui-floatingbutton * { color:#ffc107 !important; } .mdui-orange.mdui-floatingbutton * { color:#ff9800 !important; } .mdui-deeporange.mdui-floatingbutton * { color:#ff5722 !important; } .mdui-brown.mdui-floatingbutton * { color:#795548 !important; } .mdui-grey.mdui-floatingbutton * { color:#9e9e9e !important; } .mdui-darkgrey.mdui-floatingbutton * { color:#303030 !important; } .mdui-bluegrey.mdui-floatingbutton * { color:#607d8b !important; } .mdui-white.mdui-floatingbutton * { color:#f8f8f8 !important; } .mdui-black.mdui-floatingbutton * { color:#212121 !important; } .mdui-floatingbutton.mdui-color1 * { color:var(--color1) !important; } .mdui-floatingbutton.mdui-color2 * { color:var(--color2) !important; } .mdui-floatingbutton.mdui-color3 * { color:var(--color3) !important; } /* ----- list ----- */ .mdui-list { border: 1px solid transparent !important; background: transparent; color:var(--design-font-color); overflow-x:hidden; overflow-y:auto; } .mdui-dark .mdui-list { color:#ffffff; } .mdui-list.mdui-bordered { border-color: var(--divider-color) !important; } .mdui-dark .mdui-list.mdui-bordered { border-color: var(--divider-color-dark) !important; } .mdui-list>.vis-widget-body>.vis-view-container>.vis-view, .mdui-list>.vis-view-container>.vis-view { display: flex; flex-wrap: nowrap; flex-direction: column; align-items : flex-start; justify-content : flex-start; justify-content : flex-start; align-content: flex-start; } /* ist das flex-item, muss wieder in den normalen Verlauf rein */ .mdui-list>.vis-widget-body>.vis-view-container>.vis-view>div:not(.mdui-noflex), .mdui-list>.vis-view-container>.vis-view>div:not(.mdui-noflex) { position: relative !important; position: -webkit-relative !important; top:auto !important; left:auto !important; flex-shrink: 0; } /* ist das flex-item, muss wieder in den normalen Verlauf rein */ .mdui-list>.vis-widget-body>.vis-view-container>.vis-view>div:not(.mdui-noflex), .mdui-list>.vis-view-container>.vis-view>div:not(.mdui-noflex) { position: relative !important; position: -webkit-relative !important; top:auto !important; left:auto !important; flex-shrink: 0; } /* ----- listitem ----- */ .mdui-listitem { position:relative; border-bottom: 1px solid transparent !important; background: transparent; color:var(--design-font-color); padding:.33em 0.16em; } .mdui-dark .mdui-listitem { color:#ffffff; } .mdui-list.mdui-striped .mdui-listitem:nth-child(even) { background:var(--divider-color); } .mdui-dark .mdui-list.mdui-striped .mdui-listitem:nth-child(even) { background:var(--divider-color-dark); } .mdui-list.mdui-divided .mdui-listitem { border-bottom-color: var(--divider-color) !important; } .mdui-dark .mdui-list.mdui-divided .mdui-listitem { border-bottom-color: var(--divider-color-dark) !important; } .mdui-listitem * { overflow-wrap: break-word; } .mdui-listitem .vis-widget-body, .mdui-listitem .vis-widget-body>* { display:flex; align-items: center; background:none; border:none; color: inherit !important; padding:0px !important; } .mdui-listitem button, .mdui-listitem label, .mdui-listitem a, .mdui-listitem .vis-widget-body { font-size:1em; } [class*='mdui-swipe-left'] { box-shadow: inset -1px 0 0 0 var(--accent-color); } [class*='mdui-swipe-left']:hover { box-shadow: inset -2px 0 0 0 var(--accent-color); } [class*='mdui-swipe-right'] { box-shadow: inset 1px 0 0 0 var(--accent-color); } [class*='mdui-swipe-right']:hover { box-shadow: inset 2px 0 0 0 var(--accent-color); } [class*='mdui-swipe-left'][class*='mdui-swipe-right'] { box-shadow: inset -1px 0 0 0 var(--accent-color), inset 1px 0 0 0 var(--accent-color); } [class*='mdui-swipe-left'][class*='mdui-swipe-right']:hover { box-shadow: inset -2px 0 0 0 var(--accent-color), inset 2px 0 0 0 var(--accent-color); } [class*='mdui-swipe-up'] { box-shadow: inset 0 -1px 0 0 var(--accent-color); } [class*='mdui-swipe-up']:hover { box-shadow: inset 0 -2px 0 0 var(--accent-color); } [class*='mdui-swipe-down'] { box-shadow: inset 0 1px 0 0 var(--accent-color); } [class*='mdui-swipe-down']:hover { box-shadow: inset 0 2px 0 0 var(--accent-color); } [class*='mdui-swipe-up'][class*='mdui-swipe-down'] { box-shadow: inset 0 -1px 0 0 var(--accent-color), inset 0 1px 0 0 var(--accent-color); } [class*='mdui-swipe-up'][class*='mdui-swipe-down']:hover { box-shadow: inset 0 -2px 0 0 var(--accent-color), inset 0 2px 0 0 var(--accent-color); } [class*='mdui-swipe-left'][class*='mdui-swipe-right'][class*='mdui-swipe-up'][class*='mdui-swipe-down'] { box-shadow: inset 0 -1px 0 0 var(--accent-color), inset 0 1px 0 0 var(--accent-color), inset -1px 0 0 0 var(--accent-color), inset 1px 0 0 0 var(--accent-color); } [class*='mdui-swipe-left'][class*='mdui-swipe-right'][class*='mdui-swipe-up'][class*='mdui-swipe-down']:hover { box-shadow: inset 0 -2px 0 0 var(--accent-color), inset 0 2px 0 0 var(--accent-color), inset -2px 0 0 0 var(--accent-color), inset 2px 0 0 0 var(--accent-color); } /* ----- navigation items ----- */ .mdui-navitem, .mdui-navitem button, .mdui-navitem label, .mdui-navitem a, .mdui-navitem .vis-widget-body { background:none !important; border:none !important; color:var(--design-font-color) !important; font-size:1em !important; font-weight:normal !important; border-radius:0px !important; padding:0 !important; margin:0 !important; } .mdui-dark .mdui-navitem, .mdui-dark .mdui-navitem button, .mdui-dark .mdui-navitem label, .mdui-dark .mdui-navitem a, .mdui-dark .mdui-navitem .vis-widget-body { color:#ffffff !important; } .mdui-navitem { padding-left:0.5em !important; padding-right:0.5em !important; cursor: pointer; } .mdui-navitem .vis-widget-body, .mdui-navitem .vis-widget-body * { display:flex; align-items: center; } .mdui-tnav .mdui-navitem .vis-widget-body, .mdui-tnav .mdui-navitem .vis-widget-body * { align-items: center; } .mdui-tnav .mdui-navitem, .mdui-bnav .mdui-navitem { z-index:100; } .mdui-tnav .mdui-navitem, .mdui-bnav .mdui-navitem { opacity:0.87; } .mdui-runtime.mdui-notouch .mdui-tnav .mdui-navitem:hover, .mdui-tnav .mdui-navitem.ui-state-active { opacity:1; box-shadow: inset 0px -3px 0px 0px !important; } .mdui-runtime.mdui-notouch .mdui-bnav .mdui-navitem:hover, .mdui-bnav .mdui-navitem.ui-state-active { opacity:1; box-shadow: inset 0px 3px 0px 0px !important; } /* ----- divider ----- */ .mdui-divider { background:linear-gradient(to right, var(--divider-color), var(--divider-color) ) !important; background-size:100% 2px !important; background-repeat: repeat-x !important; background-position: 0px 50% !important; min-height:2px; } .mdui-dark .mdui-divider { background:linear-gradient(to right, var(--divider-color-dark), var(--divider-color-dark) ) !important; background-size:100% 2px !important; background-repeat: repeat-x !important; background-position: 0px 50% !important; } .mdui-divider-v { background:linear-gradient(to bottom, var(--divider-color), var(--divider-color) ) !important; background-size:2px 100% !important; background-repeat: repeat-y !important; background-position: 50% 0px !important; min-width:2px; } .mdui-dark .mdui-divider-v { background:linear-gradient(to bottom, var(--divider-color-dark), var(--divider-color-dark) ) !important; background-size:2px 100% !important; background-repeat: repeat-y !important; background-position: 50% 0px !important; } /* ----- toggle button -----*/ /* toggle Dreieck rechts aussen anzeigen */ .mdui-navitem.mdui-toggle:before { position: absolute; font-family: 'Material Icons' !important; font-size:24px; color:var(--design-font-color); top: calc(50% - 0.5em); left:calc(100% - 1.1em); content: "expand_more"; pointer-events: none; background: none; transition:transform 0.33s; } .mdui-dark .mdui-navitem.mdui-toggle:before { color: #ffffff; } .mdui-navitem.mdui-toggle.ui-state-active:before { transform:rotate(180deg); } /* kein navitem */ :not(.mdui-navitem).mdui-toggle.ui-state-active { background: var(--divider-color) !important; } .mdui-dark :not(.mdui-navitem).mdui-toggle.ui-state-active { background: var(--divider-color-dark) !important; } /* ----- tables ----- HMTL-Tabellen (tables), die mit mdui-table versehen werden, können in zwei Arten angezeigt werden: (a) als normale Table und (b) als responsive Table, wobei aus Zeile dann Cards/Tiles werden und aus Spalten dann Zeilen. mdui-table-bordered mdui-table-striped mdui-table-(type) mdui-table[-r(responsewidth)][-w(colwidth)][-c(colcount)][-l] (responsewidth) = 0000 .. 9999 (type) = card | tile | list (colwidth) = 0000 .. 9999 (colcount) = 0 .. 99 */ [class*="mdui-table"], [class*="mdui-table"] table { border-collapse: collapse; background:none !important; } [class*="mdui-table"] tr th { color:var(--design-font-color); opacity:0.66 !important; font-weight:normal; font-size:0.9em; padding-left:0.75em; padding-top:.2em; padding-bottom:.2em; border-bottom: 1px solid rgba(0,0,0,0.1); } .mdui-dark [class*="mdui-table"] tr th { color:#ffffff; border-bottom-color: rgba(255,255,255,0.2); } [class*="mdui-table"] tr th[onclick]{ cursor:pointer; } [class*="mdui-table"] tr th[onclick]:hover{ box-shadow: 0 0 0 1000px var(--hover-color) inset !important; transition: all 0.3s ease; border-bottom-color : var(--accent-color) !important; opacity:1 !important; } .mdui-runtime.mdui-notouch .mdui-dark [class*="mdui-table"] tr th[onclick]:hover{ box-shadow: 0 0 0 1000px var(--hover-color-dark) inset !important; } [class*="mdui-table"] tr th:after{ position: relative; font-family: 'Material Icons' !important; color:var(--design-font-color); right:0; top:3px; content: ""; } .mdui-dark [class*="mdui-table"] tr th:after{ color:#ffffff; } [class*="mdui-table"] tr th.mdui-sortable:after{ content: "unfold_more"; } [class*="mdui-table"] tr th.mdui-sort-descending:after{ content: "arrow_downward"; } [class*="mdui-table"] tr th.mdui-sort-ascending:after{ content: "arrow_upward"; } .mdui-dark [class*="mdui-table"].mdui-divided tr th { border-bottom-width: 2px; } [class*="mdui-table"].mdui-striped tr:nth-child(even) { background:var(--divider-color); } .mdui-dark [class*="mdui-table"].mdui-striped tr:nth-child(even) { background:var(--divider-color-dark); } [class*="mdui-table"].mdui-striped .vis-table-body tr:nth-child(even) { background:var(--divider-color) !important; } .mdui-dark [class*="mdui-table"].mdui-striped .vis-table-body tr:nth-child(even) { background:var(--divider-color-dark) !important; } [class*="mdui-table"] tr { border-left: .3em solid transparent; } [class*="mdui-table"] tr td { padding-left:0.75em; padding-top:.2em; padding-bottom:.2em; color:var(--design-font-color); } .mdui-dark [class*="mdui-table"] tr td { color:#ffffff; } [class*="mdui-table"].mdui-divided tr td { border-bottom: 1px solid var(--divider-color); } .mdui-dark [class*="mdui-table"].mdui-divided tr td { border-bottom-color: var(--divider-color-dark); } /* responsive: cards or tiles */ .mdui-table-raised, .mdui-table-outlined, .mdui-table-list { display: block; } .mdui-table-raised thead, .mdui-table-outlined thead, .mdui-table-list thead { display: none; } .mdui-table-raised tbody, .mdui-table-outlined tbody, .mdui-table-list tbody{ display: flex; flex-wrap:wrap; width:100%; } .mdui-table-raised tbody tr, .mdui-table-outlined tbody tr, .mdui-table-list tbody tr{ display: block; flex: 1 0 auto; padding: 6px; overflow: hidden; } .mdui-table-raised tbody tr td, .mdui-table-outlined tbody tr td, .mdui-table-list tbody tr td { display: block; padding:0; padding-bottom:0px; border-bottom-width: 0px; } .mdui-table-raised tbody tr td:before, .mdui-table-outlined tbody tr td:before, .mdui-table-list tbody tr td:before { color:var(--design-font-color); display:block; font-size:9pt; content: attr(label) attr(labelth); opacity:0.7; } .mdui-dark .mdui-table-raised tbody tr td:before, .mdui-dark .mdui-table-outlined tbody tr td:before, .mdui-dark .mdui-table-list tbody tr td:before { color:#ffffff; } /* table-raised */ .mdui-table-raised tbody tr { margin:4px; background:rgba(255,255,255,0.2); box-shadow: 0 0 0 1px rgba(255,255,255,0.025), 0 3px 6px rgba(0,0,0,0.36), 0 3px 6px rgba(0,0,0,0.43); border-radius:4px; } .mdui-dark .mdui-table-raised tbody tr { background:rgba(255,255,255,0.2); box-shadow: 0 0 0 1px rgba(255,255,255,0.1); } /* table-outlined */ .mdui-table-outlined tbody tr { margin: 0.25em; border: 1px solid rgba(0,0,0,0.2); border-left-width: .3em; border-radius:0.4em; } .mdui-dark .mdui-table-outlined tbody tr { border-color: rgba(255,255,255,0.33); } .mdui-dark .mdui-table-striped tr:nth-child(even) { background:rgba(255,255,255,0.1); } /* table-list */ .mdui-table-list tbody tr { padding:0.25em; margin-bottom:0.25em; display:flex; flex-wrap:wrap; } .mdui-table-list tbody tr td { min-width:60%; flex: 1 0 1; } .mdui-table-list:not(.mdui-table-striped) tbody tr { box-shadow: 0 1px 0px 0px rgba(255,255,255,0.5); } .mdui-dark .mdui-table-list:not(.mdui-table-striped) tbody tr { box-shadow: 0 1px 0px 0px rgba(255,255,255,0.5); } .mdui-table-list.mdui-table-striped tr:nth-child(even) { box-shadow: 0 0px 0px 1000px rgba(255,255,255,0.1) inset; } .mdui-dark .mdui-table-list.mdui-table-striped tr:nth-child(even) { box-shadow: 0 0px 0px 1000px rgba(255,255,255,0.1) inset; } .mdui-table-list tbody tr td:first-child { font-size:1.1em; } .mdui-table-list tbody tr td:first-child:before { display:none; } .mdui-table-list tbody tr td:not(:first-child) { padding-left:1em; } .mdui-table-list.mdui-table-bordered tr { border-bottom: 1px solid rgba(0,0,0,0.1) !important; } /* ------ Labels ------ */ .mdui-title { z-index:2; color:var(--design-font-color); font-size: 1.2em; font-weight: normal; text-shadow:none !important; letter-spacing: 0px !important; width:auto; height:auto; opacity:1; } .mdui-dark .mdui-title { color:#ffffff ; opacity:0.87; } .mdui-subtitle { z-index:2; color:var(--design-font-color); font-size: 0.83em; font-weight: normal; text-shadow:none !important; letter-spacing: 0px !important; width:auto; height:auto; opacity:0.87; } .mdui-dark .mdui-subtitle { color:#ffffff ; } .mdui-label { z-index:2; color:var(--design-font-color); font-weight:normal !important; font-size:1em; text-shadow:none !important; letter-spacing: 0px !important; width:auto; height:auto; opacity:0.87; } .mdui-dark .mdui-label { color:#ffffff ; opacity:0.87; } .mdui-value { z-index:2; color:var(--design-font-color); font-weight:bold; font-size:1em; text-shadow:none !important; letter-spacing: 0px !important; width:auto; height:auto; opacity:1; } .mdui-dark .mdui-value { color:#ffffff; } /* ------ States ------ */ [class*='mdui-state'] { z-index:2; color:var(--design-font-color); font-weight:bold; font-size:1em; text-shadow:none !important; letter-spacing: 0px !important; border-radius: 0em 0.4em 0.4em 0.4em; } .mdui-dark [class*='mdui-state'] { color:#ffffff; text-shadow: 1px 1px 2px white; } [class*='mdui-state'] i { font-weight:normal; } .mdui-state [class*="-bg"], .mdui-state [class*="-bg"] .vis-widget-body:not(i), .mdui-state[class*="-bg"] .vis-widget-body>*:not(i) { padding-left:0.25em; padding-right:0.25em; font-weight:normal; color: var(--design-font-color) !important; } .mdui-dark .mdui-state [class*="-bg"], .mdui-dark .mdui-state [class*="-bg"] .vis-widget-body, .mdui-dark .mdui-state[class*="-bg"] .vis-widget-body>* { color: white !important; } .mdui-state .vis-widget-body div { width:100%; height:100%; } .mdui-state-outlined { font-weight:normal; } .mdui-state-outlined[class*="-ol"] { border-radius: 0em 0.4em 0.4em 0.4em; border: 1px solid var(--frame-color); padding-left:0.25em; padding-right:0.25em; } .mdui-dark .mdui-state-outlined[class*="-ol"] { border-color: rgba(255,255,255,.33); } .mdui-state-outlined[class*="-bg"] { color: var(--design-font-color) !important; } .mdui-dark .mdui-state-outlined[class*="-bg"] { color: white !important; } .mdui-state-outlined .vis-widget-body>div { height:100%; width: 100%; } .mdui-state-outlined .vis-widget-body [class*="mdui-"]:not(i) { height:100%; width:100%; border-radius: 0em 0.4em 0.4em 0.4em; border: 1px solid var(--frame-color); padding-left:0.25em; padding-right:0.25em; text-shadow: 1px solid black; } .mdui-dark .mdui-state-outlined .vis-widget-body [class*="mdui-"]:not(i) { border-color: rgba(255,255,255,.33); } .mdui-state-outlined .vis-widget-body [class*="-bg"] { color: var(--design-font-color) !important; } .mdui-dark .mdui-state-outlined .vis-widget-body [class*="-bg"] { color: white !important; } /* ----- input -----
Stk
*/ .mdui-input { color:var(--design-font-color) !important; z-index:2; font-weight:normal !important; text-align: left !important; letter-spacing: 0px !important; } .mdui-dark .mdui-input { color:rgba(255,255,255,0.7) !important; } .mdui-input label { font-size:1em; } .mdui-input input:not([type="button"]) { border-bottom : 2px solid var(--design-font-color) !important; color : var(--design-font-color) !important; background: none; height:calc(100% - 2px) !important; border-radius:0px !important; margin:0px !important; padding:0px !important; } .mdui-dark .mdui-input input:not([type="button"]) { color : rgba(255,255,255,1) !important; border-bottom : 2px solid rgba(255,255,255,0.54) !important; } .mdui-input.mdui-center-h input:not([type="button"]) { text-align:center !important; } .mdui-input input[type="button"] { top:-2px; color: var(--accent-color) !important; } .mdui-input input:not([type="button"]):focus { border-bottom-color : var(--accent-color) !important; background:var(--hover-color); transition: border-bottom-color 0.3s ease; } .mdui-dark .mdui-input input:not([type="button"]):focus { background:var(--hover-color-dark); } .mdui-input .ui-button { border-radius:4px; cursor:pointer; background:none; border:none !important; color:var(--design-font-color); } .mdui-dark .mdui-input .ui-button { color:#ffffff; } /* 500 color */ .mdui-red-acc.mdui-input input[type="button"], .mdui-red input { color:#f44336 !important; } .mdui-pink-acc.mdui-input input[type="button"], .mdui-pink input { color:#e91e63 !important; } .mdui-purple-acc.mdui-input input[type="button"], .mdui-purple input { color:#9c27b0 !important; } .mdui-deeppurple-acc.mdui-input input[type="button"], .mdui-deeppurple input { color:#673ab7 !important; } .mdui-indigo-acc.mdui-input input[type="button"], .mdui-indigo input { color:#3f51b5 !important; } .mdui-blue-acc.mdui-input input[type="button"], .mdui-blue input { color:#2196f3 !important; } .mdui-lightblue-acc.mdui-input input[type="button"], .mdui-lightblue input { color:#03a9f4 !important; } .mdui-cyan-acc.mdui-input input[type="button"], .mdui-cyan input { color:#00bcd4 !important; } .mdui-teal-acc.mdui-input input[type="button"], .mdui-teal input { color:#009688 !important; } .mdui-green-acc.mdui-input input[type="button"], .mdui-green input { color:#4caf50 !important; } .mdui-lightgreen-acc.mdui-input input[type="button"], .mdui-lightgreen input { color:#8bc34a !important; } .mdui-lime-acc.mdui-input input[type="button"], .mdui-lime input { color:#cddc39 !important; } .mdui-yellow-acc.mdui-input input[type="button"], .mdui-yellow input { color:#ffeb3b !important; } .mdui-amber-acc.mdui-input input[type="button"], .mdui-amber input { color:#ffc107 !important; } .mdui-orange-acc.mdui-input input[type="button"], .mdui-orange input { color:#ff9800 !important; } .mdui-deeporange-acc.mdui-input input[type="button"], .mdui-deeporange input { color:#ff5722 !important; } .mdui-brwon-acc.mdui-input input[type="button"], .mdui-brown input { color:#795548 !important; } .mdui-grey-acc.mdui-input input[type="button"], .mdui-grey input { color:#9e9e9e !important; } .mdui-darkgrey-acc.mdui-input input[type="button"], .mdui-darkgrey input { color:#303030 !important; } .mdui-bluegrey-acc.mdui-input input[type="button"], .mdui-bluegrey input { color:#607d8b !important; } .mdui-white-acc.mdui-input input[type="button"], .mdui-white input { color:#f8f8f8 !important; } .mdui-black-acc.mdui-input input[type="button"], .mdui-black input { color:#212121 !important; } .mdui-color1-acc.mdui-input input[type="button"], .mdui-color1 input { color:var(--color1) !important; } .mdui-color2-acc.mdui-input input[type="button"], .mdui-color2 input { color:var(--color2) !important; } .mdui-color3-acc.mdui-input input[type="button"], .mdui-color3 input { color:var(--color3) !important; } /* ----- select ----- */ .mdui-select { z-index:2; font-weight:normal !important; text-shadow:none !important; text-align: left !important; letter-spacing: 0px !important; } .mdui-select select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; color : var(--design-font-color); background: rgba(0,0,0,0); height:100% !important; font-size:1em !important; border: none; outline: none; border-bottom : 2px solid var(--design-font-color); width:100%; } .mdui-dark .mdui-select select { color : #ffffff; border-bottom : 2px solid rgba(255,255,255,0.54); } .vis_container_edit .mdui-select select { pointer-events: none; } .mdui-select select option { background: #e0e0e0 !important; font-weight:normal !important; font-size:1.5em !important; } .mdui-dark .mdui-select select option { background: #212121 !important; color:#ffffff; } .mdui-select:before { position: absolute; color:var(--design-font-color); padding: 0px; font-family: 'Material Icons' !important; font-size:24px; top: calc(50% - 0.5em); left:calc(100% - 1em); content: "arrow_drop_down"; pointer-events: none; } .mdui-dark .mdui-select:before { color:#ffffff; } .mdui-select select:hover, .mdui-select select:focus { border-bottom-color : var(--accent-color); transition: border-bottom-color 0.3s ease; } /* 500 color */ .mdui-red select { color:#f44336 !important; } .mdui-pink select { color:#e91e63 !important; } .mdui-purple select { color:#9c27b0 !important; } .mdui-deeppurple select { color:#673ab7 !important; } .mdui-indigo select { color:#3f51b5 !important; } .mdui-blue select { color:#2196f3 !important; } .mdui-lightblue select { color:#03a9f4 !important; } .mdui-cyan select { color:#00bcd4 !important; } .mdui-teal select { color:#009688 !important; } .mdui-green select { color:#4caf50 !important; } .mdui-lightgreen select { color:#8bc34a !important; } .mdui-lime select { color:#cddc39 !important; } .mdui-yellow select { color:#ffeb3b !important; } .mdui-amber select { color:#ffc107 !important; } .mdui-orange select { color:#ff9800 !important; } .mdui-deeporange select { color:#ff5722 !important; } .mdui-brown select { color:#795548 !important; } .mdui-grey select { color:#9e9e9e !important; } .mdui-darkgrey select { color:#303030 !important; } .mdui-bluegrey select { color:#607d8b !important; } .mdui-white select { color:#f8f8f8 !important; } .mdui-black select { color:#212121 !important; } .mdui-custom select { color:var(--color1) !important; } .mdui-custom select { color:var(--color2) !important; } .mdui-custom select { color:var(--color3) !important; } /* ----- Slider ----- */ /*
*/ .mdui-slider { padding:0px !important; } .mdui-slider.mdui-transparent-acc { background-repeat: no-repeat !important; background-position:0px calc(50%) !important; background-size:100% 4px !important; } .ui-datepicker .ui-slider, .mdui-slider .ui-slider { border:none !important; padding:0px !important; margin:0px !important; background:none !important; border-radius:0px; } /* horizontal */ .mdui-slider .ui-slider-horizontal { top:calc(50% - 8px); height:16px !important; width:calc(100% - 16px) !important; left:8px !important; } /* Einfärben des slide-Bereiches */ .ui-datepicker .ui-slider-horizontal:before, .mdui-slider .ui-slider-horizontal:before { content: ""; position: absolute; top: calc(50% - 2px); left: 0px; width: 100%; height: 4px; background: rgba(0,0,0,1) !important; border-radius: 2px; pointer-events: none; } .mdui-dark .ui-datepicker .ui-slider-horizontal:before, .mdui-dark .mdui-slider .ui-slider-horizontal:before { background:#ffffff !important; } /* Segmente */ .mdui-slider[class*="mdui-segment-"] .ui-slider-horizontal:after { content: ""; position: absolute; top: calc(50% - 4px); left: 2px; width: calc(100% ); height: 8px; pointer-events: none; background-position: 0px 0px; background-repeat: repeat-x; background: radial-gradient(circle farthest-side at calc(100% - 3px) 50%, rgba(255,255,255,.87) 1px,rgba(0,0,0,.66) 2px, transparent 2px); background-size: calc(100% / 10) 100%; } .mdui-slider.mdui-segment-5 .ui-slider-horizontal:after { background-size: calc(100% / 5) 100%; } .mdui-slider.mdui-segment-10 .ui-slider-horizontal:after { background-size: calc(100% / 10) 100%; } .mdui-slider.mdui-segment-20 .ui-slider-horizontal:after { background-size: calc(100% / 20) 100%; } .mdui-slider.mdui-segment-25 .ui-slider-horizontal:after { background-size: calc(100% / 25) 100%; } .mdui-slider.mdui-segment-33 .ui-slider-horizontal:after { background-size: calc(100% / 33) 100%; } .mdui-slider.mdui-segment-50 .ui-slider-horizontal:after { background-size: calc(100% / 50) 100%; } /* rechten Slidebereich aufhellen/abdunkeln */ .ui-datepicker .ui-slider-horizontal .ui-slider-handle, .mdui-slider .ui-slider-horizontal .ui-slider-handle { border:none !important; outline:none !important; margin-left:0px !important; top:calc(50% - 2px) !important; height: 4px; width:4px; background:rgba(0,0,0,.2) !important; border-radius: 2px; pointer-events: none; } .mdui-dark .ui-datepicker .ui-slider-horizontal .ui-slider-handle, .mdui-dark .mdui-slider .ui-slider-horizontal .ui-slider-handle { background:rgba(0,0,0,.2) !important; } /* Handle zeichnen */ .ui-datepicker .ui-slider-horizontal .ui-slider-handle:before, .mdui-slider .ui-slider-horizontal .ui-slider-handle:before { content: ""; position: absolute; top: calc(50% - 8px); left: -8px; padding:0px !important; margin:0px !important; width:16px !important; height:16px !important; background: #ffffff !important; border-radius: 50% !important; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.27), 0 2px 2px 0 rgba(0, 0, 0, 0.27), 0 1px 5px 0 rgba(0, 0, 0, 0.54); } .mdui-dark .ui-datepicker .ui-slider-horizontal .ui-slider-handle:before, .mdui-dark .mdui-slider .ui-slider-horizontal .ui-slider-handle:before { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.27), 0 2px 2px 0 rgba(0, 0, 0, 0.87), 0 1px 5px 0 rgba(0, 0, 0, 1); } .ui-datepicker .ui-slider-handle:focus:before, .ui-datepicker .ui-slider-horizontal:hover .ui-slider-handle:before, .mdui-slider .ui-slider-handle:focus:before, .mdui-slider:hover .ui-slider-horizontal .ui-slider-handle:before { outline: none; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.27), 0 2px 2px 0 rgba(0, 0, 0, 0.27), 0 1px 5px 0 rgba(0, 0, 0, 0.54), 0 0 0 12px var(--hover-color), 0 0 0 12px var(--divider-color); } .mdui-dark .ui-datepicker .ui-slider-handle:focus:before, .mdui-dark .mdui-slider .ui-slider-handle:focus:before, .mdui-dark .ui-datepicker .ui-slider-horizontal:hover .ui-slider-handle:not(:focus):before, .mdui-dark .mdui-slider:hover .ui-slider-horizontal .ui-slider-handle:not(:focus):before { outline: none; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.27), 0 2px 2px 0 rgba(0, 0, 0, 0.87), 0 1px 5px 0 rgba(0, 0, 0, 1), 0 0 0 12px var(--hover-color-dark), 0 0 0 12px var(--divider-color-dark); } /* left-Wert (mdui-slider-value) als %-Angabe anzeigen */ /*.mdui-slider.mdui-show-hint .ui-slider-horizontal .ui-slider-handle:after,*/ .mdui-slider.mdui-show-hint .ui-slider-horizontal .ui-slider-handle:focus:after, .mdui-slider:hover.mdui-show-hint .ui-slider-horizontal .ui-slider-handle:after { content: attr(mdui-slider-value); display:flex; align-items: center; justify-content: center; font-size:0.75em; color: #ffffff; white-space: nowrap; position: absolute; overflow:hidden; top: calc(50% - 60px); left: -16px; width: 32px; height: 32px; background:#000000; border-radius: .25em; opacity:1; z-index:32000; pointer-events: none; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.27), 0 2px 2px 0 rgba(0, 0, 0, 0.27), 0 1px 5px 0 rgba(0, 0, 0, 0.54); } .mdui-dark .mdui-slider.mdui-show-hint .ui-slider-horizontal .ui-slider-handle:focus:after, .mdui-dark .mdui-slider:hover.mdui-show-hint .ui-slider-horizontal .ui-slider-handle:after { color: #000000; background:#ffffff; } /* vertical */ .mdui-slider .ui-slider-vertical { left:calc(50% - 8px) !important; width:16px !important; height:calc(100% - 16px) !important; top:8px !important; } /* Einfärben des slide-Bereiches */ .mdui-slider .ui-slider-vertical:before { content: ""; position: absolute; left: calc(50% - 2px); top: 0px; width: 4px; height: 100%; background:#000000 !important; border-radius: 2px; pointer-events: none; } .mdui-dark .mdui-slider .ui-slider-vertical:before { background:#ffffff !important; } /* oberen Slidebereich aufhellen/abdunkeln */ .mdui-slider .ui-slider-vertical .ui-slider-handle { border:none !important; outline:none !important; margin-bottom:0px !important; left:calc(50% - 2px) !important; height:4px; width:4px; background:rgba(0,0,0,.2) !important; border-radius: 2px; pointer-events: none; } .mdui-dark .mdui-slider .ui-slider-vertical .ui-slider-handle { background:rgba(0,0,0,.2) !important; } /* Handle zeichnen */ .mdui-slider .ui-slider-vertical .ui-slider-handle:before { content: ""; position: absolute; left: calc(50% - 8px); bottom:-8px; padding:0px !important; width:16px !important; height:16px !important; background: #ffffff !important; border-radius: 50% !important; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.27), 0 2px 2px 0 rgba(0, 0, 0, 0.27), 0 1px 5px 0 rgba(0, 0, 0, 0.54); } .mdui-dark .mdui-slider .ui-slider-vertical .ui-slider-handle:before { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.27), 0 2px 2px 0 rgba(0, 0, 0, 0.87), 0 1px 5px 0 rgba(0, 0, 0, 1); } .mdui-slider .ui-slider-handle:focus:before, .mdui-slider:hover .ui-slider-vertical .ui-slider-handle:before { outline: none; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.27), 0 2px 2px 0 rgba(0, 0, 0, 0.27), 0 1px 5px 0 rgba(0, 0, 0, 0.54), 0 0 0 12px var(--hover-color), 0 0 0 12px var(--divider-color); } .mdui-dark .mdui-slider .ui-slider-handle:focus:before, .mdui-dark .mdui-slider:hover .ui-slider-vertical .ui-slider-handle:not(:focus):before { outline: none; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.27), 0 2px 2px 0 rgba(0, 0, 0, 0.87), 0 1px 5px 0 rgba(0, 0, 0, 1), 0 0 0 12px var(--hover-color-dark), 0 0 0 12px var(--divider-color-dark); } .mdui-slider[class*="mdui-segment-"] .ui-slider-vertical:after { content: ""; position: absolute; top: calc(100% / -10 + 4px); left: calc(50% - 4px); width: 8px; height: 100%; pointer-events: none; background-position: 0px 0px; background-repeat: repeat-y; background: radial-gradient(circle farthest-side at 50% calc(100% - 3px), rgba(255,255,255,.87) 1px,rgba(255,255,255,.66) 2px, transparent 2px); background-size: 100% calc(100% / 10); } .mdui-slider.mdui-segment-5 .ui-slider-vertical:after { background-size: 100% calc(100% / 5); top: calc(100% / -5 + 4px); } .mdui-slider.mdui-segment-10 .ui-slider-vertical:after { background-size: 100% calc(100% / 10); top: calc(100% / -10 + 4px); } .mdui-slider.mdui-segment-20 .ui-slider-vertical:after { background-size: 100% calc(100% / 20); top: calc(100% / -20 + 4px); } .mdui-slider.mdui-segment-25 .ui-slider-vertical:after { background-size: 100% calc(100% / 25); top: calc(100% / -25 + 4px); } .mdui-slider.mdui-segment-33 .ui-slider-vertical:after { background-size: 100% calc(100% / 33); top: calc(100% / -33 + 4px); } .mdui-slider.mdui-segment-50 .ui-slider-vertical:after { background-size: 100% calc(100% / 50); top: calc(100% / -50 + 4px); } /* left-Wert als %-Angabe anzeigen */ .mdui-runtime .mdui-slider.mdui-show-hint .ui-slider-vertical .ui-slider-handle:focus:after, .mdui-runtime .mdui-slider:hover.mdui-show-hint .ui-slider-vertical .ui-slider-handle:after { content: attr(mdui-slider-value); display:flex; align-items: center; justify-content: center; font-size:0.75em; color: #ffffff; white-space: nowrap; position: absolute; overflow:hidden; bottom: -16px; left: calc(50% - 60px); width: 32px; height: 32px; background:#121212; border-radius: .25em; opacity:1; z-index:32000; pointer-events: none; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.27), 0 2px 2px 0 rgba(0, 0, 0, 0.27), 0 1px 5px 0 rgba(0, 0, 0, 0.54); } .mdui-dark .mdui-slider.mdui-show-hint .ui-slider-vertical .ui-slider-handle:focus:after, .mdui-dark .mdui-slider:hover.mdui-show-hint .ui-slider-vertical .ui-slider-handle:after { color: #000000; background:#ffffff; } .mdui-transparent-acc.mdui-slider .ui-slider-horizontal:before, .mdui-transparent-acc.mdui-slider .ui-slider-vertical:before, .mdui-transparent-acc.mdui-slider .ui-slider-horizontal .ui-slider-handle, .mdui-transparent-acc.mdui-slider .ui-slider-vertical .ui-slider-handle { background: none !important; } .mdui-red-acc.mdui-slider .ui-slider-horizontal:before { background-color:#f44336 !important; } .mdui-pink-acc.mdui-slider .ui-slider-horizontal:before { background-color:#e91e63 !important; } .mdui-purple-acc.mdui-slider .ui-slider-horizontal:before { background-color:#9c27b0 !important; } .mdui-deeppurple-acc.mdui-slider .ui-slider-horizontal:before { background-color:#673ab7 !important; } .mdui-indigo-acc.mdui-slider .ui-slider-horizontal:before { background-color:#3f51b5 !important; } .mdui-blue-acc.mdui-slider .ui-slider-horizontal:before { background-color:#2196f3 !important; } .mdui-lightblue-acc.mdui-slider .ui-slider-horizontal:before { background-color:#03a9f4 !important; } .mdui-cyan-acc.mdui-slider .ui-slider-horizontal:before { background-color:#00bcd4 !important; } .mdui-teal-acc.mdui-slider .ui-slider-horizontal:before { background-color:#009688 !important; } .mdui-green-acc.mdui-slider .ui-slider-horizontal:before { background-color:#4caf50 !important; } .mdui-lightgreen-acc.mdui-slider .ui-slider-horizontal:before { background-color:#8bc34a !important; } .mdui-lime-acc.mdui-slider .ui-slider-horizontal:before { background-color:#cddc39 !important; } .mdui-yellow-acc.mdui-slider .ui-slider-horizontal:before { background-color:#ffeb3b !important; } .mdui-amber-acc.mdui-slider .ui-slider-horizontal:before { background-color:#ffc107 !important; } .mdui-orange-acc.mdui-slider .ui-slider-horizontal:before { background-color:#ff9800 !important; } .mdui-deeporange-acc.mdui-slider .ui-slider-horizontal:before { background-color:#ff5722 !important; } .mdui-brown-acc.mdui-slider .ui-slider-horizontal:before { background-color:#795548 !important; } .mdui-grey-acc.mdui-slider .ui-slider-horizontal:before { background-color:#9e9e9e !important; } .mdui-darkgrey-acc.mdui-slider .ui-slider-horizontal:before { background-color:#303030 !important; } .mdui-bluegrey-acc.mdui-slider .ui-slider-horizontal:before { background-color:#607d8b !important; } .mdui-white-acc.mdui-slider .ui-slider-horizontal:before { background-color:#f8f8f8 !important; } .mdui-black-acc.mdui-slider .ui-slider-horizontal:before { background-color:#212121 !important; } .mdui-color1-acc.mdui-slider .ui-slider-horizontal:before { background-color:var(--color1) !important; } .mdui-color2-acc.mdui-slider .ui-slider-horizontal:before { background-color:var(--color2) !important; } .mdui-color3-acc.mdui-slider .ui-slider-horizontal:before { background-color:var(--color3) !important; } .mdui-red-acc.mdui-slider .ui-slider-vertical:before { background-color:#f44336 !important; } .mdui-pink-acc.mdui-slider .ui-slider-vertical:before { background-color:#e91e63 !important; } .mdui-purple-acc.mdui-slider .ui-slider-vertical:before { background-color:#9c27b0 !important; } .mdui-deeppurple-acc.mdui-slider .ui-slider-vertical:before { background-color:#673ab7 !important; } .mdui-indigo-acc.mdui-slider .ui-slider-vertical:before { background-color:#3f51b5 !important; } .mdui-blue-acc.mdui-slider .ui-slider-vertical:before { background-color:#2196f3 !important; } .mdui-lightblue-acc.mdui-slider .ui-slider-vertical:before { background-color:#03a9f4 !important; } .mdui-cyan-acc.mdui-slider .ui-slider-vertical:before { background-color:#00bcd4 !important; } .mdui-teal-acc.mdui-slider .ui-slider-vertical:before { background-color:#009688 !important; } .mdui-green-acc.mdui-slider .ui-slider-vertical:before { background-color:#4caf50 !important; } .mdui-lightgreen-acc.mdui-slider .ui-slider-vertical:before { background-color:#8bc34a !important; } .mdui-lime-acc.mdui-slider .ui-slider-vertical:before { background-color:#cddc39 !important; } .mdui-yellow-acc.mdui-slider .ui-slider-vertical:before { background-color:#ffeb3b !important; } .mdui-amber-acc.mdui-slider .ui-slider-vertical:before { background-color:#ffc107 !important; } .mdui-orange-acc.mdui-slider .ui-slider-vertical:before { background-color:#ff9800 !important; } .mdui-deeporange-acc.mdui-slider .ui-slider-vertical:before { background-color:#ff5722 !important; } .mdui-brown-acc.mdui-slider .ui-slider-vertical:before { background-color:#795548 !important; } .mdui-grey-acc.mdui-slider .ui-slider-vertical:before { background-color:#9e9e9e !important; } .mdui-darkgrey-acc.mdui-slider .ui-slider-vertical:before { background-color:#303030 !important; } .mdui-bluegrey-acc.mdui-slider .ui-slider-vertical:before { background-color:#607d8b !important; } .mdui-white-acc.mdui-slider .ui-slider-vertical:before { background-color:#f8f8f8 !important; } .mdui-black-acc.mdui-slider .ui-slider-vertical:before { background-color:#212121 !important; } .mdui-color1-acc.mdui-slider .ui-slider-vertical:before { background-color:var(--color1) !important; } .mdui-color2-acc.mdui-slider .ui-slider-vertical:before { background-color:var(--color2) !important; } .mdui-color3-acc.mdui-slider .ui-slider-vertical:before { background-color:var(--color3) !important; } .mdui-red-acc.mdui-slider .ui-slider-handle:before { background-color:#f44336 !important; } .mdui-pink-acc.mdui-slider .ui-slider-handle:before { background-color:#e91e63 !important; } .mdui-purple-acc.mdui-slider .ui-slider-handle:before { background-color:#9c27b0 !important; } .mdui-deeppurple-acc.mdui-slider .ui-slider-handle:before { background-color:#673ab7 !important; } .mdui-indigo-acc.mdui-slider .ui-slider-handle:before { background-color:#3f51b5 !important; } .mdui-blue-acc.mdui-slider .ui-slider-handle:before { background-color:#2196f3 !important; } .mdui-lightblue-acc.mdui-slider .ui-slider-handle:before { background-color:#03a9f4 !important; } .mdui-cyan-acc.mdui-slider .ui-slider-handle:before { background-color:#00bcd4 !important; } .mdui-teal-acc.mdui-slider .ui-slider-handle:before { background-color:#009688 !important; } .mdui-green-acc.mdui-slider .ui-slider-handle:before { background-color:#4caf50 !important; } .mdui-lightgreen-acc.mdui-slider .ui-slider-handle:before { background-color:#8bc34a !important; } .mdui-lime-acc.mdui-slider .ui-slider-handle:before { background-color:#cddc39 !important; } .mdui-yellow-acc.mdui-slider .ui-slider-handle:before { background-color:#ffeb3b !important; } .mdui-amber-acc.mdui-slider .ui-slider-handle:before { background-color:#ffc107 !important; } .mdui-orange-acc.mdui-slider .ui-slider-handle:before { background-color:#ff9800 !important; } .mdui-deeporange-acc.mdui-slider .ui-slider-handle:before { background-color:#ff5722 !important; } .mdui-brown-acc.mdui-slider .ui-slider-handle:before { background-color:#795548 !important; } .mdui-grey-acc.mdui-slider .ui-slider-handle:before { background-color:#9e9e9e !important; } .mdui-darkgrey-acc.mdui-slider .ui-slider-handle:before { background-color:#303030 !important; } .mdui-bluegrey-acc.mdui-slider .ui-slider-handle:before { background-color:#607d8b !important; } .mdui-white-acc.mdui-slider .ui-slider-handle:before { background-color:#f8f8f8 !important; } .mdui-black-acc.mdui-slider .ui-slider-handle:before { background-color:#212121 !important; } .mdui-color1-acc.mdui-slider .ui-slider-handle:before { background-color:var(--color1) !important; } .mdui-color2-acc.mdui-slider .ui-slider-handle:before { background-color:var(--color2) !important; } .mdui-color3-acc.mdui-slider .ui-slider-handle:before { background-color:var(--color3) !important; } /* ----- Radio Buttons ----- */ .mdui-radio { z-index:2; } .mdui-radio.mdui-vertical td { display: block; } .mdui-radio *[id*="_radio"] { background:none !important; border:none !important; color:var(--design-font-color) !important; } .mdui-dark .mdui-radio *[id*="_radio"] label { color:#ffffff !important; } .mdui-radio *[id*="_radio"] * { padding:0px !important; } .mdui-radio *[id*="_radio"] td { padding-top:0.25em !important; padding-bottom:0.25em !important; } .mdui-radio *[id*="_radio"] label { padding-left:0.5em !important; padding-right:0.5em !important; padding-top:.125em !important; padding-bottom:.125em !important; font-size:1em; font-weight:normal; background:none !important; border:none !important; border-radius: 0; border-bottom:3px solid rgba(0,0,0,0) !important; opacity: 0.87; } .mdui-radio *[id*="_radio"] label.ui-state-active { border-bottom-color:var(--accent-color) !important; color:var(--accent-color) !important; opacity: 1; } /* Radiobuttons vertikal darstellen */ .mdui-radio.mdui-vertical td { display: block; } /* 500 color -acc : active state*/ .mdui-red-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#f44336 !important; border-bottom-color:#f44336 !important; } .mdui-pink-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#e91e63 !important; border-bottom-color:#e91e63 !important; } .mdui-purple-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#9c27b0 !important; border-bottom-color:#9c27b0 !important; } .mdui-deeppurple-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#673ab7 !important; border-bottom-color:#673ab7 !important; } .mdui-indigo-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#3f51b5 !important; border-bottom-color:#3f51b5 !important; } .mdui-blue-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#2196f3 !important; border-bottom-color:#2196f3 !important; } .mdui-lightblue-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#03a9f4 !important; border-bottom-color:#03a9f4 !important; } .mdui-cyan-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#00bcd4 !important; border-bottom-color:#00bcd4 !important; } .mdui-teal-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#009688 !important; border-bottom-color:#009688 !important; } .mdui-green-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#4caf50 !important; border-bottom-color:#4caf50 !important; } .mdui-lightgreen-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#8bc34a !important; border-bottom-color:#8bc34a !important; } .mdui-lime-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#cddc39 !important; border-bottom-color:#cddc39 !important; } .mdui-yellow-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#ffeb3b !important; border-bottom-color:#ffeb3b !important; } .mdui-amber-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#ffc107 !important; border-bottom-color:#ffc107 !important; } .mdui-orange-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#ff9800 !important; border-bottom-color:#ff9800 !important; } .mdui-deeporange-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#ff5722 !important; border-bottom-color:#ff5722 !important; } .mdui-brown-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#795548 !important; border-bottom-color:#795548 !important; } .mdui-grey-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#9e9e9e !important; border-bottom-color:#9e9e9e !important; } .mdui-darkgrey-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#303030 !important; border-bottom-color:#303030 !important; } .mdui-bluegrey-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#607d8b !important; border-bottom-color:#607d8b !important; } .mdui-white-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#f8f8f8 !important; border-bottom-color:#f8f8f8 !important; } .mdui-black-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:#212121 !important; border-bottom-color:#212121 !important; } .mdui-color1-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:var(--color1) !important; border-bottom-color:var(--color1) !important; } .mdui-color2-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:var(--color2) !important; border-bottom-color:var(--color2) !important; } .mdui-color3-acc.mdui-radio *[id*="_radio"] label.ui-state-active { color:var(--color3) !important; border-bottom-color:var(--color3) !important; } /* 500 color : label */ .mdui-red.mdui-radio *[id*="_radio"] label { color:#f44336 !important; } .mdui-pink.mdui-radio *[id*="_radio"] label { color:#e91e63 !important; } .mdui-purple.mdui-radio *[id*="_radio"] label { color:#9c27b0 !important; } .mdui-deeppurple.mdui-radio *[id*="_radio"] label { color:#673ab7 !important; } .mdui-indigo.mdui-radio *[id*="_radio"] label { color:#3f51b5 !important; } .mdui-blue.mdui-radio *[id*="_radio"] label { color:#2196f3 !important; } .mdui-lightblue.mdui-radio *[id*="_radio"] label { color:#03a9f4 !important; } .mdui-cyan.mdui-radio *[id*="_radio"] label { color:#00bcd4 !important; } .mdui-teal.mdui-radio *[id*="_radio"] label { color:#009688 !important; } .mdui-green.mdui-radio *[id*="_radio"] label { color:#4caf50 !important; } .mdui-lightgreen.mdui-radio *[id*="_radio"] label { color:#8bc34a !important; } .mdui-lime.mdui-radio *[id*="_radio"] label { color:#cddc39 !important; } .mdui-yellow.mdui-radio *[id*="_radio"] label { color:#ffeb3b !important; } .mdui-amber.mdui-radio *[id*="_radio"] label { color:#ffc107 !important; } .mdui-orange.mdui-radio *[id*="_radio"] label { color:#ff9800 !important; } .mdui-deeporange.mdui-radio *[id*="_radio"] label { color:#ff5722 !important; } .mdui-brown.mdui-radio *[id*="_radio"] label { color:#795548 !important; } .mdui-grey.mdui-radio *[id*="_radio"] label { color:#9e9e9e !important; } .mdui-darkgrey.mdui-radio *[id*="_radio"] label { color:#303030 !important; } .mdui-bluegrey.mdui-radio *[id*="_radio"] label { color:#607d8b !important; } .mdui-white.mdui-radio *[id*="_radio"] label { color:#f8f8f8 !important; } .mdui-black.mdui-radio *[id*="_radio"] label { color:#212121 !important; } .mdui-color1.mdui-radio *[id*="_radio"] label { color:var(--color1) !important; } .mdui-color2.mdui-radio *[id*="_radio"] label { color:var(--color2) !important; } .mdui-color3.mdui-radio *[id*="_radio"] label { color:var(--color3) !important; } /* ----- Chip ----- */ .mdui-chip, .mdui-chip-outlined { min-width:2.5em; min-height:1.5em; border-radius: 1em !important; border:1px solid var(--hover-color); background:rgba(0,0,0,0.1); padding-top:0.2em; padding-bottom:0.2em; padding-left:0.5em; padding-right:0.5em; } .mdui-chip-outlined { border:1px solid rgba(0,0,0,0.33); background:none; } .mdui-dark .mdui-chip { background:rgba(255,255,255,0.1); } .mdui-dark .mdui-chip-outlined { border:1px solid rgba(255,255,255,0.33); } .mdui-chip *, .mdui-chip-outlined *{ border-radius: 1em !important; margin:0px !important; padding:0px !important; background:none !important; color:var(--design-font-color) !important; } .mdui-dark .mdui-chip *, .mdui-dark .mdui-chip-outlined * { color:#ffffff !important; } .mdui-runtime.mdui-notouch .mdui-chip:hover, .mdui-runtime.mdui-notouch .mdui-chip * *:hover, .mdui-runtime.mdui-notouch .mdui-chip-outlined:hover, .mdui-runtime.mdui-notouch .mdui-chip-outlined * *:hover { box-shadow: 0 0 0px 1000px var(--hover-color) inset !important; transition: all 0.3s ease; } /* ----- Chips ----- */ /*
*/ .mdui-chips, .mdui-chips-outlined { z-index:2; } .mdui-chips.mdui-vertical td, .mdui-chips-outlined.mdui-vertical td { display: block; } .mdui-chips *, .mdui-chips-outlined * { padding:0px !important; margin:0px !important; height:inherit; } .mdui-chips label, .mdui-chips-outlined label { min-width:2em; border:1px solid transparent !important; border-radius: 1em; padding-top:.25em !important; padding-bottom:.25em !important; padding-left:.5em !important; padding-right:.5em !important; font-weight:normal!important; background:none !important; color:var(--design-font-color) !important; opacity:0.8; } .mdui-dark .mdui-chips label, .mdui-dark .mdui-chips-outlined label { color:#ffffff !important; } .mdui-chips * label, .mdui-chips-outlined * label { border-radius: 1em; } .mdui-chips * label { background:var(--frame-color) !important; } .mdui-dark .mdui-chips * label { background:var(--frame-color-dark) !important; } .mdui-chips-outlined * label { border-color: var(--frame-color) !important; } .mdui-dark .mdui-chips-outlined * label { border-color: var(--frame-color-dark) !important; } .mdui-chips label:not(:first-of-type), .mdui-chips td:not(:first-child) label, .mdui-chips-outlined label:not(:first-of-type), .mdui-chips-outlined td:not(:first-child) label { margin-left:.25em !important; } /* Chips vertikal darstellen */ .mdui-chips.mdui-vertical td, .mdui-chips-outlined.mdui-vertical td { display: block; } /* chips background 200 */ .mdui-red.mdui-chips * label { background-color:#ff7961 !important; } .mdui-pink.mdui-chips * label { background-color:#ff6090 !important; } .mdui-purple.mdui-chips * label { background-color:#d05ce3 !important; } .mdui-deeppurple.mdui-chips * label { background-color:#9a67ea !important; } .mdui-indigo.mdui-chips * label { background-color:#757de8 !important; } .mdui-blue.mdui-chips * label { background-color:#6ec6ff !important; } .mdui-lightblue.mdui-chips * label { background-color:#67daff !important; } .mdui-cyan.mdui-chips * label { background-color:#62efff !important; } .mdui-teal.mdui-chips * label { background-color:#52c7b8 !important; } .mdui-green.mdui-chips * label { background-color:#80e27e !important; } .mdui-lightgreen.mdui-chips * label { background-color:#bef67a !important; } .mdui-lime.mdui-chips * label { background-color:#ffff6e !important; } .mdui-yellow.mdui-chips * label { background-color:#ffff72 !important; } .mdui-amber.mdui-chips * label { background-color:#fff350 !important; } .mdui-orange.mdui-chips * label { background-color:#ffc947 !important; } .mdui-deeporange.mdui-chips * label { background-color:#ff8a50 !important; } .mdui-brown.mdui-chips * label { background-color:#a98274 !important; } .mdui-grey.mdui-chips * label { background-color:#cfcfcf !important; } .mdui-darkgrey.mdui-chips * label { background-color:#383838 !important; } .mdui-bluegrey.mdui-chips * label { background-color:#8eacbb !important; } .mdui-white.mdui-chips * label { background-color:#f8f8f8 !important; } .mdui-black.mdui-chips * label { background-color:#303030 !important; } .mdui-color1.mdui-chips * label { background-color:var(--color1) !important; } .mdui-color2.mdui-chips * label { background-color:var(--color2) !important; } .mdui-color3.mdui-chips * label { background-color:var(--color3) !important; } /* chips background active 500 */ .mdui-red-acc.mdui-chips * label.ui-state-active {background-color:#f44336 !important;} .mdui-pink-acc.mdui-chips * label.ui-state-active {background-color:#e91e63 !important;} .mdui-purple-acc.mdui-chips * label.ui-state-active {background-color:#9c27b0 !important;} .mdui-deeppurple-acc.mdui-chips * label.ui-state-active { background-color:#673ab7 !important;} .mdui-indigo-acc.mdui-chips * label.ui-state-active { background-color:#3f51b5 !important;} .mdui-blue-acc.mdui-chips * label.ui-state-active { background-color:#2196f3 !important;} .mdui-lightblue-acc.mdui-chips * label.ui-state-active { background-color:#03a9f4 !important;} .mdui-cyan-acc.mdui-chips * label.ui-state-active { background-color:#00bcd4 !important;} .mdui-teal-acc.mdui-chips * label.ui-state-active { background-color:#009688 !important;} .mdui-green-acc.mdui-chips * label.ui-state-active { background-color:#4caf50 !important;} .mdui-lightgreen-acc.mdui-chips * label.ui-state-active { background-color:#8bc34a !important;} .mdui-lime-acc.mdui-chips * label.ui-state-active { background-color:#cddc39 !important;} .mdui-yellow-acc.mdui-chips * label.ui-state-active { background-color:#ffeb3b !important;} .mdui-amber-acc.mdui-chips * label.ui-state-active { background-color:#ffc107 !important;} .mdui-orange-acc.mdui-chips * label.ui-state-active { background-color:#ff9800 !important;} .mdui-deeporange-acc.mdui-chips * label.ui-state-active { background-color:#ff5722 !important;} .mdui-brown-acc.mdui-chips * label.ui-state-active { background-color:#795548 !important;} .mdui-grey-acc.mdui-chips * label.ui-state-active { background-color:#9e9e9e !important;} .mdui-darkgrey-acc.mdui-chips * label.ui-state-active { background-color:#303030 !important;} .mdui-bluegrey-acc.mdui-chips * label.ui-state-active { background-color:#607d8b !important;} .mdui-white-acc.mdui-chips * label.ui-state-active { background-color:#f8f8f8 !important;} .mdui-black-acc.mdui-chips * label.ui-state-active { background-color:#212121 !important;} .mdui-color1-acc.mdui-chips * label.ui-state-active { background-color:var(--color1) !important;} .mdui-color2-acc.mdui-chips * label.ui-state-active { background-color:var(--color2) !important;} .mdui-color3-acc.mdui-chips * label.ui-state-active { background-color:var(--color3) !important;} /* outlined background label 200 light */ .mdui-red.mdui-chips-outlined * label { border-color:#ff7961 !important; } .mdui-pink.mdui-chips-outlined * label { border-color:#ff6090 !important; } .mdui-purple.mdui-chips-outlined * label { border-color:#d05ce3 !important; } .mdui-deeppurple.mdui-chips-outlined * label { border-color:#9a67ea !important; } .mdui-indigo.mdui-chips-outlined * label { border-color:#757de8 !important; } .mdui-blue.mdui-chips-outlined * label { border-color:#6ec6ff !important; } .mdui-lightblue.mdui-chips-outlined * label { border-color:#67daff !important; } .mdui-cyan.mdui-chips-outlined * label { border-color:#62efff !important; } .mdui-teal.mdui-chips-outlined * label { border-color:#52c7b8 !important; } .mdui-green.mdui-chips-outlined * label { border-color:#80e27e !important; } .mdui-lightgreen.mdui-chips-outlined * label { border-color:#bef67a !important; } .mdui-lime.mdui-chips-outlined * label { border-color:#ffff6e !important; } .mdui-yellow.mdui-chips-outlined * label { border-color:#ffff72 !important; } .mdui-amber.mdui-chips-outlined * label { border-color:#fff350 !important; } .mdui-orange.mdui-chips-outlined * label { border-color:#ffc947 !important; } .mdui-deeporange.mdui-chips-outlined * label { border-color:#ff8a50 !important; } .mdui-brown.mdui-chips-outlined * label { border-color:#a98274 !important; } .mdui-grey.mdui-chips-outlined * label { border-color:#cfcfcf !important; } .mdui-darkgrey.mdui-chips-outlined * label { border-color:#383838 !important; } .mdui-bluegrey.mdui-chips-outlined * label { border-color:#8eacbb !important; } .mdui-white.mdui-chips-outlined * label { border-color:#f8f8f8 !important; } .mdui-black.mdui-chips-outlined * label { border-color:#212121 !important; } .mdui-color1.mdui-chips-outlined * label { border-color:var(--color1) !important; } .mdui-color2.mdui-chips-outlined * label { border-color:var(--color2) !important; } .mdui-color3.mdui-chips-outlined * label { border-color:var(--color3) !important; } /* outlined active 200 light */ .mdui-red-acc.mdui-chips-outlined * label.ui-state-active { background-color:#ff7961 !important; } .mdui-pink-acc.mdui-chips-outlined * label.ui-state-active { background-color:#ff6090 !important; } .mdui-purple-acc.mdui-chips-outlined * label.ui-state-active { background-color:#d05ce3 !important; } .mdui-deeppurple-acc.mdui-chips-outlined * label.ui-state-active { background-color:#9a67ea !important; } .mdui-indigo-acc.mdui-chips-outlined * label.ui-state-active { background-color:#757de8 !important; } .mdui-blue-acc.mdui-chips-outlined * label.ui-state-active { background-color:#6ec6ff !important; } .mdui-lightblue-acc.mdui-chips-outlined * label.ui-state-active { background-color:#67daff !important; } .mdui-cyan-acc.mdui-chips-outlined * label.ui-state-active { background-color:#62efff !important; } .mdui-teal-acc.mdui-chips-outlined * label.ui-state-active { background-color:#52c7b8 !important; } .mdui-green-acc.mdui-chips-outlined * label.ui-state-active { background-color:#80e27e !important; } .mdui-lightgreen-acc.mdui-chips-outlined * label.ui-state-active { background-color:#bef67a !important; } .mdui-lime-acc.mdui-chips-outlined * label.ui-state-active { background-color:#ffff6e !important; } .mdui-yellow-acc.mdui-chips-outlined * label.ui-state-active { background-color:#ffff72 !important; } .mdui-amber-acc.mdui-chips-outlined * label.ui-state-active { background-color:#fff350 !important; } .mdui-orange-acc.mdui-chips-outlined * label.ui-state-active { background-color:#ffc947 !important; } .mdui-deeporange-acc.mdui-chips-outlined * label.ui-state-active { background-color:#ff8a50 !important; } .mdui-brown-acc.mdui-chips-outlined * label.ui-state-active { background-color:#a98274 !important; } .mdui-grey-acc.mdui-chips-outlined * label.ui-state-active { background-color:#cfcfcf !important; } .mdui-darkgrey-acc.mdui-chips-outlined * label.ui-state-active { background-color:#383838 !important; } .mdui-bluegrey-acc.mdui-chips-outlined * label.ui-state-active { background-color:#8eacbb !important; } .mdui-white-acc.mdui-chips-outlined * label.ui-state-active { background-color:#f8f8f8 !important; } .mdui-black-acc.mdui-chips-outlined * label.ui-state-active { background-color:#212121 !important; } .mdui-color1-acc.mdui-chips-outlined * label.ui-state-active { background-color:var(--color1) !important; } .mdui-color2-acc.mdui-chips-outlined * label.ui-state-active { background-color:var(--color2) !important; } .mdui-color3-acc.mdui-chips-outlined * label.ui-state-active { background-color:var(--color3) !important; } /* outlined background label 500 dark */ .mdui-dark .mdui-red.mdui-chips-outlined * label { border-color:#f44336 !important; } .mdui-dark .mdui-pink.mdui-chips-outlined * label { border-color:#e91e63 !important; } .mdui-dark .mdui-purple.mdui-chips-outlined * label { border-color:#9c27b0 !important; } .mdui-dark .mdui-deeppurple.mdui-chips-outlined * label { border-color:#673ab7 !important; } .mdui-dark .mdui-indigo.mdui-chips-outlined * label { border-color:#3f51b5 !important; } .mdui-dark .mdui-blue.mdui-chips-outlined * label { border-color:#2196f3 !important; } .mdui-dark .mdui-lightblue.mdui-chips-outlined * label { border-color:#03a9f4 !important; } .mdui-dark .mdui-cyan.mdui-chips-outlined * label { border-color:#00bcd4 !important; } .mdui-dark .mdui-teal.mdui-chips-outlined * label { border-color:#009688 !important; } .mdui-dark .mdui-green.mdui-chips-outlined * label { border-color:#4caf50 !important; } .mdui-dark .mdui-lightgreen.mdui-chips-outlined * label { border-color:#8bc34a !important; } .mdui-dark .mdui-lime.mdui-chips-outlined * label { border-color:#cddc39 !important; } .mdui-dark .mdui-yellow.mdui-chips-outlined * label { border-color:#ffeb3b !important; } .mdui-dark .mdui-amber.mdui-chips-outlined * label { border-color:#ffc107 !important; } .mdui-dark .mdui-orange.mdui-chips-outlined * label { border-color:#ff9800 !important; } .mdui-dark .mdui-deeporange.mdui-chips-outlined * label { border-color:#ff5722 !important; } .mdui-dark .mdui-brown.mdui-chips-outlined * label { border-color:#795548 !important; } .mdui-dark .mdui-grey.mdui-chips-outlined * label { border-color:#9e9e9e !important; } .mdui-dark .mdui-darkgrey.mdui-chips-outlined * label { border-color:#303030 !important; } .mdui-dark .mdui-bluegrey.mdui-chips-outlined * label { border-color:#607d8b !important; } .mdui-dark .mdui-white.mdui-chips-outlined * label { border-color:#f8f8f8 !important; } .mdui-dark .mdui-black.mdui-chips-outlined * label { border-color:#212121 !important; } .mdui-dark .mdui-color1.mdui-chips-outlined * label { border-color:var(--color1-dark) !important; } .mdui-dark .mdui-color2.mdui-chips-outlined * label { border-color:var(--color2-dark) !important; } .mdui-dark .mdui-color3.mdui-chips-outlined * label { border-color:var(--color3-dark) !important; } /* outlined active 500 dark */ .mdui-dark .mdui-red-acc.mdui-chips-outlined * label.ui-state-active { background-color:#f44336 !important; } .mdui-dark .mdui-pink-acc.mdui-chips-outlined * label.ui-state-active { background-color:#e91e63 !important; } .mdui-dark .mdui-purple-acc.mdui-chips-outlined * label.ui-state-active { background-color:#9c27b0 !important; } .mdui-dark .mdui-deeppurple-acc.mdui-chips-outlined * label.ui-state-active { background-color:#673ab7 !important; } .mdui-dark .mdui-indigo-acc.mdui-chips-outlined * label.ui-state-active { background-color:#3f51b5 !important; } .mdui-dark .mdui-blue-acc.mdui-chips-outlined * label.ui-state-active { background-color:#2196f3 !important; } .mdui-dark .mdui-lightblue-acc.mdui-chips-outlined * label.ui-state-active { background-color:#03a9f4 !important; } .mdui-dark .mdui-cyan-acc.mdui-chips-outlined * label.ui-state-active { background-color:#00bcd4 !important; } .mdui-dark .mdui-teal-acc.mdui-chips-outlined * label.ui-state-active { background-color:#009688 !important; } .mdui-dark .mdui-green-acc.mdui-chips-outlined * label.ui-state-active { background-color:#4caf50 !important; } .mdui-dark .mdui-lightgreen-acc.mdui-chips-outlined * label.ui-state-active { background-color:#8bc34a !important; } .mdui-dark .mdui-lime-acc.mdui-chips-outlined * label.ui-state-active { background-color:#cddc39 !important; } .mdui-dark .mdui-yellow-acc.mdui-chips-outlined * label.ui-state-active { background-color:#ffeb3b !important; } .mdui-dark .mdui-amber-acc.mdui-chips-outlined * label.ui-state-active { background-color:#ffc107 !important; } .mdui-dark .mdui-orange-acc.mdui-chips-outlined * label.ui-state-active { background-color:#ff9800 !important; } .mdui-dark .mdui-deeporange-acc.mdui-chips-outlined * label.ui-state-active { background-color:#ff5722 !important; } .mdui-dark .mdui-brown-acc.mdui-chips-outlined * label.ui-state-active { background-color:#795548 !important; } .mdui-dark .mdui-grey-acc.mdui-chips-outlined * label.ui-state-active { background-color:#9e9e9e !important; } .mdui-dark .mdui-darkgrey-acc.mdui-chips-outlined * label.ui-state-active { background-color:#303030 !important; } .mdui-dark .mdui-bluegrey-acc.mdui-chips-outlined * label.ui-state-active { background-color:#607d8b !important; } .mdui-dark .mdui-white-acc.mdui-chips-outlined * label.ui-state-active { background-color:#f8f8f8 !important; } .mdui-dark .mdui-black-acc.mdui-chips-outlined * label.ui-state-active { background-color:#212121 !important; } .mdui-dark .mdui-color1-acc.mdui-chips-outlined * label.ui-state-active { background-color:var(--color1-dark) !important; } .mdui-dark .mdui-color2-acc.mdui-chips-outlined * label.ui-state-active { background-color:var(--color2-dark) !important; } .mdui-dark .mdui-color3-acc.mdui-chips-outlined * label.ui-state-active { background-color:var(--color3-dark) !important; } /* darf erst nach den background defs kommen */ .mdui-chips * label.ui-state-active, .mdui-chips-outlined * label.ui-state-active { opacity:1.0; z-index:0; background-color:var(--accent-color) !important; } /* ----- Switch ----- */ .mdui-switch { z-index:2; border-radius:0.25em; } .mdui-switch input[type="checkbox"] { display: none; } .mdui-switch input[type="checkbox"]~label { position: relative; display: inline-block; cursor: pointer; z-index:2; height:100%; width:100%; } .mdui-switch input[type="checkbox"]~label:before, .mdui-switch input[type="checkbox"]~label:after { content: ""; position: absolute; outline: 0; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .mdui-switch input[type="checkbox"]~label:before { left: 0px; width: 48px; height: 16px; background-color: rgba(0,0,0,0.33); border-radius: 100px; } .mdui-dark .mdui-switch input[type="checkbox"]~label:before { background-color: rgba(255,255,255,0.33); } .mdui-switch input[type="checkbox"]~label:after { left: 1px; width: 24px; height: 24px; background-color: rgba(255,255,255,1); border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.27), 0 2px 2px 0 rgba(0, 0, 0, 0.27), 0 1px 5px 0 rgba(0, 0, 0, 0.54); } .mdui-switch input[type="checkbox"]:checked~label:before { background-color: rgba(255,255,255,1); } .mdui-switch input[type="checkbox"]:checked~label:after { background-color: var(--accent-color) ; -ms-transform: translate(calc(100% - 2px), -50%); -webkit-transform: translate(calc(100% - 2px), -50%); transform: translate(calc(100% - 2px), -50%); } /* 500 Switch */ .mdui-teal-acc.mdui-switch input[type="checkbox"]~label:after { background-color: #009688 ; } .mdui-amber-acc.mdui-switch input[type="checkbox"]~label:after { background-color: #FFC107 ; } .mdui-indigo-acc.mdui-switch input[type="checkbox"]~label:after { background-color: #3F51B5 ; } .mdui-blue-acc.mdui-switch input[type="checkbox"]~label:after { background-color: #64B5F6; } .mdui-lime-acc.mdui-switch input[type="checkbox"]~label:after { background-color: #CDDC39 ; } .mdui-red-acc.mdui-switch input[type="checkbox"]~label:after { background-color: #F44336 ; } .mdui-green-acc.mdui-switch input[type="checkbox"]~label:after { background-color: #4CAF50 ; } .mdui-yellow-acc.mdui-switch input[type="checkbox"]~label:after { background-color: #FFEB3B ; } .mdui-brown-acc.mdui-switch input[type="checkbox"]~label:after { background-color: #795548 ; } .mdui-grey-acc.mdui-switch input[type="checkbox"]~label:after { background-color: #9E9E9E ; } .mdui-bluegrey-acc.mdui-switch input[type="checkbox"]~label:after { background-color: #607D8B ; } .mdui-color1-acc.mdui-switch input[type="checkbox"]~label:after { background-color: var(--color1) ; } .mdui-color2-acc.mdui-switch input[type="checkbox"]~label:after { background-color: var(--color2) ; } .mdui-color3-acc.mdui-switch input[type="checkbox"]~label:after { background-color: var(--color3) ; } /* 600 Switch */ .mdui-teal-acc.mdui-switch input[type="checkbox"]:checked~label:before{ background-color: #00897B; } .mdui-amber-acc.mdui-switch input[type="checkbox"]:checked~label:before{ background-color: #FFB300; } .mdui-indigo-acc.mdui-switch input[type="checkbox"]:checked~label:before{ background-color: #3949AB; } .mdui-blue-acc.mdui-switch input[type="checkbox"]:checked~label:before{ background-color: #1E88E5; } .mdui-lime-acc.mdui-switch input[type="checkbox"]:checked~label:before{ background-color: #C0CA33; } .mdui-red-acc.mdui-switch input[type="checkbox"]:checked~label:before { background-color: #E53935; } .mdui-green-acc.mdui-switch input[type="checkbox"]:checked~label:before{ background-color: #43A047; } .mdui-yellow-acc.mdui-switch input[type="checkbox"]:checked~label:before{ background-color: #FDD835; } .mdui-brown-acc.mdui-switch input[type="checkbox"]:checked~label:before { background-color: #6D4C41; } .mdui-grey-acc.mdui-switch input[type="checkbox"]:checked~label:before { background-color: #757575; } .mdui-bluegrey-acc.mdui-switch input[type="checkbox"]:checked~label:before { background-color: #546E7A; } .mdui-color1-acc.mdui-switch input[type="checkbox"]:checked~label:before { background-color: var(--cutom1); } .mdui-color2-acc.mdui-switch input[type="checkbox"]:checked~label:before { background-color: var(--cutom2); } .mdui-color3-acc.mdui-switch input[type="checkbox"]:checked~label:before { background-color: var(--cutom3); } /* ----- Info ----- */ .mdui-info { box-shadow: 0 0 0 1px rgba(0,0,0,0.3), 0 14px 28px rgba(0,0,0,0.65), 0 10px 10px rgba(0,0,0,0.62); border:none; color: #000000; font-weight:normal !important; font-size:0.95em !important; text-shadow:none !important; background:#ffffff; border-radius:2px; position:absolute; z-index: 2147483647 !important; padding:8px; } .mdui-dark .mdui-info { box-shadow: 0 0 0 1px rgba(0,0,0,0.5), 0 14px 28px rgba(0,0,0,0.87), 0 10px 10px rgba(0,0,0,1); background:#212121; color:#ffffff; } /* ----- Dialog ----- */ #ui-datepicker-div { z-index: 2147483645 !important; } .mdui-runtime .ui-dialog { box-shadow: 0 0 0 1px rgba(0,0,0,0.3), 0 14px 28px rgba(0,0,0,0.65), 0 10px 10px rgba(0,0,0,0.62); border:none; background: var(--content-background) !important; border-radius:2px; position:absolute; } .mdui-runtime .mdui-dark.ui-dialog { box-shadow: 0 0 0 1px rgba(0,0,0,0.5), 0 14px 28px rgba(0,0,0,0.87), 0 10px 10px rgba(0,0,0,1), 0 0 0 1000px rgba(255,255,255,.24) inset; } .mdui-runtime .ui-dialog .vis-view, .mdui-runtime .ui-dialog .ui-dialog-content, .mdui-runtime .ui-dialog .ui-dialog-buttonpane { border:none !important; background:none !important; color: #000000 !important; font-size: 1em; } .mdui-runtime .mdui-dark.ui-dialog .vis-view, .mdui-runtime .mdui-dark.ui-dialog .ui-dialog-content, .mdui-runtime .mdui-dark.ui-dialog .ui-dialog-buttonpane { color: #ffffff !important; } .mdui-runtime .ui-dialog-title { color:var(--design-font-color); opacity:0.8; } .mdui-runtime .mdui-dark .ui-dialog-title { color:#ffffff; } .mdui-runtime .ui-dialog .ui-widget-content { padding:0px; margin:0px; } .mdui-runtime .ui-dialog .ui-widget-header { border:none; background:none; } /* close button */ .mdui-runtime .ui-dialog .ui-widget-header .ui-button { border:none !important; background:none !important; color: #000000 !important; } .mdui-runtime .mdui-dark.ui-dialog .ui-widget-header .ui-button { color: #ffffff !important; } /* close Symbol ersetzen */ .mdui-runtime .ui-dialog .ui-widget-header .ui-button .ui-icon { display:none; } .mdui-runtime .ui-dialog .ui-widget-header .ui-button:after { position:absolute; left:0px; top:0px; font-family:"Material Icons"; font-size:1.5em; content:"close"; border:none !important; background:none !important; color: #000000 !important; } .mdui-runtime .mdui-dark.ui-dialog .ui-widget-header .ui-button:after { color: #ffffff !important; } .mdui-dialog-fullheight { height: 100% !important; } .mdui-dialog-fullheight .ui-dialog-content { min-height: calc(100% - 32px) !important; } .mdui-dialog-fullscreen { height: calc(100% - 16px) !important; width: calc(100% - 16px) !important; margin:8px; } .mdui-dialog-fullscreen .ui-dialog-content { min-height: calc(100% - 32px) !important; min-width: 100% !important; } /* ----- DatePicker ----- */ .ui-datepicker { background: var(--content-background) !important; color: rgba(255,255,255,0.87) !important; box-shadow: 0 0 0 1px rgba(0,0,0,0.3), 0 14px 28px rgba(0,0,0,0.65), 0 10px 10px rgba(0,0,0,0.62); border:none; border-radius:2px; z-index: 2147483646 !important; } .mdui-dark.ui-datepicker { box-shadow: 0 0 0 1px rgba(0,0,0,0.5), 0 14px 28px rgba(0,0,0,0.87), 0 10px 10px rgba(0,0,0,1), 0 0 0 1000px rgba(255,255,255,.24) inset; } /* .ui-datepicker-header, .ui-datepicker td, .ui-datepicker td a */ .ui-datepicker *, .ui-datepicker * * { background: none !important; border:none !important; } .ui-datepicker.ui-widget { font-size: 1em; } .ui-datepicker, .ui-datepicker *, .ui-datepicker * * { color: #000000 !important; } .mdui-dark.ui-datepicker, .mdui-dark.ui-datepicker *, .mdui-dark.ui-datepicker * * { color: #ffffff !important; } .ui-datepicker .ui_tpicker_time_label, .ui-datepicker .ui_tpicker_hour_label, .ui-datepicker .ui_tpicker_minute_label, .ui-datepicker .ui_tpicker_second_label { font-size: 0.9em; opacity: 0.87; } .mdui-runtime.mdui-notouch .ui-datepicker td a:hover { box-shadow: 0 0 0 1000px var(--hover-color-dark) inset; transition: all 0.3s ease; } .ui-datepicker th { opacity: 0.54; } .ui-datepicker td a.ui-state-highlight { color: rgba(255,0,0,1) !important; } .ui-datepicker .ui-timepicker-div td { font-size: 0.8em; opacity: 0.54; } .ui-datepicker button { background: none !important; border:none !important; } /* left/right Pfeile Next */ .ui-datepicker .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-prev:after { position:absolute; left:0px; top:0px; font-family:"Material Icons"; font-size:2em; content:'arrow_right'; border:none !important; background:none !important; color: #000000 !important; } .ui-datepicker .ui-datepicker-prev:after { content:'arrow_left'; } .mdui-dark.ui-datepicker .ui-datepicker-prev:after, .mdui-dark.ui-datepicker .ui-datepicker-next:after { color: #ffffff !important; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display: none; } .ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover { border: none; background: none; box-shadow: 0 0 0 1000px var(--hover-color) inset !important; transition: all 0.3s ease; } .mdui-dark.ui-datepicker .ui-datepicker-next:hover, .mdui-dark.ui-datepicker .ui-datepicker-prev:hover { box-shadow: 0 0 0 1000px var(--hover-color-dark) inset !important; } /* ----- Mediaqueries ----- */ .mdui-show480 { display:none !important; } @media screen and (max-width: 480px) { .mdui-hide480 { display:none !important; } .mdui-show480 { display:initial !important; } } /* ----- script ----- Zur Laufzeit verstecken, im Design-Mode anzeigen */ .mdui-script { display:none; } .vis_container_edit .mdui-script { display:initial; background: rgba(255,0,0,0.5) !important; color: #ffffff; } /* ----- glow ----- */ .mdui-red-glow { filter: drop-shadow(0px 0px 2px #F44336) drop-shadow(0px 0px 2px #F44336) drop-shadow(0px 0px 4px #F44336); } .mdui-yellow-glow { filter: drop-shadow(0px 0px 2px #FFDB3B) drop-shadow(0px 0px 2px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); } .mdui-blue-glow { filter: drop-shadow(0px 0px 2px #2B95F3) drop-shadow(0px 0px 2px #2B95F3) drop-shadow(0px 0px 4px #2B95F3) } .mdui-green-glow { filter: drop-shadow(0px 0px 2px #4CAF50) drop-shadow(0px 0px 2px #4CAF50) drop-shadow(0px 0px 4px #4CAF50) } /* ----- flash ----- */ .mdui-red-flash { animation: mdui-red-flash-ani 1s linear infinite; } @keyframes mdui-red-flash-ani { 0%, 7% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); } 8% { filter:none; } } .mdui-yellow-flash { animation: mdui-yellow-flash-ani 1s linear infinite; } @keyframes mdui-yellow-flash-ani { 0%, 7% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); } 8% { filter: none; } } .mdui-blue-flash { animation: mdui-blue-flash-ani 1s linear infinite; } @keyframes mdui-blue-flash-ani { 0%, 7% {filter: drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3) } 8% { filter: none; } } .mdui-green-flash { animation: mdui-green-flash-ani 1s linear infinite; } @keyframes mdui-green-flash-ani { 0%, 7% {filter: drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50) } 8% { filter: none; } } /* ----- blink ----- */ .mdui-red-blink { animation: mdui-red-blink-ani 1s linear infinite; } @keyframes mdui-red-blink-ani { 0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); } 51% {filter: none;} } .mdui-yellow-blink { animation: mdui-yellow-blink-ani 1s linear infinite; } @keyframes mdui-yellow-blink-ani { 0%,50% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); } 51% {filter: none;} } .mdui-blue-blink { animation: mdui-blue-blink-ani 1s linear infinite; } @keyframes mdui-blue-blink-ani { 0%,50% {filter: drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3); } 51% {filter: none;} } .mdui-green-blink { animation: mdui-green-blink-ani 1s linear infinite; } @keyframes mdui-green-blink-ani { 0%,50% {filter: drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50); } 51% {filter: none;} } /* ----- pulse ----- */ .mdui-red-pulse { animation: mdui-red-pulse-ani 3s linear infinite; } @keyframes mdui-red-pulse-ani { 50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); } 0%,100% {filter: drop-shadow(0px 0px 4px #F44336) ; } } .mdui-yellow-pulse { animation: mdui-yellow-pulse-ani 3s linear infinite; } @keyframes mdui-yellow-pulse-ani { 50% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); } 0%,100% {filter: drop-shadow(0px 0px 4px #FFDB3B) } } .mdui-blue-pulse { animation: mdui-blue-pulse-ani 3s linear infinite; } @keyframes mdui-blue-pulse-ani { 50% {filter: drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3) drop-shadow(0px 0px 4px #2B95F3); } 0%,100% {filter: drop-shadow(0px 0px 4px #2B95F3); } } .mdui-green-pulse { animation: mdui-green-pulse-ani 3s linear infinite; } @keyframes mdui-green-pulse-ani { 50% {filter: drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50) drop-shadow(0px 0px 4px #4CAF50); } 0%,100% {filter: drop-shadow(0px 0px 4px #4CAF50) ; } } /* ----- bargraph ----- */ .mdui-h-flip { transform: scaleX(-1); } .mdui-v-flip { transform: scaleY(-1); } .mdui-h-flip.mdui-v-flip { transform: scale(-1); } /* Hintergrund und Border */ .mdui-h-bargraph, .mdui-v-bargraph { background-position: -1000px !important; background-repeat: no-repeat !important; box-shadow:0 0 0 1000px rgba(0,0,0,0.1) inset; border:none !important; } .mdui-dark .mdui-h-bargraph, .mdui-dark .mdui-v-bargraph { box-shadow:0 0 0 1000px rgba(255,255,255,0.1) inset; } .mdui-h-bargraph>*, .mdui-v-bargraph>* { background-image:inherit !important; } .mdui-h-bargraph::after, .mdui-v-bargraph::after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:inherit !important; opacity:0.1; } .mdui-h-bargraph.mdui-segment-10 { clip-path: polygon( 0% 100%, 0% 0%, 9% 0%, 9% 100%, 10% 100%, 10% 0%, 19% 0%, 19% 100%, 20% 100%, 20% 0%, 29% 0%, 29% 100%, 30% 100%, 30% 0%, 39% 0%, 39% 100%, 40% 100%, 40% 0%, 49% 0%, 49% 100%, 50% 100%, 50% 0%, 59% 0%, 59% 100%, 60% 100%, 60% 0%, 69% 0%, 69% 100%, 70% 100%, 70% 0%, 79% 0%, 79% 100%, 80% 100%, 80% 0%, 89% 0%, 89% 100%, 90% 100%, 90% 0%, 100% 0%, 100% 100% ) ; -webkit-clip-path: polygon( 0% 100%, 0% 0%, 9% 0%, 9% 100%, 10% 100%, 10% 0%, 19% 0%, 19% 100%, 20% 100%, 20% 0%, 29% 0%, 29% 100%, 30% 100%, 30% 0%, 39% 0%, 39% 100%, 40% 100%, 40% 0%, 49% 0%, 49% 100%, 50% 100%, 50% 0%, 59% 0%, 59% 100%, 60% 100%, 60% 0%, 69% 0%, 69% 100%, 70% 100%, 70% 0%, 79% 0%, 79% 100%, 80% 100%, 80% 0%, 89% 0%, 89% 100%, 90% 100%, 90% 0%, 100% 0%, 100% 100% ) ; } .mdui-h-bargraph.mdui-triangle { clip-path: polygon(0% 40%, 100% 0%, 100% 100%, 0% 60%); -webkit-clip-path: polygon(0% 40%, 100% 0%, 100% 100%, 0% 60%); } .mdui-h-bargraph.mdui-ramp { clip-path: polygon(0% 80%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 80%, 100% 0%, 100% 100%, 0% 100%); } .mdui-h-bargraph.mdui-segment-10.mdui-ramp { clip-path: polygon( 9% 100%, 9% 71%, 0% 80%, 0% 100%, 19% 100%, 19% 63%, 10% 72%, 10% 100%, 29% 100%, 29% 55%, 20% 64%, 20% 100%, 39% 100%, 39% 47%, 30% 56%, 30% 100%, 49% 100%, 49% 39%, 40% 48%, 40% 100%, 59% 100%, 59% 31%, 50% 40%, 50% 100%, 69% 100%, 69% 23%, 60% 32%, 60% 100%, 79% 100%, 79% 15%, 70% 24%, 70% 100%, 89% 100%, 89% 7%, 80% 16%, 80% 100%, 100% 100%,100% 0%, 90% 8%, 90% 100% ); -webkit-clip-path: polygon( 9% 100%, 9% 71%, 0% 80%, 0% 100%, 19% 100%, 19% 63%, 10% 72%, 10% 100%, 29% 100%, 29% 55%, 20% 64%, 20% 100%, 39% 100%, 39% 47%, 30% 56%, 30% 100%, 49% 100%, 49% 39%, 40% 48%, 40% 100%, 59% 100%, 59% 31%, 50% 40%, 50% 100%, 69% 100%, 69% 23%, 60% 32%, 60% 100%, 79% 100%, 79% 15%, 70% 24%, 70% 100%, 89% 100%, 89% 7%, 80% 16%, 80% 100%, 100% 100%,100% 0%, 90% 8%, 90% 100% ); } .mdui-h-bargraph.mdui-segment-10.mdui-triangle { clip-path: polygon( 9% 37%, 9% 63%, 0% 60%, 0% 40%, 19% 33%, 19% 67%, 10% 64%, 10% 36%, 29% 29%, 29% 71%, 20% 68%, 20% 32%, 39% 25%, 39% 75%, 30% 72%, 30% 28%, 49% 21%, 49% 79%, 40% 76%, 40% 24%, 59% 17%, 59% 83%, 50% 80%, 50% 20%, 69% 13%, 69% 87%, 60% 84%, 60% 16%, 79% 9%, 79% 91%, 70% 88%, 70% 12%, 89% 5%, 89% 95%, 80% 92%, 80% 8%, 100% 0%, 100% 100%, 90% 96%, 90% 4% ); -webkit-clip-path: polygon( 9% 37%, 9% 63%, 0% 60%, 0% 40%, 19% 33%, 19% 67%, 10% 64%, 10% 36%, 29% 29%, 29% 71%, 20% 68%, 20% 32%, 39% 25%, 39% 75%, 30% 72%, 30% 28%, 49% 21%, 49% 79%, 40% 76%, 40% 24%, 59% 17%, 59% 83%, 50% 80%, 50% 20%, 69% 13%, 69% 87%, 60% 84%, 60% 16%, 79% 9%, 79% 91%, 70% 88%, 70% 12%, 89% 5%, 89% 95%, 80% 92%, 80% 8%, 100% 0%, 100% 100%, 90% 96%, 90% 4% ); } .mdui-v-bargraph.mdui-segment-10 { clip-path: polygon( 100% 0%, 0% 0%, 0% 9%,100% 9% , 100% 10%, 0% 10%, 0% 19%,100% 19% , 100% 20%, 0% 20%, 0% 29%,100% 29% , 100% 30%, 0% 30%, 0% 39%,100% 39% , 100% 40%, 0% 40%, 0% 49%,100% 49% , 100% 50%, 0% 50%, 0% 59%,100% 59% , 100% 60%, 0% 60%, 0% 69%,100% 69% , 100% 70%, 0% 70%, 0% 79%,100% 79% , 100% 80%, 0% 80%, 0% 89%,100% 89% , 100% 90%, 0% 90%, 0% 100%,100% 100% ) ; -webkit-clip-path: polygon( 100% 0%, 0% 0%, 0% 9%,100% 9% , 100% 10%, 0% 10%, 0% 19%,100% 19% , 100% 20%, 0% 20%, 0% 29%,100% 29% , 100% 30%, 0% 30%, 0% 39%,100% 39% , 100% 40%, 0% 40%, 0% 49%,100% 49% , 100% 50%, 0% 50%, 0% 59%,100% 59% , 100% 60%, 0% 60%, 0% 69%,100% 69% , 100% 70%, 0% 70%, 0% 79%,100% 79% , 100% 80%, 0% 80%, 0% 89%,100% 89% , 100% 90%, 0% 90%, 0% 100%,100% 100% ) ; } .mdui-v-bargraph.mdui-triangle { clip-path: polygon(60% 0%, 100% 100%, 0% 100%, 40% 0%); -webkit-clip-path: polygon(60% 0%, 100% 100%, 0% 100%, 40% 0%); } .mdui-v-bargraph.mdui-ramp { clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 80% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 80% 0%); } .mdui-v-bargraph.mdui-segment-10.mdui-ramp { clip-path: polygon( 100% 9%, 71% 9%, 80% 0%, 100% 0%, 100% 19%, 63% 19%, 72% 10%, 100% 10%, 100% 29%, 55% 29%, 64% 20%, 100% 20%, 100% 39%, 47% 39%, 56% 30%, 100% 30%, 100% 49%, 39% 49%, 48% 40%, 100% 40%, 100% 59%, 31% 59%, 40% 50%, 100% 50%, 100% 69%, 23% 69%, 32% 60%, 100% 60%, 100% 79%, 15% 79%, 24% 70%, 100% 70%, 100% 89%, 7% 89%, 16% 80%, 100% 80%, 100% 100%, 0% 100%, 8% 90%, 100% 90% ); -webkit-clip-path: polygon( 100% 9%, 71% 9%, 80% 0%, 100% 0%, 100% 19%, 63% 19%, 72% 10%, 100% 10%, 100% 29%, 55% 29%, 64% 20%, 100% 20%, 100% 39%, 47% 39%, 56% 30%, 100% 30%, 100% 49%, 39% 49%, 48% 40%, 100% 40%, 100% 59%, 31% 59%, 40% 50%, 100% 50%, 100% 69%, 23% 69%, 32% 60%, 100% 60%, 100% 79%, 15% 79%, 24% 70%, 100% 70%, 100% 89%, 7% 89%, 16% 80%, 100% 80%, 100% 100%, 0% 100%, 8% 90%, 100% 90% ); } .mdui-v-bargraph.mdui-segment-10.mdui-triangle { clip-path: polygon( 37% 9%, 63% 9%, 60% 0%, 40% 0%, 33% 19%, 67% 19%, 64% 10%, 36% 10%, 29% 29%, 71% 29%, 68% 20%, 32% 20%, 25% 39%, 75% 39%, 72% 30%, 28% 30%, 21% 49%, 79% 49%, 76% 40%, 24% 40%, 17% 59%, 83% 59%, 80% 50%, 20% 50%, 13% 69%, 87% 69%, 84% 60%, 16% 60%, 9% 79%, 91% 79%, 88% 70%, 12% 70%, 5% 89%, 95% 89%, 92% 80%, 8% 80%, 0% 100%,100% 100%,96% 90%, 4% 90% ); -webkit-clip-path: polygon( 37% 9%, 63% 9%, 60% 0%, 40% 0%, 33% 19%, 67% 19%, 64% 10%, 36% 10%, 29% 29%, 71% 29%, 68% 20%, 32% 20%, 25% 39%, 75% 39%, 72% 30%, 28% 30%, 21% 49%, 79% 49%, 76% 40%, 24% 40%, 17% 59%, 83% 59%, 80% 50%, 20% 50%, 13% 69%, 87% 69%, 84% 60%, 16% 60%, 9% 79%, 91% 79%, 88% 70%, 12% 70%, 5% 89%, 95% 89%, 92% 80%, 8% 80%, 0% 100%,100% 100%,96% 90%, 4% 90% ); } /* ----- flow-Effekte ----- */ .mdui-flow { outline:1px solid transparent; } .mdui-flow:after { border-radius:inherit; left:0; top:0; content:""; position:absolute; width:100%; height:100%; background-color:transparent; background-position: 0px 0px; background-repeat: repeat-x; background: radial-gradient(ellipse 100% 40% at -50% 50%, transparent 60%, rgba(0,0,0,.2) 100%,transparent 100%); background-size: 16px 100%; animation: keyframe-flow 2s linear infinite; opacity:1; } .mdui-dark .mdui-flow:after { background: radial-gradient(ellipse 100% 40% at -50% 50%, transparent 60%, rgba(255,255,255,.2) 100%,transparent 100%); } @keyframes keyframe-flow { 0% { background-position: 0px 0px; background-size: 16px 100%;} 100% { background-position: 32px 0px; background-size: 16px 100%;} } .mdui-slowest.mdui-flow:after {animation-duration: 6.75s;} .mdui-slower.mdui-flow:after {animation-duration: 4.50s;} .mdui-slow.mdui-flow:after {animation-duration: 3.00s;} .mdui-normal.mdui-flow:after {animation-duration: 2.00s;} .mdui-fast.mdui-flow:after {animation-duration: 1.33s;} .mdui-faster.mdui-flow:after {animation-duration: 0.89s;} .mdui-fastest.mdui-flow:after {animation-duration: 0.59s;} .mdui-red-acc.mdui-flow:after { background: radial-gradient(ellipse 100% 40% at -50% 50%, transparent 60%, rgba(244,67,54,.7) 100%,transparent 100%); } .mdui-yellow-acc.mdui-flow:after { background: radial-gradient(ellipse 100% 40% at -50% 50%, transparent 60%, rgba(255,253,59,.7) 100%,transparent 100%); } .mdui-blue-acc.mdui-flow:after { background: radial-gradient(ellipse 100% 40% at -50% 50%, transparent 60%, rgba(40,149,243,.7) 100%,transparent 100%); } .mdui-green-acc.mdui-flow:after { background: radial-gradient(ellipse 100% 40% at -50% 50%, transparent 60%, rgba(76,175,80,.7) 100%,transparent 100%); } .mdui-white-acc.mdui-flow:after { background: radial-gradient(ellipse 100% 40% at -50% 50%, transparent 60%, rgba(255,255,255,.7) 100%,transparent 100%); } .mdui-black-acc.mdui-flow:after { background: radial-gradient(ellipse 100% 40% at -50% 50%, transparent 60%, rgba(0,0,0,.7) 100%,transparent 100%); } /* ----- Farben ----- */ /* background */ /* transparent */ .mdui-black10-bg { background-color: rgba(0,0,0,0.1) !important; } .mdui-black20-bg { background-color: rgba(0,0,0,0.2) !important; } .mdui-black30-bg { background-color: rgba(0,0,0,0.3) !important; } .mdui-black40-bg { background-color: rgba(0,0,0,0.4) !important; } .mdui-black50-bg { background-color: rgba(0,0,0,0.5) !important; } .mdui-black60-bg { background-color: rgba(0,0,0,0.6) !important; } .mdui-black70-bg { background-color: rgba(0,0,0,0.7) !important; } .mdui-black80-bg { background-color: rgba(0,0,0,0.8) !important; } .mdui-black90-bg { background-color: rgba(0,0,0,0.9) !important; } .mdui-white10-bg { background-color: rgba(255,255,255,0.1) !important; } .mdui-white20-bg { background-color: rgba(255,255,255,0.2) !important; } .mdui-white30-bg { background-color: rgba(255,255,255,0.3) !important; } .mdui-white40-bg { background-color: rgba(255,255,255,0.4) !important; } .mdui-white50-bg { background-color: rgba(255,255,255,0.5) !important; } .mdui-white60-bg { background-color: rgba(255,255,255,0.6) !important; } .mdui-white70-bg { background-color: rgba(255,255,255,0.7) !important; } .mdui-white80-bg { background-color: rgba(255,255,255,0.8) !important; } .mdui-white90-bg { background-color: rgba(255,255,255,0.9) !important; } /* 500 background */ /* background 100er normal, 500er bei dark */ .mdui-red-bg { background-color:#ffcdd2 !important; } .mdui-pink-bg { background-color:#f8bbd0 !important; } .mdui-purple-bg { background-color:#e1bee7 !important; } .mdui-deeppurple-bg { background-color:#d1c4e9 !important; } .mdui-indigo-bg { background-color:#c5cae9 !important; } .mdui-blue-bg { background-color:#bbdefb !important; } .mdui-lightblue-bg { background-color:#b3e5fc !important; } .mdui-cyan-bg { background-color:#b2ebf2 !important; } .mdui-teal-bg { background-color:#b2dfdb !important; } .mdui-green-bg { background-color:#c8e6c9 !important; } .mdui-lightgreen-bg { background-color:#dcedc8 !important; } .mdui-lime-bg { background-color:#f0f4c3 !important; } .mdui-yellow-bg { background-color:#fff9c4 !important; } .mdui-amber-bg { background-color:#ffecb3 !important; } .mdui-orange-bg { background-color:#ffe0b2 !important; } .mdui-deeporange-bg { background-color:#ffccbc !important; } .mdui-brown-bg { background-color:#d7ccc8 !important; } .mdui-grey-bg { background-color:#f5f5f5 !important; } .mdui-darkgrey-bg { background-color:#e5e5e5 !important; } .mdui-bluegrey-bg { background-color:#eceff1 !important; } .mdui-white-bg { background-color:#ffffff !important; } .mdui-black-bg { background-color:#a0a0a0 !important; } .mdui-color1-bg { background-color:var(--color1) !important; } .mdui-color2-bg { background-color:var(--color2) !important; } .mdui-color3-bg { background-color:var(--color3) !important; } .mdui-dark .mdui-red-bg { background-color:#f44336 !important; } .mdui-dark .mdui-pink-bg { background-color:#e91e63 !important; } .mdui-dark .mdui-purple-bg { background-color:#9c27b0 !important; } .mdui-dark .mdui-deeppurple-bg { background-color:#673ab7 !important; } .mdui-dark .mdui-indigo-bg { background-color:#3f51b5 !important; } .mdui-dark .mdui-blue-bg { background-color:#2196f3 !important; } .mdui-dark .mdui-lightblue-bg { background-color:#03a9f4 !important; } .mdui-dark .mdui-cyan-bg { background-color:#00bcd4 !important; } .mdui-dark .mdui-teal-bg { background-color:#009688 !important; } .mdui-dark .mdui-green-bg { background-color:#4caf50 !important; } .mdui-dark .mdui-lightgreen-bg { background-color:#8bc34a !important; } .mdui-dark .mdui-lime-bg { background-color:#cddc39 !important; } .mdui-dark .mdui-yellow-bg { background-color:#ffeb3b !important; } .mdui-dark .mdui-amber-bg { background-color:#ffc107 !important; } .mdui-dark .mdui-orange-bg { background-color:#ff9800 !important; } .mdui-dark .mdui-deeporange-bg { background-color:#ff5722 !important; } .mdui-dark .mdui-brown-bg { background-color:#795548 !important; } .mdui-dark .mdui-grey-bg { background-color:#9e9e9e !important; } .mdui-dark .mdui-darkgrey-bg { background-color:#303030 !important; } .mdui-dark .mdui-bluegrey-bg { background-color:#607d8b !important; } .mdui-dark .mdui-white-bg { background-color:#f8f8f8 !important; } .mdui-dark .mdui-black-bg { background-color:#212121 !important; } .mdui-dark .mdui-color1-bg { background-color:var(--color1-dark) !important; } .mdui-dark .mdui-color2-bg { background-color:var(--color2-dark) !important; } .mdui-dark .mdui-color3-bg { background-color:var(--color3-dark) !important; } /* border für -outlined (-ol) */ .mdui-red-ol { border-color:#f44336 !important; } .mdui-pink-ol { border-color:#e91e63 !important; } .mdui-purple-ol { border-color:#9c27b0 !important; } .mdui-deeppurple-ol { border-color:#673ab7 !important; } .mdui-indigo-ol { border-color:#3f51b5 !important; } .mdui-blue-ol { border-color:#2196f3 !important; } .mdui-lightblue-ol { border-color:#03a9f4 !important; } .mdui-cyan-ol { border-color:#00bcd4 !important; } .mdui-teal-ol { border-color:#009688 !important; } .mdui-green-ol { border-color:#4caf50 !important; } .mdui-lightgreen-ol { border-color:#8bc34a !important; } .mdui-lime-ol { border-color:#cddc39 !important; } .mdui-yellow-ol { border-color:#ffeb3b !important; } .mdui-amber-ol { border-color:#ffc107 !important; } .mdui-orange-ol { border-color:#ff9800 !important; } .mdui-deeporange-ol { border-color:#ff5722 !important; } .mdui-brown-ol { border-color:#795548 !important; } .mdui-grey-ol { border-color:#9e9e9e !important; } .mdui-darkgrey-ol { border-color:#303030 !important; } .mdui-bluegrey-ol { border-color:#607d8b !important; } .mdui-white-ol { border-color:#f8f8f8 !important; } .mdui-black-ol { border-color:#212121 !important; } .mdui-black10-ol { border-color:rgba(0,0,0,.1) !important; } .mdui-black20-ol { border-color:rgba(0,0,0,.2) !important; } .mdui-black30-ol { border-color:rgba(0,0,0,.3) !important; } .mdui-black40-ol { border-color:rgba(0,0,0,.4) !important; } .mdui-black50-ol { border-color:rgba(0,0,0,.5) !important; } .mdui-black60-ol { border-color:rgba(0,0,0,.6) !important; } .mdui-black70-ol { border-color:rgba(0,0,0,.7) !important; } .mdui-black80-ol { border-color:rgba(0,0,0,.8) !important; } .mdui-black90-ol { border-color:rgba(0,0,0,.9) !important; } .mdui-white10-ol { border-color:rgba(255,255,255,.1) !important; } .mdui-white20-ol { border-color:rgba(255,255,255,.2) !important; } .mdui-white30-ol { border-color:rgba(255,255,255,.3) !important; } .mdui-white40-ol { border-color:rgba(255,255,255,.4) !important; } .mdui-white50-ol { border-color:rgba(255,255,255,.5) !important; } .mdui-white60-ol { border-color:rgba(255,255,255,.6) !important; } .mdui-white70-ol { border-color:rgba(255,255,255,.7) !important; } .mdui-white80-ol { border-color:rgba(255,255,255,.8) !important; } .mdui-white90-ol { border-color:rgba(255,255,255,.9) !important; } .mdui-color1-ol { border-color:var(-color1) !important; } .mdui-color2-ol { border-color:var(-color2) !important; } .mdui-color3-ol { border-color:var(-color3) !important; } /* border */ .mdui-red-border { border-color:#f44336 !important; } .mdui-pink-border { border-color:#e91e63 !important; } .mdui-purple-border { border-color:#9c27b0 !important; } .mdui-deeppurple-border { border-color:#673ab7 !important; } .mdui-indigo-border { border-color:#3f51b5 !important; } .mdui-blue-border { border-color:#2196f3 !important; } .mdui-lightblue-border { border-color:#03a9f4 !important; } .mdui-cyan-border { border-color:#00bcd4 !important; } .mdui-teal-border { border-color:#009688 !important; } .mdui-green-border { border-color:#4caf50 !important; } .mdui-lightgreen-border { border-color:#8bc34a !important; } .mdui-lime-border { border-color:#cddc39 !important; } .mdui-yellow-border { border-color:#ffeb3b !important; } .mdui-amber-border { border-color:#ffc107 !important; } .mdui-orange-border { border-color:#ff9800 !important; } .mdui-deeporange-border { border-color:#ff5722 !important; } .mdui-brown-border { border-color:#795548 !important; } .mdui-grey-border { border-color:#9e9e9e !important; } .mdui-darkgrey-border { border-color:#303030 !important; } .mdui-bluegrey-border { border-color:#607d8b !important; } .mdui-white-border { border-color:#f8f8f8 !important; } .mdui-black-border { border-color:#212121 !important; } .mdui-color1-border { border-color:var(--color1) !important; } .mdui-color2-border { border-color:var(--color2) !important; } .mdui-color3-border { border-color:var(--color3) !important; } /* (font) color */ .mdui-red, .mdui-dark .mdui-red { color:#f44336 !important; } .mdui-pink, .mdui-dark .mdui-pink { color:#e91e63 !important; } .mdui-purple, .mdui-dark .mdui-purple { color:#9c27b0 !important; } .mdui-deeppurple, .mdui-dark .mdui-deeppurple { color:#673ab7 !important; } .mdui-indigo, .mdui-dark .mdui-indigo { color:#3f51b5 !important; } .mdui-blue, .mdui-dark .mdui-blue { color:#2196f3 !important; } .mdui-lightblue, .mdui-dark .mdui-lightblue { color:#03a9f4 !important; } .mdui-cyan, .mdui-dark .mdui-cyan { color:#00bcd4 !important; } .mdui-teal, .mdui-dark .mdui-teal { color:#009688 !important; } .mdui-green, .mdui-dark .mdui-green { color:#4caf50 !important; } .mdui-lightgreen, .mdui-dark .mdui-lightgreen { color:#8bc34a !important; } .mdui-lime, .mdui-dark .mdui-lime { color:#cddc39 !important; } .mdui-yellow, .mdui-dark .mdui-yellow { color:#ffeb3b !important; } .mdui-amber, .mdui-dark .mdui-amber { color:#ffc107 !important; } .mdui-orange, .mdui-dark .mdui-orange { color:#ff9800 !important; } .mdui-deeporange, .mdui-dark .mdui-deeporange { color:#ff5722 !important; } .mdui-brown, .mdui-dark .mdui-brown { color:#795548 !important; } .mdui-grey, .mdui-dark .mdui-grey { color:#9e9e9e !important; } .mdui-darkgrey, .mdui-dark .mdui-darkgrey { color:#303030 !important; } .mdui-bluegrey, .mdui-dark .mdui-bluegrey { color:#607d8b !important; } .mdui-white, .mdui-dark .mdui-white { color:#f8f8f8 !important; } .mdui-black, .mdui-dark .mdui-black { color:#212121 !important; } .mdui-color1 { color:var(--color1) !important; } .mdui-color2 { color:var(--color2) !important; } .mdui-color3 { color:var(--color3) !important; } .mdui-dark .mdui-color1 { color:var(--color1-dark) !important; } .mdui-dark .mdui-color2 { color:var(--color2-dark) !important; } .mdui-dark .mdui-color3 { color:var(--color3-dark) !important; } /* ----- Design ----- */ .vis_container_edit, .vis_container_edit>.vis-view { background: var(--content-background, #f0f0f0) !important; } /* Raster 320 / 40 */ .vis-grid:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-position: 0px 0px; background-size:320px 320px; background-image: /* 320er grid */ linear-gradient( transparent 0px, transparent 319px, var(--design-grid) 320px, transparent 320px ), linear-gradient(to right, transparent 0px, transparent 319px, var(--design-grid) 320px, transparent 320px ), /* 80er grid */ repeating-linear-gradient( transparent 0px, transparent 79px, var(--design-grid) 80px, transparent 80px ), repeating-linear-gradient(to right, transparent 0px, transparent 79px, var(--design-grid) 80px, transparent 80px ) ; } /* Sichtbarkeit des Grids verringern */ .vis-grid { opacity: .2; z-index:0; height:auto; } .editmode-helper { background: none; } .widget-helper { border: 1px dashed transparent; } .widget_inner_helper { outline: 2px dashed var(--design-hint-background) !important; outline-offset: -2px !important; border: 1px solid var(--content-background); pointer-events: none; top:0px; left:0px; position:absolute; width: calc(100% + 2px); height: calc(100% + 2px); } /* beim :hover via outline hervorheben und die ID einblenden */ .vis_container_edit .vis-view .vis-widget:hover:before { position:absolute; top:0px; left:0px; height:100%; width:calc(100% + 0px); background:none; content:""; outline: 1px solid var(--design-hint-background); outline-offset: -2px; opacity:1; border-radius:inherit; } .vis_container_edit .vis-view .vis-widget:hover:after { font-size:10px; font-weight:normal; width:auto; height:12px; color:var(--design-hint-color); position:absolute; left:calc(50% - 2em); top:0; padding-left:0.25em; margin:0; background: var(--design-hint-background); pointer-events: none; z-index:100; content:attr(id); display:flex; align-items: center; justify-content: center; opacity:1; } /* container-bezeichnungen anzeigen */ .vis_container_edit .mdui-content>div:before, .vis_container_edit .mdui-rnav>div:before, .vis_container_edit .mdui-lnav>div:before, .vis_container_edit .mdui-tnav>div:before, .vis_container_edit .mdui-abar>div:before, .vis_container_edit .mdui-bnav>div:before { position:absolute; top:0px; left:0px; height:12px; content:"content"; background: var(--design-hint-background); color:var(--design-hint-color); font-size:10px; font-weight:normal; padding: 1px; z-index:100; opacity:0.87; } .vis_container_edit .mdui-abar>div:before { content:"abar"; } .vis_container_edit .mdui-tnav>div:before { content:"tnav"; } .vis_container_edit .mdui-lnav>div:before { content:"lnav"; } .vis_container_edit .mdui-rnav>div:before { content:"rnav"; } .vis_container_edit .mdui-bnav>div:before { content:"bnav"; } .vis_container_edit .mdui-content.mdui-flex>div:before { content:"content flex"; } .vis_container_edit .mdui-abar.mdui-flex>div:before { content:"abar flex"; } .vis_container_edit .mdui-tnav.mdui-flex>div:before { content:"tnav flex"; } .vis_container_edit .mdui-lnav.mdui-flex>div:before { content:"lnav flex"; } .vis_container_edit .mdui-rnav.mdui-flex>div:before { content:"rnav flex"; } .vis_container_edit .mdui-bnav.mdui-flex>div:before { content:"bnav flex"; } /* view-in-view hervorheben 3-fach */ .vis_container_edit .vis-tpl-basic-view , .vis_container_edit .vis-tpl-basic-view .vis-tpl-basic-vie { box-shadow: 0 0 1px 0px var(--design-hint-background) inset, 0 0 1px 0px var(--design-hint-background) inset, 0 0 1px 0px var(--design-hint-background) inset; } .vis_container_edit .mdui-menuitem { outline:1px solid rgba(0,0,255,.1); outline-offset:-1px; } .vis_container_edit .mdui-menuitem.mdui-hide { outline:1px solid rgba(255,0,0,.1); } /* hide State anzeigen */ .vis_container_edit .mdui-hide>.vis-widget-body:before { position:absolute; right:18px; top:0px; width:10px; height:12px; content: "h"; background: var(--design-hint-background); color:var(--design-hint-color) !important; font-size:10px; font-weight:normal; z-index:100; display:flex; align-items: center; justify-content: center; } .vis_container_edit .vis-view .mdui-cols-break { opacity:0.5; } .vis_container_edit [class*="mdui-order-"]>.vis-widget-body:after { position:absolute; right:0px; top:0px; width:16px; height:12px; content: "#"; background: var(--design-hint-background); color:var(--design-hint-color); font-size:10px; font-weight:normal; z-index:100; display:flex; align-items: center; justify-content: center; opacity:0.87; } .vis_container_edit .mdui-order-0>.vis-widget-body:after { content: "0"; } .vis_container_edit .mdui-order-1>.vis-widget-body:after { content: "1"; } .vis_container_edit .mdui-order-2>.vis-widget-body:after { content: "2"; } .vis_container_edit .mdui-order-3>.vis-widget-body:after { content: "3"; } .vis_container_edit .mdui-order-4>.vis-widget-body:after { content: "4"; } .vis_container_edit .mdui-order-5>.vis-widget-body:after { content: "5"; } .vis_container_edit .mdui-order-6>.vis-widget-body:after { content: "6"; } .vis_container_edit .mdui-order-7>.vis-widget-body:after { content: "7"; } .vis_container_edit .mdui-order-8>.vis-widget-body:after { content: "8"; } .vis_container_edit .mdui-order-9>.vis-widget-body:after { content: "9"; } .vis_container_edit .mdui-order-10>.vis-widget-body:after { content: "10"; } .vis_container_edit .mdui-order-11>.vis-widget-body:after { content: "11"; } .vis_container_edit .mdui-order-12>.vis-widget-body:after { content: "12"; } .vis_container_edit .mdui-order-13>.vis-widget-body:after { content: "13"; } .vis_container_edit .mdui-order-14>.vis-widget-body:after { content: "14"; } .vis_container_edit .mdui-order-15>.vis-widget-body:after { content: "15"; } .vis_container_edit .mdui-order-16>.vis-widget-body:after { content: "16"; } .vis_container_edit .mdui-order-17>.vis-widget-body:after { content: "17"; } .vis_container_edit .mdui-order-18>.vis-widget-body:after { content: "18"; } .vis_container_edit .mdui-order-19>.vis-widget-body:after { content: "19"; } .vis_container_edit .mdui-order-20>.vis-widget-body:after { content: "20"; } .vis_container_edit .mdui-order-21>.vis-widget-body:after { content: "21"; } .vis_container_edit .mdui-order-22>.vis-widget-body:after { content: "22"; } .vis_container_edit .mdui-order-23>.vis-widget-body:after { content: "23"; } .vis_container_edit .mdui-order-24>.vis-widget-body:after { content: "24"; } .vis_container_edit .mdui-order-25>.vis-widget-body:after { content: "25"; } .vis_container_edit .mdui-order-26>.vis-widget-body:after { content: "26"; } .vis_container_edit .mdui-order-27>.vis-widget-body:after { content: "27"; } .vis_container_edit .mdui-order-28>.vis-widget-body:after { content: "28"; } .vis_container_edit .mdui-order-29>.vis-widget-body:after { content: "29"; } .vis_container_edit .mdui-order-30>.vis-widget-body:after { content: "30"; } .vis_container_edit .mdui-order-31>.vis-widget-body:after { content: "31"; } .vis_container_edit .mdui-order-32>.vis-widget-body:after { content: "32"; } .vis_container_edit .mdui-order-33>.vis-widget-body:after { content: "33"; } .vis_container_edit .mdui-order-34>.vis-widget-body:after { content: "34"; } .vis_container_edit .mdui-order-35>.vis-widget-body:after { content: "35"; } .vis_container_edit .mdui-order-36>.vis-widget-body:after { content: "36"; } .vis_container_edit .mdui-order-37>.vis-widget-body:after { content: "37"; } .vis_container_edit .mdui-order-38>.vis-widget-body:after { content: "38"; } .vis_container_edit .mdui-order-39>.vis-widget-body:after { content: "39"; } .vis_container_edit .mdui-order-40>.vis-widget-body:after { content: "40"; } .vis_container_edit .mdui-order-41>.vis-widget-body:after { content: "41"; } .vis_container_edit .mdui-order-42>.vis-widget-body:after { content: "42"; } .vis_container_edit .mdui-order-43>.vis-widget-body:after { content: "43"; } .vis_container_edit .mdui-order-44>.vis-widget-body:after { content: "44"; } .vis_container_edit .mdui-order-45>.vis-widget-body:after { content: "45"; } .vis_container_edit .mdui-order-46>.vis-widget-body:after { content: "46"; } .vis_container_edit .mdui-order-47>.vis-widget-body:after { content: "47"; } .vis_container_edit .mdui-order-48>.vis-widget-body:after { content: "48"; } .vis_container_edit .mdui-order-49>.vis-widget-body:after { content: "49"; } .vis_container_edit .mdui-order-50>.vis-widget-body:after { content: "50"; } .vis_container_edit .mdui-order-51>.vis-widget-body:after { content: "51"; } .vis_container_edit .mdui-order-52>.vis-widget-body:after { content: "52"; } .vis_container_edit .mdui-order-53>.vis-widget-body:after { content: "53"; } .vis_container_edit .mdui-order-54>.vis-widget-body:after { content: "54"; } .vis_container_edit .mdui-order-55>.vis-widget-body:after { content: "55"; } .vis_container_edit .mdui-order-56>.vis-widget-body:after { content: "56"; } .vis_container_edit .mdui-order-57>.vis-widget-body:after { content: "57"; } .vis_container_edit .mdui-order-58>.vis-widget-body:after { content: "58"; } .vis_container_edit .mdui-order-59>.vis-widget-body:after { content: "59"; } .vis_container_edit .mdui-order-60>.vis-widget-body:after { content: "60"; } .vis_container_edit .mdui-order-61>.vis-widget-body:after { content: "61"; } .vis_container_edit .mdui-order-62>.vis-widget-body:after { content: "62"; } .vis_container_edit .mdui-order-63>.vis-widget-body:after { content: "63"; } .vis_container_edit .mdui-order-64>.vis-widget-body:after { content: "64"; } .vis_container_edit .mdui-order-65>.vis-widget-body:after { content: "65"; } .vis_container_edit .mdui-order-66>.vis-widget-body:after { content: "66"; } .vis_container_edit .mdui-order-67>.vis-widget-body:after { content: "67"; } .vis_container_edit .mdui-order-68>.vis-widget-body:after { content: "68"; } .vis_container_edit .mdui-order-69>.vis-widget-body:after { content: "69"; } .vis_container_edit .mdui-order-70>.vis-widget-body:after { content: "70"; } .vis_container_edit .mdui-order-71>.vis-widget-body:after { content: "71"; } .vis_container_edit .mdui-order-72>.vis-widget-body:after { content: "72"; } .vis_container_edit .mdui-order-73>.vis-widget-body:after { content: "73"; } .vis_container_edit .mdui-order-74>.vis-widget-body:after { content: "74"; } .vis_container_edit .mdui-order-75>.vis-widget-body:after { content: "75"; } .vis_container_edit .mdui-order-76>.vis-widget-body:after { content: "76"; } .vis_container_edit .mdui-order-77>.vis-widget-body:after { content: "77"; } .vis_container_edit .mdui-order-78>.vis-widget-body:after { content: "78"; } .vis_container_edit .mdui-order-79>.vis-widget-body:after { content: "79"; } .vis_container_edit .mdui-order-80>.vis-widget-body:after { content: "80"; } .vis_container_edit .mdui-order-81>.vis-widget-body:after { content: "81"; } .vis_container_edit .mdui-order-82>.vis-widget-body:after { content: "82"; } .vis_container_edit .mdui-order-83>.vis-widget-body:after { content: "83"; } .vis_container_edit .mdui-order-84>.vis-widget-body:after { content: "84"; } .vis_container_edit .mdui-order-85>.vis-widget-body:after { content: "85"; } .vis_container_edit .mdui-order-86>.vis-widget-body:after { content: "86"; } .vis_container_edit .mdui-order-87>.vis-widget-body:after { content: "87"; } .vis_container_edit .mdui-order-88>.vis-widget-body:after { content: "88"; } .vis_container_edit .mdui-order-89>.vis-widget-body:after { content: "89"; } .vis_container_edit .mdui-order-90>.vis-widget-body:after { content: "90"; } .vis_container_edit .mdui-order-91>.vis-widget-body:after { content: "91"; } .vis_container_edit .mdui-order-92>.vis-widget-body:after { content: "92"; } .vis_container_edit .mdui-order-93>.vis-widget-body:after { content: "93"; } .vis_container_edit .mdui-order-94>.vis-widget-body:after { content: "94"; } .vis_container_edit .mdui-order-95>.vis-widget-body:after { content: "95"; } .vis_container_edit .mdui-order-96>.vis-widget-body:after { content: "96"; } .vis_container_edit .mdui-order-97>.vis-widget-body:after { content: "97"; } .vis_container_edit .mdui-order-98>.vis-widget-body:after { content: "98"; } .vis_container_edit .mdui-order-99>.vis-widget-body:after { content: "99"; } /* lnav rnav in vis positionieren --design-lnav-width:50px; .vis_container_edit .mdui-lnav { top:0; left:0 !important; width:var(--design-lnav-width) !important; height:100% !important; opacity:0.5; } .vis_container_edit .mdui-rnav { top:0; left:calc(100% - var(--design-lnav-width)) !important; width:var(--design-lnav-width) !important; height:100% !important; opacity:0.5; } .vis_container_edit .mdui-abar { left:var(--design-lnav-width) !important; width: calc(100% - var(--design-lnav-width) * 2) !important; } .vis_container_edit .mdui-tnav { left:var(--design-lnav-width) !important; width: calc(100% - var(--design-lnav-width) * 2) !important; } .vis_container_edit .mdui-content { left:var(--design-lnav-width) !important; width: calc(100% - var(--design-lnav-width) * 2) !important; } .vis_container_edit .mdui-bnav { left:var(--design-lnav-width) !important; width: calc(100% - var(--design-lnav-width) * 2) !important; } */ /* MDCSS Versionsnummer anzeigen */ #pan_attr>div>span:after { position:relative; font-size:66%; content:' (' var(--release) ' ' var(--release-date) ')'; } #pan_attr>div>span:hover:after { background:#FFC107; } #pan_attr>div>span:before { position:fixed; content: 'Material Design CSS, Uhula (' var(--release) ' ' var(--release-date) ')'; padding-left:16px; padding-top:8px; color:#ffffff; top:16px; left:16px; width:720px; height:calc(100% - 32px); background-color: #1565C0; background-size: calc(100% - 16px) calc(100% - 40px); background-position: 8px 32px; background-repeat: no-repeat; background-image: url("https://github.com/Uhula/ioBroker-Material-Design-Style/blob/master/docs/mdui-uebersicht.png?raw=true"); border-radius:4px; box-shadow: 0 0 0 1px rgba(0,0,0,0.3), 0 14px 28px rgba(0,0,0,0.65), 0 10px 10px rgba(0,0,0,0.62); z-index:32000; display:none; } #pan_attr>div>span:hover:before { display:block; } /* vis -Eigenschaften, label-column verkleinern */ .vis-widget-tools table colgroup col:nth-child(1) { width:15% !important; } #attr_wrap .tab_attr table tr td { font-size:var(--design-fontsize); } /* mdui Hinweis bei Eingabe class anzeigen */ #td_class td:nth-child(1) { font-style: italic; } /* CSS Klasse input vergrößern und dropdownbox verstecken */ /* #inspect_class:focus { position:fixed !important; z-index: 2147483647; left:10px; width:calc(100% - 20px); padding:4px; box-shadow: 0 0 0 1px rgba(0,0,0,0.3), 0 14px 28px rgba(0,0,0,0.65), 0 10px 10px rgba(0,0,0,0.62); } */