.ArbeitszeitrechnerBacklinkBox{max-width:728px;margin:auto;display:flex;justify-content:end;align-items:end;margin-top:60px;gap:10px}.ArbeitszeitrechnerBacklinkBox .ArbeitszeitrechnerTooltip .ArbeitszeitrechnerTooltiptext{width:300px;bottom:auto!important;top:100%;left:-63px}.ArbeitszeitrechnerBacklinkBox .ArbeitszeitrechnerTooltip{background-color:#fff;border-radius:5px 5px 0 0;box-shadow:0 0 10px rgba(0,0,0,.1);animation:fadeIn 0.5s ease-in-out;padding:1px 3px;opacity:.7;display:flex}.ArbeitszeitrechnerTooltip{position:relative;display:inline-block;margin-left:5px}.ArbeitszeitrechnerTooltip .ArbeitszeitrechnerTooltiptext{visibility:hidden;width:220px;background-color:#f9f9f9;color:#333;text-align:left;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:100%;left:-363%;margin-left:-110px;opacity:0;transition:opacity 0.3s;box-shadow:0 5px 10px rgba(0,0,0,.1);font-size:14px;line-height:18px;max-height:120px;overflow:auto}.ArbeitszeitrechnerTooltiptext{--sb-track-color:#ffffff;--sb-thumb-color:#c1c1c1;--sb-size:9px}.ArbeitszeitrechnerTooltiptext::-webkit-scrollbar{width:var(--sb-size)}.ArbeitszeitrechnerTooltiptext::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:4px}.ArbeitszeitrechnerTooltiptext::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:4px}@supports not selector(::-webkit-scrollbar){.ArbeitszeitrechnerTooltiptext{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.ArbeitszeitrechnerInfoIcone{display:flex;align-items:center;justify-content:center}.ArbeitszeitrechnerTooltip:hover .ArbeitszeitrechnerTooltiptext{visibility:visible;opacity:1}.ArbeitszeitrechnerTooltip .info-icon{width:16px;height:16px;fill:#636363;cursor:pointer}.ArbeitszeitrechnerBacklinkBox .ArbeitszeitrechnerTooltip .ArbeitszeitrechnerInfoIcone{display:flex;width:17px}.ArbeitszeitrechnerBacklinkBox .ArbeitszeitrechnerTooltip:hover{opacity:1;box-shadow:0 0 10px rgba(0,0,0,.3);cursor:pointer}.ArbeitszeitrechnerBacklink{display:flex;align-items:start;gap:5px;background-color:#fff;border-radius:5px 5px 0 0;box-shadow:0 0 10px rgba(0,0,0,.1);animation:fadeIn 0.5s ease-in-out;padding:3px;margin-right:10px;color:#7f7f7f;font-size:11px;line-height:13px}.ArbeitszeitrechnerBacklink:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}.ArbeitszeitrechnerBacklink>img{width:11px;opacity:.5;transition:all 0.2s}.ArbeitszeitrechnerBacklink:hover>img{opacity:1}.ArbeitszeitrechnerContainer{max-width:728px;margin:0 auto 50px auto;border-radius:10px;animation:fadeIn 0.5s ease-in-out;padding:0 20px 0 20px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;justify-content:center;flex-direction:column;position:relative}.ArbeitszeitrechnerContainerForImageBigBox{padding-bottom:20px}.ArbeitszeitrechnerContainerForImage{display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative}.Arbeitszeitrechner-hide-element{display:none!important}.ArbeitszeitrechnerDownloadButtons{display:flex;align-items:center;gap:10px}.ArbeitszeitrechnerDownloadDiv .ArbeitszeitrechnerDownloadDivtext{visibility:hidden;width:120px;background-color:#838383;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;margin-top:-35px;margin-left:-74px;opacity:0;transition:opacity 0.3s;font-size:14px}.ArbeitszeitrechnerDownloadDiv>button{background-color:transparent;color:#170b61;height:44px}.ArbeitszeitrechnerDownloadDiv:hover .ArbeitszeitrechnerDownloadDivtext{visibility:visible;opacity:1}.ArbeitszeitrechnerHeader{display:flex;justify-content:space-between;align-items:center;width:100%}.ArbeitszeitrechnerTitle{margin-top:20px;color:#000;text-align:center;font-family:inherit;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.ArbeitszeitrechnerDayHeader{display:flex;justify-content:space-between;align-items:center}.ArbeitszeitrechnerDayHeader>h3{margin-bottom:5px}.ArbeitszeitrechnerEditableDayName{color:#333;font-family:inherit;font-size:18px;font-style:normal;line-height:22px}.ArbeitszeitrechnerEditDayName{font-size:14px}.ArbeitszeitrechnerDayControls{display:flex;flex-wrap:wrap;gap:5px}.ArbeitszeitrechnerAddTag,.ArbeitszeitrechnerDeleteTag{border:none;cursor:pointer;background-color:transparent;color:#170b61;font-family:inherit;font-size:16px;font-style:normal;font-weight:400;line-height:22px;display:flex;align-items:center;gap:7px}.ArbeitszeitrechnerLabelsRow,.ArbeitszeitrechnerInputsRow{display:flex;justify-content:space-between;margin-top:10px}.ArbeitszeitrechnerLabel{margin-bottom:5px;font-weight:500;text-align:left;font-family:inherit;font-size:15px;font-style:normal;font-weight:500;line-height:22px;color:var(--Text-colorText,rgba(0,0,0,.88));white-space:nowrap}.ArbeitszeitrechnerInputsGroup{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:5px}.ArbeitszeitrechnerInputContainer{flex:1 1 calc(25% - 20px);display:flex;flex-direction:column}.ArbeitszeitrechnerInputContainer .Arbeitszeitrechner-custom-time-dropdown,.ArbeitszeitrechnerInputContainer .ArbeitszeitrechnerDaysCount{width:100%}.ArbeitszeitrechnerInputsRow>div{flex:1;text-align:center}.ArbeitszeitrechnerDaysCount{width:144px;padding:5px;border:1px solid #d9d9d9!important;border-radius:6px}.Arbeitszeitrechner-custom-time-dropdown{position:relative;display:inline-block;width:144px}.Arbeitszeitrechner-custom-time-dropdown{position:relative;display:inline-block;width:144px}.Arbeitszeitrechner-time-input{width:100%;padding:5px 30px 5px 5px;border:1px solid #d9d9d8!important;border-radius:8px;cursor:pointer;background-color:#fff}.Arbeitszeitrechner-time-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#888;pointer-events:none}.Arbeitszeitrechner-custom-time-dropdown:hover .Arbeitszeitrechner-time-icon{color:#000}.Arbeitszeitrechner-time-input:focus{outline:none;border-color:#170b61}.Arbeitszeitrechner-time-input.selected{background-color:#e6f4ff}.Arbeitszeitrechner-dropdown-menu{display:none;position:absolute;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;z-index:10;width:100%;box-shadow:0 5px 10px rgba(0,0,0,.1);margin-top:5px}.Arbeitszeitrechner-dropdown-menu.active{display:flex}.Arbeitszeitrechner-hours-column,.Arbeitszeitrechner-minutes-column{width:50%;max-height:200px;overflow-y:auto}.Arbeitszeitrechner-hours-column{border-right:1px solid #d9d9d9}.Arbeitszeitrechner-hour-item,.Arbeitszeitrechner-minute-item{padding:5px;cursor:pointer;text-align:center}.Arbeitszeitrechner-hour-item:hover,.Arbeitszeitrechner-minute-item:hover{background-color:#f0f0f0}.selected-hour,.selected-minute{background-color:#e6f4ff}.Arbeitszeitrechner-hours-column::-webkit-scrollbar,.Arbeitszeitrechner-minutes-column::-webkit-scrollbar{width:0;background:transparent}.Arbeitszeitrechner-hours-column::-webkit-scrollbar-thumb,.Arbeitszeitrechner-minutes-column::-webkit-scrollbar-thumb{background:transparent}#ArbeitszeitrechnerForm{width:100%;padding-bottom:70px}.ArbeitszeitrechnerResultsDisplay{background-color:#170b61;color:#fff;width:80%;max-width:520px;height:77px;display:flex;flex-direction:row;align-items:center;position:absolute;bottom:-40px;border-radius:12px;padding:0 20px 0 20px}.ArbeitszeitrechnerResultsDisplay>div:first-of-type{width:110px;position:relative;top:3px;left:-28px}.ArbeitszeitrechnerResultsText{font-weight:500;font-size:14px}.ArbeitszeitrechnerResultsText>p{margin:0;display:flex;justify-content:space-between;gap:10px;line-height:20px}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.width650ArbeitszeitrechnerContainer .ArbeitszeitrechnerResultsDisplay{width:95%}.width551ArbeitszeitrechnerContainer .ArbeitszeitrechnerResultsDisplay>div:first-of-type{display:none}.width551ArbeitszeitrechnerContainer .ArbeitszeitrechnerResultsText{width:100%;font-size:clamp(12px, 3vw, 16px)}.width551ArbeitszeitrechnerContainer .ArbeitszeitrechnerResultsDisplay{min-height:77px;height:auto}.width524ArbeitszeitrechnerContainer .ArbeitszeitrechnerDayHeader{flex-direction:column;align-items:start}.width360ArbeitszeitrechnerContainer .ArbeitszeitrechnerTitle{font-size:clamp(20px, 6vw, 28px)}.width340ArbeitszeitrechnerContainer .ArbeitszeitrechnerResultsDisplay{width:104%;padding:7px}.width340ArbeitszeitrechnerContainer .ArbeitszeitrechnerResultsText{width:100%;font-size:clamp(12px, 3vw, 16px)}@media (max-width:640px){.ArbeitszeitrechnerLabel,.ArbeitszeitrechnerInputsRow>div{width:100%;margin-bottom:5px}}