﻿:root {
  /* --> werden später als .svg gespeichert ?/!
          --> sollten möglichst bald als Komponenten erstellt werden
    Kommentar MAPH: geht nicht mit allen, da z.b. chevron-down als ::after pseudo element verwendet wird und das nicht als blazor komponente möglich ist
  */
  --icon-tab-separator: url('../icons/tabs/separator.svg');
  --icon-wave-up: url('../icons/tabs/wave-up.svg');
  --icon-wave-down: url('../icons/tabs/wave-down.svg');
  --icon-wave-up-dark: url('../icons/tabs/wave-up-dark.svg');
  --icon-wave-down-dark: url('../icons/tabs/wave-down-dark.svg');
  --icon-wave-up-light: url('../icons/tabs/wave-up-light.svg');
  --icon-wave-down-light: url('../icons/tabs/wave-down-light.svg');
  --icon-save-white: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" fill="transparent"  stroke="%23FFFFFF"> <path d="M15.5 4.74264V14C15.5 15.3807 14.3807 16.5 13 16.5H3C1.61929 16.5 0.5 15.3807 0.5 14V3C0.5 1.61929 1.61929 0.5 3 0.5H11.2574C11.9204 0.5 12.5563 0.763392 13.0251 1.23223L14.7678 2.97487C15.2366 3.44372 15.5 4.0796 15.5 4.74264Z"/> <path d="M4 4.5H10C10.2761 4.5 10.5 4.27614 10.5 4V0.5H3.5V4C3.5 4.27614 3.72386 4.5 4 4.5Z"/> <path d="M12 9.5L4 9.5C3.72386 9.5 3.5 9.72386 3.5 10L3.5 16.5L12.5 16.5L12.5 10C12.5 9.72386 12.2761 9.5 12 9.5Z"/> </svg>');
  --icon-save-dark: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" fill="transparent"  stroke="%23313537"> <path d="M15.5 4.74264V14C15.5 15.3807 14.3807 16.5 13 16.5H3C1.61929 16.5 0.5 15.3807 0.5 14V3C0.5 1.61929 1.61929 0.5 3 0.5H11.2574C11.9204 0.5 12.5563 0.763392 13.0251 1.23223L14.7678 2.97487C15.2366 3.44372 15.5 4.0796 15.5 4.74264Z"/> <path d="M4 4.5H10C10.2761 4.5 10.5 4.27614 10.5 4V0.5H3.5V4C3.5 4.27614 3.72386 4.5 4 4.5Z"/> <path d="M12 9.5L4 9.5C3.72386 9.5 3.5 9.72386 3.5 10L3.5 16.5L12.5 16.5L12.5 10C12.5 9.72386 12.2761 9.5 12 9.5Z"/> </svg>');
  --icon-save-green: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" fill="transparent"  stroke="%2349A341"> <path d="M15.5 4.74264V14C15.5 15.3807 14.3807 16.5 13 16.5H3C1.61929 16.5 0.5 15.3807 0.5 14V3C0.5 1.61929 1.61929 0.5 3 0.5H11.2574C11.9204 0.5 12.5563 0.763392 13.0251 1.23223L14.7678 2.97487C15.2366 3.44372 15.5 4.0796 15.5 4.74264Z"/> <path d="M4 4.5H10C10.2761 4.5 10.5 4.27614 10.5 4V0.5H3.5V4C3.5 4.27614 3.72386 4.5 4 4.5Z"/> <path d="M12 9.5L4 9.5C3.72386 9.5 3.5 9.72386 3.5 10L3.5 16.5L12.5 16.5L12.5 10C12.5 9.72386 12.2761 9.5 12 9.5Z"/> </svg>');
  --icon-save-red: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" fill="transparent"  stroke="%23D23552"> <path d="M15.5 4.74264V14C15.5 15.3807 14.3807 16.5 13 16.5H3C1.61929 16.5 0.5 15.3807 0.5 14V3C0.5 1.61929 1.61929 0.5 3 0.5H11.2574C11.9204 0.5 12.5563 0.763392 13.0251 1.23223L14.7678 2.97487C15.2366 3.44372 15.5 4.0796 15.5 4.74264Z"/> <path d="M4 4.5H10C10.2761 4.5 10.5 4.27614 10.5 4V0.5H3.5V4C3.5 4.27614 3.72386 4.5 4 4.5Z"/> <path d="M12 9.5L4 9.5C3.72386 9.5 3.5 9.72386 3.5 10L3.5 16.5L12.5 16.5L12.5 10C12.5 9.72386 12.2761 9.5 12 9.5Z"/> </svg>');
  --icon-trash-white: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" fill="transparent" stroke="%23FFFFFF"> <path d="M16.0039 3.46094L0.0019303 3.46094"/> <path d="M2.46094 3.46094V15.0011C2.46094 16.1056 3.35637 17.0011 4.46094 17.0011H11.5392C12.6438 17.0011 13.5392 16.1056 13.5392 15.0011V3.46094"/> <path d="M11.0781 3.46094L11.0781 1.99897C11.0781 1.44668 10.6304 0.998969 10.0781 0.998969L5.9232 0.998968C5.37092 0.998968 4.9232 1.44668 4.9232 1.99897L4.9232 3.46094"/> <path d="M6.15625 6.1875L6.15625 13.648"/> <path d="M9.84766 6.1875L9.84766 13.648"/> </svg>');
  --icon-trash-dark: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" fill="transparent" stroke="%23313537"> <path d="M16.0039 3.46094L0.0019303 3.46094"/> <path d="M2.46094 3.46094V15.0011C2.46094 16.1056 3.35637 17.0011 4.46094 17.0011H11.5392C12.6438 17.0011 13.5392 16.1056 13.5392 15.0011V3.46094"/> <path d="M11.0781 3.46094L11.0781 1.99897C11.0781 1.44668 10.6304 0.998969 10.0781 0.998969L5.9232 0.998968C5.37092 0.998968 4.9232 1.44668 4.9232 1.99897L4.9232 3.46094"/> <path d="M6.15625 6.1875L6.15625 13.648"/> <path d="M9.84766 6.1875L9.84766 13.648"/> </svg>');
  --icon-trash-green: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" fill="transparent" stroke="%2349A341"> <path d="M16.0039 3.46094L0.0019303 3.46094"/> <path d="M2.46094 3.46094V15.0011C2.46094 16.1056 3.35637 17.0011 4.46094 17.0011H11.5392C12.6438 17.0011 13.5392 16.1056 13.5392 15.0011V3.46094"/> <path d="M11.0781 3.46094L11.0781 1.99897C11.0781 1.44668 10.6304 0.998969 10.0781 0.998969L5.9232 0.998968C5.37092 0.998968 4.9232 1.44668 4.9232 1.99897L4.9232 3.46094"/> <path d="M6.15625 6.1875L6.15625 13.648"/> <path d="M9.84766 6.1875L9.84766 13.648"/> </svg>');
  --icon-trash-red: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" fill="transparent" stroke="%23D23552"> <path d="M16.0039 3.46094L0.0019303 3.46094"/> <path d="M2.46094 3.46094V15.0011C2.46094 16.1056 3.35637 17.0011 4.46094 17.0011H11.5392C12.6438 17.0011 13.5392 16.1056 13.5392 15.0011V3.46094"/> <path d="M11.0781 3.46094L11.0781 1.99897C11.0781 1.44668 10.6304 0.998969 10.0781 0.998969L5.9232 0.998968C5.37092 0.998968 4.9232 1.44668 4.9232 1.99897L4.9232 3.46094"/> <path d="M6.15625 6.1875L6.15625 13.648"/> <path d="M9.84766 6.1875L9.84766 13.648"/> </svg>');
  --icon-calendar-white: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="transparent" stroke="%23FFFFFF" > <rect x="0.5" y="0.5" width="20" height="21" rx="3.5" /> <path d="M4 6H17.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 10H17.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2 2"/> <path d="M4 14H17.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2 2"/> <path d="M4 18H17.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2 2"/> </svg> ');
  --icon-calendar-dark: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="transparent" stroke="%23313537" > <rect x="0.5" y="0.5" width="20" height="21" rx="3.5" /> <path d="M4 6H17.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 10H17.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2 2"/> <path d="M4 14H17.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2 2"/> <path d="M4 18H17.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2 2"/> </svg> ');
  --icon-arrow-left-dark: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="22" viewBox="0 0 12 22" fill="transparent" stroke="%23313537"> <path d="M11.332 1L1.0468 10.2567C0.605423 10.6539 0.605422 11.3461 1.0468 11.7433L11.332 21" stroke-linecap="round"/> </svg> ');
  --icon-arrow-right-dark: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="22" viewBox="0 0 12 22" fill="transparent" stroke="%23313537"> <path d="M0.666748 21L10.952 11.7433C11.3934 11.3461 11.3934 10.6539 10.952 10.2567L0.666751 0.999999" stroke-linecap="round"/> </svg> ');
  --icon-arrow-down-dark: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" fill="transparent" stroke="%23444F56"> <path d="M1 1L5.29289 5.29289C5.68342 5.68342 6.31658 5.68342 6.70711 5.29289L11 1" stroke-linecap="round"/> </svg> ');
  --icon-validation-error: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23D23552"><ellipse cx="7" cy="6.94692" rx="7" ry="6.94692"/><path d="M6.98455 2.97656C7.46847 2.97656 7.85523 3.37912 7.83588 3.86265L7.69971 7.26484C7.68452 7.64439 7.37241 7.94425 6.99256 7.94425C6.61399 7.94425 6.30246 7.64635 6.28555 7.26816L6.13338 3.86665C6.11169 3.38164 6.49905 2.97656 6.98455 2.97656ZM6.99415 8.99835C7.27485 8.99835 7.51267 9.09179 7.7076 9.27869C7.90253 9.46559 8 9.68986 8 9.95152C8 10.2132 7.90253 10.4412 7.7076 10.6356C7.51267 10.8225 7.27485 10.9159 6.99415 10.9159C6.72125 10.9159 6.48733 10.8225 6.2924 10.6356C6.09747 10.4412 6 10.2132 6 9.95152C6 9.68986 6.09747 9.46559 6.2924 9.27869C6.48733 9.09179 6.72125 8.99835 6.99415 8.99835Z" fill="%23FFFFFF"/></svg>');
  --icon-datepicker: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="transparent" stroke="%23313537"> <path d="M1 5.375L13.401 5.375" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.2126 1.73438H12.1609C12.843 1.73438 13.401 2.30954 13.401 3.01253V12.1278C13.401 12.8308 12.843 13.4059 12.1609 13.4059H2.2401C1.55805 13.4059 1 12.8308 1 12.1278V3.01253C1 2.30954 1.55805 1.73438 2.2401 1.73438H3.18842M9.75367 1.73438H4.64736" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.91797 1V2.45895" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.4824 1V2.45895" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
  --icon-timepicker: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6" fill="transparent" stroke="%23313537"> <path d="M1 1L4.75671 5.17412C5.15395 5.6155 5.84605 5.6155 6.24329 5.17412L10 1" stroke-linecap="round"/> </svg> ');
  --icon-navmenu-mail: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="transparent" stroke="%23FFFFFF"> <path d="M1.8 1.39844H16.2C16.9175 1.39844 17.5 1.98202 17.5 2.68479V13.4029C17.5 14.1057 16.9175 14.6892 16.2 14.6892H4.01199C3.61614 14.6892 3.23634 14.8457 2.95537 15.1246L1.35221 16.7156C1.03668 17.0287 0.5 16.8052 0.5 16.3607V2.68479C0.5 1.98202 1.08255 1.39844 1.8 1.39844Z"/> <path d="M0.947266 1.83594L7.73426 7.38284C8.47069 7.98471 9.52911 7.98471 10.2655 7.38284L17.0525 1.83594" stroke-linejoin="round"/> </svg> ');
  --icon-navmenu-contacts: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewBox="0 0 20 18" fill="transparent" stroke="%23FFFFFF"> <path d="M11.3825 5.96365C11.3825 7.27859 10.31 8.34918 8.98129 8.34918C7.65258 8.34918 6.58008 7.27859 6.58008 5.96365C6.58008 4.64871 7.65258 3.57812 8.98129 3.57812C10.31 3.57812 11.3825 4.64871 11.3825 5.96365Z" stroke="white"/> <path d="M13.7289 13.4648C13.7289 11.3786 11.6035 9.6875 8.98164 9.6875C6.3598 9.6875 4.23438 11.3786 4.23438 13.4648" stroke-linecap="round"/> <rect x="1.55859" y="0.5" width="14.8824" height="17" rx="1.5"/> <rect x="1.55859" y="0.5" width="17" height="17" rx="1.5"/> <rect x="2" y="3" width="1" height="2" rx="0.5" transform="rotate(90 2 3)" fill="white"/> <rect x="2" y="7" width="1" height="2" rx="0.5" transform="rotate(90 2 7)" fill="white"/> <rect x="2" y="10" width="1" height="2" rx="0.5" transform="rotate(90 2 10)" fill="white"/> <rect x="2" y="14" width="1" height="2" rx="0.5" transform="rotate(90 2 14)" fill="white"/> </svg> ');
  --icon-navmenu-tasks: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="15" height="19" viewBox="0 0 15 19" fill="transparent" stroke="%23FFFFFF"> <rect x="0.5" y="2.5" width="14" height="16" rx="1.5" stroke-linecap="round"/> <path d="M3.5 1C3.5 0.723858 3.72386 0.5 4 0.5H11C11.2761 0.5 11.5 0.723858 11.5 1V2.5H3.5V1Z"/> <path d="M4.29102 12.2464L5.35036 13.5176C5.76728 14.0179 6.54354 13.9926 6.92693 13.4661L11.0614 7.78906" stroke-linecap="round"/> </svg> ');
  --icon-navmenu-notes: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="transparent"> <path d="M14.5475 1.10677C15.1588 0.495518 16.1498 0.495519 16.7611 1.10677V1.10677C17.3723 1.71803 17.3723 2.70907 16.7611 3.32032L11.4101 8.67126L9.19658 6.45772L14.5475 1.10677Z" stroke="white" stroke-linecap="round"/> <path d="M7.68555 7.96875L9.89909 10.1823C9.89909 10.1823 6.51992 12.1768 6.1055 11.7623C5.69108 11.3479 7.68555 7.96875 7.68555 7.96875Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 3C1.67157 3 1 3.67157 1 4.5V17.5C1 18.3284 1.67157 19 2.5 19H12.5C13.3284 19 14 18.3284 14 17.5L14 10.5C14 10.2239 14.2239 10 14.5 10C14.7761 10 15 10.2239 15 10.5L15 17.5C15 18.8807 13.8807 20 12.5 20H2.5C1.11929 20 0 18.8807 0 17.5V4.5C0 3.11929 1.11929 2 2.5 2H8.9C9.17614 2 9.4 2.22386 9.4 2.5C9.4 2.77614 9.17614 3 8.9 3H2.5Z" fill="white"/> </svg> ');
  --icon-navmenu-calendar: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="transparent"> <path d="M1 6.70312L18 6.70313" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.25216C0 3.02668 1.02887 2 2.32222 2H3.3316C3.62308 2 3.85938 2.22386 3.85938 2.5C3.85938 2.77614 3.62308 3 3.3316 3H2.32222C1.64168 3 1.05556 3.55026 1.05556 4.25216V16.7478C1.05556 17.4497 1.64168 18 2.32222 18H16.6778C17.3583 18 17.9444 17.4497 17.9444 16.7478V4.25216C17.9444 3.55026 17.3583 3 16.6778 3H15.6684C15.3769 3 15.1406 2.77614 15.1406 2.5C15.1406 2.22386 15.3769 2 15.6684 2H16.6778C17.9711 2 19 3.02668 19 4.25216V16.7478C19 17.9733 17.9711 19 16.6778 19H2.32222C1.02887 19 0 17.9733 0 16.7478V4.25216ZM6.1684 2.5C6.1684 2.22386 6.4047 2 6.69618 2H12.3038C12.5953 2 12.8316 2.22386 12.8316 2.5C12.8316 2.77614 12.5953 3 12.3038 3H6.69618C6.4047 3 6.1684 2.77614 6.1684 2.5Z" fill="white"/> <path d="M5 1L5 4" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 1L14 4" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <rect x="4.1875" y="9.4375" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 4.1875 9.4375)" fill="white"/> <rect x="4.1875" y="11.5625" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 4.1875 11.5625)" fill="white"/> <rect x="4.1875" y="13.6875" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 4.1875 13.6875)" fill="white"/> <rect x="4.1875" y="15.8125" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 4.1875 15.8125)" fill="white"/> <rect x="7.375" y="9.4375" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 7.375 9.4375)" fill="white"/> <rect x="7.375" y="11.5625" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 7.375 11.5625)" fill="white"/> <rect x="7.375" y="13.6875" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 7.375 13.6875)" fill="white"/> <rect x="7.375" y="15.8125" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 7.375 15.8125)" fill="white"/> <rect x="10.5625" y="9.4375" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 10.5625 9.4375)" fill="white"/> <rect x="10.5625" y="11.5625" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 10.5625 11.5625)" fill="white"/> <rect x="10.5625" y="13.6875" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 10.5625 13.6875)" fill="white"/> <rect x="10.5625" y="15.8125" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 10.5625 15.8125)" fill="white"/> <rect x="13.75" y="9.4375" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 13.75 9.4375)" fill="white"/> <rect x="13.75" y="11.5625" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 13.75 11.5625)" fill="white"/> <rect x="13.75" y="13.6875" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 13.75 13.6875)" fill="white"/> <rect x="13.75" y="15.8125" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 13.75 15.8125)" fill="white"/> <rect x="16.9375" y="9.4375" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 16.9375 9.4375)" fill="white"/> <rect x="16.9375" y="11.5625" width="1.0625" height="2.125" rx="0.53125" transform="rotate(90 16.9375 11.5625)" fill="white"/> </svg> ');
  --icon-navmenu-notifications: url('../icons/wino/bell.svg'); /* bssd: Die Art wie dieses Icon erstellt worden ist funktioniert nur als Datei -> Nicht alle Browser unterstützen clip-path innerhalb von SVG-Daten-URLs. */
  --icon-navmenu-hamburger: url('../icons/wino/mainMenu-Hamburger.svg');
  --icon-navmenu-logo: url('../icons/wino/wino2logo.svg');
  --icon-navicon-background: url('../icons/wino/naviconbackground.svg');
  --icon-searchbar-lens: url('../icons/wino/lens.svg');
  --icon-searchbar-hamburger: url('../icons/wino/searchHamburger.svg');
  --icon-calendar-with-clock-dark: url('data:image/svg+xml;charset=UTF-8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.75 15.8599L38.4336 15.8599" stroke="%23313537" stroke-linecap="round" stroke-linejoin="round"/><path d="M33.75 7.5H36C37.65 7.5 39 8.83055 39 10.4568V31.5432C39 33.1695 37.65 34.5 36 34.5M29.25 7.5H18.75M14.25 7.5H12C10.35 7.5 9 8.83055 9 10.4568V31.5432C9 33.1695 10.35 34.5 12 34.5" stroke="%23313537" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 6V9.2863" stroke="%23313537" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.5 6V9.2863" stroke="%23313537" stroke-linecap="round" stroke-linejoin="round"/><circle cx="24" cy="30" r="11.5" stroke="%23313537"/><path d="M24 24V30.5C24 31.0523 24.4477 31.5 25 31.5H28.5" stroke="%23313537" stroke-linecap="round"/></svg> ');
  --icon-calendar-with-addsign-dark: url('data:image/svg+xml;charset=UTF-8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.75 15.8599L38.4336 15.8599" stroke="%23313537" stroke-linecap="round" stroke-linejoin="round"/><path d="M33.75 7.5H36C37.65 7.5 39 8.83055 39 10.4568V31.5432C39 33.1695 37.65 34.5 36 34.5M29.25 7.5H18.75M14.25 7.5H12C10.35 7.5 9 8.83055 9 10.4568V31.5432C9 33.1695 10.35 34.5 12 34.5" stroke="%23313537" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 6V9.2863" stroke="%23313537" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.5 6V9.2863" stroke="%23313537" stroke-linecap="round" stroke-linejoin="round"/><circle cx="24" cy="30" r="11.5" stroke="%23313537"/><path d="M24 24.5V36.5" stroke="%23313537" stroke-linecap="round"/><path d="M30 30.5H18" stroke="%23313537" stroke-linecap="round"/></svg> ');
  --icon-edit-pen: url('../icons/wino/edit.svg');
  --icon-clock: url('../icons/wino/clock.svg');
  --icon-docu-completed: url('../icons/wino/docu-completed.svg');
  --icon-docu-not-completed: url('../icons/wino/docu-not-completed.svg');
  --icon-docu-empty: url('../icons/wino/docu-empty.svg');
  --icon-pending: url('../icons/wino/pending.svg');
  --icon-applied: url('../icons/wino/applied.svg');
  --icon-approved: url('../icons/wino/approved.svg');
  --icon-private: url('../icons/wino/private.svg');
  --icon-meetingpoint: url('../icons/wino/meetingpoint.svg');
  --icon-teams: url('../icons/wino/teams.svg');
  --icon-partitipant-winter: url('../icons/wino/participant_winter.svg');
  --icon-partitipant-external: url('../icons/wino/participant_external.svg');
  --icon-accepted: url('../icons/wino/accepted.svg');
  --icon-accepted-filled: url('../icons/wino/accepted-filled.svg');
  --icon-rejected: url('../icons/wino/rejected.svg');
  --icon-close-x: url('../icons/wino/close-x.svg');
  --icon-close-x-hover: url('../icons/wino/close-x-hover.svg');
  --icon-rejected-filled: url('../icons/wino/rejected-filled.svg');
  --icon-hold-filled: url('../icons/wino/hold-filled.svg');
  --icon-perhaps: url('../icons/wino/perhaps.svg');
  --icon-error: url('../icons/wino/error.svg');
  --icon-add: url('../icons/wino/add.svg');
  --icon-unknown: url('../icons/wino/unknown.svg');
  --icon-attention: url('../icons/wino/attention.svg');
  --icon-chevron-down: url('data:image/svg+xml; charset=UTF-8,   <svg width="16" height="8" viewBox="0 0 74 37" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L35.5858 35.5858C36.3668 36.3668 37.6332 36.3668 38.4142 35.5858L73 1" stroke="%23313537" stroke-linecap="round" stroke-linejoin="round" stroke-width="4px" /> </svg>');
  /* calendar icons */
  --calendar-icon-NeuerTermin: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFFFFF"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Termin: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFBC39"><ellipse cx="7" cy="6.94692" rx="7" ry="6.94692"/></svg>');
  --calendar-icon-Beratungstermin: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFBC39"><ellipse cx="7" cy="6.94692" rx="7" ry="6.94692"/></svg>');
  --calendar-icon-Geschaeftstermin: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFBC39"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Geschaeftstermin-NeuePerson: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFBC39"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Geschaeftstermin-WinoPartner: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFBC39"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Weiterbildung: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFBC39"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Projekte: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFBC39"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Ereignisse: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFBC39"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-InterneBesprechung: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFBC39"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Mitarbeitergespraech: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFBC39"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-MeetingInnendienst: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23FFBC39"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Dienstreise: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%231679A1"><ellipse cx="7" cy="6.94692" rx="7" ry="6.94692"/><path d="M7 14L7 -3.42727e-07" stroke="white" stroke-linejoin="round" stroke-dasharray="2 2"/></svg>');
  --calendar-icon-Reisezeit: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%231679A1"><ellipse cx="7" cy="6.94692" rx="7" ry="6.94692"/><path d="M7 14L7 -3.42727e-07" stroke="white" stroke-linejoin="round" stroke-dasharray="2 2"/></svg>');
  --calendar-icon-Reise: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%231679A1"><ellipse cx="7" cy="6.94692" rx="7" ry="6.94692"/><path d="M7 14L7 -3.42727e-07" stroke="white" stroke-linejoin="round" stroke-dasharray="2 2"/></svg>');
  --calendar-icon-Reise-Start: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%231679A1"><ellipse cx="7" cy="6.94692" rx="7" ry="6.94692"/><path d="M7 14L7 -3.42727e-07" stroke="white" stroke-linejoin="round" stroke-dasharray="2 2"/></svg>');
  --calendar-icon-Reise-Ende: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%231679A1"><ellipse cx="7" cy="6.94692" rx="7" ry="6.94692"/><path d="M7 14L7 -3.42727e-07" stroke="white" stroke-linejoin="round" stroke-dasharray="2 2"/></svg>');
  --calendar-icon-Arbeitszeit: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="%2369BA61"> <circle cx="5" cy="5" r="5"/> </svg> ');
  --calendar-icon-Home-Office: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" fill="%23348D2C" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="5"/> </svg> ');
  --calendar-icon-Homeoffice: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" fill="%23348D2C" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="5"/> </svg> ');
  --calendar-icon-Krank: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" fill="%23D23552" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="5"/> </svg> ');
  --calendar-icon-KrankOB: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" fill="%23D23552" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="5"/> </svg> ');
  --calendar-icon-KrankDVArztDVSonstigePflegeurlaub: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" fill="%23D23552" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="5"/> </svg> ');
  --calendar-icon-DVArzt: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23D23552"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-DVSonstige: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23D23552"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Pflegeurlaub: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23D23552"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Urlaub: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" fill="%23D23552" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="5"/> <path d="M1 7L7 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 9L9 3" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
  --calendar-icon-UnbezahlterUrlaub: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" fill="%23D23552" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="5"/> <path d="M1 7L7 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 9L9 3" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
  --calendar-icon-Papamonat: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" fill="%23D23552" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="5"/> <path d="M1 7L7 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 9L9 3" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
  --calendar-icon-UrlaubErsatzleistung: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23E0E0E0"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Zeitausgleich: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" fill="%23D23552" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="5"/> <path d="M1 7L7 1" stroke="%23444F56" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 9L9 3" stroke="%23444F56" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
  --calendar-icon-ZAUrlaub: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23D23552"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-ZAAlsUrlaub: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23D23552"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Veranstaltung: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23E0E0E0"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Feiertag: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" fill="%23E0E0E0" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="5"/> </svg> ');
  --calendar-icon-FeiertagWochenendeMittagspauseTeilzeit: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" fill="%23E0E0E0" xmlns="http://www.w3.org/2000/svg"> <circle cx="5" cy="5" r="5"/> </svg> ');
  --calendar-icon-Wochenende: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23E0E0E0"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Mittagspause: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23E0E0E0"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Teilzeit: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23E0E0E0"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-PrivaterTermin: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23E0E0E0"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Privat: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23E0E0E0"><circle cx="7" cy="7" r="7" /></svg>');
  --calendar-icon-Monatabgeschlossen: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="18" fill="%23348D2C"/> <path d="M17 25.2273L21.2955 29.5227L31.3182 19.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
  --calendar-icon-Monatnichtabgeschlossen: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="18" fill="%23D23552"/> <path d="M25.198 13.7063C25.7659 13.7063 26.2198 14.1786 26.1972 14.746L25.7654 25.6177C25.7441 26.1541 25.303 26.578 24.7662 26.578H23.1951C22.6601 26.578 22.2198 26.1568 22.1961 25.6223L21.7135 14.7507C21.6882 14.1815 22.1428 13.7063 22.7125 13.7063H25.198ZM23.9829 29.3092C24.7047 29.3092 25.3162 29.5513 25.8175 30.0356C26.3187 30.5199 26.5694 31.101 26.5694 31.7789C26.5694 32.4569 26.3187 33.0477 25.8175 33.5513C25.3162 34.0356 24.7047 34.2777 23.9829 34.2777C23.2812 34.2777 22.6796 34.0356 22.1784 33.5513C21.6771 33.0477 21.4265 32.4569 21.4265 31.7789C21.4265 31.101 21.6771 30.5199 22.1784 30.0356C22.6796 29.5513 23.2812 29.3092 23.9829 29.3092Z" fill="white"/> </svg> ');
  --calendar-icon-Beantragtnochnichtgenehmigt: url('data:image/svg+xml;charset=UTF-8,<svg width="10" height="10" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="18" transform="rotate(90 24 24)" fill="%23FFBC39"/> <path d="M23.7163 12.7102V26.3695C23.7163 26.6456 23.9402 26.8695 24.2163 26.8695L33.1558 26.8695" stroke="%23313537" stroke-width="2" stroke-linecap="round"/> </svg> ');
  --calendar-icon-AusstehendfehlerhafteZeit: url('data:image/svg+xml;charset=UTF-8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="24" cy="24" r="18" transform="rotate(90 24 24)" fill="%23D23552"/> <path d="M30.3683 17.6392L17.6404 30.3671" stroke="white" stroke-width="2" stroke-linecap="round"/> <path d="M30.3683 30.3492L17.6404 17.6213" stroke="white" stroke-width="2" stroke-linecap="round"/> </svg> ');
  --calendar-icon-Arbeitszeitfehlt: url('data:image/svg+xml;charset=UTF-8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.8099 8.48959C22.8109 6.67014 25.1891 6.67013 26.1901 8.48959L41.6192 36.5351C42.6648 38.4357 41.4338 40.875 39.4291 40.875H8.57089C6.56618 40.875 5.33522 38.4357 6.38083 36.5351L21.8099 8.48959Z" fill="%23313537"/> <path d="M24.9197 18.375C25.4877 18.375 25.9416 18.8475 25.9189 19.415L25.5516 28.5923C25.5301 29.1286 25.0891 29.5523 24.5524 29.5523H23.4168C22.8819 29.5523 22.4417 29.1314 22.4178 28.597L22.0073 19.4197C21.9818 18.8504 22.4364 18.375 23.0063 18.375H24.9197ZM23.9868 31.924C24.6184 31.924 25.1535 32.1343 25.5921 32.5548C26.0307 32.9753 26.25 33.4799 26.25 34.0686C26.25 34.6574 26.0307 35.1704 25.5921 35.6077C25.1535 36.0282 24.6184 36.2385 23.9868 36.2385C23.3728 36.2385 22.8465 36.0282 22.4079 35.6077C21.9693 35.1704 21.75 34.6574 21.75 34.0686C21.75 33.4799 21.9693 32.9753 22.4079 32.5548C22.8465 32.1343 23.3728 31.924 23.9868 31.924Z" fill="white"/> </svg> ');
  /*Sidebar icons*/
  --sidebar-nav-icon-mail: url('../icons/Sidebar/mail.svg');
  --sidebar-nav-icon-message: url('../icons/Sidebar/message.svg');
  --sidebar-nav-icon-phone: url('../icons/Sidebar/phone.svg');
  --sidebar-nav-icon-todo: url('../icons/Sidebar/todo.svg');
  --sidebar-nav-icon-note: url('../icons/Sidebar/note.svg');
  --sidebar-nav-icon-calendar: url('../icons/Sidebar/calendar.svg');
  --sidebar-nav-icon-favourites: url('../icons/Sidebar/favourites.svg');
  --sidebar-nav-icon-phonebook: url('../icons/Sidebar/phonebook.svg');
  --sidebar-nav-icon-recents: url('../icons/Sidebar/recents.svg');
  --sidebar-nav-icon-numpad: url('../icons/Sidebar/numpad.svg');
  --sidebar-nav-icon-employees: url('../icons/Sidebar/employees.svg');
}
