/*
* hash: 994b6d1780641bdcf1e5e08296917e8ff2f4b7df
* version: v0.0.1
* date: 19-10-2026
*/
@keyframes sparplanrechner__Sparplanrechner-module__keyframe__fadein___2eW-O {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes sparplanrechner__Sparplanrechner-module__keyframe__toleft___8fk0P {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes sparplanrechner__Sparplanrechner-module__keyframe__fadeout___386E5 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes sparplanrechner__Sparplanrechner-module__keyframe__fade___xmgmG {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner__Sparplanrechner-module__layout___H6FJW {
gap: 1.25rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__layout___H6FJW {
gap: 1.5rem;
}
}
.sparplanrechner__Sparplanrechner-module__layout___H6FJW {
margin-bottom: 2rem;
max-width: 78.75rem;
}
.sparplanrechner__Sparplanrechner-module__header___e0nh7 {
margin: 0.25rem 0 1.25rem;
}
.sparplanrechner__Sparplanrechner-module__header___e0nh7 h2,
.sparplanrechner__Sparplanrechner-module__header___e0nh7 p {
padding: 0 0.75rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__header___e0nh7 h2,
.sparplanrechner__Sparplanrechner-module__header___e0nh7 p {
padding: 0 1.25rem;
}
}
.sparplanrechner__Sparplanrechner-module__header___e0nh7 h2 {
margin-bottom: 1rem;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__header___e0nh7 {
padding: 3rem 0;
}
.sparplanrechner__Sparplanrechner-module__header___e0nh7 {
text-align: center;
margin: 0 auto;
max-width: 60rem;
}
}
@media only screen and (min-width: 79.875rem) and (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__header___e0nh7 {
padding: 4rem 0;
}
}
.sparplanrechner__Sparplanrechner-module__title___uBGff,
.sparplanrechner__Sparplanrechner-module__subtitle___84c4p {
text-align: center;
}
.sparplanrechner__Sparplanrechner-module__title___uBGff {
padding-bottom: 0.75rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__title___uBGff {
padding-bottom: 1rem;
}
}
.sparplanrechner__Sparplanrechner-module__subtitle___84c4p {
text-align: center;
}
.sparplanrechner__Sparplanrechner-module__subtitle___84c4p {
padding-bottom: 3rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__subtitle___84c4p {
padding-bottom: 4rem;
}
}
.sparplanrechner__Sparplanrechner-module__grid___euRO6 {
display: grid;
align-items: stretch;
}
.sparplanrechner__Sparplanrechner-module__grid___euRO6 {
gap: 2.5rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__grid___euRO6 {
gap: 3rem;
}
}
.sparplanrechner__Sparplanrechner-module__grid___euRO6 {
margin-bottom: 2.5rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__grid___euRO6 {
margin-bottom: 3rem;
}
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__grid___euRO6 {
grid-template-columns: calc(50% - 1.5rem) calc(50% - 1.5rem);
}
}
.sparplanrechner__Sparplanrechner-module__rightStack___HaqgW {
display: grid;
}
.sparplanrechner__Sparplanrechner-module__rightStack___HaqgW {
gap: 0.75rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__rightStack___HaqgW {
gap: 1rem;
}
}
.sparplanrechner__Sparplanrechner-module__table___j8Rx2 {
margin-top: 1rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__table___j8Rx2 {
margin-top: 1.25rem;
}
}
.sparplanrechner__Sparplanrechner-module__resultOverviewContainer___HNkxj {
--chart-invested-color: light-dark(rgb(1 159 194), rgb(105 227 255));
--chart-invested-fill: light-dark(rgb(1 159 194 / 30%), rgb(108 183 254 / 30%));
--chart-interest-color: light-dark(rgb(0 87 0), rgb(0 209 0));
--chart-interest-fill: light-dark(rgb(0 87 0 / 20%), rgb(0 209 0 / 30%));
--chart-fluctuation-color: light-dark(rgb(1 102 199), rgb(108 183 254));
}
.sparplanrechner__Sparplanrechner-module__disclaimer___ZICCC {
padding: 1rem 0.75rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Sparplanrechner-module__disclaimer___ZICCC {
padding: 1.25rem;
}
}
.sparplanrechner__Sparplanrechner-module__disclaimer___ZICCC {
font-size: 1.125rem;
line-height: 144%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner__Sparplanrechner-module__disclaimer___ZICCC {
font-size: 1rem;
line-height: 150%;
}
}
.sparplanrechner__Sparplanrechner-module__disclaimer___ZICCC {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
margin: 0 auto 2rem;
max-width: 60rem;
border-radius: 0.5rem;
color: light-dark(var(--information-01, #444), var(--information-01, #292929));
background-color: light-dark(var(--information-02, #f5f5f5), var(--information-02, #bebebe));
}
@keyframes _keyframe__fadein_lujqt_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_lujqt_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_lujqt_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_lujqt_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._baseButton_lujqt_40,
.sparplanrechner ._tertiary_lujqt_40,
.sparplanrechner ._secondary_lujqt_40,
.sparplanrechner ._primary_lujqt_40 {
outline: none;
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0.25rem;
min-width: 11.25rem;
border-radius: 6.25rem;
cursor: pointer;
transition:
color 0.3s ease-out,
background-color 0.3s ease-out;
text-align: center;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._baseButton_lujqt_40,
.sparplanrechner ._tertiary_lujqt_40,
.sparplanrechner ._secondary_lujqt_40,
.sparplanrechner ._primary_lujqt_40 {
max-width: 17.5rem;
}
}
.sparplanrechner ._baseButton_lujqt_40,
.sparplanrechner ._tertiary_lujqt_40,
.sparplanrechner ._secondary_lujqt_40,
.sparplanrechner ._primary_lujqt_40 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1rem;
line-height: 1.25rem;
font-weight: 400;
}
.sparplanrechner ._primary_lujqt_40 {
color: light-dark(var(--primary-01-contrast, #fff), var(--primary-01-contrast, #fff));
background-color: light-dark(var(--primary-01, #e00), var(--primary-01, #e00));
border: 0.125rem solid light-dark(var(--primary-01, #e00), var(--primary-01, #e00));
overflow: hidden;
}
.sparplanrechner ._primary_lujqt_40[data-hovered] {
background-color: light-dark(var(--primary-01-hover, #d40000), var(--primary-01-hover, #d40000));
border: 0.125rem solid light-dark(var(--primary-01-hover, #d40000), var(--primary-01-hover, #d40000));
}
.sparplanrechner ._primary_lujqt_40[data-pressed] {
background-color: light-dark(var(--primary-01-active, #a00), var(--primary-01-active, #a00));
border-color: light-dark(var(--primary-01-active, #a00), var(--primary-01-active, #a00));
}
.sparplanrechner ._primary_lujqt_40[data-focus-visible] {
background-color: light-dark(var(--primary-01-focus, #d40000), var(--primary-01-focus, #d40000));
border-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
outline: 0.125rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 0.063rem;
}
.sparplanrechner ._primary--medium_lujqt_87 {
padding: 0.5rem 1.5rem;
height: 2.5rem;
}
.sparplanrechner ._primary--large_lujqt_91 {
padding: 0.875rem 2rem;
height: 3rem;
}
.sparplanrechner ._secondary_lujqt_40 {
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
background: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
border: 0.125rem solid light-dark(var(--secondary-01, #565656), var(--secondary-01, #e3e3e3));
overflow: hidden;
}
.sparplanrechner ._secondary_lujqt_40[data-hovered] {
background-color: light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
border: 0.125rem solid light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._secondary_lujqt_40[data-pressed] {
background-color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
border-color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._secondary_lujqt_40[data-focus-visible] {
background-color: light-dark(var(--secondary-01-focus, #444), var(--secondary-01-focus, #f0f0f0));
outline: 0.125rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 0.063rem;
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
border-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
}
.sparplanrechner ._secondary--medium_lujqt_119 {
padding: 0.5rem 1.5rem;
height: 2.5rem;
}
.sparplanrechner ._secondary--large_lujqt_123 {
padding: 0.875rem 2rem;
height: 3rem;
}
.sparplanrechner ._tertiary_lujqt_40 {
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
background-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
border: none;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 0.063rem;
border-radius: 3px;
min-width: unset;
white-space: pre-line;
}
.sparplanrechner ._tertiary_lujqt_40[data-hovered] {
background-color: light-dark(var(--ui-03, #f5f5f5), var(--ui-03, #565656));
}
.sparplanrechner ._tertiary_lujqt_40[data-pressed] {
color: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
background-color: light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
}
.sparplanrechner ._tertiary_lujqt_40[data-focus-visible] {
outline: 2px solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
background-color: light-dark(var(--ui-03, #f5f5f5), var(--ui-03, #565656));
}
.sparplanrechner ._tertiary--medium_lujqt_150 {
padding: 0.125rem 0.25rem;
height: 1.5rem;
}
.sparplanrechner ._tertiary--medium_lujqt_150 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
}
.sparplanrechner ._tertiary--large_lujqt_160 {
padding: 0.25rem 0.5rem;
height: 1.75rem;
}
.sparplanrechner ._buttonText_lujqt_165 {
word-break: break-word;
overflow-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
display: flex;
align-items: center;
}
.sparplanrechner ._iconContainer_lujqt_175 {
display: flex;
align-items: center;
}
.sparplanrechner [data-design-system='relaunch'] ._tertiary_lujqt_40 {
font-size: 1rem;
line-height: 150%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._tertiary_lujqt_40 {
font-size: 0.875rem;
line-height: 157%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._tertiary_lujqt_40 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
}
@keyframes _keyframe__fadein_18ij2_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_18ij2_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_18ij2_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_18ij2_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography_18ij2_40,
.sparplanrechner ._typography_18ij2_40 {
color: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--inherit_18ij2_44,
.sparplanrechner ._typography--inherit_18ij2_44 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--inherit_18ij2_44,
.sparplanrechner ._typography--inherit_18ij2_44 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--unset_18ij2_64,
.sparplanrechner ._typography--unset_18ij2_64 {
font-family: unset;
font-size: unset;
line-height: unset;
font-weight: unset;
letter-spacing: unset;
color: unset;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--unset_18ij2_64,
.sparplanrechner ._typography--unset_18ij2_64 {
font-family: unset;
font-size: unset;
line-height: unset;
font-weight: unset;
letter-spacing: unset;
color: unset;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline-big-00_18ij2_84,
.sparplanrechner ._typography--headline-big-00_18ij2_84 {
font-family:
sparkasseheadweb, var(--font-sparkasse-head, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 2.25rem;
line-height: 111%;
font-weight: 700;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline-big-00_18ij2_84,
.sparplanrechner ._typography--headline-big-00_18ij2_84 {
font-size: 2rem;
line-height: 112.5%;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline-big-01_18ij2_98,
.sparplanrechner ._typography--headline-big-01_18ij2_98 {
font-family:
sparkasseheadweb, var(--font-sparkasse-head, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 2rem;
line-height: 118%;
font-weight: 700;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline-big-01_18ij2_98,
.sparplanrechner ._typography--headline-big-01_18ij2_98 {
font-size: 1.75rem;
line-height: 114%;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline-big-02_18ij2_112,
.sparplanrechner ._typography--headline-big-02_18ij2_112 {
font-family:
sparkasseheadweb, var(--font-sparkasse-head, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1.75rem;
line-height: 121%;
font-weight: 700;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline-big-02_18ij2_112,
.sparplanrechner ._typography--headline-big-02_18ij2_112 {
font-size: 1.5rem;
line-height: 125%;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline1_18ij2_126,
.sparplanrechner ._typography--headline1_18ij2_126 {
font-family:
sparkasseheadweb, var(--font-sparkasse-head, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 700;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline1_18ij2_126,
.sparplanrechner ._typography--headline1_18ij2_126 {
font-size: 1.75rem;
line-height: 2rem;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline2_18ij2_140,
.sparplanrechner ._typography--headline2_18ij2_140 {
font-family:
sparkasseheadweb, var(--font-sparkasse-head, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline2_18ij2_140,
.sparplanrechner ._typography--headline2_18ij2_140 {
font-size: 1.375rem;
line-height: 1.75rem;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline3_18ij2_154,
.sparplanrechner ._typography--headline3_18ij2_154 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline3_18ij2_154,
.sparplanrechner ._typography--headline3_18ij2_154 {
font-size: 1.125rem;
line-height: 1.5rem;
}
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline4_18ij2_169,
.sparplanrechner ._typography--headline4_18ij2_169 {
font-size: 1rem;
line-height: 1.25rem;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline4_18ij2_169,
.sparplanrechner ._typography--headline4_18ij2_169 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1.125rem;
line-height: 1.25rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline5_18ij2_182,
.sparplanrechner ._typography--headline5_18ij2_182 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1rem;
line-height: 1.25rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline6_18ij2_189,
.sparplanrechner ._typography--headline6_18ij2_189 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 0.875rem;
line-height: 1rem;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--headline6_18ij2_189,
.sparplanrechner ._typography--headline6_18ij2_189 {
font-size: 0.875rem;
line-height: 1.125rem;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline1_18ij2_203,
.sparplanrechner ._typography--multiline1_18ij2_203 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline1_18ij2_203,
.sparplanrechner ._typography--multiline1_18ij2_203 {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline1-big-light_18ij2_217,
.sparplanrechner ._typography--multiline1-big-light_18ij2_217 {
font-size: 1.125rem;
line-height: 144%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline1-big-light_18ij2_217,
.sparplanrechner ._typography--multiline1-big-light_18ij2_217 {
font-size: 1rem;
line-height: 150%;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline1-big-light_18ij2_217,
.sparplanrechner ._typography--multiline1-big-light_18ij2_217 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline1-big_18ij2_217,
.sparplanrechner ._typography--multiline1-big_18ij2_217 {
font-size: 1.125rem;
line-height: 144%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline1-big_18ij2_217,
.sparplanrechner ._typography--multiline1-big_18ij2_217 {
font-size: 1rem;
line-height: 150%;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline1-big_18ij2_217,
.sparplanrechner ._typography--multiline1-big_18ij2_217 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline1-light_18ij2_252,
.sparplanrechner ._typography--multiline1-light_18ij2_252 {
font-size: 1rem;
line-height: 150%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline1-light_18ij2_252,
.sparplanrechner ._typography--multiline1-light_18ij2_252 {
font-size: 0.875rem;
line-height: 157%;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline1-light_18ij2_252,
.sparplanrechner ._typography--multiline1-light_18ij2_252 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline2_18ij2_269,
.sparplanrechner ._typography--multiline2_18ij2_269 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline2_18ij2_269,
.sparplanrechner ._typography--multiline2_18ij2_269 {
line-height: 1rem;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline2-light_18ij2_282,
.sparplanrechner ._typography--multiline2-light_18ij2_282 {
font-size: 0.875rem;
line-height: 142%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline2-light_18ij2_282,
.sparplanrechner ._typography--multiline2-light_18ij2_282 {
font-size: 0.75rem;
line-height: 133%;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--multiline2-light_18ij2_282,
.sparplanrechner ._typography--multiline2-light_18ij2_282 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--link1_18ij2_299,
.sparplanrechner ._typography--link1_18ij2_299 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--link1_18ij2_299,
.sparplanrechner ._typography--link1_18ij2_299 {
text-decoration: underline;
text-underline-position: under;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--link2_18ij2_311,
.sparplanrechner ._typography--link2_18ij2_311 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 0.875rem;
line-height: 1.125rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--link2_18ij2_311,
.sparplanrechner ._typography--link2_18ij2_311 {
text-decoration: underline;
text-underline-position: under;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--light_18ij2_323,
.sparplanrechner ._typography--light_18ij2_323 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--bold_18ij2_328,
.sparplanrechner ._typography--bold_18ij2_328 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 700;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--label_18ij2_333,
.sparplanrechner ._typography--label_18ij2_333 {
font-size: 0.75rem;
line-height: 133%;
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--label-01_18ij2_341,
.sparplanrechner ._typography--label-01_18ij2_341 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--label-02_18ij2_348,
.sparplanrechner ._typography--label-02_18ij2_348 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--label-03_18ij2_355,
.sparplanrechner ._typography--label-03_18ij2_355 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--label-04_18ij2_362,
.sparplanrechner ._typography--label-04_18ij2_362 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--label-05_18ij2_369,
.sparplanrechner ._typography--label-05_18ij2_369 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--label-01-bold_18ij2_376,
.sparplanrechner ._typography--label-01-bold_18ij2_376 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 400;
font-weight: 700;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--label-02-bold_18ij2_384,
.sparplanrechner ._typography--label-02-bold_18ij2_384 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 400;
font-weight: 700;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--label-03-bold_18ij2_392,
.sparplanrechner ._typography--label-03-bold_18ij2_392 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
font-weight: 400;
font-weight: 700;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--label-04-bold_18ij2_400,
.sparplanrechner ._typography--label-04-bold_18ij2_400 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
font-weight: 700;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--label-05-bold_18ij2_408,
.sparplanrechner ._typography--label-05-bold_18ij2_408 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 400;
font-weight: 700;
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--hightlight-01_18ij2_416,
.sparplanrechner ._typography--hightlight-01_18ij2_416 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 3.25rem;
line-height: 111%;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--hightlight-01_18ij2_416,
.sparplanrechner ._typography--hightlight-01_18ij2_416 {
font-size: 2rem;
line-height: 112%;
}
}
.sparplanrechner [data-design-system='rebrush'] > ._typography--hightlight-02_18ij2_430,
.sparplanrechner ._typography--hightlight-02_18ij2_430 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1.75rem;
line-height: 128%;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='rebrush'] > ._typography--hightlight-02_18ij2_430,
.sparplanrechner ._typography--hightlight-02_18ij2_430 {
font-size: 1.375rem;
line-height: 127%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--inherit_18ij2_44 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--inherit_18ij2_44 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--unset_18ij2_64 {
font-family: unset;
font-size: unset;
line-height: unset;
font-weight: unset;
letter-spacing: unset;
color: unset;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--unset_18ij2_64 {
font-family: unset;
font-size: unset;
line-height: unset;
font-weight: unset;
letter-spacing: unset;
color: unset;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--headline-big-00_18ij2_84 {
font-family:
sparkasseheadweb, var(--font-sparkasse-head, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 2.25rem;
line-height: 111%;
font-weight: 700;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--headline-big-00_18ij2_84 {
font-size: 2rem;
line-height: 112.5%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--headline-big-01_18ij2_98 {
font-family:
sparkasseheadweb, var(--font-sparkasse-head, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 2rem;
line-height: 118%;
font-weight: 700;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--headline-big-01_18ij2_98 {
font-size: 1.75rem;
line-height: 114%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--headline-big-02_18ij2_112 {
font-family:
sparkasseheadweb, var(--font-sparkasse-head, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1.75rem;
line-height: 121%;
font-weight: 700;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--headline-big-02_18ij2_112 {
font-size: 1.5rem;
line-height: 125%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--headline1_18ij2_126 {
font-family:
sparkasseheadweb, var(--font-sparkasse-head, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 3.25rem;
line-height: 112%;
font-weight: 700;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--headline1_18ij2_126 {
font-size: 2rem;
line-height: 112%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--headline2_18ij2_140 {
font-family:
sparkasseheadweb, var(--font-sparkasse-head, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1.5rem;
line-height: 133%;
font-weight: 700;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--headline2_18ij2_140 {
font-size: 1.375rem;
line-height: 127%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--headline3_18ij2_154 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1.25rem;
line-height: 120%;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--headline3_18ij2_154 {
font-size: 1.125rem;
line-height: 133%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--headline4_18ij2_169 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1.125rem;
line-height: 122%;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--headline4_18ij2_169 {
font-size: 1rem;
line-height: 111%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--headline5_18ij2_182 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1rem;
line-height: 125%;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--headline5_18ij2_182 {
font-size: 1rem;
line-height: 125%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--headline6_18ij2_189 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1rem;
line-height: 125%;
font-weight: 400;
letter-spacing: -0.02em;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--headline6_18ij2_189 {
font-size: 1rem;
line-height: 125%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1-big-light_18ij2_217 {
font-size: 1.125rem;
line-height: 144%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1-big-light_18ij2_217 {
font-size: 1rem;
line-height: 150%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1-big-light_18ij2_217 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1-big_18ij2_217 {
font-size: 1.125rem;
line-height: 144%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1-big_18ij2_217 {
font-size: 1rem;
line-height: 150%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1-big_18ij2_217 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1-light_18ij2_252 {
font-size: 1rem;
line-height: 150%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1-light_18ij2_252 {
font-size: 0.875rem;
line-height: 157%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1-light_18ij2_252 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1_18ij2_203 {
font-size: 1rem;
line-height: 150%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1_18ij2_203 {
font-size: 0.875rem;
line-height: 157%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline1_18ij2_203 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline2_18ij2_269 {
font-size: 0.875rem;
line-height: 142%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline2_18ij2_269 {
font-size: 0.75rem;
line-height: 133%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline2_18ij2_269 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline2-light_18ij2_282 {
font-size: 0.875rem;
line-height: 142%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline2-light_18ij2_282 {
font-size: 0.75rem;
line-height: 133%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--multiline2-light_18ij2_282 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--label_18ij2_333 {
font-size: 0.75rem;
line-height: 133%;
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--label-01_18ij2_341 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--label-02_18ij2_348 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--label-03_18ij2_355 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--label-04_18ij2_362 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--label-05_18ij2_369 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 400;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--label-01-bold_18ij2_376 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 400;
font-weight: 700;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--label-02-bold_18ij2_384 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 400;
font-weight: 700;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--label-03-bold_18ij2_392 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
font-weight: 400;
font-weight: 700;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--label-04-bold_18ij2_400 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
font-weight: 700;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--label-05-bold_18ij2_408 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 400;
font-weight: 700;
}
.sparplanrechner [data-design-system='relaunch'] ._typography--hightlight-01_18ij2_416 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 3.25rem;
line-height: 111%;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--hightlight-01_18ij2_416 {
font-size: 2rem;
line-height: 112%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._typography--hightlight-02_18ij2_430 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1.75rem;
line-height: 128%;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._typography--hightlight-02_18ij2_430 {
font-size: 1.375rem;
line-height: 127%;
}
}
@keyframes _keyframe__fadein_jddur_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_jddur_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_jddur_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_jddur_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._descriptionContainer_jddur_40 {
justify-content: space-between;
display: flex;
gap: 4px;
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
font-size: 0.875rem;
align-items: flex-start;
}
.sparplanrechner ._descriptionContainer_jddur_40 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._descriptionContainer_jddur_40 {
font-size: 0.75rem;
line-height: 1rem;
}
}
.sparplanrechner ._descriptionContainer--maxLength_jddur_60 {
justify-content: right;
}
.sparplanrechner ._descriptionContainer_jddur_40 ._maxLength_jddur_63 {
word-break: keep-all;
}
@keyframes _keyframe__fadein_1n8z6_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_1n8z6_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_1n8z6_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_1n8z6_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._errorContainer_1n8z6_40 {
display: flex;
gap: 4px;
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
font-size: 0.875rem;
color: light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
align-items: flex-start;
}
.sparplanrechner ._errorContainer_1n8z6_40 svg {
fill: light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
}
.sparplanrechner ._errorText_1n8z6_53 {
color: light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
}
.sparplanrechner ._externalLinkIcon_1129v_1:after {
font-family: Pictos-IF;
font-size: 1.6049382716em;
content: '';
display: inline-block;
}
@keyframes _keyframe__fadein_1ci37_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_1ci37_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_1ci37_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_1ci37_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._baseButton_1ci37_40,
.sparplanrechner ._tertiary_1ci37_40,
.sparplanrechner ._secondary_1ci37_40,
.sparplanrechner ._primary_1ci37_40 {
outline: none;
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0.25rem;
min-width: 11.25rem;
border-radius: 6.25rem;
cursor: pointer;
transition:
color 0.3s ease-out,
background-color 0.3s ease-out;
text-align: center;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._baseButton_1ci37_40,
.sparplanrechner ._tertiary_1ci37_40,
.sparplanrechner ._secondary_1ci37_40,
.sparplanrechner ._primary_1ci37_40 {
max-width: 17.5rem;
}
}
.sparplanrechner ._baseButton_1ci37_40,
.sparplanrechner ._tertiary_1ci37_40,
.sparplanrechner ._secondary_1ci37_40,
.sparplanrechner ._primary_1ci37_40 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1rem;
line-height: 1.25rem;
font-weight: 400;
}
.sparplanrechner ._primary_1ci37_40 {
color: light-dark(var(--primary-01-contrast, #fff), var(--primary-01-contrast, #fff));
background-color: light-dark(var(--primary-01, #e00), var(--primary-01, #e00));
border: 0.125rem solid light-dark(var(--primary-01, #e00), var(--primary-01, #e00));
overflow: hidden;
}
.sparplanrechner ._primary_1ci37_40[data-hovered] {
background-color: light-dark(var(--primary-01-hover, #d40000), var(--primary-01-hover, #d40000));
border: 0.125rem solid light-dark(var(--primary-01-hover, #d40000), var(--primary-01-hover, #d40000));
}
.sparplanrechner ._primary_1ci37_40[data-pressed] {
background-color: light-dark(var(--primary-01-active, #a00), var(--primary-01-active, #a00));
border-color: light-dark(var(--primary-01-active, #a00), var(--primary-01-active, #a00));
}
.sparplanrechner ._primary_1ci37_40[data-focus-visible] {
background-color: light-dark(var(--primary-01-focus, #d40000), var(--primary-01-focus, #d40000));
border-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
outline: 0.125rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 0.063rem;
}
.sparplanrechner ._primary--medium_1ci37_87 {
padding: 0.5rem 1.5rem;
height: 2.5rem;
}
.sparplanrechner ._primary--large_1ci37_91 {
padding: 0.875rem 2rem;
height: 3rem;
}
.sparplanrechner ._secondary_1ci37_40 {
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
background: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
border: 0.125rem solid light-dark(var(--secondary-01, #565656), var(--secondary-01, #e3e3e3));
overflow: hidden;
}
.sparplanrechner ._secondary_1ci37_40[data-hovered] {
background-color: light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
border: 0.125rem solid light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._secondary_1ci37_40[data-pressed] {
background-color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
border-color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._secondary_1ci37_40[data-focus-visible] {
background-color: light-dark(var(--secondary-01-focus, #444), var(--secondary-01-focus, #f0f0f0));
outline: 0.125rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 0.063rem;
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
border-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
}
.sparplanrechner ._secondary--medium_1ci37_119 {
padding: 0.5rem 1.5rem;
height: 2.5rem;
}
.sparplanrechner ._secondary--large_1ci37_123 {
padding: 0.875rem 2rem;
height: 3rem;
}
.sparplanrechner ._tertiary_1ci37_40 {
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
background-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
border: none;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 0.063rem;
border-radius: 3px;
min-width: unset;
white-space: pre-line;
}
.sparplanrechner ._tertiary_1ci37_40[data-hovered] {
background-color: light-dark(var(--ui-03, #f5f5f5), var(--ui-03, #565656));
}
.sparplanrechner ._tertiary_1ci37_40[data-pressed] {
color: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
background-color: light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
}
.sparplanrechner ._tertiary_1ci37_40[data-focus-visible] {
outline: 2px solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
background-color: light-dark(var(--ui-03, #f5f5f5), var(--ui-03, #565656));
}
.sparplanrechner ._tertiary--medium_1ci37_150 {
padding: 0.125rem 0.25rem;
height: 1.5rem;
}
.sparplanrechner ._tertiary--medium_1ci37_150 {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
}
.sparplanrechner ._tertiary--large_1ci37_160 {
padding: 0.25rem 0.5rem;
height: 1.75rem;
}
.sparplanrechner ._buttonText_1ci37_165 {
word-break: break-word;
overflow-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
display: flex;
align-items: center;
}
.sparplanrechner ._iconContainer_1ci37_175 {
display: flex;
align-items: center;
}
.sparplanrechner [data-design-system='relaunch'] ._tertiary_1ci37_40 {
font-size: 1rem;
line-height: 150%;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner [data-design-system='relaunch'] ._tertiary_1ci37_40 {
font-size: 0.875rem;
line-height: 157%;
}
}
.sparplanrechner [data-design-system='relaunch'] ._tertiary_1ci37_40 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-weight: 400;
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
}
.sparplanrechner ._linkButton_1ci37_196 {
text-decoration: none;
outline: none;
text-align: center;
gap: 0.25rem;
display: flex;
align-items: center;
}
.sparplanrechner ._linkButton_1ci37_196 {
gap: 0;
}
@media (min-width: 79.875rem) {
.sparplanrechner ._linkButton_1ci37_196 {
gap: 0.25rem;
}
}
.sparplanrechner ._linkButton--square_1ci37_212 {
border-radius: 6px;
}
.sparplanrechner ._linkButton__icon_1ci37_215 {
width: 0.875rem;
height: auto;
}
.sparplanrechner ._tertiary_1ci37_40 {
min-width: unset;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 0.063rem;
gap: 0.25rem;
}
@keyframes _keyframe__fadein_1fvfg_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_1fvfg_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_1fvfg_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_1fvfg_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._notification_1fvfg_40 {
width: 100%;
border-radius: 0.5rem;
display: flex;
flex-direction: row;
gap: 0.75rem;
box-sizing: border-box;
}
.sparplanrechner ._notification__content_1fvfg_48 {
display: flex;
flex-direction: column;
}
.sparplanrechner ._notification__action_1fvfg_52 {
padding: 0;
height: auto;
justify-content: flex-start;
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
}
.sparplanrechner ._notification--small_1fvfg_58 {
padding: 0.75rem;
}
.sparplanrechner ._notification--small_1fvfg_58 ._notification__content_1fvfg_48 {
gap: 0.75rem;
}
.sparplanrechner ._notification--small_1fvfg_58 > svg {
width: 1.5rem;
height: 1.5rem;
min-width: 1.5rem;
}
.sparplanrechner ._notification--large_1fvfg_69 {
padding: 0.75rem 1.25rem;
}
.sparplanrechner ._notification--large_1fvfg_69 ._notification__content_1fvfg_48 {
gap: 1rem;
padding: 0.25rem 0;
}
.sparplanrechner ._notification--large_1fvfg_69 > svg {
width: 2rem;
height: 2rem;
min-width: 2rem;
}
.sparplanrechner ._notification--success_1fvfg_81 {
background-color: light-dark(var(--success-02, #e4eddb), var(--success-02, #c8dbb6));
color: light-dark(var(--success-01, #2b5500), var(--success-01, #204000));
}
.sparplanrechner ._notification--success_1fvfg_81 span,
.sparplanrechner ._notification--success_1fvfg_81 ._notification__action_1fvfg_52 {
color: light-dark(var(--success-01, #2b5500), var(--success-01, #204000));
}
.sparplanrechner ._notification--success_1fvfg_81 ._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--error_1fvfg_94 {
background-color: light-dark(var(--error-02, #f9dbdb), var(--error-02, #f3b6b6));
color: light-dark(var(--error-01, #8d0000), var(--error-01, #6a0000));
}
.sparplanrechner ._notification--error_1fvfg_94 span,
.sparplanrechner ._notification--error_1fvfg_94 ._notification__action_1fvfg_52 {
color: light-dark(var(--error-01, #8d0000), var(--error-01, #6a0000));
}
.sparplanrechner ._notification--error_1fvfg_94 ._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--warning_1fvfg_107 {
background-color: light-dark(var(--warning-02, #fff3ed), var(--warning-02, #fbcbb1));
color: light-dark(var(--warning-01, #821001), var(--warning-01, #821001));
}
.sparplanrechner ._notification--warning_1fvfg_107 span,
.sparplanrechner ._notification--warning_1fvfg_107 ._notification__action_1fvfg_52 {
color: light-dark(var(--warning-01, #821001), var(--warning-01, #821001));
}
.sparplanrechner ._notification--warning_1fvfg_107 ._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--information_1fvfg_120 {
background-color: light-dark(var(--information-02, #f5f5f5), var(--information-02, #bebebe));
color: light-dark(var(--information-01, #444), var(--information-01, #292929));
}
.sparplanrechner ._notification--information_1fvfg_120 span,
.sparplanrechner ._notification--information_1fvfg_120 ._notification__action_1fvfg_52 {
color: light-dark(var(--information-01, #444), var(--information-01, #292929));
}
.sparplanrechner ._notification--information_1fvfg_120 ._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--attention_1fvfg_133 {
background-color: light-dark(var(--attention-02, #dbeeff), var(--attention-02, #92ccff));
color: light-dark(var(--attention-01, #004480), var(--attention-01, #003666));
}
.sparplanrechner ._notification--attention_1fvfg_133 span,
.sparplanrechner ._notification--attention_1fvfg_133 ._notification__action_1fvfg_52 {
color: light-dark(var(--attention-01, #004480), var(--attention-01, #003666));
}
.sparplanrechner ._notification--attention_1fvfg_133 ._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--special_1fvfg_146 {
background-color: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ._notification--special_1fvfg_146 span,
.sparplanrechner ._notification--special_1fvfg_146 ._notification__action_1fvfg_52 {
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ._notification--special_1fvfg_146 ._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--special_1fvfg_146 {
border: 1px solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
}
.sparplanrechner ._notification--special_1fvfg_146 {
box-shadow: 0 2px 3px #5656561a;
}
@media (prefers-color-scheme: dark) {
.sparplanrechner ._notification--special_1fvfg_146 {
box-shadow: 0 2px 4px #00000029;
}
}
.sparplanrechner ._notification--special_1fvfg_146 > svg {
color: light-dark(var(--success-01-contrast, #408000), var(--success-01-contrast, #adc992));
}
.sparplanrechner ._notification--success-no-background_1fvfg_173 {
background-color: inherit;
color: light-dark(var(--success-01-contrast, #408000), var(--success-01-contrast, #adc992));
}
.sparplanrechner ._notification--success-no-background_1fvfg_173 span,
.sparplanrechner ._notification--success-no-background_1fvfg_173 ._notification__action_1fvfg_52 {
color: light-dark(var(--success-01-contrast, #408000), var(--success-01-contrast, #adc992));
}
.sparplanrechner ._notification--success-no-background_1fvfg_173 ._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--error-no-background_1fvfg_186 {
background-color: inherit;
color: light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
}
.sparplanrechner ._notification--error-no-background_1fvfg_186 span,
.sparplanrechner ._notification--error-no-background_1fvfg_186 ._notification__action_1fvfg_52 {
color: light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
}
.sparplanrechner ._notification--error-no-background_1fvfg_186 ._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--warning-no-background_1fvfg_199 {
background-color: inherit;
color: light-dark(var(--warning-01-contrast, #cd3b0e), var(--warning-01-contrast, #fbcbb1));
}
.sparplanrechner ._notification--warning-no-background_1fvfg_199 span,
.sparplanrechner ._notification--warning-no-background_1fvfg_199 ._notification__action_1fvfg_52 {
color: light-dark(var(--warning-01-contrast, #cd3b0e), var(--warning-01-contrast, #fbcbb1));
}
.sparplanrechner ._notification--warning-no-background_1fvfg_199 ._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--information-no-background_1fvfg_212 {
background-color: inherit;
color: light-dark(var(--information-01-contrast, #292929), var(--information-01-contrast, #bebebe));
}
.sparplanrechner ._notification--information-no-background_1fvfg_212 span,
.sparplanrechner ._notification--information-no-background_1fvfg_212 ._notification__action_1fvfg_52 {
color: light-dark(var(--information-01-contrast, #292929), var(--information-01-contrast, #bebebe));
}
.sparplanrechner
._notification--information-no-background_1fvfg_212
._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--attention-no-background_1fvfg_225 {
background-color: inherit;
color: light-dark(var(--attention-01-contrast, #005baa), var(--attention-01-contrast, #92ccff));
}
.sparplanrechner ._notification--attention-no-background_1fvfg_225 span,
.sparplanrechner ._notification--attention-no-background_1fvfg_225 ._notification__action_1fvfg_52 {
color: light-dark(var(--attention-01-contrast, #005baa), var(--attention-01-contrast, #92ccff));
}
.sparplanrechner ._notification--attention-no-background_1fvfg_225 ._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--special_1fvfg_146,
.sparplanrechner ._notification--special-no-background_1fvfg_238 {
background-color: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ._notification--special_1fvfg_146 span,
.sparplanrechner ._notification--special-no-background_1fvfg_238 span,
.sparplanrechner ._notification--special_1fvfg_146 ._notification__action_1fvfg_52,
.sparplanrechner ._notification--special-no-background_1fvfg_238 ._notification__action_1fvfg_52 {
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ._notification--special_1fvfg_146 ._notification__action_1fvfg_52[data-focus-visible],
.sparplanrechner ._notification--special-no-background_1fvfg_238 ._notification__action_1fvfg_52[data-focus-visible] {
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._notification--special_1fvfg_146,
.sparplanrechner ._notification--special-no-background_1fvfg_238 {
border: 1px solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
}
.sparplanrechner ._notification--special_1fvfg_146,
.sparplanrechner ._notification--special-no-background_1fvfg_238 {
box-shadow: 0 2px 3px #5656561a;
}
@media (prefers-color-scheme: dark) {
.sparplanrechner ._notification--special_1fvfg_146,
.sparplanrechner ._notification--special-no-background_1fvfg_238 {
box-shadow: 0 2px 4px #00000029;
}
}
.sparplanrechner ._notification--special_1fvfg_146 > svg,
.sparplanrechner ._notification--special-no-background_1fvfg_238 > svg {
color: light-dark(var(--success-01-contrast, #408000), var(--success-01-contrast, #adc992));
}
@keyframes _keyframe__fadein_1ci1a_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_1ci1a_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_1ci1a_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_1ci1a_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._errorMessage_1ci1a_40 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._errorMessage_1ci1a_40 {
line-height: 1rem;
}
}
.sparplanrechner ._errorMessage_1ci1a_40 {
display: flex;
align-items: center;
flex-direction: row;
color: light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
}
.sparplanrechner ._errorMessage_1ci1a_40:before {
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
flex-shrink: 0;
width: 1rem;
height: 1rem;
content: '';
background-color: light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
margin-right: 0.5rem;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
display: inline-block;
align-self: flex-start;
}
.sparplanrechner ._errorMessage_1ci1a_40._errorMessage--variantNotification_1ci1a_73:before {
display: none;
}
@keyframes _keyframe__fadein_cdvms_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_cdvms_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_cdvms_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_cdvms_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._hidden_cdvms_40 {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
.sparplanrechner ._disabled_cdvms_47 {
cursor: not-allowed;
}
.sparplanrechner ._messageContainer_cdvms_51 {
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex;
max-width: 100%;
flex-direction: column;
margin-top: 0.5rem;
gap: 0.25rem;
word-break: break-word;
}
.sparplanrechner ._messageContainer--hidden_cdvms_61 {
display: none;
}
.sparplanrechner ._visibleSelect_cdvms_65 {
position: relative;
font-size: 1rem;
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
}
.sparplanrechner ._combobox_cdvms_71 {
border: 0.063rem solid light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
border-radius: 0.5rem;
position: relative;
cursor: pointer;
outline: none;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
background: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
height: 4.125rem;
padding: 0 0.75rem;
font-weight: 400;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._combobox_cdvms_71 {
height: 4.625rem;
padding: 0 1.25rem;
}
}
.sparplanrechner ._combobox_cdvms_71 ._label_cdvms_92 {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
cursor: pointer;
display: flex;
align-items: center;
gap: 0.25rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all 0.2s ease;
pointer-events: none;
}
.sparplanrechner ._combobox_cdvms_71 ._label_cdvms_92 ._optionalTag_cdvms_107 {
color: light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
}
.sparplanrechner ._combobox_cdvms_71 ._label_cdvms_92 ._labelIcon_cdvms_110 {
display: flex;
margin-right: 5px;
}
.sparplanrechner ._combobox_cdvms_71 ._label_cdvms_92[data-raised='true'] {
position: absolute;
top: 0.75rem;
transform: none;
font-size: 0.75rem;
line-height: 1rem;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._combobox_cdvms_71 ._label_cdvms_92[data-raised='true'] {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.sparplanrechner ._combobox_cdvms_71 ._label_cdvms_92[data-raised='true'] ._labelIcon_cdvms_110 {
display: none;
}
.sparplanrechner ._combobox_cdvms_71 ._placeholder_cdvms_130 {
bottom: 0.437rem;
position: absolute;
color: light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
font-style: italic;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._combobox_cdvms_71 ._placeholder_cdvms_130 {
bottom: 0.687rem;
}
}
.sparplanrechner ._combobox_cdvms_71 ._value_cdvms_141 {
position: absolute;
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
display: flex;
align-items: center;
gap: 0.5rem;
overflow: hidden;
max-width: calc(100% - 0.5rem);
top: 60%;
transform: translateY(-50%);
padding-top: 0.875rem;
}
.sparplanrechner ._combobox_cdvms_71 ._value_cdvms_141 * {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.sparplanrechner ._combobox_cdvms_71 ._icon_cdvms_159 {
transform: rotate(270deg);
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ._combobox_cdvms_71 ._messageContainer--hidden_cdvms_61 {
display: none;
}
.sparplanrechner ._combobox_cdvms_71[data-hovered='true'] {
border-color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ._combobox_cdvms_71[data-invalid='true'] {
outline: 0.125rem solid light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
border-color: transparent;
padding: 0 0.6875rem;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._combobox_cdvms_71[data-invalid='true'] {
padding: 0 1.1875rem;
}
}
.sparplanrechner ._combobox_cdvms_71[data-invalid='true'] ._messageContainer--hidden_cdvms_61 {
display: block;
}
.sparplanrechner ._combobox_cdvms_71[data-invalid='true'] ._label_cdvms_92[data-raised='true'] {
top: 0.75rem;
}
.sparplanrechner ._combobox_cdvms_71:focus-visible,
.sparplanrechner ._combobox_cdvms_71[data-focused='true']:not([data-click-focused='true']) {
border: 0.063rem solid transparent;
outline: 0.125rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._combobox_cdvms_71:focus-visible ._label_cdvms_92[data-raised='true'],
.sparplanrechner
._combobox_cdvms_71[data-focused='true']:not([data-click-focused='true'])
._label_cdvms_92[data-raised='true'] {
top: 0.75rem;
}
.sparplanrechner ._combobox_cdvms_71[data-expanded='true'] ._icon_cdvms_159 {
transform: rotate(90deg);
}
.sparplanrechner ._combobox_cdvms_71[data-expanded='true'][data-placement='top'] {
border-radius: 0 0 0.5rem 0.5rem;
}
.sparplanrechner ._combobox_cdvms_71[data-expanded='true'][data-placement='bottom'] {
border-radius: 0.5rem 0.5rem 0 0;
}
.sparplanrechner ._combobox_cdvms_71[data-disabled='true'] {
pointer-events: none;
color: light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
}
.sparplanrechner ._combobox_cdvms_71[data-disabled='true'] ._label_cdvms_92,
.sparplanrechner ._combobox_cdvms_71[data-disabled='true'] ._value_cdvms_141,
.sparplanrechner ._combobox_cdvms_71[data-disabled='true'] ._icon_cdvms_159 {
color: light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
cursor: not-allowed;
}
.sparplanrechner ._combobox_cdvms_71[data-disabled='true'] {
border-color: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
}
.sparplanrechner ._combobox_cdvms_71[data-labelled='false'] ._value_cdvms_141,
.sparplanrechner ._combobox_cdvms_71[data-labelled='false'] ._placeholder_cdvms_130 {
bottom: unset;
top: 50%;
transform: translateY(-50%);
}
.sparplanrechner ._combobox_cdvms_71[data-labelled='false'] ._value_cdvms_141 {
padding-top: 0;
}
.sparplanrechner ._combobox_cdvms_71[data-has-value='true'] ._label_cdvms_92 {
top: 0.875rem;
transform: none;
font-size: 0.75rem;
line-height: 1rem;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._combobox_cdvms_71[data-has-value='true'] ._label_cdvms_92 {
top: 0.75rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.sparplanrechner ._combobox_cdvms_71[data-focused='true'] ._searchInput_cdvms_236 {
opacity: 1;
}
.sparplanrechner ul._listbox_cdvms_240 {
border: 0.063rem solid light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
position: absolute;
z-index: 5;
list-style: none;
padding: 0;
margin: 0;
width: calc(100% + 0.125rem);
box-sizing: border-box;
left: -0.063rem;
background: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
max-height: 18.75rem;
overflow: hidden auto;
}
.sparplanrechner ul._listbox_cdvms_240::-webkit-scrollbar {
width: 0.5rem;
}
.sparplanrechner ul._listbox_cdvms_240::-webkit-scrollbar-track {
background: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
}
.sparplanrechner ul._listbox_cdvms_240::-webkit-scrollbar-thumb {
background: light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
border-radius: 0.25rem;
}
.sparplanrechner ul._listbox_cdvms_240::-webkit-scrollbar-thumb:hover {
background: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ul._listbox_cdvms_240[data-visible='false'] {
display: none;
}
.sparplanrechner ul._listbox_cdvms_240 li[role='option']:before {
content: unset;
display: block;
margin-left: 0;
text-align: left;
width: 0;
}
.sparplanrechner ._combobox_cdvms_71[data-hovered='true'] ._listbox_cdvms_240 {
outline-color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ._combobox_cdvms_71[data-invalid='true'] ._listbox_cdvms_240 {
width: calc(100% + 0.12rem);
left: -0.05rem;
border: none;
outline: 0.125rem solid light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
}
.sparplanrechner ._combobox_cdvms_71:focus-visible ._listbox_cdvms_240,
.sparplanrechner ._combobox_cdvms_71[data-focused='true']:not([data-click-focused='true']) ._listbox_cdvms_240 {
width: calc(100% + 0.12rem);
left: -0.05rem;
border: none;
outline: 0.125rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._combobox_cdvms_71[data-placement='top'] ._listbox_cdvms_240 {
bottom: 3.75rem;
border-radius: 0.5rem 0.5rem 0 0;
border-bottom-width: 0.063rem;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._combobox_cdvms_71[data-placement='top'] ._listbox_cdvms_240 {
bottom: 4.375rem;
}
}
.sparplanrechner ._combobox_cdvms_71[data-placement='bottom'] ._listbox_cdvms_240 {
top: 3.875rem;
border-radius: 0 0 0.5rem 0.5rem;
border-top-width: 0.063rem;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._combobox_cdvms_71[data-placement='bottom'] ._listbox_cdvms_240 {
top: 4.375rem;
}
}
.sparplanrechner ._checkCircle_cdvms_319 {
min-width: 1.5rem;
min-height: 1.5rem;
}
.sparplanrechner ._checkCircle_cdvms_319 path {
fill: light-dark(var(--success-01-contrast, #408000), var(--success-01-contrast, #adc992));
}
.sparplanrechner ._selectItem_cdvms_327 {
padding: 0.75rem 1.125rem;
cursor: pointer;
transition: background-color 0.1s ease;
display: flex;
gap: 0.75rem;
justify-content: space-between;
align-items: center;
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ._selectItem_cdvms_327[data-selected='true'] ._selectItem__content_cdvms_337 {
max-width: calc(100% - 2rem);
}
.sparplanrechner ._selectItem_cdvms_327[data-preselected='true'] {
background: light-dark(var(--ui-03, #f5f5f5), var(--ui-03, #565656));
}
.sparplanrechner ._selectItem_cdvms_327[data-disabled='true'] {
color: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
cursor: not-allowed;
}
.sparplanrechner ._selectItem_cdvms_327:hover {
background: light-dark(var(--ui-03, #f5f5f5), var(--ui-03, #565656));
}
.sparplanrechner ._selectItem__content_cdvms_337 {
display: flex;
gap: 0.5rem;
align-items: center;
justify-content: flex-start;
overflow: hidden;
max-width: 100%;
width: 100%;
}
.sparplanrechner ._selectItem__content_cdvms_337 * {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.sparplanrechner ._selectItem__icon_cdvms_365 {
width: 1rem;
height: 1rem;
min-width: 1rem;
min-height: 1rem;
}
.sparplanrechner ._searchInputWrapper_cdvms_372 {
padding: 0.75rem 1.125rem;
background: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
border-bottom: 0.063rem solid light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
position: sticky;
top: 0;
z-index: 6;
}
.sparplanrechner ._labelAndInputWrapper_cdvms_381 {
position: relative;
width: 100%;
height: 100%;
top: 0;
}
.sparplanrechner ._searchInput_cdvms_236 {
width: 100%;
box-sizing: border-box;
font-size: 1rem;
line-height: 1.25rem;
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
background: transparent;
padding: 0;
outline: none;
position: absolute;
opacity: 0;
border: none;
top: 65%;
transform: translateY(-50%);
}
.sparplanrechner ._searchInput_cdvms_236[data-focused='true'],
.sparplanrechner ._searchInput_cdvms_236[data-has-value='true'] {
opacity: 1;
}
@keyframes _keyframe__fadein_1qtna_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_1qtna_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_1qtna_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_1qtna_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._iconButton_1qtna_40 {
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s ease-out;
background: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
border: none;
border-radius: 6.25rem;
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ._iconButton_1qtna_40:focus {
outline: none;
}
.sparplanrechner ._default_1qtna_58[data-hovered] {
color: light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
}
.sparplanrechner ._default_1qtna_58[data-pressed] {
color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
}
.sparplanrechner ._default_1qtna_58[data-focus-visible] {
outline: 2px solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 1px;
color: light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._default--small_1qtna_69 {
width: 2.5rem;
height: 2.5rem;
}
.sparplanrechner ._default--small_1qtna_69 svg {
width: 1.5rem;
height: 1.5rem;
}
.sparplanrechner ._default--small_1qtna_69[data-hovered] svg {
width: 1.75rem;
height: 1.75rem;
}
.sparplanrechner ._default--medium_1qtna_81 {
width: 3rem;
height: 3rem;
}
.sparplanrechner ._default--medium_1qtna_81 svg {
width: 2rem;
height: 2rem;
}
.sparplanrechner ._default--medium_1qtna_81[data-hovered] svg {
width: 2.375rem;
height: 2.375rem;
}
.sparplanrechner ._default--inline_1qtna_93 {
line-height: inherit;
width: 1lh;
height: 1lh;
padding: 0;
}
.sparplanrechner ._default--inline_1qtna_93 svg {
width: max(0.7lh, 1rem);
height: max(0.7lh, 1rem);
}
.sparplanrechner ._default--inline_1qtna_93[data-hovered] svg {
width: 0.75lh;
height: 0.75lh;
}
.sparplanrechner ._header_1qtna_108 {
color: light-dark(var(--header-readable-01, #fff), var(--header-readable-01, #fff));
border-radius: 50%;
}
.sparplanrechner ._header_1qtna_108[data-hovered],
.sparplanrechner ._header_1qtna_108[data-focus-visible],
.sparplanrechner ._header_1qtna_108[data-pressed] {
background-color: light-dark(var(--header-ui-01, #d40000), var(--header-ui-01, #d40000));
}
.sparplanrechner ._header_1qtna_108[data-focus-visible] {
background-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
outline: 2px solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 1px;
color: light-dark(var(--header-readable-01, #fff), var(--header-readable-01, #fff));
border: 2px solid light-dark(var(--header-readable-01, #fff), var(--header-readable-01, #fff));
border-color: light-dark(var(--header-readable-01, #fff), var(--header-readable-01, #fff));
}
.sparplanrechner ._header--small_1qtna_123 {
width: 2.5rem;
height: 2.5rem;
}
.sparplanrechner ._header--small_1qtna_123 svg {
width: 1.5rem;
height: 1.5rem;
}
.sparplanrechner ._header--medium_1qtna_131 {
width: 3rem;
height: 3rem;
}
.sparplanrechner ._header--medium_1qtna_131 svg {
width: 2rem;
height: 2rem;
}
.sparplanrechner ._header--inline_1qtna_139 {
line-height: inherit;
width: 1lh;
height: 1lh;
padding: 0;
}
.sparplanrechner ._header--inline_1qtna_139 svg {
width: max(0.7lh, 1rem);
height: max(0.7lh, 1rem);
}
.sparplanrechner ._primary_1qtna_150,
.sparplanrechner ._hotSpotClose_1qtna_151 {
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s ease-out;
color: light-dark(var(--primary-01-contrast, #fff), var(--primary-01-contrast, #fff));
background: light-dark(var(--primary-01, #e00), var(--primary-01, #e00));
border: 2px solid light-dark(var(--primary-01, #e00), var(--primary-01, #e00));
border-radius: 6.25rem;
}
.sparplanrechner ._primary_1qtna_150[data-hovered],
.sparplanrechner ._hotSpotClose_1qtna_151[data-hovered] {
background-color: light-dark(var(--primary-01-hover, #d40000), var(--primary-01-hover, #d40000));
border: 2px solid light-dark(var(--primary-01-hover, #d40000), var(--primary-01-hover, #d40000));
}
.sparplanrechner ._primary_1qtna_150[data-pressed],
.sparplanrechner ._hotSpotClose_1qtna_151[data-pressed] {
background-color: light-dark(var(--primary-01-active, #a00), var(--primary-01-active, #a00));
border-color: light-dark(var(--primary-01-active, #a00), var(--primary-01-active, #a00));
}
.sparplanrechner ._primary_1qtna_150[data-focus-visible],
.sparplanrechner ._hotSpotClose_1qtna_151[data-focus-visible] {
background-color: light-dark(var(--secondary-01-focus, #444), var(--secondary-01-focus, #f0f0f0));
outline: 2px solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 1px;
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
border-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
}
.sparplanrechner ._primary_1qtna_150[data-focus-visible] svg,
.sparplanrechner ._hotSpotClose_1qtna_151[data-focus-visible] svg {
fill: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._primary--small_1qtna_187,
.sparplanrechner ._hotSpotClose--small_1qtna_188 {
width: 2.5rem;
height: 2.5rem;
}
.sparplanrechner ._primary--small_1qtna_187 svg,
.sparplanrechner ._hotSpotClose--small_1qtna_188 svg {
width: 1rem;
height: 1rem;
}
.sparplanrechner ._primary--medium_1qtna_197,
.sparplanrechner ._hotSpotClose--medium_1qtna_198 {
width: 3rem;
height: 3rem;
}
.sparplanrechner ._primary--medium_1qtna_197 svg,
.sparplanrechner ._hotSpotClose--medium_1qtna_198 svg {
width: 1.5rem;
height: 1.5rem;
}
.sparplanrechner ._primary--inline_1qtna_207,
.sparplanrechner ._hotSpotClose--inline_1qtna_208 {
line-height: inherit;
width: 1lh;
height: 1lh;
padding: 0;
}
.sparplanrechner ._primary--inline_1qtna_207 svg,
.sparplanrechner ._hotSpotClose--inline_1qtna_208 svg {
width: max(0.7lh, 1rem);
height: max(0.7lh, 1rem);
}
.sparplanrechner ._secondary_1qtna_220 {
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s ease-out;
color: light-dark(var(--secondary-01, #565656), var(--secondary-01, #e3e3e3));
background: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
border: 2px solid light-dark(var(--secondary-01, #565656), var(--secondary-01, #e3e3e3));
border-radius: 6.25rem;
}
.sparplanrechner ._secondary_1qtna_220[data-hovered] {
background-color: light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
border: 2px solid light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._secondary_1qtna_220[data-hovered] svg {
fill: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._secondary_1qtna_220[data-pressed] {
background-color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
border-color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._secondary_1qtna_220[data-pressed] svg {
fill: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._secondary_1qtna_220[data-focus-visible] {
background-color: light-dark(var(--secondary-01-focus, #444), var(--secondary-01-focus, #f0f0f0));
outline: 2px solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 1px;
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
border-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
}
.sparplanrechner ._secondary_1qtna_220[data-focus-visible] svg {
fill: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._secondary--small_1qtna_260 {
width: 2.5rem;
height: 2.5rem;
}
.sparplanrechner ._secondary--small_1qtna_260 svg {
width: 1rem;
height: 1rem;
}
.sparplanrechner ._secondary--medium_1qtna_268 {
width: 3rem;
height: 3rem;
}
.sparplanrechner ._secondary--medium_1qtna_268 svg {
width: 1.5rem;
height: 1.5rem;
}
.sparplanrechner ._secondary--inline_1qtna_276 {
line-height: inherit;
width: 1lh;
height: 1lh;
padding: 0;
}
.sparplanrechner ._secondary--inline_1qtna_276 svg {
width: max(0.7lh, 1rem);
height: max(0.7lh, 1rem);
}
.sparplanrechner ._carousel_1qtna_287 {
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s ease-out;
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
background: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
border: 2px solid light-dark(var(--ui-01-contrast, #e3e3e3), var(--ui-01-contrast, #e3e3e3));
border-radius: 6.25rem;
}
.sparplanrechner ._carousel_1qtna_287[data-hovered] {
background-color: light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
border: 2px solid light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._carousel_1qtna_287[data-pressed] {
background-color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
border-color: light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._carousel_1qtna_287[data-disabled] {
color: light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
background: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
border: 2px solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
cursor: not-allowed;
}
.sparplanrechner ._carousel_1qtna_287[data-focus-visible] {
background-color: light-dark(var(--secondary-01-focus, #444), var(--secondary-01-focus, #f0f0f0));
outline: 2px solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 2px;
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
border-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
}
.sparplanrechner ._carousel--medium_1qtna_324,
.sparplanrechner ._carousel--small_1qtna_324 {
width: 3rem;
height: 3rem;
}
.sparplanrechner ._carousel--medium_1qtna_324 svg,
.sparplanrechner ._carousel--small_1qtna_324 svg {
width: 1.5rem;
height: 1.5rem;
}
.sparplanrechner ._carousel--inline_1qtna_332 {
line-height: inherit;
width: 1lh;
height: 1lh;
padding: 0;
}
.sparplanrechner ._carousel--inline_1qtna_332 svg {
width: max(0.7lh, 1rem);
height: max(0.7lh, 1rem);
}
.sparplanrechner ._navigation_1qtna_343 {
background-color: light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
border: 2px solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
}
.sparplanrechner ._navigation_1qtna_343 svg {
fill: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ._navigation_1qtna_343[data-hovered] {
background-color: light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
border: 2px solid light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._navigation_1qtna_343[data-hovered] svg {
fill: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._navigation_1qtna_343[data-pressed] {
background-color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
border-color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._navigation_1qtna_343[data-pressed] svg {
fill: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._navigation_1qtna_343[data-focus-visible] {
background-color: light-dark(var(--secondary-01-focus, #444), var(--secondary-01-focus, #f0f0f0));
outline: 2px solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 1px;
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
border-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
}
.sparplanrechner ._navigation_1qtna_343[data-focus-visible] svg {
fill: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._navigation_1qtna_343[data-disabled] {
background-color: light-dark(var(--disabled-02, #e3e3e3), var(--disabled-02, #4c4c4c));
color: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
border-color: light-dark(var(--disabled-02, #e3e3e3), var(--disabled-02, #4c4c4c));
cursor: not-allowed;
}
.sparplanrechner ._navigation_1qtna_343[data-disabled] svg {
fill: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
}
.sparplanrechner ._navigation--small_1qtna_386,
.sparplanrechner ._navigation--medium_1qtna_386 {
width: 2.25rem;
height: 2.25rem;
}
.sparplanrechner ._navigation--small_1qtna_386 svg,
.sparplanrechner ._navigation--medium_1qtna_386 svg {
width: 1rem;
height: 1rem;
}
.sparplanrechner ._navigation--inline_1qtna_394 {
line-height: inherit;
width: 1lh;
height: 1lh;
padding: 0;
}
.sparplanrechner ._navigation--inline_1qtna_394 svg {
width: max(0.7lh, 1rem);
height: max(0.7lh, 1rem);
}
.sparplanrechner ._hotSpotOpen_1qtna_405 {
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s ease-out;
background-color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
color: light-dark(var(--brand-01, #e00), var(--brand-01, #ffffff));
border: 0.125rem solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
border-radius: 6.25rem;
}
.sparplanrechner ._hotSpotOpen_1qtna_405 svg {
fill: light-dark(var(--brand-01, #e00), var(--brand-01, #ffffff));
}
.sparplanrechner ._hotSpotOpen_1qtna_405[data-hovered] {
background-color: light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
border: 2px solid light-dark(var(--secondary-01-hover, #444), var(--secondary-01-hover, #f0f0f0));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._hotSpotOpen_1qtna_405[data-hovered] svg {
fill: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._hotSpotOpen_1qtna_405[data-pressed] {
background-color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
border-color: light-dark(var(--secondary-01-active, #292929), var(--secondary-01-active, #f5f5f5));
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._hotSpotOpen_1qtna_405[data-pressed] svg {
fill: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._hotSpotOpen_1qtna_405[data-focus-visible] {
background-color: light-dark(var(--secondary-01-focus, #444), var(--secondary-01-focus, #f0f0f0));
outline: 2px solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 1px;
color: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
border-color: light-dark(var(--transparent-01, rgba(0, 0, 0, 0)), var(--transparent-01, rgba(0, 0, 0, 0)));
}
.sparplanrechner ._hotSpotOpen_1qtna_405[data-focus-visible] svg {
fill: light-dark(var(--readable-03, #fff), var(--readable-03, #292929));
}
.sparplanrechner ._hotSpotOpen--small_1qtna_448 {
width: 2.5rem;
height: 2.5rem;
}
.sparplanrechner ._hotSpotOpen--small_1qtna_448 svg {
width: 1rem;
height: 1rem;
}
.sparplanrechner ._hotSpotOpen--medium_1qtna_456 {
width: 3rem;
height: 3rem;
}
.sparplanrechner ._hotSpotOpen--medium_1qtna_456 svg {
width: 1.5rem;
height: 1.5rem;
}
.sparplanrechner ._hotSpotOpen--inline_1qtna_464 {
line-height: inherit;
width: 1lh;
height: 1lh;
padding: 0;
}
.sparplanrechner ._hotSpotOpen--inline_1qtna_464 svg {
width: max(0.7lh, 1rem);
height: max(0.7lh, 1rem);
}
.sparplanrechner ._hotSpotClose_1qtna_151 {
border: 0.125rem solid light-dark(var(--primary-01-hover, #d40000), var(--primary-01-hover, #d40000));
}
@keyframes _keyframe__fadein_3i1a2_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_3i1a2_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_3i1a2_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_3i1a2_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._label_3i1a2_40 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
}
.sparplanrechner ._label_3i1a2_40 {
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
align-items: center;
column-gap: 0.5rem;
box-sizing: border-box;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
}
.sparplanrechner ._label__optional_3i1a2_56 {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.25rem;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.sparplanrechner ._label__optional_3i1a2_56 {
transition: 0.3s ease;
}
.sparplanrechner ._label__optional_3i1a2_56 {
color: light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
margin-left: 0.25rem;
}
@keyframes _keyframe__fadein_1c16i_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_1c16i_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_1c16i_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_1c16i_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._ariaField_1c16i_40 {
width: 20.5rem;
max-width: 100%;
}
.sparplanrechner ._ariaField_1c16i_40 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._ariaField_1c16i_40 {
width: 40.5rem;
max-width: 100%;
}
}
.sparplanrechner ._ariaField_1c16i_40[data-max-width='true'] {
width: 100%;
}
.sparplanrechner ._ariaField_1c16i_40[data-invalid] .ifaTextArea__base {
border: 0.125rem solid light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
}
.sparplanrechner ._ariaField_1c16i_40[data-disabled] .ifaTextArea__base {
border-color: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
}
.sparplanrechner ._inputContainer_1c16i_66 {
position: relative;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66 {
padding: 2rem 0.75rem 0.5rem;
background-color: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
border: 0.063rem solid light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
border-radius: 0.5rem;
box-sizing: border-box;
caret-color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
width: 100%;
max-width: 100%;
outline: none;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66 {
padding: 2.25rem 1.25rem 0.75rem;
width: 100%;
max-width: 100%;
}
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--maxWidth_1c16i_94 {
width: 100%;
max-width: 100%;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66::placeholder {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
font-style: italic;
color: light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66[data-hovered] {
border-color: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66[data-disabled] {
border-color: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
color: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
cursor: not-allowed;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66[readonly] {
border-color: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
cursor: text;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66[data-invalid] {
border: 0.125rem solid light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121,
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-hovered],
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-invalid] {
border: none;
border-top: 2rem solid light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
padding-top: 0;
border-radius: 0.5rem;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121:not([value='']),
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-hovered]:not([value='']),
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-invalid]:not([value='']) {
padding-top: 0;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-disabled],
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[readonly] {
border-color: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66[data-focus-visible] {
outline: 0.125rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 2px;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-focus-visible] {
outline: 0.125rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 4px;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--hasIcon_1c16i_141 {
padding-left: 3.5rem;
}
.sparplanrechner
._inputContainer_1c16i_66:has([data-focus-visible], [placeholder], [data-focused], input:not([value='']))
._label_1c16i_144,
.sparplanrechner
._inputContainer_1c16i_66:has([data-focus-visible], [placeholder], [data-focused], input:not([value='']))
.ifaLabel__optional {
font-size: 0.75rem;
line-height: 1rem;
transform: translateY(-0.313rem);
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner
._inputContainer_1c16i_66:has([data-focus-visible], [placeholder], [data-focused], input:not([value='']))
._label_1c16i_144,
.sparplanrechner
._inputContainer_1c16i_66:has([data-focus-visible], [placeholder], [data-focused], input:not([value='']))
.ifaLabel__optional {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.sparplanrechner ._inputContainer_1c16i_66:has(input:-internal-autofill-selected) ._label_1c16i_144 {
color: #565656 !important;
}
.sparplanrechner ._inputContainer_1c16i_66:has([data-disabled]) ._label_1c16i_144,
.sparplanrechner ._inputContainer_1c16i_66:has([data-disabled]) ._label_1c16i_144 span {
cursor: not-allowed;
color: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
}
.sparplanrechner ._inputContainer_1c16i_66:has([readonly]) ._label_1c16i_144,
.sparplanrechner ._inputContainer_1c16i_66:has([readonly]) ._label_1c16i_144 span {
cursor: text;
padding-right: 2rem;
}
.sparplanrechner ._iconContainer_1c16i_167 {
position: absolute;
top: 1.5rem;
transform: translateY(0);
left: 1.5rem;
align-items: center;
display: flex;
}
.sparplanrechner ._iconContainer__icon_1c16i_175 {
width: 1.5rem;
height: 1.5rem;
fill: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
}
.sparplanrechner ._label_1c16i_144 {
pointer-events: none;
position: absolute;
top: 1.313rem;
transform: translateY(0);
left: 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
width: calc(100% - 1.5rem);
transition: 0.3s ease;
z-index: 1;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._label_1c16i_144 {
left: 1.25rem;
}
}
.sparplanrechner ._label--hasIcon_1c16i_200 {
left: 3.5rem;
}
.sparplanrechner ._messageContainer_1c16i_204 {
padding-left: 0.75rem;
padding-right: 0.75rem;
display: flex;
max-width: 100%;
flex-direction: column;
margin-top: 0.5rem;
gap: 0.25rem;
word-break: break-word;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._messageContainer_1c16i_204 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66,
.sparplanrechner ._numberInputContainer_1c16i_222 ._input_1c16i_66 {
padding: 2rem 0.75rem 0.5rem;
background-color: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
border: 0.063rem solid light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
border-radius: 0.5rem;
box-sizing: border-box;
caret-color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
width: 100%;
max-width: 100%;
outline: none;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66,
.sparplanrechner ._numberInputContainer_1c16i_222 ._input_1c16i_66 {
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66,
.sparplanrechner ._numberInputContainer_1c16i_222 ._input_1c16i_66 {
padding: 2.25rem 1.25rem 0.75rem;
width: 100%;
max-width: 100%;
}
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--maxWidth_1c16i_94,
.sparplanrechner ._numberInputContainer_1c16i_222 ._input--maxWidth_1c16i_94 {
width: 100%;
max-width: 100%;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66::placeholder,
.sparplanrechner ._numberInputContainer_1c16i_222 ._input_1c16i_66::placeholder {
font-family:
sparkasseweblight, var(--font-sparkasse-light, SparkasseWebLight, Sparkasse Light, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
font-style: italic;
color: light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66[data-hovered],
.sparplanrechner ._numberInputContainer_1c16i_222 ._input_1c16i_66[data-hovered] {
border-color: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66[data-disabled],
.sparplanrechner ._numberInputContainer_1c16i_222 ._input_1c16i_66[data-disabled] {
border-color: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
color: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
cursor: not-allowed;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66[readonly],
.sparplanrechner ._numberInputContainer_1c16i_222 ._input_1c16i_66[readonly] {
border-color: light-dark(var(--disabled-01, #bebebe), var(--disabled-01, #6e6e6e));
cursor: text;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66[data-invalid],
.sparplanrechner ._numberInputContainer_1c16i_222 ._input_1c16i_66[data-invalid] {
border: 0.125rem solid light-dark(var(--error-01-contrast, #b10000), var(--error-01-contrast, #f3b6b6));
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121,
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-hovered],
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-invalid],
.sparplanrechner ._numberInputContainer_1c16i_222 ._input--isTextArea_1c16i_121,
.sparplanrechner ._numberInputContainer_1c16i_222 ._input--isTextArea_1c16i_121[data-hovered],
.sparplanrechner ._numberInputContainer_1c16i_222 ._input--isTextArea_1c16i_121[data-invalid] {
border: none;
border-top: 2rem solid light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
padding-top: 0;
border-radius: 0.5rem;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121:not([value='']),
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-hovered]:not([value='']),
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-invalid]:not([value='']),
.sparplanrechner ._numberInputContainer_1c16i_222 ._input--isTextArea_1c16i_121:not([value='']),
.sparplanrechner ._numberInputContainer_1c16i_222 ._input--isTextArea_1c16i_121[data-hovered]:not([value='']),
.sparplanrechner ._numberInputContainer_1c16i_222 ._input--isTextArea_1c16i_121[data-invalid]:not([value='']) {
padding-top: 0;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-disabled],
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[readonly],
.sparplanrechner ._numberInputContainer_1c16i_222 ._input--isTextArea_1c16i_121[data-disabled],
.sparplanrechner ._numberInputContainer_1c16i_222 ._input--isTextArea_1c16i_121[readonly] {
border-color: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
}
.sparplanrechner ._inputContainer_1c16i_66 ._input_1c16i_66[data-focus-visible],
.sparplanrechner ._numberInputContainer_1c16i_222 ._input_1c16i_66[data-focus-visible] {
outline: 0.125rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 2px;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--isTextArea_1c16i_121[data-focus-visible],
.sparplanrechner ._numberInputContainer_1c16i_222 ._input--isTextArea_1c16i_121[data-focus-visible] {
outline: 0.125rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
outline-offset: 4px;
}
.sparplanrechner ._inputContainer_1c16i_66 ._input--hasIcon_1c16i_141,
.sparplanrechner ._numberInputContainer_1c16i_222 ._input--hasIcon_1c16i_141 {
padding-left: 3.5rem;
}
.sparplanrechner ._inputContainer_1c16i_66,
.sparplanrechner ._numberInputContainer_1c16i_222 {
position: relative;
}
.sparplanrechner ._inputContainer_1c16i_66 input,
.sparplanrechner ._numberInputContainer_1c16i_222 input {
padding-right: 1rem;
}
.sparplanrechner ._inputContainer_1c16i_66._hasUnit_1c16i_330 input,
.sparplanrechner ._inputContainer_1c16i_66._hasLock_1c16i_334 input {
padding-right: 3.5rem;
}
.sparplanrechner ._inputContainer_1c16i_66._hasIcon_1c16i_338 input {
padding-left: 2.5rem;
}
.sparplanrechner ._unitContainer_1c16i_342 {
position: absolute;
bottom: 0.75rem;
right: 1.25rem;
padding: 0 0.25rem;
color: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
border-radius: 0.125rem;
pointer-events: none;
z-index: 1;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._unitContainer_1c16i_342 {
right: 0.75rem;
bottom: 0.65rem;
}
}
.sparplanrechner ._blocked__icon_1c16i_359 {
position: absolute;
right: 1.25rem;
top: 50%;
transform: translateY(-50%);
color: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
z-index: 1;
}
@keyframes _keyframe__fadein_11nij_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_11nij_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_11nij_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_11nij_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._slider_11nij_40 {
display: flex;
color: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
flex-direction: column;
width: 100%;
min-width: 18.75rem;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._slider_11nij_40 {
min-width: unset;
width: calc(100% - 2rem);
padding: 0 1rem;
}
}
.sparplanrechner ._slider__track_11nij_54 {
position: relative;
height: 2.75rem;
width: 100%;
}
.sparplanrechner ._slider__track_11nij_54:before {
content: '';
display: block;
position: absolute;
border-radius: 0.75rem;
background: light-dark(var(--success-01-contrast, #408000), var(--success-01-contrast, #adc992));
height: 0.312rem;
width: var(--slider-progress, 0%);
top: 50%;
transform: translateY(-50%);
z-index: 1;
cursor: pointer;
}
.sparplanrechner ._slider__track_11nij_54:after {
border-radius: 0.75rem;
content: '';
display: block;
position: absolute;
background: light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
width: 100%;
height: 0.25rem;
top: 50%;
transform: translateY(-50%);
z-index: 0;
cursor: pointer;
}
.sparplanrechner ._slider__output--default_11nij_85 {
position: absolute;
top: -3rem;
left: 50%;
transform: translate(-50%);
border-radius: 0.25rem;
font-size: 1rem;
color: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
white-space: nowrap;
z-index: 10;
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
padding: 0.5rem 0.75rem;
border: 0.063rem solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
background-color: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
}
.sparplanrechner ._slider__output--default_11nij_85 {
box-shadow: 0 2px 3px #5656561a;
}
@media (prefers-color-scheme: dark) {
.sparplanrechner ._slider__output--default_11nij_85 {
box-shadow: 0 2px 4px #00000029;
}
}
.sparplanrechner ._slider__output--default_11nij_85:before {
content: '';
position: absolute;
left: 50%;
bottom: -0.5rem;
transform: translate(-50%);
width: 0;
height: 0;
border-left: 0.5rem solid transparent;
border-right: 0.5rem solid transparent;
border-top: 0.5rem solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
z-index: 0;
}
.sparplanrechner ._slider__output--default_11nij_85:after {
content: '';
position: absolute;
left: 50%;
bottom: -0.375rem;
transform: translate(-50%);
width: 0;
height: 0;
border-left: 0.437rem solid transparent;
border-right: 0.437rem solid transparent;
border-top: 0.437rem solid light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
z-index: 1;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._slider__output--default_11nij_85._slider__output--at-max_11nij_135 {
left: auto;
right: 0;
transform: none;
}
.sparplanrechner ._slider__output--default_11nij_85._slider__output--at-max_11nij_135:before,
.sparplanrechner ._slider__output--default_11nij_85._slider__output--at-max_11nij_135:after {
left: auto;
right: 0.063rem;
transform: none;
}
.sparplanrechner ._slider__output--default_11nij_85._slider__output--at-min_11nij_145 {
left: 0;
transform: none;
}
.sparplanrechner ._slider__output--default_11nij_85._slider__output--at-min_11nij_145:before,
.sparplanrechner ._slider__output--default_11nij_85._slider__output--at-min_11nij_145:after {
left: 0.063rem;
right: auto;
transform: none;
}
}
.sparplanrechner ._slider__thumb_11nij_155 {
height: 1.25rem;
width: 1.25rem;
border-radius: 50%;
background-color: light-dark(var(--readable-04, #fff), var(--readable-04, #ffffff));
border: 0.125rem solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
forced-color-adjust: none;
top: 50%;
z-index: 1;
cursor: pointer;
}
.sparplanrechner ._slider__thumb_11nij_155 {
box-shadow: 0 0 10px #56565666;
}
@media (prefers-color-scheme: dark) {
.sparplanrechner ._slider__thumb_11nij_155 {
box-shadow: 0 0 10px #0006;
}
}
.sparplanrechner ._slider__thumb_11nij_155[data-focus-visible] {
position: relative;
outline: 0.5rem solid light-dark(var(--ui-03, #f5f5f5), var(--ui-03, #565656));
outline-offset: 0;
}
.sparplanrechner ._slider__thumb_11nij_155[data-focus-visible]:after {
content: '';
position: absolute;
inset: -0.563rem;
border-radius: 50%;
border: 0.063rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
pointer-events: none;
z-index: 2;
}
.sparplanrechner ._slider__thumb_11nij_155[data-hovered] {
outline: 0.5rem solid light-dark(var(--ui-03, #f5f5f5), var(--ui-03, #565656));
}
.sparplanrechner ._slider__thumb_11nij_155[data-dragging] {
outline: 0.75rem solid light-dark(var(--ui-03, #f5f5f5), var(--ui-03, #565656));
}
.sparplanrechner ._slider__description--max_11nij_197,
.sparplanrechner ._slider__description--min_11nij_197 {
position: absolute;
z-index: 4;
pointer-events: auto;
touch-action: none;
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
color: light-dark(var(--secondary-01, #565656), var(--secondary-01, #e3e3e3));
line-height: 1.375rem;
text-align: center;
}
.sparplanrechner ._slider__description--min_11nij_197 {
top: 3rem;
left: 0;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._slider__description--min_11nij_197 {
transform: translate(-5%);
}
}
.sparplanrechner ._slider__description--max_11nij_197 {
top: 3rem;
right: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._slider__description--max_11nij_197 {
transform: translate(5%);
}
}
.sparplanrechner ._slider__description--min_11nij_197,
.sparplanrechner ._slider__description--max_11nij_197 {
z-index: 2;
touch-action: none;
pointer-events: auto;
}
.sparplanrechner ._slider__description--min_11nij_197:active ~ ._slider__track_11nij_54,
.sparplanrechner ._slider__description--min_11nij_197:hover ~ ._slider__track_11nij_54,
.sparplanrechner ._slider__description--max_11nij_197:active ~ ._slider__track_11nij_54,
.sparplanrechner ._slider__description--max_11nij_197:hover ~ ._slider__track_11nij_54 {
pointer-events: none;
}
.sparplanrechner ._slider__container_11nij_240 {
display: flex;
flex-direction: row;
justify-content: space-between;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 1;
pointer-events: none;
}
.sparplanrechner ._slider__steps_11nij_251 {
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
width: 0.125rem;
height: 0.125rem;
z-index: 2;
}
.sparplanrechner ._slider__steps--covered_11nij_261 {
background-color: light-dark(var(--success-02, #e4eddb), var(--success-02, #c8dbb6));
}
@keyframes _keyframe__fadein_f2vp4_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_f2vp4_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_f2vp4_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_f2vp4_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._slider_f2vp4_40 {
display: flex;
color: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
flex-direction: column;
width: 100%;
min-width: 18.75rem;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._slider_f2vp4_40 {
min-width: unset;
width: calc(100% - 2rem);
padding: 0 1rem;
}
}
.sparplanrechner ._slider__output_f2vp4_54 {
width: 100%;
margin-bottom: 3.75rem;
text-align: center;
min-height: 2rem;
}
.sparplanrechner ._slider__output_f2vp4_54 {
font-family:
sparkasseheadweb, var(--font-sparkasse-head, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 700;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._slider__output_f2vp4_54 {
font-size: 1.75rem;
line-height: 2rem;
}
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._slider__output_f2vp4_54 {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.sparplanrechner ._slider__track_f2vp4_80 {
position: relative;
height: 1.875rem;
width: 100%;
}
.sparplanrechner ._slider__track_f2vp4_80:before {
content: '';
display: block;
position: absolute;
background: light-dark(var(--category-garden-01, #008a00), var(--category-garden-01, #28e85d));
border-radius: 0.313rem;
height: 0.375rem;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
display: flex;
flex-direction: row;
}
.sparplanrechner ._slider__thumb_f2vp4_99 {
height: 3.125rem;
width: 3.125rem;
border-radius: 50%;
background-color: light-dark(var(--ui-background-01, #fff), var(--ui-background-01, #1a1a1a));
border: 0.375rem solid light-dark(var(--category-garden-01, #008a00), var(--category-garden-01, #28e85d));
forced-color-adjust: none;
top: 50%;
z-index: 1;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
cursor: pointer;
}
.sparplanrechner ._slider__thumb_f2vp4_99 {
box-shadow: 0 2px 3px #5656561a;
}
@media (prefers-color-scheme: dark) {
.sparplanrechner ._slider__thumb_f2vp4_99 {
box-shadow: 0 2px 4px #00000029;
}
}
.sparplanrechner ._slider__thumb_f2vp4_99 > svg {
width: 1.25rem;
height: 1.25rem;
fill: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
}
.sparplanrechner ._slider__thumb_f2vp4_99[data-dragging] {
background-color: light-dark(var(--category-garden-02, #e2fae2), var(--category-garden-02, #014029));
}
.sparplanrechner ._slider__thumb_f2vp4_99:hover,
.sparplanrechner ._slider__thumb_f2vp4_99[data-dragging] {
height: 3.125rem;
width: 3.125rem;
}
.sparplanrechner ._slider__thumb_f2vp4_99[data-focus-visible] {
outline: 0.125rem solid light-dark(var(--focus-01, #0071d4), var(--focus-01, #6dbbff));
}
.sparplanrechner ._slider__thumb_f2vp4_99 ._slider__label_f2vp4_137 {
position: absolute;
margin-top: 0.25rem;
top: 100%;
width: max-content;
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
font-size: 1rem;
line-height: 1.625rem;
color: light-dark(var(--category-garden-01, #008a00), var(--category-garden-01, #28e85d));
}
.sparplanrechner ._slider__thumb_f2vp4_99[data-dragging] ._slider__label_f2vp4_137 {
opacity: 0;
}
.sparplanrechner ._slider__description--max_f2vp4_150,
.sparplanrechner ._slider__description--min_f2vp4_150 {
position: absolute;
z-index: 4;
pointer-events: auto;
touch-action: none;
font-family:
sparkasseweb, var(--font-sparkasse-regular, SparkasseWeb, Sparkasse Regular, Sparkasse Web, sans-serif), helvetica,
arial, sans-serif;
font-size: 1rem;
color: light-dark(var(--secondary-01, #565656), var(--secondary-01, #e3e3e3));
line-height: 1.375rem;
text-align: center;
width: 7rem;
}
.sparplanrechner ._slider__description--min_f2vp4_150 {
top: 3.75rem;
left: 0;
transform: translate(-25%);
display: flex;
align-items: center;
justify-content: flex-start;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._slider__description--min_f2vp4_150 {
transform: translate(-5%);
}
}
.sparplanrechner ._slider__description--max_f2vp4_150 {
top: 3.75rem;
right: 0;
transform: translate(24%);
display: flex;
align-items: center;
justify-content: flex-end;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner ._slider__description--max_f2vp4_150 {
transform: translate(5%);
}
}
.sparplanrechner ._slider__description--min_f2vp4_150,
.sparplanrechner ._slider__description--max_f2vp4_150 {
cursor: pointer;
z-index: 2;
touch-action: none;
pointer-events: auto;
}
.sparplanrechner ._slider__description--min_f2vp4_150:active ~ ._slider__track_f2vp4_80,
.sparplanrechner ._slider__description--min_f2vp4_150:hover ~ ._slider__track_f2vp4_80,
.sparplanrechner ._slider__description--max_f2vp4_150:active ~ ._slider__track_f2vp4_80,
.sparplanrechner ._slider__description--max_f2vp4_150:hover ~ ._slider__track_f2vp4_80 {
pointer-events: none;
}
.sparplanrechner ._slider__container_f2vp4_197 {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 0.375rem;
position: absolute;
width: 100%;
}
.sparplanrechner ._slider__steps_f2vp4_205 {
width: 0.375rem;
height: 0.375rem;
background-color: light-dark(var(--ui-background-01, #fff), var(--ui-background-01, #1a1a1a));
border: 0.375rem solid light-dark(var(--category-garden-01, #008a00), var(--category-garden-01, #28e85d));
border-radius: 50%;
cursor: pointer;
display: flex;
}
@keyframes _keyframe__fadein_1xqgi_1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes _keyframe__toleft_1xqgi_1 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes _keyframe__fadeout_1xqgi_1 {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes _keyframe__fade_1xqgi_1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner ._accordion_1xqgi_40 {
min-width: 23.438rem;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner ._accordion_1xqgi_40 {
min-width: 52.5rem;
}
}
.sparplanrechner ._accordion__item_1xqgi_49 {
margin: 0;
}
.sparplanrechner ._accordion__header_1xqgi_53 {
margin: 0;
padding: 0 1.25rem;
}
.sparplanrechner ._accordion__trigger_1xqgi_58 {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 1.25rem 0;
border: none;
background-color: transparent;
border-bottom: 1px solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
color: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
line-height: 1.25rem;
cursor: pointer;
position: relative;
}
.sparplanrechner ._accordion__trigger_1xqgi_58[data-state='open'] {
border-bottom: 1px solid transparent;
}
.sparplanrechner ._accordion__trigger_1xqgi_58[data-state='open'] > ._accordion__icon_1xqgi_76 svg {
transform: rotateX(180deg);
}
.sparplanrechner ._accordion__trigger_1xqgi_58:hover ._accordion__icon_1xqgi_76 {
background-color: light-dark(var(--ui-03, #f5f5f5), var(--ui-03, #565656));
border-radius: 50%;
}
.sparplanrechner ._accordion__icon_1xqgi_76 {
transition: transform 0.3s ease;
width: 1.75rem;
height: 1.75rem;
position: absolute;
right: -5px;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
}
.sparplanrechner ._accordion__icon_1xqgi_76 svg {
fill: light-dark(var(--readable-01, #292929), var(--readable-01, #ffffff));
width: 1rem;
height: 1rem;
}
.sparplanrechner ._accordion__contentWrapper_1xqgi_101 {
overflow: hidden;
padding-bottom: 4px;
}
@keyframes _keyframe__slideDown_1xqgi_1 {
0% {
height: 0;
padding: 0;
}
to {
height: calc(var(--radix-collapsible-content-height) - 4px);
}
}
@keyframes _keyframe__slideUp_1xqgi_1 {
0% {
height: calc(var(--radix-collapsible-content-height) - 4px);
}
to {
height: 0;
padding: 0;
}
}
.sparplanrechner ._accordion__contentWrapper_1xqgi_101[data-state='open'] {
animation: _keyframe__slideDown_1xqgi_1 0.5s ease;
animation-fill-mode: forwards;
}
.sparplanrechner ._accordion__contentWrapper_1xqgi_101[data-state='closed'] {
animation: _keyframe__slideUp_1xqgi_1 0.5s ease;
animation-fill-mode: forwards;
}
.sparplanrechner ._accordion__content_1xqgi_101 {
display: flex;
flex-direction: column;
margin: 0;
}
.sparplanrechner ._accordion__content--boxed_1xqgi_137 {
border: 1px solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
border-radius: 0.5rem;
padding: 1rem 1.25rem;
background-color: var(--ui-background-02);
}
.sparplanrechner ._accordion__content--boxed_1xqgi_137 {
box-shadow: 0 2px 3px #5656561a;
}
@media (prefers-color-scheme: dark) {
.sparplanrechner ._accordion__content--boxed_1xqgi_137 {
box-shadow: 0 2px 4px #00000029;
}
}
@keyframes sparplanrechner__InfoDialog-module__keyframe__fadein___jgLE1 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes sparplanrechner__InfoDialog-module__keyframe__toleft___Exd0G {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes sparplanrechner__InfoDialog-module__keyframe__fadeout___V5MR- {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes sparplanrechner__InfoDialog-module__keyframe__fade___-VEW1 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner__InfoDialog-module__dialog___iphPD {
position: relative;
padding: 0;
}
.sparplanrechner__InfoDialog-module__dialog___iphPD[open] {
position: fixed;
z-index: 99;
inset: 0;
width: 49.75rem;
height: fit-content;
margin: auto;
border: none;
border-radius: 0.5rem;
background-color: light-dark(var(--ui-background-01, #fff), var(--ui-background-01, #1a1a1a));
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
overflow: hidden;
}
.sparplanrechner__InfoDialog-module__dialog___iphPD[open]::backdrop {
background-color: light-dark(var(--transparent-02, rgba(0, 0, 0, 0.7)), var(--transparent-02, rgba(0, 0, 0, 0.7)));
}
.sparplanrechner__InfoDialog-module__dialog__headline___NXIDD {
padding-right: 2rem;
}
.sparplanrechner__InfoDialog-module__dialog__content___HgCag {
padding: 2.5rem;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
width: 100%;
height: auto;
gap: 1.5rem;
box-sizing: border-box;
overflow: hidden;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner__InfoDialog-module__dialog__content___HgCag {
max-height: 90vh;
}
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner__InfoDialog-module__dialog__content___HgCag p.ifaTypography__root {
overflow-y: scroll;
}
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner__InfoDialog-module__dialog__content___HgCag {
position: relative;
max-width: 78.75rem;
max-height: 47.688rem;
}
}
.sparplanrechner__InfoDialog-module__dialog__close___-Gv5Q.ifaIconButton__root {
position: absolute;
top: 1.25rem;
right: 1.25rem;
z-index: 1;
}
@keyframes sparplanrechner__Chart-module__keyframe__fadein___XEIIR {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes sparplanrechner__Chart-module__keyframe__toleft___6T-d7 {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes sparplanrechner__Chart-module__keyframe__fadeout___B5Oqh {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes sparplanrechner__Chart-module__keyframe__fade___ADmct {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner__Chart-module__chartContainer___JSQZE {
margin: 0;
overflow: hidden;
width: 100%;
}
.sparplanrechner__Chart-module__chartContainer___JSQZE {
padding: 0;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Chart-module__chartContainer___JSQZE {
padding: 0;
}
}
.sparplanrechner__Chart-module__chartContainer___JSQZE:focus-visible {
outline: 0.125rem solid currentcolor;
outline-offset: 0.25rem;
border-radius: 0.25rem;
}
.sparplanrechner__Chart-module__chartContainer___JSQZE * {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
}
.sparplanrechner__Chart-module__chartContainer___JSQZE [data-series-id='deposits'].MuiLineChart-area {
fill: var(--chart-invested-fill);
}
@media (prefers-color-scheme: light) {
.sparplanrechner__Chart-module__chartContainer___JSQZE [data-series-id='deposits'].MuiLineChart-area {
opacity: 0.25;
}
}
.sparplanrechner__Chart-module__chartContainer___JSQZE [data-series-id='interest'].MuiLineChart-area {
fill: var(--chart-interest-fill);
}
.sparplanrechner__Chart-module__chartContainer___JSQZE [data-series-id='positiveFluctuation'],
.sparplanrechner__Chart-module__chartContainer___JSQZE [data-series-id='negativeFluctuation'] {
color: var(--chart-fluctuation-color);
stroke-dasharray: 5 5;
}
.sparplanrechner__Chart-module__lineChart___nkrrH {
padding: 2rem;
}
.sparplanrechner__Chart-module__lineChartTooltipContent___L-zme {
display: grid;
border: 0.0625rem solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
border-radius: 0.5rem;
background-color: light-dark(var(--ui-background-01, #fff), var(--ui-background-01, #1a1a1a));
}
.sparplanrechner__Chart-module__lineChartTooltipContent___L-zme {
gap: 0.25rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Chart-module__lineChartTooltipContent___L-zme {
gap: 0.5rem;
}
}
.sparplanrechner__Chart-module__lineChartTooltipContent___L-zme {
padding: 0.25rem 0.5rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Chart-module__lineChartTooltipContent___L-zme {
padding: 0.5rem 0.75rem;
}
}
.sparplanrechner__Chart-module__lineChartTooltipContent___L-zme {
box-shadow: 0 2px 3px #5656561a;
}
@media (prefers-color-scheme: dark) {
.sparplanrechner__Chart-module__lineChartTooltipContent___L-zme {
box-shadow: 0 2px 4px #00000029;
}
}
.sparplanrechner__Chart-module__lineChartTooltipRow___Z1mC3 {
display: grid;
grid-template-columns: 1rem 1fr auto;
align-items: center;
}
.sparplanrechner__Chart-module__lineChartTooltipRow___Z1mC3 {
gap: 0.75rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Chart-module__lineChartTooltipRow___Z1mC3 {
gap: 1rem;
}
}
.sparplanrechner__Chart-module__lineChartTooltipRows___dXvq4 {
display: grid;
}
.sparplanrechner__Chart-module__lineChartTooltipRows___dXvq4 {
gap: 0.75rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Chart-module__lineChartTooltipRows___dXvq4 {
gap: 1rem;
}
}
.sparplanrechner__Chart-module__lineChartSurface___v2gEd {
box-sizing: border-box;
}
.sparplanrechner__Chart-module__lineChartLegend___-d4JV {
font-family:
sparkassewebmedium, var(--font-sparkasse-medium, SparkasseWeb, Sparkasse Medium, Sparkasse Web), helvetica, arial,
sans-serif;
justify-content: center;
background-color: light-dark(var(--ui-03, #f5f5f5), var(--ui-03, #565656));
}
.sparplanrechner__Chart-module__lineChartLegend___-d4JV {
padding: 0.25rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__Chart-module__lineChartLegend___-d4JV {
padding: 0.5rem;
}
}
.sparplanrechner__Chart-module__lineChartTooltipContainer___-KFpV {
box-shadow: 0 2px 3px #5656561a;
}
@media (prefers-color-scheme: dark) {
.sparplanrechner__Chart-module__lineChartTooltipContainer___-KFpV {
box-shadow: 0 2px 4px #00000029;
}
}
.sparplanrechner__Chart-module__lineChartTooltipIcon___X4gbs {
color: var(--chart-inital-color);
}
@media (prefers-color-scheme: dark) {
.sparplanrechner__Chart-module__lineChartTooltipIcon___X4gbs {
color: light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
}
}
.sparplanrechner__Chart-module__presentIcon___j7Fos {
color: light-dark(var(--success-01-contrast, #408000), var(--success-01-contrast, #adc992));
}
.sparplanrechner__Chart-module__arrowUpIcon___Dy8M5 {
color: var(--chart-interest-color);
}
.sparplanrechner__Chart-module__tooltipSeparator___dibn4 {
width: 100%;
}
.sparplanrechner__Chart-module__lineChartGridLine___LQhzM {
stroke: light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c)) !important;
}
.sparplanrechner__Chart-module__lineChartXAxisLine___mH-KD {
stroke: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
stroke-width: 1;
}
.sparplanrechner__Chart-module__lineChartYAxisLine___-1Ag- {
stroke: transparent;
stroke-width: 1;
}
.sparplanrechner__Chart-module__lineChartAxisTick___8-cR8 {
stroke: light-dark(var(--readable-02, #565656), var(--readable-02, #e3e3e3));
stroke-width: 1;
}
.sparplanrechner__Chart-module__dot___6V7bH {
width: 1rem;
height: 1rem;
box-sizing: border-box;
border-radius: 1rem;
}
.sparplanrechner__Chart-module__dot__interest___ffX2b {
background: #00570033;
border: 0.125rem solid rgb(0, 87, 0);
}
.sparplanrechner__Chart-module__dot__totalDesposits___SAJDL {
background: #019fc24d;
border: 0.125rem solid rgb(1, 159, 194);
}
.sparplanrechner__Chart-module__dot__fluctuation___-N1aq {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3e%3ccircle cx='50%25' cy='50%25' r='47%25' fill='none' stroke='%230166C7' stroke-width='2' stroke-dasharray='4 4'/%3e%3c/svg%3e");
}
@media (prefers-color-scheme: dark) {
.sparplanrechner__Chart-module__dot__fluctuation___-N1aq {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3e%3ccircle cx='50%25' cy='50%25' r='47%25' fill='none' stroke='rgb(108 183 254 / 100%)' stroke-width='2' stroke-dasharray='4 4'/%3e%3c/svg%3e");
}
}
@keyframes sparplanrechner__ResultOverview-module__keyframe__fadein___KEm17 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes sparplanrechner__ResultOverview-module__keyframe__toleft___fY3cs {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes sparplanrechner__ResultOverview-module__keyframe__fadeout___T-70a {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes sparplanrechner__ResultOverview-module__keyframe__fade___RR2Vp {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner__ResultOverview-module__resultOverview___q4vSw {
display: flex;
flex-direction: column;
border: 0.0625rem solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
border-radius: 0.75rem;
background-color: light-dark(var(--ui-background-02, #fff), var(--ui-background-02, #292929));
}
.sparplanrechner__ResultOverview-module__resultOverview___q4vSw {
box-shadow: 0 2px 3px #5656561a;
}
@media (prefers-color-scheme: dark) {
.sparplanrechner__ResultOverview-module__resultOverview___q4vSw {
box-shadow: 0 2px 4px #00000029;
}
}
.sparplanrechner__ResultOverview-module__resultOverview___q4vSw {
padding: 1.25rem 0.75rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__ResultOverview-module__resultOverview___q4vSw {
padding: 1.5rem 1.25rem;
}
}
.sparplanrechner__ResultOverview-module__resultOverview___q4vSw {
gap: 1.25rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__ResultOverview-module__resultOverview___q4vSw {
gap: 1.5rem;
}
}
.sparplanrechner__ResultOverview-module__resultOverview__values___sFew- {
display: flex;
flex-direction: column;
gap: 1rem;
}
.sparplanrechner__ResultOverview-module__resultOverview__cta___a9I-4.ifaLinkButton__root,
.sparplanrechner__ResultOverview-module__resultOverview__cta___a9I-4.ifaButton__root {
max-width: unset;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner__ResultOverview-module__resultOverview__cta___a9I-4.ifaLinkButton__root,
.sparplanrechner__ResultOverview-module__resultOverview__cta___a9I-4.ifaButton__root {
height: 2rem;
font-size: 0.875rem;
}
}
.sparplanrechner__ResultOverview-module__resultOverviewItem___SSznY {
display: flex;
align-items: center;
gap: 1rem;
}
.sparplanrechner__ResultOverview-module__resultOverviewItem___SSznY svg {
margin-right: 0.25rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__ResultOverview-module__resultOverviewItem___SSznY svg {
margin-right: 0.5rem;
}
}
.sparplanrechner__ResultOverview-module__resultOverviewItem__fluctuation___845z3 {
transform: translateY(-5px);
}
.sparplanrechner__ResultOverview-module__resultOverviewItemBubble___mWlM5 {
width: 1rem;
height: 1rem;
border-radius: 50%;
}
.sparplanrechner__ResultOverview-module__resultOverviewItemBubble___mWlM5 {
margin-right: 0.25rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__ResultOverview-module__resultOverviewItemBubble___mWlM5 {
margin-right: 0.5rem;
}
}
.sparplanrechner__ResultOverview-module__resultOverviewItemBubbleInterest___wSe2t {
background-color: var(--chart-interest-color);
}
.sparplanrechner__ResultOverview-module__resultOverviewItemBubbleInvested___7FBqX {
background-color: var(--chart-invested-color);
}
.sparplanrechner__ResultOverview-module__resultOverviewValueTitle___4wT-E {
display: flex;
align-items: center;
}
.sparplanrechner__ResultOverview-module__resultOverviewValueTitle___4wT-E svg {
padding: 0;
margin-right: 0;
}
.sparplanrechner__ResultOverview-module__resultOverviewValue___QRDyB {
margin-left: auto;
}
.sparplanrechner__ResultOverview-module__tooltipRow___znF2f {
display: flex;
align-items: top;
}
.sparplanrechner__ResultOverview-module__tooltipRow___znF2f .sparplanrechner__ResultOverview-module__tooltip___eDVEv {
z-index: 1;
transform: translateY(-0.2rem);
}
.sparplanrechner__ResultOverview-module__tooltipRow___znF2f .sparplanrechner__ResultOverview-module__tooltip___eDVEv {
margin-left: 0;
}
@media (min-width: 79.875rem) {
.sparplanrechner__ResultOverview-module__tooltipRow___znF2f .sparplanrechner__ResultOverview-module__tooltip___eDVEv {
margin-left: 0.25rem;
}
}
.sparplanrechner__ResultOverview-module__resultOverviewIcon___UopS1 {
color: var(--chart-invested-color);
}
@media (prefers-color-scheme: dark) {
.sparplanrechner__ResultOverview-module__resultOverviewIcon___UopS1 {
color: light-dark(var(--ui-02, #6e6e6e), var(--ui-02, #949494));
}
}
.sparplanrechner__ResultOverview-module__finalCapital___UV8Th {
display: flex;
align-items: center;
justify-content: space-between;
}
.sparplanrechner__ResultOverview-module__horizontalLine___Dit0f {
border-top: 0.0625rem solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
}
.sparplanrechner__ResultOverview-module__label___O6vN0,
.sparplanrechner__ResultOverview-module__sum___Xwgda {
display: flex;
}
.sparplanrechner__ResultOverview-module__sum__currency___DhedF {
margin-top: 0.5rem;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner__ResultOverview-module__sum__currency___DhedF {
margin-top: 0.25rem;
}
}
.sparplanrechner__ResultOverview-module__description___asg4P.ifaAccordion__root {
min-width: unset;
}
.sparplanrechner__ResultOverview-module__description___asg4P .ifaAccordion__header {
padding: 0;
}
.sparplanrechner__ResultOverview-module__description___asg4P .ifaAccordion__trigger {
background-color: light-dark(var(--ui-background-01, #fff), var(--ui-background-01, #1a1a1a));
padding: 1rem 1.25rem;
border: none;
}
.sparplanrechner__ResultOverview-module__description___asg4P .ifaAccordion__trigger[data-state='closed'] {
border-bottom: 0.0625rem solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
}
.sparplanrechner__ResultOverview-module__description___asg4P .ifaAccordion__icon {
margin-right: 1.125rem;
}
.sparplanrechner__ResultOverview-module__description___asg4P .ifaAccordion__content {
padding: 1rem 0.75rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__ResultOverview-module__description___asg4P .ifaAccordion__content {
padding: 1.25rem;
}
}
.sparplanrechner__ResultOverview-module__description___asg4P .ifaAccordion__content {
box-shadow: 0 2px 3px #5656561a;
}
@media (prefers-color-scheme: dark) {
.sparplanrechner__ResultOverview-module__description___asg4P .ifaAccordion__content {
box-shadow: 0 2px 4px #00000029;
}
}
.sparplanrechner__ResultOverview-module__description___asg4P .ifaAccordion__content {
background-color: light-dark(var(--ui-background-01, #fff), var(--ui-background-01, #1a1a1a));
border: 0.0625rem solid light-dark(var(--ui-01, #e3e3e3), var(--ui-01, #4c4c4c));
border-radius: 0.5rem;
}
.sparplanrechner__ResultOverview-module__dot___X-ij4 {
margin: 0.25rem;
width: 1rem;
height: 1rem;
box-sizing: border-box;
border-radius: 1rem;
}
.sparplanrechner__ResultOverview-module__dot__interest___Qtvyq {
background: var(--chart-interest-fill);
border: 0.125rem solid var(--chart-interest-color);
}
.sparplanrechner__ResultOverview-module__dot__totalDesposits___zKLcX {
background: var(--chart-invested-fill);
border: 0.125rem solid var(--chart-invested-color);
}
.sparplanrechner__ResultOverview-module__dot__fluctuation___tAAXA {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3e%3ccircle cx='50%25' cy='50%25' r='47%25' fill='none' stroke='%230166C7' stroke-width='2' stroke-dasharray='4 4'/%3e%3c/svg%3e");
}
@media (prefers-color-scheme: dark) {
.sparplanrechner__ResultOverview-module__dot__fluctuation___tAAXA {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3e%3ccircle cx='50%25' cy='50%25' r='47%25' fill='none' stroke='rgb(108 183 254 / 100%)' stroke-width='2' stroke-dasharray='4 4'/%3e%3c/svg%3e");
}
}
@keyframes sparplanrechner__UserInputs-module__keyframe__fadein___4eST7 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes sparplanrechner__UserInputs-module__keyframe__toleft___P7SXb {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes sparplanrechner__UserInputs-module__keyframe__fadeout___e4kGz {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes sparplanrechner__UserInputs-module__keyframe__fade___e4kHG {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p {
display: flex;
flex-direction: column;
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p {
gap: 1.5rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p {
gap: 2rem;
}
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p {
padding-inline: 0;
}
}
@media only screen and (max-width: 79.813rem) and (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p {
padding-inline: 0;
}
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p {
padding-block: 0;
}
}
@media only screen and (max-width: 79.813rem) and (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p {
padding-block: 0;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__inputRow___1sLvO {
display: grid;
grid-template-columns: 12.5rem 1fr;
align-items: center;
gap: 1.5rem;
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__inputRow___1sLvO {
display: flex;
flex-direction: column;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRow__noSlider___9CMDF {
display: flex;
max-width: unset;
width: 100%;
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRow__withDescription___2cNK5 {
display: flex;
flex-direction: column;
gap: 0.75rem;
align-items: flex-start;
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRow__withDescription___2cNK5
p {
padding-left: 1.25rem;
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRow___1sLvO
.sparplanrechner__UserInputs-module__disclaimerContainer___KPa9W,
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRow___1sLvO
.sparplanrechner__UserInputs-module__disclaimer___onJZp {
display: flex;
align-items: center;
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRow___1sLvO:last-child {
margin-bottom: 0;
}
@media (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRow___1sLvO:last-child {
margin-bottom: 0;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__numberField___3Yjq- {
width: 100%;
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__rowLabel___qlZJW {
margin: 0.25rem 0.75rem 0;
}
@media (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__rowLabel___qlZJW {
margin: 0.5rem 1rem 0;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL {
position: relative;
display: flex;
transform: translateY(-1rem);
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL
.sparplanrechner__UserInputs-module__leftSideSliderLabel___iFmiG,
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL
.sparplanrechner__UserInputs-module__rightSideSliderLabel___G5szY {
position: absolute;
bottom: 0;
transform: translateY(1.1rem);
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL
.sparplanrechner__UserInputs-module__leftSideSliderLabel___iFmiG {
left: 0.75rem;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL
.sparplanrechner__UserInputs-module__leftSideSliderLabel___iFmiG {
left: 0;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL
.sparplanrechner__UserInputs-module__rightSideSliderLabel___G5szY {
right: 0.75rem;
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL
.sparplanrechner__UserInputs-module__rightSideSliderLabel___G5szY {
right: 0;
}
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL {
width: 100%;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL
.ifaSlider__root {
min-width: unset;
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL
.ifaSlider__root {
padding-inline: 0.25rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL
.ifaSlider__root {
padding-inline: 0.5rem;
}
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__inputRowSlider___j8jpL
.ifaSlider__root {
width: calc(100% - 2.5rem);
margin: 0 auto;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__headlineRow___1IVWk {
display: flex;
align-items: center;
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__headlineRow___1IVWk {
padding: 1.25rem 0.75rem 0;
}
@media (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__headlineRow___1IVWk {
padding: 1.5rem 1.25rem 0;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__headlineRow___1IVWk {
gap: 0.25rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__headlineRow___1IVWk {
gap: 0.5rem;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__sectionHeadline___k-YqY {
margin-bottom: 0.25rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p
.sparplanrechner__UserInputs-module__sectionHeadline___k-YqY {
margin-bottom: 0.5rem;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__helperText___JsMQ- {
margin-top: 0.5rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__helperText___JsMQ- {
margin-top: 0.75rem;
}
}
.sparplanrechner__UserInputs-module__inputContainer___OiZ7p .sparplanrechner__UserInputs-module__srOnly___SGXNk {
position: absolute;
width: 0.0625rem;
height: 0.0625rem;
padding: 0;
margin: -0.0625rem;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
@keyframes sparplanrechner__App-module__keyframe__fadein___WzAz0 {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes sparplanrechner__App-module__keyframe__toleft___nmD0M {
0% {
transform: translate(2rem);
}
to {
transform: translate(0);
}
}
@keyframes sparplanrechner__App-module__keyframe__fadeout___J3Cca {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes sparplanrechner__App-module__keyframe__fade___gTZ2f {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.sparplanrechner__App-module__app___aopfQ {
height: auto;
}
.sparplanrechner__App-module__app__buttons___fBs4x {
display: flex;
flex-direction: column;
justify-content: center;
}
.sparplanrechner__App-module__app__buttons___fBs4x {
gap: 0.75rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__App-module__app__buttons___fBs4x {
gap: 1rem;
}
}
.sparplanrechner__App-module__app__buttons___fBs4x {
margin-bottom: 1.5rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__App-module__app__buttons___fBs4x {
margin-bottom: 2rem;
}
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner__App-module__app__buttons___fBs4x {
flex-direction: row;
}
}
.sparplanrechner__App-module__app__links___-uFMv {
display: flex;
flex-direction: column;
justify-content: center;
}
.sparplanrechner__App-module__app__links___-uFMv {
gap: 0.75rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__App-module__app__links___-uFMv {
gap: 1rem;
}
}
.sparplanrechner__App-module__app__links___-uFMv {
margin-bottom: 1.5rem;
}
@media (min-width: 79.875rem) {
.sparplanrechner__App-module__app__links___-uFMv {
margin-bottom: 2rem;
}
}
@media only screen and (min-width: 79.875rem) {
.sparplanrechner__App-module__app__links___-uFMv {
flex-direction: row;
}
}
@media only screen and (max-width: 79.813rem) {
.sparplanrechner__App-module__app___aopfQ {
margin-inline: auto;
max-width: min(32rem, 100%);
}
.sparplanrechner__App-module__app___aopfQ {
margin-block: 0;
}
}
@media only screen and (max-width: 79.813rem) and (min-width: 79.875rem) {
.sparplanrechner__App-module__app___aopfQ {
margin-block: 0;
}
}