Wechselpilot Logo
Kundenlogin
Registrierung
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }:root{--font-sans: "Poppins", "Helvetica", "Arial", "sans-serif";--font-heading: "Poppins", "Barlow", "Helvetica", "Arial", "sans-serif";--white: 255 255 255;--black: 0 0 0;--darkgrey: 36 60 71;--darkgrey-2: 41 49 53;--yellow: 249 170 0;--lightorange: 242 147 31;--darkorange: 239 117 32;--babyblue: 42 164 202;--lightblue: 42 111 166;--darkblue: 24 70 106;--blackblue: 19 54 79;--shinygreen: 45 206 157;--lightgreen: 36 164 125;--darkgreen: 22 122 82;--deepgreen: 18 100 67;--grey: 61 82 97;--lightgrey: 238 238 238;--lightgrey-2: 223 223 223;--red: 190 20 20;--red-dark: 170 0 0;--maincolor: var(--yellow);--maincolor-dark: var(--lightorange);--subcolor: var(--lightblue);--subcolor-dark: var(--darkblue);--accentcolor: var(--babyblue);--accentcolor-dark: var(--blackblue);--successcolor: var(--darkgreen);--successcolor-light: var(--lightgreen);--warningcolor: var(--darkorange);--infocolor: var(--subcolor);--infocolor-dark: var(--subcolor-dark);--actioncolor: var(--maincolor);--actioncolor-dark: var(--maincolor-dark);--misccolor: var(--maincolor-dark);--linkcolor: var(--maincolor);--neutralcolor: var(--grey);--textcolor: var(--neutralcolor);--backgroundcolor: var(--white);--backgroundcolor-dark: var(--lightgrey);--backgroundcolor-dark-2: var(--lightgrey-2);--best-color: var(--darkblue);--cheapest-color: var(--backgroundcolor);--green-color: var(--darkgreen)}:root [data-color-scheme=dark]{--maincolor: var(--darkorange);--subcolor: var(--babyblue);--subcolor-dark: var(--lightblue);--infocolor: var(--subcolor);--actioncolor: var(--maincolor-dark);--actioncolor-dark: var(--maincolor);--misccolor: var(--maincolor-dark);--textcolor: var(--white);--neutralcolor: var(--lightgrey);--backgroundcolor: var(--darkgrey);--backgroundcolor-dark: var(--grey);--backgroundcolor-dark-2: var(--darkgrey-2);--cheapest-color: var(--backgroundcolor)}.loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' stroke='%23ffffff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");background-position:center;background-size:contain;background-repeat:no-repeat}.inset{box-shadow:inset 0 3px 0 0 rgb(var(--backgroundcolor)),inset 0 -3px 0 0 rgb(var(--backgroundcolor)),inset -3px 0 0 0 rgb(var(--backgroundcolor)),inset 3px 0 0 0 rgb(var(--backgroundcolor)),inset 0 0 0 3px rgb(var(--backgroundcolor))}.bg-icon-chevron{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' fill='%23CCCCCC' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath d='M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z'%3E%3C/path%3E%3C/svg%3E")}.radio{position:absolute;margin:0;height:1px;width:1px;padding:0;opacity:0}.radio+label{pointer-events:auto;position:relative;left:auto;display:flex;cursor:pointer;flex-direction:row-reverse;align-items:center;justify-content:flex-end;padding:0;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(var(--neutralcolor) / var(--tw-text-opacity))}.radio+label:before{--tw-content: none;content:var(--tw-content)}.radio+label:after{--tw-content: none;content:var(--tw-content)}.radio+label span:not([data-tip]){margin-right:.5rem;display:inline-block;height:1.5rem;width:1.5rem;border-radius:9999px;border-width:1px;border-color:rgb(var(--neutralcolor) / .5);background-color:rgb(var(--black) / .1);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;box-shadow:inset 0 3px 0 0 rgb(var(--backgroundcolor)),inset 0 -3px 0 0 rgb(var(--backgroundcolor)),inset -3px 0 0 0 rgb(var(--backgroundcolor)),inset 3px 0 0 0 rgb(var(--backgroundcolor)),inset 0 0 0 3px rgb(var(--backgroundcolor))}@media (min-width: 640px){.radio+label span:not([data-tip]){height:2rem;width:2rem}}.radio:checked+label{--tw-text-opacity: 1;color:rgb(var(--actioncolor) / var(--tw-text-opacity))}.radio:checked+label span:not([data-tip]){--tw-bg-opacity: 1;background-color:rgb(var(--actioncolor) / var(--tw-bg-opacity))}.radio:disabled+label{cursor:not-allowed;opacity:.4}.radio-rating input{visibility:hidden;height:0px;width:0px}.radio-rating label{display:inline-block;height:2rem;width:2rem;cursor:pointer;border-radius:9999px;text-align:center;line-height:2rem}.radio-rating label:hover{background-color:rgb(var(--darkgrey) / .3)}@media (min-width: 768px){.radio-rating label{height:2.5rem;width:2.5rem;line-height:2.5rem}}.radio-rating input:checked .radio-rating label{background-color:rgb(var(--darkgrey) / .7)}.toggle{pointer-events:auto;position:relative;left:auto;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;padding-left:0;padding-right:0}.toggle.toggle-sameColor .trail{--tw-bg-opacity: 1;background-color:rgb(var(--actioncolor) / var(--tw-bg-opacity))}.toggle.toggle-small .dot{left:.25rem;top:.25rem;height:1rem;width:1rem}.toggle.toggle-small input:checked+.inner-toggle .dot{--tw-translate-x:calc(100% + .25rem);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toggle.toggle-grey .trail{background-color:rgb(var(--neutralcolor) / .3)}.toggle.toggle-grey .dot{background-color:rgb(var(--neutralcolor) / .5)}.toggle.toggle-grey input:checked+.inner-toggle .trail{background-color:rgb(var(--neutralcolor) / .3)}.toggle.toggle-grey input:checked+.inner-toggle .dot{background-color:rgb(var(--neutralcolor) / .5)}.toggle input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.toggle .inner-toggle{position:relative}.toggle .trail{height:1.5rem;width:2.75rem;border-radius:9999px;background-color:rgb(var(--neutralcolor) / .4);--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.toggle .dot{position:absolute;left:.125rem;top:.125rem;height:1.25rem;width:1.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor) / var(--tw-bg-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.toggle-error .trail{--tw-bg-opacity: 1;background-color:rgb(204 0 0 / var(--tw-bg-opacity))}.toggle input:checked+.inner-toggle .dot{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toggle input:checked+.inner-toggle .trail{--tw-bg-opacity: 1;background-color:rgb(var(--actioncolor) / var(--tw-bg-opacity))}.toggle input:checked+.inner-toggle+.label-text{--tw-text-opacity: 1;color:rgb(var(--actioncolor) / var(--tw-text-opacity))}.toggle input:checked+.inner-toggle+.error-label{--tw-text-opacity: 1;color:rgb(204 0 0 / var(--tw-text-opacity))}.toggle .label-text{padding-left:.5rem}.icon-toggle{pointer-events:auto;position:relative;left:auto;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;padding-left:0;padding-right:0}.icon-toggle input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.icon-toggle .icon{display:flex;align-items:center}.icon-toggle input:checked+.icon:after{content:var(--tw-content);--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mandatory{--tw-text-opacity: 1;color:rgb(var(--warningcolor) / var(--tw-text-opacity))}input[type=text]:not(.react-select__input input):not(.input-nude),input[type=password],input[type=email],input[type=number],input[type=tel],select[name],input[type=textarea],textarea,.react-select{position:relative;box-sizing:border-box;height:auto;width:100%;border-radius:.75rem;border-width:2px;border-color:rgb(var(--neutralcolor) / .3);--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor) / var(--tw-bg-opacity));background-size:auto;padding:.75rem 1.5rem;font-weight:400;line-height:1;--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;max-height:48px}input[type=text]:not(.react-select__input input):not(.input-nude):-webkit-autofill,input[type=text]:not(.react-select__input input):not(.input-nude):-webkit-autofill:hover,input[type=text]:not(.react-select__input input):not(.input-nude):-webkit-autofill:focus,input[type=password]:-webkit-autofill,input[type=password]:-webkit-autofill:hover,input[type=password]:-webkit-autofill:focus,input[type=email]:-webkit-autofill,input[type=email]:-webkit-autofill:hover,input[type=email]:-webkit-autofill:focus,input[type=number]:-webkit-autofill,input[type=number]:-webkit-autofill:hover,input[type=number]:-webkit-autofill:focus,input[type=tel]:-webkit-autofill,input[type=tel]:-webkit-autofill:hover,input[type=tel]:-webkit-autofill:focus,select[name]:-webkit-autofill,select[name]:-webkit-autofill:hover,select[name]:-webkit-autofill:focus,input[type=textarea]:-webkit-autofill,input[type=textarea]:-webkit-autofill:hover,input[type=textarea]:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,.react-select:-webkit-autofill,.react-select:-webkit-autofill:hover,.react-select:-webkit-autofill:focus{-webkit-text-fill-color:rgb(var(--textcolor));-webkit-box-shadow:0 0 0 1000px rgb(var(--backgroundcolor)) inset}input[type=text]:not(.react-select__input input):not(.input-nude):focus,input[type=text]:not(.react-select__input input):not(.input-nude).isFocus,input[type=password]:focus,input[type=password].isFocus,input[type=email]:focus,input[type=email].isFocus,input[type=number]:focus,input[type=number].isFocus,input[type=tel]:focus,input[type=tel].isFocus,select[name]:focus,select[name].isFocus,input[type=textarea]:focus,input[type=textarea].isFocus,textarea:focus,textarea.isFocus,.react-select:focus,.react-select.isFocus{--tw-border-opacity: 1;border-color:rgb(var(--neutralcolor) / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}@keyframes shake{10%{transform:translate3d(-1px,0,0)}20%{transform:translate3d(2px,0,0)}30%{transform:translate3d(-4px,0,0)}40%{transform:translate3d(4px,0,0)}50%{transform:translate3d(-4px,0,0)}60%{transform:translate3d(4px,0,0)}70%{transform:translate3d(-4px,0,0)}80%{transform:translate3d(2px,0,0)}90%{transform:translate3d(-1px,0,0)}}input[type=text]:not(.react-select__input input):not(.input-nude).isError:not(:focus),input[type=password].isError:not(:focus),input[type=email].isError:not(:focus),input[type=number].isError:not(:focus),input[type=tel].isError:not(:focus),select[name].isError:not(:focus),input[type=textarea].isError:not(:focus),textarea.isError:not(:focus),.react-select.isError:not(:focus){animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;--tw-border-opacity: 1;border-color:rgb(204 0 0 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(204 0 0 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}input[type=text]:not(.react-select__input input):not(.input-nude).bg-colored,input[type=password].bg-colored,input[type=email].bg-colored,input[type=number].bg-colored,input[type=tel].bg-colored,select[name].bg-colored,input[type=textarea].bg-colored,textarea.bg-colored,.react-select.bg-colored{background-color:inherit!important;border-color:rgb(var(--backgroundcolor));color:rgb(var(--backgroundcolor))}input[type=text]:not(.react-select__input input):not(.input-nude):focus-visible,input[type=password]:focus-visible,input[type=email]:focus-visible,input[type=number]:focus-visible,input[type=tel]:focus-visible,select[name]:focus-visible,input[type=textarea]:focus-visible,textarea:focus-visible,.react-select:focus-visible{outline-width:2px;outline-color:rgb(var(--backgroundcolor-dark))}input[type=text]:not(.react-select__input input):not(.input-nude)[disabled],input[type=password][disabled],input[type=email][disabled],input[type=number][disabled],input[type=tel][disabled],select[name][disabled],input[type=textarea][disabled],textarea[disabled],.react-select[disabled]{cursor:not-allowed;border-color:rgb(var(--neutralcolor) / .3);--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));color:rgb(var(--neutralcolor) / .5)}input[type=text]:not(.react-select__input input):not(.input-nude)[disabled].form-hinweis,input[type=password][disabled].form-hinweis,input[type=email][disabled].form-hinweis,input[type=number][disabled].form-hinweis,input[type=tel][disabled].form-hinweis,select[name][disabled].form-hinweis,input[type=textarea][disabled].form-hinweis,textarea[disabled].form-hinweis,.react-select[disabled].form-hinweis{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-width:0px;--tw-border-opacity: 1;border-color:rgb(var(--actioncolor) / var(--tw-border-opacity))}input[type=text]:not(.react-select__input input):not(.input-nude)[disabled].isError,input[type=password][disabled].isError,input[type=email][disabled].isError,input[type=number][disabled].isError,input[type=tel][disabled].isError,select[name][disabled].isError,input[type=textarea][disabled].isError,textarea[disabled].isError,.react-select[disabled].isError{background-color:#cc00001a}textarea{height:150px;max-height:none;padding-top:1.25rem;font-size:.875rem;line-height:1.25rem}.input-nude{position:relative;width:100%;border-radius:.375rem;border-width:2px;border-right-width:0px;--tw-border-opacity: 1;border-color:rgb(var(--backgroundcolor) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor) / var(--tw-bg-opacity));padding:1.25rem 1.5rem .5rem;line-height:1;--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.input-nude:focus-visible{--tw-border-opacity: 1;border-color:rgb(var(--actioncolor) / var(--tw-border-opacity))}.input-nude__left{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;border-top-right-radius:0;border-bottom-right-radius:0}.input-nude__right{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.button-nude{position:relative;border-width:2px;--tw-border-opacity: 1;border-color:rgb(var(--actioncolor) / var(--tw-border-opacity));line-height:1;outline:2px solid transparent;outline-offset:2px}.button-nude:focus-visible{outline:2px solid transparent!important;outline-offset:2px!important;--tw-border-opacity: 1;border-color:rgb(var(--backgroundcolor) / var(--tw-border-opacity))}.button-nude__left{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;border-top-right-radius:0;border-bottom-right-radius:0}.button-nude__right{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}button:focus-visible{outline-width:2px!important;outline-color:rgb(var(--backgroundcolor-dark))!important}select[name]{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor) / var(--tw-bg-opacity));background-position:right 1.5rem center;background-repeat:no-repeat;padding-right:3rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' fill='%23CCCCCC' viewBox='0 0 20 20' aria-hidden='true' focusable='false'%3E%3Cpath d='M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z'%3E%3C/path%3E%3C/svg%3E")}input[type=range]{-webkit-appearance:none;position:relative;left:1px;margin-top:.5rem;margin-bottom:.5rem;height:auto;width:calc(100% - 2px);-moz-appearance:none;appearance:none;overflow:hidden;border-radius:9999px;border-width:3px;--tw-border-opacity: 1;border-color:rgb(var(--backgroundcolor) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));outline-style:solid;outline-width:1px;outline-color:rgb(var(--neutralcolor))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:1.5rem;width:1.5rem;cursor:pointer;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(var(--actioncolor) / var(--tw-bg-opacity));box-shadow:calc(-100vw - 11px) 0 0 100vw rgb(var(--actioncolor) / .35)}input[type=range]:focus-visible{outline-width:2px;outline-color:rgb(var(--backgroundcolor-dark))}input[type=range]::-moz-range-progress{height:1.5rem;background-color:rgb(var(--actioncolor) / .35)}input[type=range]::-moz-range-track{height:1.5rem;--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity))}input[type=range]::-moz-range-thumb{height:1rem;width:1rem;border-radius:9999px;border-width:0px;--tw-bg-opacity: 1;background-color:rgb(var(--actioncolor) / var(--tw-bg-opacity))}.daisy-toggle{box-shadow:calc(var(--handleoffset) * -1) 0 0 2px rgb(var(--backgroundcolor)) inset,0 0 0 2px rgb(var(--backgroundcolor)) inset!important}.daisy-toggle:checked{box-shadow:var(--handleoffset) 0 0 2px rgb(var(--backgroundcolor)) inset,0 0 0 2px rgb(var(--backgroundcolor)) inset!important}.react-select{margin:0;padding:0;border:0}.react-select__control{position:relative;width:100%;padding:.5rem 1.5rem;line-height:1;--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border:2px solid rgb(var(--neutralcolor) / .3)!important;background-color:rgb(var(--backgroundcolor))!important;border-radius:.75rem!important;min-height:48px!important;max-height:48px}.react-select__control,.react-select__control--is-focused{box-shadow:none!important}.react-select__indicator{padding:0!important}.react-select__indicator-separator{display:none}.react-select__value-container{padding:0!important}.react-select__placeholder{margin:0!important}.react-select__single-value{overflow:visible!important;color:rgb(var(--textcolor))!important}.react-select__input{--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity))}.react-select__input input{border-radius:0;box-sizing:border-box!important}.react-select__input-container{--tw-text-opacity: 1 !important;color:rgb(var(--textcolor) / var(--tw-text-opacity))!important}.react-select__menu{position:relative!important;z-index:20!important;max-height:13rem!important;--tw-bg-opacity: 1 !important;background-color:rgb(var(--backgroundcolor) / var(--tw-bg-opacity))!important}.react-select__menu-list{max-height:13rem!important}.react-select__option{text-align:left!important;--tw-text-opacity: 1 !important;color:rgb(var(--textcolor) / var(--tw-text-opacity))!important}.react-select__option--is-selected{--tw-bg-opacity: 1 !important;background-color:rgb(var(--actioncolor) / var(--tw-bg-opacity))!important}.react-select__option--is-focused{background-color:rgb(var(--actioncolor) / .3)!important}.react-select [class^=css-][class*=-Input]{padding:1px 0!important;margin:0!important;overflow:visible;border-radius:0;--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity))}.react-select.isFocus .react-select__control,.react-select.isFocus .react-select__control--is-focused{border-color:rgb(var(--neutralcolor) / var(--tw-border-opacity))!important;--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity))}.react-select.isFocus:has(.react-select__control--is-focused){outline-width:2px!important;outline-color:rgb(var(--backgroundcolor-dark))!important}.react-select.isError .react-select__control{--tw-border-opacity: 1 !important;border-color:rgb(204 0 0 / var(--tw-border-opacity))!important}.icon-field{position:relative}.icon-field.left input[type=text],.icon-field.left input[type=password],.icon-field.left input[type=email],.icon-field.left select[name]{padding-left:3rem}.icon-field.right input[type=text],.icon-field.right input[type=password],.icon-field.right input[type=email],.icon-field.right select[name]{padding-right:3rem}.icon-view{position:absolute;top:50%;height:1.5rem;width:1.5rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-size:contain;background-position:center;background-repeat:no-repeat}.icon-view span{visibility:hidden}.icon-view.toggle{right:1rem;cursor:pointer;background-color:rgb(var(--grey) / .3);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10 12a2 2 0 100-4 2 2 0 000 4z' /%3E%3Cpath fill-rule='evenodd' d='M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z' clip-rule='evenodd' /%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10 12a2 2 0 100-4 2 2 0 000 4z' /%3E%3Cpath fill-rule='evenodd' d='M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z' clip-rule='evenodd' /%3E%3C/svg%3E")}.icon-view.toggle.toggled{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z' clip-rule='evenodd' /%3E%3Cpath d='M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z' /%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z' clip-rule='evenodd' /%3E%3Cpath d='M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z' /%3E%3C/svg%3E")}.form-error{position:absolute;margin-left:-.5rem;display:flex;transform-origin:bottom left;--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor) / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem;font-weight:400;--tw-text-opacity: 1;color:rgb(204 0 0 / var(--tw-text-opacity))}.form-error:after{position:absolute;bottom:-2.5rem;height:2.5rem;content:var(--tw-content);width:.25rem}.form-error:not(.inset-auto){bottom:0;left:1.5rem}.form-error:not(.show){--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-error:not(.inputError){--tw-text-opacity: 1;color:rgb(var(--neutralcolor) / var(--tw-text-opacity))}.form-error#registerNowError,.form-error#calculateError{position:relative;left:0;transform:none;justify-content:center;padding-top:.5rem;font-size:1rem;line-height:1.5rem}.form-error#calculateError{margin-bottom:.5rem;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-error#emailError{--tw-bg-opacity: 1;background-color:rgb(var(--warningcolor) / var(--tw-bg-opacity))}.form-error.toggle-error{left:0;--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-error.gendererror{bottom:-.25rem;left:0;--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toggle.disabled{cursor:not-allowed;opacity:.4}.input-label{pointer-events:none;position:absolute;left:1.5rem;z-index:10;padding-left:2px;padding-right:2px;font-size:1rem;line-height:1.5rem;font-weight:900;text-transform:none;line-height:1;color:rgb(var(--neutralcolor) / .5)}.input-label.error-label{color:#c00!important}.input-label.label-nude{background-color:transparent}.input-label.focus-label{margin-left:-.5rem;--tw-translate-y: -150%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor) / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(var(--neutralcolor) / var(--tw-text-opacity))}.input-label.focus-label.label-nude{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.65rem}.input-label.disabled-label{background-color:transparent;color:rgb(var(--neutralcolor) / .5)}.input-label.disabled-label:after{content:"";position:absolute;left:0;top:50%;z-index:-10;display:block;height:2px;width:100%;--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity))}.input-label.textarea-label{top:1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:400}.input-label.textarea-label.focus-label{--tw-translate-y: -75%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.75rem;line-height:1rem;opacity:.5}.input-label a{--tw-text-opacity: 1;color:rgb(var(--actioncolor) / var(--tw-text-opacity))}.react-datepicker{border-color:rgb(var(--neutralcolor) / .3);--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor) / var(--tw-bg-opacity));font-weight:900;--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity))}.react-datepicker-wrapper{width:100%}.react-datepicker__header{--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity))}.react-datepicker__header__dropdown{display:flex;align-items:center;justify-content:center;gap:1.5rem}.react-datepicker__current-month{--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity))}.react-datepicker__current-month--hasYearDropdown,.react-datepicker__current-month--hasMonthDropdown{display:none}.react-datepicker__navigation-icon{top:.25rem}.react-datepicker-popper{z-index:50!important}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:0;border-top-color:rgb(var(--neutralcolor) / .3)}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:0;border-bottom-color:rgb(var(--neutralcolor) / .3)}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:1px}.react-datepicker__day{border-radius:.375rem;--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity))}.react-datepicker__day:hover{background-color:rgb(var(--maincolor) / .3)}.react-datepicker__day-name{--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity))}.react-datepicker__day--disabled,.react-datepicker__day--outside-month{color:rgb(var(--neutralcolor) / .6)}.react-datepicker__day--disabled{cursor:not-allowed;color:rgb(var(--neutralcolor) / .2);text-decoration-line:line-through}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__day--today{--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity));font-weight:900;--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity))}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{--tw-bg-opacity: 1;background-color:rgb(var(--maincolor) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(var(--white) / var(--tw-text-opacity))}.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover{--tw-bg-opacity: 1;background-color:rgb(var(--maincolor-dark) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(var(--white) / var(--tw-text-opacity))}.react-datepicker__month-read-view,.react-datepicker__year-read-view{visibility:visible!important}.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-top:5px}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(var(--textcolor) / var(--tw-text-opacity))}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background-color:rgb(var(--maincolor) / .3)}.react-datepicker__month-option--selected_month,.react-datepicker__month-option--selected_year,.react-datepicker__year-option--selected_month,.react-datepicker__year-option--selected_year{--tw-bg-opacity: 1;background-color:rgb(var(--maincolor) / var(--tw-bg-opacity))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.-bottom-\[2px\]{bottom:-2px}.bottom-0{bottom:0}.bottom-\[10\%\]{bottom:10%}.bottom-\[5\%\]{bottom:5%}.left-0{left:0}.left-1{left:.25rem}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[10\%\]{left:10%}.left-\[5\%\]{left:5%}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-3{right:.75rem}.right-\[10\%\]{right:10%}.right-\[5\%\]{right:5%}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-\[10\%\]{top:10%}.top-\[5\%\]{top:5%}.top-\[var\(--navbar-height\)\]{top:var(--navbar-height)}.-z-30{z-index:-30}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.-m-2{margin:-.5rem}.-m-2\.5{margin:-.625rem}.m-0{margin:0}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-ml-2{margin-left:-.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-px{margin-bottom:1px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.inline-grid{display:inline-grid}.hidden{display:none}.\!h-auto{height:auto!important}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-40{height:10rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100dvh\]{height:100dvh}.h-\[2px\]{height:2px}.h-\[calc\(100dvh_-_var\(--navbar-height\)_-_1px\)\]{height:calc(100dvh - var(--navbar-height) - 1px)}.h-\[var\(--navbar-height\)\]{height:var(--navbar-height)}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-64{max-height:16rem}.max-h-\[calc\(100\%_-_7\.5rem\)\]{max-height:calc(100% - 7.5rem)}.max-h-max{max-height:-moz-max-content;max-height:max-content}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[80\%\]{width:80%}.w-auto{width:auto}.w-px{width:1px}.w-screen{width:100vw}.min-w-\[200px\]{min-width:200px}.min-w-full{min-width:100%}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[1024px\]{max-width:1024px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[1536px\]{max-width:1536px}.max-w-\[640px\]{max-width:640px}.max-w-\[768px\]{max-width:768px}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-0{flex-basis:0px}.basis-full{flex-basis:100%}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.origin-center{transform-origin:center}.origin-left{transform-origin:left}.origin-right{transform-origin:right}.origin-top-left{transform-origin:top left}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-0{--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-none{animation:none}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.scroll-py-6{scroll-padding-top:1.5rem;scroll-padding-bottom:1.5rem}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-content-center{place-content:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.\!gap-0{gap:0px!important}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.\!rounded-l-none{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.\!rounded-r-none{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-dotted{border-style:dotted}.border-none{border-style:none}.border-maincolor{--tw-border-opacity: 1;border-color:rgb(var(--maincolor) / var(--tw-border-opacity))}.border-subcolor{--tw-border-opacity: 1;border-color:rgb(var(--subcolor) / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-b-current{border-bottom-color:currentColor}.border-b-white{--tw-border-opacity: 1;border-bottom-color:rgb(var(--white) / var(--tw-border-opacity))}.border-l-transparent{border-left-color:transparent}.border-r-transparent{border-right-color:transparent}.border-t-transparent{border-top-color:transparent}.\!bg-transparent{background-color:transparent!important}.bg-backgroundcolor-dark{--tw-bg-opacity: 1;background-color:rgb(var(--backgroundcolor-dark) / var(--tw-bg-opacity))}.bg-current{background-color:currentColor}.bg-maincolor{--tw-bg-opacity: 1;background-color:rgb(var(--maincolor) / var(--tw-bg-opacity))}.bg-subcolor{--tw-bg-opacity: 1;background-color:rgb(var(--subcolor) / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(var(--white) / var(--tw-bg-opacity))}.bg-\[length\:1\.25rem_1\.25rem\]{background-size:1.25rem 1.25rem}.stroke-current{stroke:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.\!px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.\!pb-0{padding-bottom:0!important}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pl-0{padding-left:0}.pl-0\.5{padding-left:.125rem}.pl-1{padding-left:.25rem}.pr-0{padding-right:0}.pr-0\.5{padding-right:.125rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-6{padding-right:1.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-\[0\.55rem\]{font-size:.55rem}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.6rem\]{font-size:.6rem}.text-\[10px\]{font-size:10px}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-none{line-height:1}.text-black{--tw-text-opacity: 1;color:rgb(var(--black) / var(--tw-text-opacity))}.text-current{color:currentColor}.text-inherit{color:inherit}.text-maincolor{--tw-text-opacity: 1;color:rgb(var(--maincolor) / var(--tw-text-opacity))}.text-subcolor{--tw-text-opacity: 1;color:rgb(var(--subcolor) / var(--tw-text-opacity))}.text-transparent{color:transparent}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-\[value\]{opacity:value}.shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 0 1px 0px 0 rgba(0,0,0,.05);--tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\/5{--tw-shadow-color: rgb(var(--black) / .05);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-2{--tw-ring-offset-width: 2px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-lg{--tw-blur: blur(16px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-150{--tw-saturate: saturate(1.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-saturate-150{--tw-backdrop-saturate: saturate(1.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\!transition-none{transition-property:none!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\!duration-150{transition-duration:.15s!important}.\!duration-200{transition-duration:.2s!important}.\!duration-300{transition-duration:.3s!important}.\!duration-500{transition-duration:.5s!important}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.\!ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-auto{will-change:auto}.will-change-transform{will-change:transform}.\[--scale-enter\:100\%\]{--scale-enter: 100%}.\[--scale-exit\:100\%\]{--scale-exit: 100%}.\[--slide-enter\:0px\]{--slide-enter: 0px}.\[--slide-exit\:80px\]{--slide-exit: 80px}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.before\:z-0:before{content:var(--tw-content);z-index:0}.before\:box-border:before{content:var(--tw-content);box-sizing:border-box}.before\:block:before{content:var(--tw-content);display:block}.before\:h-0:before{content:var(--tw-content);height:0px}.before\:h-0\.5:before{content:var(--tw-content);height:.125rem}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:w-0:before{content:var(--tw-content);width:0px}.before\:w-6:before{content:var(--tw-content);width:1.5rem}.before\:-translate-x-full:before{content:var(--tw-content);--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-1:before{content:var(--tw-content);--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rotate-0:before{content:var(--tw-content);--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:animate-\[shimmer_2s_infinite\]:before{content:var(--tw-content);animation:shimmer 2s infinite}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:rounded-none:before{content:var(--tw-content);border-radius:0}.before\:border-2:before{content:var(--tw-content);border-width:2px}.before\:border-t:before{content:var(--tw-content);border-top-width:1px}.before\:border-solid:before{content:var(--tw-content);border-style:solid}.before\:bg-current:before{content:var(--tw-content);background-color:currentColor}.before\:bg-gradient-to-r:before{content:var(--tw-content);background-image:linear-gradient(to right,var(--tw-gradient-stops))}.before\:from-transparent:before{content:var(--tw-content);--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.before\:to-transparent:before{content:var(--tw-content);--tw-gradient-to: transparent var(--tw-gradient-to-position)}.before\:opacity-0:before{content:var(--tw-content);opacity:0}.before\:opacity-100:before{content:var(--tw-content);opacity:1}.before\:transition-colors:before{content:var(--tw-content);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:transition-none:before{content:var(--tw-content);transition-property:none}.before\:transition-opacity:before{content:var(--tw-content);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:transition-transform:before{content:var(--tw-content);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:\!duration-300:before{content:var(--tw-content);transition-duration:.3s!important}.before\:duration-150:before{content:var(--tw-content);transition-duration:.15s}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\:-bottom-1:after{content:var(--tw-content);bottom:-.25rem}.after\:-bottom-\[2px\]:after{content:var(--tw-content);bottom:-2px}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:right-0:after{content:var(--tw-content);right:0}.after\:-z-10:after{content:var(--tw-content);z-index:-10}.after\:ml-0:after{content:var(--tw-content);margin-left:0}.after\:ml-0\.5:after{content:var(--tw-content);margin-left:.125rem}.after\:block:after{content:var(--tw-content);display:block}.after\:h-\[2px\]:after{content:var(--tw-content);height:2px}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:w-0:after{content:var(--tw-content);width:0px}.after\:w-6:after{content:var(--tw-content);width:1.5rem}.after\:w-\[80\%\]:after{content:var(--tw-content);width:80%}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:origin-center:after{content:var(--tw-content);transform-origin:center}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:translate-y-1:after{content:var(--tw-content);--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rotate-0:after{content:var(--tw-content);--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:scale-50:after{content:var(--tw-content);--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:rounded-none:after{content:var(--tw-content);border-radius:0}.after\:rounded-xl:after{content:var(--tw-content);border-radius:.75rem}.after\:bg-current:after{content:var(--tw-content);background-color:currentColor}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:opacity-100:after{content:var(--tw-content);opacity:1}.after\:shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\]:after{content:var(--tw-content);--tw-shadow: 0 1px 0px 0 rgba(0,0,0,.05);--tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.after\:transition-none:after{content:var(--tw-content);transition-property:none}.after\:transition-transform:after{content:var(--tw-content);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:\!duration-200:after{content:var(--tw-content);transition-duration:.2s!important}.after\:duration-150:after{content:var(--tw-content);transition-duration:.15s}.after\:\!ease-linear:after{content:var(--tw-content);transition-timing-function:linear!important}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.after\:content-\[\'\*\'\]:after{--tw-content: "*";content:var(--tw-content)}.first\:rounded-l-full:first-child{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.first\:rounded-l-lg:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.first\:before\:rounded-l-lg:first-child:before{content:var(--tw-content);border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.last\:rounded-r-full:last-child{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.last\:rounded-r-lg:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.last\:before\:rounded-r-lg:last-child:before{content:var(--tw-content);border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.first-of-type\:rounded-r-none:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.last-of-type\:rounded-l-none:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.hover\:translate-y-\[-2px\]:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-125:hover{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-maincolor-dark:hover{--tw-border-opacity: 1;border-color:rgb(var(--maincolor-dark) / var(--tw-border-opacity))}.hover\:border-subcolor-dark:hover{--tw-border-opacity: 1;border-color:rgb(var(--subcolor-dark) / var(--tw-border-opacity))}.hover\:bg-maincolor:hover{--tw-bg-opacity: 1;background-color:rgb(var(--maincolor) / var(--tw-bg-opacity))}.hover\:bg-maincolor-dark:hover{--tw-bg-opacity: 1;background-color:rgb(var(--maincolor-dark) / var(--tw-bg-opacity))}.hover\:bg-subcolor:hover{--tw-bg-opacity: 1;background-color:rgb(var(--subcolor) / var(--tw-bg-opacity))}.hover\:bg-subcolor-dark:hover{--tw-bg-opacity: 1;background-color:rgb(var(--subcolor-dark) / var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(var(--white) / var(--tw-text-opacity))}.hover\:\!opacity-100:hover{opacity:1!important}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:after\:opacity-100:hover:after{content:var(--tw-content);opacity:1}.focus\:underline:focus{text-decoration-line:underline}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.active\:underline:active{text-decoration-line:underline}.active\:\!opacity-70:active{opacity:.7!important}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:hidden{display:none}.group:hover .group-hover\:border-current{border-color:currentColor}.group:hover .group-hover\:text-current{color:currentColor}.group.is-splitted .group-\[\.is-splitted\]\:px-4{padding-left:1rem;padding-right:1rem}.aria-expanded\:scale-\[0\.97\][aria-expanded=true]{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.aria-expanded\:opacity-70[aria-expanded=true]{opacity:.7}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[placement\=bottom-end\]\:-top-1[data-placement=bottom-end],.data-\[placement\=bottom-start\]\:-top-1[data-placement=bottom-start],.data-\[placement\=bottom\]\:-top-1[data-placement=bottom]{top:-.25rem}.data-\[placement\=left-end\]\:-right-1[data-placement=left-end],.data-\[placement\=left-start\]\:-right-1[data-placement=left-start],.data-\[placement\=left\]\:-right-1[data-placement=left]{right:-.25rem}.data-\[placement\=right-end\]\:-left-1[data-placement=right-end],.data-\[placement\=right-start\]\:-left-1[data-placement=right-start],.data-\[placement\=right\]\:-left-1[data-placement=right]{left:-.25rem}.data-\[placement\=top-end\]\:-bottom-1[data-placement=top-end],.data-\[placement\=top-start\]\:-bottom-1[data-placement=top-start],.data-\[placement\=top\]\:-bottom-1[data-placement=top]{bottom:-.25rem}.data-\[focus-visible\=true\]\:z-10[data-focus-visible=true]{z-index:10}.data-\[open\=true\]\:block[data-open=true]{display:block}.data-\[open\=true\]\:flex[data-open=true]{display:flex}.data-\[justify\=end\]\:flex-grow[data-justify=end],.data-\[justify\=start\]\:flex-grow[data-justify=start]{flex-grow:1}.data-\[justify\=end\]\:basis-0[data-justify=end],.data-\[justify\=start\]\:basis-0[data-justify=start]{flex-basis:0px}.data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible=true],.data-\[hover\=true\]\:-translate-x-3[data-hover=true]{--tw-translate-x: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[hover\=true\]\:translate-x-0[data-hover=true]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=bottom-end\]\:translate-x-6[data-placement=bottom-end]{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=bottom-start\]\:-translate-x-8[data-placement=bottom-start]{--tw-translate-x: -2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=bottom\]\:-translate-x-1\/2[data-placement=bottom]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=left-end\]\:translate-y-0\.5[data-placement=left-end]{--tw-translate-y: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=left-start\]\:-translate-y-3[data-placement=left-start]{--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=left\]\:-translate-y-1\/2[data-placement=left]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=right-end\]\:translate-y-0\.5[data-placement=right-end]{--tw-translate-y: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=right-start\]\:-translate-y-3[data-placement=right-start]{--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=right\]\:-translate-y-1\/2[data-placement=right]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=top-end\]\:translate-x-6[data-placement=top-end]{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=top-start\]\:-translate-x-8[data-placement=top-start]{--tw-translate-x: -2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[placement\=top\]\:-translate-x-1\/2[data-placement=top]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[before\=true\]\:rotate-180[data-before=true],.data-\[direction\=ascending\]\:rotate-180[data-direction=ascending]{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[open\=true\]\:-rotate-90[data-open=true]{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[open\=true\]\:rotate-180[data-open=true]{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[invisible\=true\]\:scale-0[data-invisible=true]{--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed=true]{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true]{cursor:not-allowed}.data-\[sortable\=true\]\:cursor-pointer[data-sortable=true]{cursor:pointer}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[has-helper\=true\]\:items-start[data-has-helper=true]{align-items:flex-start}.data-\[justify\=start\]\:justify-start[data-justify=start]{justify-content:flex-start}.data-\[justify\=end\]\:justify-end[data-justify=end]{justify-content:flex-end}.data-\[justify\=center\]\:justify-center[data-justify=center]{justify-content:center}.data-\[menu-open\=true\]\:border-none[data-menu-open=true]{border-style:none}.data-\[hover\=true\]\:bg-transparent[data-hover=true],.data-\[loaded\=true\]\:bg-transparent[data-loaded=true]{background-color:transparent}.data-\[has-title\=true\]\:pt-1[data-has-title=true]{padding-top:.25rem}.data-\[active\=true\]\:font-semibold[data-active=true]{font-weight:600}.data-\[disabled\=true\]\:opacity-30[data-disabled=true]{opacity:.3}.data-\[invisible\=true\]\:opacity-0[data-invisible=true]{opacity:0}.data-\[loaded\=true\]\:opacity-100[data-loaded=true]{opacity:1}.data-\[pressed\=true\]\:opacity-70[data-pressed=true]{opacity:.7}.data-\[visible\=true\]\:opacity-100[data-visible=true]{opacity:1}.data-\[active\=true\]\:shadow-md[data-active=true]{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[hover\=true\]\:shadow-lg[data-hover=true]{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[focus-visible\=true\]\:outline-2[data-focus-visible=true]{outline-width:2px}.data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible=true]{outline-offset:2px}.data-\[menu-open\=true\]\:backdrop-blur-xl[data-menu-open=true]{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.data-\[sortable\=true\]\:transition-colors[data-sortable=true]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-bottom-scroll=true]{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),transparent)}.data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\,\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-left-right-scroll=true]{-webkit-mask-image:linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);mask-image:linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent)}.data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-left-scroll=true]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent)}.data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-right-scroll=true]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent)}.data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-top-bottom-scroll=true]{-webkit-mask-image:linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent);mask-image:linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent)}.data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-top-scroll=true]{-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),transparent);mask-image:linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),transparent)}.data-\[loaded\=true\]\:before\:animate-none[data-loaded=true]:before{content:var(--tw-content);animation:none}.data-\[loaded\=true\]\:before\:opacity-0[data-loaded=true]:before{content:var(--tw-content);opacity:0}.data-\[selected\=true\]\:before\:opacity-100[data-selected=true]:before{content:var(--tw-content);opacity:1}.data-\[focus\=true\]\:after\:w-full[data-focus=true]:after{content:var(--tw-content);width:100%}.data-\[open\=true\]\:after\:w-full[data-open=true]:after{content:var(--tw-content);width:100%}.data-\[loaded\=true\]\:after\:opacity-0[data-loaded=true]:after{content:var(--tw-content);opacity:0}.data-\[selected\=true\]\:after\:opacity-100[data-selected=true]:after{content:var(--tw-content);opacity:1}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:pointer-events-auto,.group[data-filled=true] .group-data-\[filled\=true\]\:pointer-events-auto{pointer-events:auto}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:left-0,.group[data-filled=true] .group-data-\[filled\=true\]\:left-0{left:0}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:z-10{z-index:10}.group[data-selected=true] .group-data-\[selected\=true\]\:ml-4{margin-left:1rem}.group[data-selected=true] .group-data-\[selected\=true\]\:ml-5{margin-left:1.25rem}.group[data-selected=true] .group-data-\[selected\=true\]\:ml-6{margin-left:1.5rem}.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3{margin-left:.75rem}.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4{margin-left:1rem}.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5{margin-left:1.25rem}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:block{display:block}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:hidden{display:none}.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-5{width:1.25rem}.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-6{width:1.5rem}.group[data-pressed=true] .group-data-\[pressed\=true\]\:w-7{width:1.75rem}.group[data-selected=true] .group-data-\[selected\=true\]\:translate-x-3{--tw-translate-x: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-copied=true] .group-data-\[copied\=true\]\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-copied=true] .group-data-\[copied\=true\]\:scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-pressed=true] .group-data-\[pressed\=true\]\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-selected=true] .group-data-\[selected\=true\]\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-2{padding-top:.5rem}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-3{padding-top:.75rem}.group[data-has-helper=true] .group-data-\[has-helper\=true\]\:pt-4{padding-top:1rem}.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:font-medium,.group[data-filled=true] .group-data-\[filled\=true\]\:font-medium{font-weight:500}.group[data-copied=true] .group-data-\[copied\=true\]\:opacity-0{opacity:0}.group[data-copied=true] .group-data-\[copied\=true\]\:opacity-100,.group[data-filled-within=true] .group-data-\[filled-within\=true\]\:opacity-100,.group[data-filled=true] .group-data-\[filled\=true\]\:opacity-100,.group[data-hover=true] .group-data-\[hover\=true\]\:opacity-100,.group[data-loaded=true] .group-data-\[loaded\=true\]\:opacity-100{opacity:1}.group[data-pressed=true] .group-data-\[pressed\=true\]\:opacity-70{opacity:.7}.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-0{opacity:0}.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-100{opacity:1}.group[data-selected=true] .group-data-\[selected\=true\]\:opacity-60{opacity:.6}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.group[data-focus-visible=true] .group-data-\[focus-visible\=true\]\:ring-offset-2{--tw-ring-offset-width: 2px}.group[data-selected=true] .group-data-\[selected\=true\]\:before\:w-full:before{content:var(--tw-content);width:100%}.group[data-open=true] .group-data-\[open\=true\]\:before\:translate-y-px:before{content:var(--tw-content);--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-open=true] .group-data-\[open\=true\]\:before\:rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-middle=true] .group-data-\[middle\=true\]\:before\:rounded-none:before{content:var(--tw-content);border-radius:0}.group[data-odd=true] .group-data-\[odd\=true\]\:before\:opacity-100:before{content:var(--tw-content);opacity:1}.group[data-focus=true] .group-data-\[focus\=true\]\:after\:w-full:after{content:var(--tw-content);width:100%}.group[data-open=true] .group-data-\[open\=true\]\:after\:translate-y-0:after{content:var(--tw-content);--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-open=true] .group-data-\[open\=true\]\:after\:-rotate-45:after{content:var(--tw-content);--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-selected=true] .group-data-\[selected\=true\]\:after\:scale-100:after{content:var(--tw-content);--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-selected=true] .group-data-\[selected\=true\]\:after\:opacity-100:after{content:var(--tw-content);opacity:1}.group[data-first=true] .group-data-\[first\=true\]\:first\:before\:rounded-tl-lg:first-child:before{content:var(--tw-content);border-top-left-radius:.5rem}.group[data-last=true] .group-data-\[last\=true\]\:first\:before\:rounded-bl-lg:first-child:before{content:var(--tw-content);border-bottom-left-radius:.5rem}.group[data-first=true] .group-data-\[first\=true\]\:last\:before\:rounded-tr-lg:last-child:before{content:var(--tw-content);border-top-right-radius:.5rem}.group[data-last=true] .group-data-\[last\=true\]\:last\:before\:rounded-br-lg:last-child:before{content:var(--tw-content);border-bottom-right-radius:.5rem}.group[aria-selected=false][data-hover=true] .group-aria-\[selected\=false\]\:group-data-\[hover\=true\]\:before\:opacity-70:before{content:var(--tw-content);opacity:.7}.peer[data-filled=true]~.peer-data-\[filled\=true\]\:block{display:block}.peer[data-filled=true]~.peer-data-\[filled\=true\]\:opacity-70{opacity:.7}@media (prefers-reduced-motion: reduce){.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:after\:transition-none:after{content:var(--tw-content);transition-property:none}}:is(.dark .dark\:bg-transparent){background-color:transparent}@media (min-width: 640px){.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:my-16{margin-top:4rem;margin-bottom:4rem}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:\[--scale-enter\:100\%\]{--scale-enter: 100%}.sm\:\[--scale-exit\:103\%\]{--scale-exit: 103%}.sm\:\[--slide-enter\:0px\]{--slide-enter: 0px}.sm\:\[--slide-exit\:0px\]{--slide-exit: 0px}}@media (min-width: 768px){.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width: 1024px){.lg\:h-4{height:1rem}.lg\:w-4{width:1rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}}.\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(:last-child){border-radius:0}.\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none:not(:first-of-type):not(:last-of-type){border-radius:0}.\[\&\:not\(\:first-of-type\)\]\:ml-\[calc\(theme\(borderWidth\.2\)\*-1\)\]:not(:first-of-type){margin-left:-2px}.\[\&\>\*\]\:relative>*{position:relative}.\[\&\>tr\]\:first\:rounded-lg:first-child>tr{border-radius:.5rem}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.ml-0{margin-left:0}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.grid{display:grid}.h-4{height:1rem}.h-5{height:1.25rem}.h-60{height:15rem}.w-5{width:1.25rem}.w-60{width:15rem}.w-64{width:16rem}.w-full{width:100%}.max-w-6xl{max-width:72rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.gap-y-6{row-gap:1.5rem}.rounded-full{border-radius:9999px}.bg-backgroundcolor-dark\/90{background-color:rgb(var(--backgroundcolor-dark) / .9)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-darkgreen{--tw-gradient-from: rgb(var(--darkgreen)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--darkgreen) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.via-darkgreen{--tw-gradient-to: rgb(var(--darkgreen) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(var(--darkgreen)) var(--tw-gradient-via-position), var(--tw-gradient-to) }.to-successcolor-light{--tw-gradient-to: rgb(var(--successcolor-light)) var(--tw-gradient-to-position) }.fill-green-600{fill:#16a34a}.fill-slate-600{fill:#475569}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-black{font-weight:900}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.text-darkgrey\/50{color:rgb(var(--darkgrey) / .5)}.text-darkgrey\/70{color:rgb(var(--darkgrey) / .7)}.text-white{--tw-text-opacity: 1;color:rgb(var(--white) / var(--tw-text-opacity))}.decoration-maincolor{text-decoration-color:rgb(var(--maincolor))}.underline-offset-2{text-underline-offset:2px}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.lg\:flex-auto{flex:1 1 auto}.lg\:p-12{padding:3rem}}
Passwort zurücksetzen

Bitte tragen Sie Ihre E-Mail Adresse ein, mit der Sie Ihr Konto registriert haben. Wir senden Ihnen einen Link, über den Sie ein neues Passwort erstellen können.

veröffentlicht am: 24. Januar 2023

Das Wichtigste in 30 Sekunden

DSL ist flächendeckend verfügbar, zuverlässig und günstig, bietet jedoch meist niedrigere Geschwindigkeiten, besonders auf dem Land. Glasfaser liefert ultraschnelles, stabiles Internet und ist umweltfreundlicher, aber teurer und noch selten verfügbar. Unser Tipp: Prüfen Sie, ob Glasfaser an Ihrem Wohnort angeboten wird. Es lohnt sich für intensive Nutzung wie Homeoffice und Gaming – für einfache Anwendungen reicht oft DSL.

Wenn Sie diesen Artikel lesen, nutzen Sie womöglich Ihren heimischen Internetanschluss. Fast jeder der mehr als 40 Millionen Haushalte in Deutschland hat einen Zugang zum Web, doch nicht jede Verbindung ist auch gleich beschaffen. Geschwindigkeit, Verfügbarkeit, Zuverlässigkeit – all diese Qualitätsmerkmale eines guten Internettarifs hängen nicht nur von Ihrem Wohnort, sondern auch von der verwendeten Übertragungstechnologie ab.

Manche Nutzer haben bspw. einen Kabelvertrag, hier wird das Internet über den TV-Anschluss bezogen. Am bekanntesten und am weitesten verbreitet ist aber DSL; mehr als zwei Drittel aller Breitbandanschlüsse nutzen eine DSL-Technologie. Und dann gibt es noch Glasfaser – eine hochmoderne Technik, der die Zukunft gehören dürfte, die in der Gegenwart allerdings noch nicht weit verbreitet ist.

Doch wodurch zeichnet sich Glasfaser aus? Und wie schneidet der altbekannte DSL-Standard dagegen ab? Platzhirsch DSL vs. Neuinnovation Glasfaser – wir stellen den Vergleich an.


Senken Sie Ihre Energiekosten jetzt – testen Sie unseren Strom- und Gasrechner und entdecken Sie, wie viel Sie sparen können:

Mit dem Telefonnetz ins Internet: Was versteht man unter DSL

Hinter der gängigen Abkürzung verbirgt sich der Begriff Digital Subscriber Line. Damit werden Übertragungstechnologien bezeichnet, bei der User über ihr Telefonnetz ins Internet gelangen. Daher beinhalten die meisten DSL-Verträge auch noch einen Festnetzzugang.

In Deutschland ist DSL immer noch als allgemeiner Netzstandard etabliert – kein Wunder, schließlich hat fast jeder einen Telefonanschluss. DSL ist deswegen flächendeckend verfügbar. Durch die niedrigschwellige Infrastruktur gibt es zudem eine große Anzahl an Anbietern, wodurch Sie aus einem großen Tarifsortiment wählen können.

Im Gegensatz zum Kabelinternet ist DSL ein sogenanntes Non-Shared Medium. Damit ist schlichtweg gemeint, dass jeder Haushalt einen eigenen Netzanschluss hat, während dieser beim Kabelinternet mit den anderen Nutzern im Wohnhaus geteilt werden muss. Dadurch ist ein DSL-Anschluss relativ resistent gegenüber Netzstörungen oder Ausfällen, zudem müssen Sie zu Stoßzeiten keine Leistungseinbußen hinnehmen, schließlich hat niemand sonst Zugriff zur Verbindung.

Was die Geschwindigkeit angeht, finden sich meistens Tarife mit einer Bandbreite von 16 Mbit/s oder 32 Mbit/s. DSL wird durch Kupferkabel vermittelt, dadurch ist nur ein verhältnismäßig niedriger Speed möglich. Es gibt jedoch Weiterentwicklungen am alten DSL-Standard wie etwa VDSL (Very High Speed Digital Subscriber Line) oder Super-Vectoring, welche eine deutlich höhere Surfgeschwindigkeit von bis zu 250 Mbit/s ermöglichen. Diese DSL-Evolutionen sind jedoch nur in wenigen Gebieten auch tatsächlich verfügbar.

Vor- und Nachteile von DSL im Überblick

Das spricht für DSLDas spricht gegen DSL
Flächendeckende Verfügbarkeit: Ein DSL-Anschluss ist hierzulande fast überall verfügbar. Deswegen hat nahezu jeder Haushalt die Option, auf einen DSL-Tarif umzusteigen.
Große Anbieterauswahl: Durch die große Verfügbarkeit bieten zahlreiche Anbieter einen Tarif an. Aufgrund der hohen Konkurrenz kommt es zu einer automatischen Marktregulation. Entsprechend niedrig sind die Preise, zumindest im Vergleich zu anderen Technologien.
Hohe Zuverlässigkeit: Ein DSL-Anschluss gehört nur Ihnen und muss nicht mit anderen Haushalten geteilt werden. Deshalb gibt es keine Leistungsabfälle während Stoßzeiten. Zudem sind Netzstörungen oder -ausfälle sehr selten.
Niedriger Speed: Gerade im Vergleich zu Glasfaser sind mit DSL nur mäßige Surfgeschwindigkeiten möglich. Vor allem in ländlichen Gebieten kann die Downloadgeschwindigkeit nicht mit anderen Breitbandtechnologien mithalten.
Surfgeschwindigkeit abhängig vom Standort: Städtische Regionen haben schnelleres DSL als ländliche Gebiete. Diese Faustregel gilt nicht immer, aber oft eben doch. Es gibt allerdings noch einen weiteren Faktor, der den Surfspeed beeinflusst: Die Entfernung der eigenen Wohnung vom Verteilerkasten. Je länger die Leitung, desto langsamer das Internet – ein Faktor, den Sie nicht beeinflussen können.

Hier finden sie Informationen zu DSL und Glasfaser Internet.
Glasfaserkabel, das verlegt wird

High-Speed-Internet dank modernster Technik: Was ist Glasfaser

Bei einem Kupferkabel, wie es etwa bei DSL der Fall ist, werden Signale elektrisch übertragen, was die Geschwindigkeit limitiert. Ganz anders sieht es bei Glasfaserkabeln aus: Hier findet eine optische Transmission statt. Die dünnen Kabel aus Glas fungieren als Lichtwellenleiter, Daten werden dann fast in Lichtgeschwindigkeit transportiert. So ist eine fast unbegrenzte Bandbreite möglich, japanische Forscher erreichten sogar einen Rekordwert von 319 Terabit pro Sekunde!

Solche Höchstgeschwindigkeiten sind natürlich nicht realistisch, aber auch heutige Glasfasertarife auf dem Markt bieten schon Bandbreiten im Gigabit-Bereich. Damit ist Glasfaser um ein Vielfaches schneller als DSL. Wie schnell eine Glasfaserverbindung aber wirklich ist, hängt auch davon ab, wie sie angeschlossen ist. Es gibt drei verschiedene Anschlusstypen:

  • Fibre to the Home (FTTH): Hier reicht das Glasfaserkabel direkt in die Wohnung, was den Speed maximiert. Im Idealfall sind sogar Geschwindigkeiten von bis zu 10 Gbit/s möglich.
  • Fibre to the Building (FTTB): Hier reicht das Glasfaserkabel bis zum Wohngebäude, anschließend transportiert ein Kupferkabel die Daten bis zur Wohnung. Das ist langsamer als FFTH, aber eine Bandbreite von etwa einem Gigabit pro Sekunde ist immer noch realistisch.
  • Fibre to the Curb (FTTC): Hier reicht das Glasfaserkabel nur bis zum nächsten Technikgehäuse auf der Straße, von dort werden Daten erst zum Gebäude und dann zur Wohnung geleitet, und zwar via Kupferkabel. Der Surfspeed ist in diesem Fall nur minimal höher als bei DSL.

Damit Glasfaser optimal oder überhaupt genutzt werden kann, muss ein weitreichender Glasfaserausbau stattfinden. Hier hinkt Deutschland noch weit hinterher. Ende 2021 machten Glasfaseranschlüsse nur einen Anteil von knapp 7 Prozent aus – der OECD-Durchschnitt beträgt ungefähr 35 Prozent. In Japan und Südkorea liegt der Anteil sogar jenseits der 80 Prozent.

Im internationalen Vergleich ist Deutschland also noch klar im Hintertreffen. Die Anzahl an Glasfaserkunden dürfte zwischen zwei und drei Millionen liegen – viel weniger als bei DSL. Das liegt zumeist aber schlichtweg daran, dass kein Glasfaseranschluss vorhanden ist, ein entsprechender Tarif ist deswegen für die meisten Haushalte überhaupt keine Option. Damit lässt sich erklären, wieso Glasfaser bisher noch ein Dasein als Nischentechnologie fristet, obwohl sie deutlich leistungsfähiger ist als DSL.

Vor- und Nachteile von Glasfaser im Überblick

Das spricht für GlasfaserDas spricht gegen Glasfaser
Absoluter High-Speed: Glasfaserkabel sind leistungsfähiger als alle anderen Technologien, denn die Daten durchlaufen die Leitung fast in Lichtgeschwindigkeit. Somit ist ein Upload und Download von enormen Datenmengen schon in kurzer Zeit möglich.
Hohe Sicherheit und Zuverlässigkeit: Glasfaserinternet ist überaus robust gegenüber Störungen, selbst im Vergleich zu DSL, denn ein Glasfaserkabel wird kaum von Temperaturschwankungen beeinflusst. Zudem kann eine Datenübertragung via Glasfaser nicht angezapft werden, da die Kabel keine Signale ausstrahlen.
Umweltfreundlichkeit: Ein Kabel aus Glas hat einen deutlich niedrigeren Energiebedarf als sein Pendant aus Kupfer. Überdies ist Glas eine unbeschränkte Ressource.
Stockender Ausbau: Glasfaserinternet ist nur an wenigen Orten verfügbar, die meisten Verbraucher haben momentan keinen Zugang zu Glasfasertarifen. Bis zu einem flächendeckenden Ausbau dürften noch viele Jahre vergehen.
Hohe Preise: Glasfaser ist signifikant teurer als DSL, zumindest noch. Wer einen wirklich schnellen Tarif mit einer Bandbreite im Gigabit-Tarif will, muss monatlich mindestens 70 Euro bezahlen.
Oftmals keine Notwendigkeit: So beeindruckend das enorme Speed-Upgrade bei Glasfaser auch ist, die meisten User benötigen derartige Geschwindigkeiten gar nicht. Wer das Internet nur zum Checken der letzten Mails und des neuesten Wetterberichts nutzt, braucht keine Höchstgeschwindigkeiten.

Fazit: Was ist besser, Glasfaser oder DSL

Wenn man sich nur die bloße Leistungsstärke ansieht, ist das Urteil eindeutig: Internet über Glasfaser ist deutlich schneller als DSL und gleichzeitig mindestens genauso zuverlässig und sicher. In einem Idealszenario würde also jeder User einen Glasfasertarif beziehen. In der Praxis sieht das jedoch ganz anders aus, denn für die meisten Haushalte besteht schlichtweg kein passender Anschluss. Die Frage nach einem Wechsel in einen Vertrag mit Glasfaserinternet stellt sich dann also erst gar nicht.

Falls Sie sich für Glasfaserinternet interessieren: Überprüfen Sie erst, ob die Technologie an Ihrem Wohnort überhaupt verfügbar ist! Das geht auf der Webseite aller größeren Internetanbieter, beispielsweise bei der Deutschen Telekom. Besteht für Sie die Option, sollten Sie aber auch noch abwägen, ob Sie den höheren Speed überhaupt benötigen, denn ein Glasfasertarif ist viel teurer als ein DSL-Vertrag. Wer etwa im Homeoffice viel Zeit in Videokonferenzen verbringt oder in der Freizeit gerne Online-Games spielt, könnte vom Bandbreitenupgrade profitieren.