@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap);
.tankbuch .button{padding:16px 24px;font-size:15px;font-weight:600;text-align:center;border-radius:10px;transition:background-color .15s ease-in-out, color .15s ease-in-out;-webkit-tap-highlight-color:transparent;user-select:none;cursor:pointer}.tankbuch .button+.button{margin-top:12px}.tankbuch .button:active,.tankbuch .button:focus,.tankbuch .button:hover{background-color:#5C7F96;color:#fff}.tankbuch .button--primary{background-color:#042B49;color:#fff}.tankbuch .button--secondary{background-color:#E4EAEE;color:#042B49}.tankbuch .button--caution{background-color:#F8B1B0;color:#042B49}

.tankbuch .dropdown{margin-bottom:16px}.tankbuch .dropdown .react-dropdown-select{background-color:#E4EAEE;min-height:0;padding:16px 24px;border-radius:10px;border:0;outline:0;-webkit-tap-highlight-color:transparent}.tankbuch .dropdown .react-dropdown-select:focus,.tankbuch .dropdown .react-dropdown-select:focus-within,.tankbuch .dropdown .react-dropdown-select:focus-visible{outline:0;box-shadow:none}.tankbuch .dropdown .react-dropdown-select .react-dropdown-select-input{font-size:15px;margin-left:0;font-weight:600;color:#042B49}.tankbuch .dropdown .react-dropdown-select .react-dropdown-select-dropdown-handle{position:absolute;right:18px}.tankbuch .dropdown .react-dropdown-select .react-dropdown-select-dropdown-handle svg{width:28px;height:28px}.tankbuch .dropdown .react-dropdown-select .react-dropdown-select-dropdown{background-color:#F8B1B0;border:0;border-radius:10px;box-shadow:0 2px 6px 0 rgba(92,127,150,0.16)}.tankbuch .dropdown .react-dropdown-select .react-dropdown-select-dropdown .react-dropdown-select-item{padding:16px 24px;border-bottom:0;border-radius:10px}.tankbuch .dropdown .react-dropdown-select .react-dropdown-select-dropdown .react-dropdown-select-item.react-dropdown-select-item-selected{background-color:#5C7F96}.tankbuch .dropdown .react-dropdown-select .react-dropdown-select-dropdown .react-dropdown-select-item:active{background-color:#E4EAEE}

.tankbuch .header{padding:28px 0 16px 0;margin-bottom:16px}.tankbuch .header__headline{display:flex;align-items:center;margin:0}.tankbuch .header__headline .icon.header__icon{margin-right:12px}.tankbuch .header__headline .icon+.icon{margin-left:20px}.tankbuch .header__headline span{flex-grow:1}.tankbuch .header__headline+.header__subline{margin-top:12px}.tankbuch .header__subline{font-size:14px;line-height:14px;color:#5C7F96}.tankbuch .header--has-icon .header__subline,.tankbuch .header--has-icon .info{margin-left:28px}

.tankbuch .icon{display:flex;position:relative;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;width:16px;height:16px}.tankbuch .icon:before{content:'';position:absolute;width:30px;height:30px;left:50%;top:50%;transform:translate(-50%, -50%);transition:background-color .15s ease-in-out;background-color:transparent;border-radius:50%;z-index:0}.tankbuch .icon--has-action:active:before,.tankbuch .icon--has-action:focus:before,.tankbuch .icon--has-action:hover:before{background-color:#F8B1B0}.tankbuch .icon--color-white svg [class*="__fill"]{fill:#fff}.tankbuch .icon--color-white svg [class*="__stroke"]{stroke:#fff}.tankbuch .icon--color-coral svg [class*="__fill"]{fill:#F8B1B0}.tankbuch .icon--color-coral svg [class*="__stroke"]{stroke:#F8B1B0}.tankbuch .icon--color-blue svg [class*="__fill"]{fill:#5C7F96}.tankbuch .icon--color-blue svg [class*="__stroke"]{stroke:#5C7F96}.tankbuch .icon svg{display:block;position:relative;height:16px;z-index:1}.tankbuch .icon--back svg{height:16px;margin-left:-2px}.tankbuch .icon--more svg{height:3px}.tankbuch .icon--car svg{height:14px}

.tankbuch .info{display:flex;align-items:center;font-size:14px;line-height:14px;color:#5C7F96}.tankbuch .info span+span{display:flex;align-items:center}.tankbuch .info span+span:before{content:'';display:block;width:4px;height:4px;background-color:#F8B1B0;border-radius:2px;margin:0 8px}

.tankbuch .loader{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;flex-direction:column;justify-content:center;align-items:center;z-index:5}.tankbuch .loader__home{display:flex;flex-direction:column;align-items:center;background-color:#E4EAEE;padding:20px;border-radius:10px}.tankbuch .loader__home h1{font-size:20px;line-height:20px;margin:0}.tankbuch .loader__home .icon{width:60px;height:60px;margin-bottom:12px}.tankbuch .loader__home .icon svg{height:100%}.tankbuch .loader__svg svg{display:block;margin:30px auto;fill:#F8B1B0}

.tankbuch .my-vehicle{display:block;background-color:#E4EAEE;padding:16px 20px 20px 20px;border-radius:10px;text-decoration:none;-webkit-tap-highlight-color:transparent}.tankbuch .my-vehicle__head{display:flex;align-items:center;margin-bottom:16px}.tankbuch .my-vehicle__icon{height:16px;margin-right:8px}.tankbuch .my-vehicle__name{flex-grow:1;color:#042B49}.tankbuch .my-vehicle .table{margin-bottom:16px}.tankbuch .my-vehicle .button{margin-left:0;margin-right:0}

.tankbuch .table{display:flex}.tankbuch .table__row{display:flex;margin-bottom:6px}.tankbuch .table__row--full{flex-direction:column}.tankbuch .table__row--full .table__cell--label{margin-bottom:12px}.tankbuch .table__cell--label{color:#5C7F96}.tankbuch .table__cell--value{font-weight:600}.tankbuch .table--slim{flex-wrap:wrap;justify-content:space-between}.tankbuch .table--slim .table__row{width:calc(50% - 10px);flex-direction:column}.tankbuch .table--slim .table__row--full{width:100%}.tankbuch .table--slim .table__row--full .table__cell--label{margin-bottom:0}.tankbuch .table--slim .table__row--border{border-bottom:1px solid #5C7F96;padding-bottom:10px;margin-bottom:10px}.tankbuch .table--slim .table__cell{font-size:13px}.tankbuch .table:not(.table--slim){flex-direction:column;background-color:#E4EAEE;padding:24px 24px;border-radius:10px}.tankbuch .table:not(.table--slim) .table__row{justify-content:space-between;margin-bottom:0}.tankbuch .table:not(.table--slim) .table__row+.table__row{margin-top:16px}

.tankbuch .section{position:relative}.tankbuch .section+.section{margin-top:82px}.tankbuch .section+.section:before{content:'';display:block;position:absolute;width:100px;height:2px;top:-40px;left:50%;transform:translateX(-50%);background-color:#F8B1B0}.tankbuch .section p{font-size:14px;line-height:14px;color:#5C7F96;margin-bottom:16px}.tankbuch .section--has-bg .section__content{background-color:#E4EAEE;padding:20px;border-radius:10px}

.tankbuch .slide-enter-done,.tankbuch .slide-exit-active,.tankbuch .slide-exit,.tankbuch .slide-enter-active,.tankbuch .slide-enter{transition:height 300ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;backface-visibility:hidden}.tankbuch .slide-enter-done.open,.tankbuch .slide-exit-active.open,.tankbuch .slide-exit.open,.tankbuch .slide-enter-active.open,.tankbuch .slide-enter.open{overflow:visible}

.tankbuch .station{width:100%;background-color:#E4EAEE;padding:20px;border-radius:10px;margin-bottom:16px}@media (min-width: 768px){.tankbuch .station{width:calc(50% - 8px)}}.tankbuch .station__distance{font-size:14px;line-height:18px;margin-bottom:8px}.tankbuch .station__name{position:relative;font-weight:700;margin-bottom:20px}.tankbuch .station__name span{font-size:14px;line-height:18px;font-weight:500}.tankbuch .station__name svg{position:absolute;width:50px;height:50px;top:50%;right:0;transform:translateY(-50%)}.tankbuch .station__prices{display:flex;border:1px solid #042B49;border-radius:10px}.tankbuch .station__prices div{width:33.33333%;padding:12px 0;font-size:14px;line-height:16px;color:#042B49;text-transform:uppercase;text-align:center;border-right:1px solid #042B49}.tankbuch .station__prices div:last-child{border-right:0}.tankbuch .station__prices div span{display:block;font-size:18px;line-height:20px;font-weight:700;margin-top:6px}.tankbuch .station__prices div span i{margin-left:1px;font-size:11px;font-weight:500;font-style:normal}.tankbuch .section--stations .section__content{display:flex;flex-wrap:wrap;justify-content:space-between}

.tankbuch .vehicle{display:flex;background-color:#E4EAEE;border:1px solid #E4EAEE;padding:15px 19px;margin-bottom:12px;border-radius:10px;text-decoration:none;transition:background-color .15s ease-in-out;-webkit-tap-highlight-color:transparent;align-items:center;overflow:hidden}.tankbuch .vehicle:active{background-color:#F8B1B0}.tankbuch .vehicle--archived{background-color:#fff}.tankbuch .vehicle:not(.vehicle--archived)+.vehicle--archived{margin-top:12px}.tankbuch .vehicle__icon{height:16px;margin-right:8px}.tankbuch .vehicle__type{flex-grow:1;font-size:15px;color:#5C7F96}.tankbuch .vehicle__date{font-size:13px;font-weight:600;color:#042B49}

.tankbuch .error-message{width:100%;background-color:#EF626B;padding:16px 24px;font-size:15px;font-weight:600;color:#fff;border-radius:10px;text-align:center}

.tankbuch .log{width:100%;background-color:#E4EAEE;padding:0 20px;margin-bottom:12px;border-radius:10px;transition:background-color .15s ease-in-out}@media (min-width: 768px){.tankbuch .log{width:calc(50% - 6px)}}.tankbuch .log:active{background-color:#F8B1B0}.tankbuch .log--wheel{border:1px solid #F8B1B0}.tankbuch .log--repair{border:1px solid #5C7F96}.tankbuch .log__head{display:flex;align-items:center;padding:16px 0;overflow:hidden}.tankbuch .log__icon{height:16px;margin-right:12px}.tankbuch .log__type{flex-grow:1;font-size:15px;font-weight:600;color:#042B49}.tankbuch .log__type .info{font-weight:400;margin-top:5px}.tankbuch .log__date{font-size:15px;font-weight:600}.tankbuch .log__body{padding-bottom:16px}.tankbuch .log__list{display:flex;flex-wrap:wrap;justify-content:space-between}

.overlay{position:relative}.overlay__background{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(228,234,238,0.5);pointer-events:none;z-index:99}.overlay__content{position:absolute;width:100%;max-width:720px;top:100px;left:50%;transform:translateX(-50%);padding:24px;background-color:#fff;pointer-events:all;border-radius:16px;border:1px solid #E4EAEE;box-shadow:0 2px 6px 0 rgba(92,127,150,0.16)}@media (max-width: 767.98px){.overlay__content{max-width:calc(100% - (24px * 2))}}.overlay__content:focus-visible{outline:0}.tankbuch .overlay__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.tankbuch .overlay__header h1{margin:0}.tankbuch .overlay__close{width:16px;height:16px}

.tankbuch .chart__wrapper{border:1px solid #E4EAEE;padding:20px 15px;border-radius:10px}

.tankbuch .divider{display:block;width:100px;height:2px;margin:40px auto;background-color:#F8B1B0}

.tankbuch .facts{background-color:#E4EAEE;padding:20px;border-radius:10px}.tankbuch .facts+.facts{margin-top:24px}.tankbuch .facts__head{display:flex;align-items:center;margin-bottom:16px}.tankbuch .facts__head .icon{height:16px;margin-right:8px}

.react-datepicker__navigation-icon::before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#042B49;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after{top:0}.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after{bottom:0}.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0;width:100%}.react-datepicker{font-family:"Open Sans",sans-serif;font-size:14px;background-color:#fff;color:#042B49;border:1px solid #aeaeae;border-radius:0;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:0.3rem;border-bottom-right-radius:0.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^="bottom"]{padding-top:10px}.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle,.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^="top"]{padding-bottom:10px}.react-datepicker-popper[data-placement^="right"]{padding-left:8px}.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^="left"]{padding-right:8px}.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:0;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:0}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 2px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:bold;font-size:16.52px}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *::before{border-color:#000}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next::before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous::before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:0;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:0;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:0.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:0.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:0.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + (44px / 2));overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:white;font-weight:bold}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#042B49}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#042B49;display:inline-block;width:44px;line-height:44px;text-align:center;margin:0}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:0;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#042B49;display:inline-block;width:44px;line-height:44px;text-align:center;margin:0}.react-datepicker__month--selected,.react-datepicker__month--in-selecting-range,.react-datepicker__month--in-range,.react-datepicker__quarter--selected,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--in-range{border-radius:0;background-color:#216ba5;color:#fff}.react-datepicker__month--selected:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--in-range:hover,.react-datepicker__quarter--selected:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--in-range:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#042B49;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:0;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:bold}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:0;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:magenta}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:0;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:0;background-color:#2a87d0;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range ,.react-datepicker__month-text--in-selecting-range ,.react-datepicker__quarter-text--in-selecting-range ,.react-datepicker__year-text--in-selecting-range {background-color:rgba(33,107,165,0.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range ,.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range ,.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range ,.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range {background-color:#f0f0f0;color:#042B49}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#042B49}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:0;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#010f19}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:0;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:0;border-top-right-radius:0}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#042B49}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#010f19}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#010f19}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon::after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"\00d7"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:bold;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px), (max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:25.2px}.tankbuch .datepicker{position:relative;margin-bottom:16px}.tankbuch .datepicker__label{position:absolute;left:24px;top:17px;font-size:15px;font-weight:600;color:#757575;pointer-events:none;z-index:1}.tankbuch .datepicker .react-datepicker{border:1px solid #F8B1B0;border-radius:10px;overflow:hidden}.tankbuch .datepicker .react-datepicker .react-datepicker__header{border:0;border-radius:0;background-color:transparent}.tankbuch .datepicker .react-datepicker__triangle:before{border-bottom-color:#F8B1B0}.tankbuch .datepicker .react-datepicker__triangle:after{border-bottom-color:#E4EAEE}.tankbuch .datepicker .react-datepicker__current-month{padding:8px 0}.tankbuch .datepicker .react-datepicker__month{padding:0 1px}.tankbuch .datepicker .react-datepicker__navigation{top:12px}.tankbuch .datepicker .react-datepicker__input-container input{width:100%;background-color:#E4EAEE;border:1px solid #E4EAEE;padding:16px 24px;font-size:15px;font-weight:600;color:#042B49;border-radius:10px;text-align:right;-webkit-appearance:none}.tankbuch .datepicker .react-datepicker__input-container input:focus{border-color:#F8B1B0;outline:0}.tankbuch .datepicker .react-datepicker-popper{z-index:2}.tankbuch .datepicker .react-datepicker__navigation-icon:before{border-width:2px 2px 0 0}.tankbuch .datepicker .react-datepicker__day--outside-month{color:#DBDBDB}.tankbuch .datepicker .react-datepicker__day--today{color:#F8B1B0}.tankbuch .datepicker .react-datepicker__day--selected,.tankbuch .datepicker .react-datepicker__day--keyboard-selected{background-color:#042B49;border-radius:22px;font-weight:600;color:#fff}

.tankbuch .switch{display:flex;flex-direction:row;width:100%;background-color:#E4EAEE;border-radius:10px;margin-bottom:16px}.tankbuch .switch__option{display:flex;justify-content:center;align-items:center;flex-grow:1;background-color:#E4EAEE;padding:16px 24px;font-size:15px;font-weight:600;color:#042B49}.tankbuch .switch__option:first-child{border-radius:10px 0 0 10px}.tankbuch .switch__option:last-child{border-radius:0 10px 10px 0}.tankbuch .switch__option.active{background-color:#042B49;color:#fff}

.tankbuch .text-field{position:relative;margin-bottom:16px}.tankbuch .text-field label{display:block;font-size:15px;font-weight:600;color:#042B49;margin:0 0 8px 12px}.tankbuch .text-field input,.tankbuch .text-field textarea{width:100%;background-color:#E4EAEE;border:1px solid #E4EAEE;padding:16px 24px;font-size:15px;font-weight:600;color:#042B49;border-radius:10px;-webkit-appearance:none}.tankbuch .text-field input:focus,.tankbuch .text-field textarea:focus{border-color:#F8B1B0;outline:0}.tankbuch .text-field input::-webkit-inner-spin-button,.tankbuch .text-field input::-webkit-calendar-picker-indicator,.tankbuch .text-field textarea::-webkit-inner-spin-button,.tankbuch .text-field textarea::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.tankbuch .text-field input{text-align:right}.tankbuch .text-field textarea{resize:none;min-height:160px}.tankbuch .text-field__label{position:absolute;left:24px;bottom:16px;font-size:15px;font-weight:600;color:#757575;pointer-events:none}.tankbuch .text-field__suffix{position:absolute;right:24px;bottom:16px;font-size:15px;font-weight:600;color:#5C7F96}.tankbuch .text-field.error input,.tankbuch .text-field.error textarea{border-color:#EF626B}.tankbuch .text-field.error .text-field__label{color:#EF626B}

.tankbuch .month-year-picker{display:flex;align-items:center;background-color:#E4EAEE;border-radius:10px}.tankbuch .month-year-picker__label{font-size:15px;font-weight:600;color:#757575;flex-grow:1;padding:17px 24px}.tankbuch .month-year-picker .dropdown{margin-bottom:0}.tankbuch .month-year-picker .dropdown--month{width:110px}.tankbuch .month-year-picker .dropdown--year{width:140px;margin-left:6px}.tankbuch .month-year-picker .dropdown .react-dropdown-select{padding:16px 16px}.tankbuch .month-year-picker .dropdown .react-dropdown-select .react-dropdown-select-dropdown-handle{right:8px}

body{margin:0;padding:0;font-family:"Open Sans",sans-serif;font-size:16px;line-height:20px;font-weight:500;color:#042B49}body *{box-sizing:border-box;font-family:"Open Sans",sans-serif}body p{margin:0}body h1{font-size:20px;line-height:28px;font-weight:700;margin:0 0 12px 0}body h2{font-size:18px;line-height:26px;font-weight:600;margin:0 0 12px 0;text-align:center}body h3{font-size:16px;line-height:22px;font-weight:600;margin:0 0 12px 0}.tankbuch{max-width:768px;margin:0 auto;background-color:#fff}.tankbuch .page-holder{position:relative;overflow:hidden;flex-grow:1}.tankbuch .page-holder .page{background:#fff;min-height:100vh;display:flex;flex-direction:column;padding:0 24px}.tankbuch .page-holder .page__addlog form .button,.tankbuch .page-holder .page__addvehicle form .button{margin-top:32px}.tankbuch .page-holder .page__logs .error-message{margin-bottom:16px}.tankbuch .fade-appear,.tankbuch .fade-enter{opacity:0}.tankbuch .fade-appear-active,.tankbuch .fade-enter-active{transition:opacity .3s linear;opacity:1}.tankbuch .fade-exit{transition:opacity .3s linear;opacity:1}.tankbuch .fade-exit-active{opacity:0;display:none}