#jetzt-starten-page {
    --alpha-bg:1;
    --bg:255,255,255;
}
#jetzt-starten-page {
    left:0;
    margin-left:0;
    width:320px;
}
#site-layout {
    --pinned-layers-in-page:0;
}
[data-layout=jetzt-starten-page-container-content] {
    height:auto;
    width:100%;
}
[data-layout=jetzt-starten-page-container-grid] {
    position:static;
    display:grid;
    height:auto;
    width:100%;
    min-height:40px;
    grid-template-rows:1fr;
    grid-template-columns:100%;
    padding-bottom:0px;
    box-sizing:border-box;
}
[data-layout=jetzt-starten-page-container-grid] > [id="jetzt-starten-section"], [data-layout=jetzt-starten-page-container-grid] > interact-element > [id="jetzt-starten-section"] {
    position:relative;
    margin:0px 0px 0 calc((100% - 320px) * 0.5);
    left:0px;
    grid-area:1 / 1 / 2 / 2;
    justify-self:start;
    align-self:start;
}
#jetzt-starten-section {
    left:0;
    margin-left:0;
    width:320px;
}
[data-layout=jetzt-starten-section-content] {
    height:auto;
    width:100%;
}
[data-layout=jetzt-starten-section-grid] {
    position:static;
    display:grid;
    height:auto;
    width:100%;
    min-height:630px;
    grid-template-rows:1fr;
    grid-template-columns:100%;
}
[data-layout=jetzt-starten-section-grid] > [id="jetzt-starten-layout"], [data-layout=jetzt-starten-section-grid] > interact-element > [id="jetzt-starten-layout"] {
    position:relative;
    margin:100px 0px 10px calc((100% - 320px) * 0.5);
    left:24px;
    grid-area:1 / 1 / 2 / 2;
    justify-self:start;
    align-self:start;
}
#jetzt-starten-layout {
    --brw:0px;
    --brd:var(--color_15);
    --bg:16,18,24;
    --rd:30px 30px 30px 30px;
    --shd:none;
    --gradient:none;
    --alpha-brd:1;
    --alpha-bg:1;
    --boxShadowToggleOn-shd:none;
    --bg-gradient:none;
}
#jetzt-starten-layout {
    width:271px;
}
[data-layout=jetzt-starten-layout-content] {
    height:auto;
    width:271px;
}
[data-layout=jetzt-starten-layout-grid] {
    position:static;
    display:grid;
    height:auto;
    width:100%;
    min-height:auto;
    grid-template-rows:repeat(4, min-content) 1fr;
    grid-template-columns:100%;
}
[data-layout=jetzt-starten-layout-grid] > [id="jetzt-starten-rich-text-4"], [data-layout=jetzt-starten-layout-grid] > interact-element > [id="jetzt-starten-rich-text-4"] {
    position:relative;
    margin:49px 0px 20px 0;
    left:20px;
    grid-area:1 / 1 / 2 / 2;
    justify-self:start;
    align-self:start;
}
[data-layout=jetzt-starten-layout-grid] > [id="jetzt-starten-rich-text-2"], [data-layout=jetzt-starten-layout-grid] > interact-element > [id="jetzt-starten-rich-text-2"] {
    position:relative;
    margin:0px 0px 35px 0;
    left:20px;
    grid-area:2 / 1 / 3 / 2;
    justify-self:start;
    align-self:start;
}
[data-layout=jetzt-starten-layout-grid] > [id="jetzt-starten-layout-2"], [data-layout=jetzt-starten-layout-grid] > interact-element > [id="jetzt-starten-layout-2"] {
    position:relative;
    margin:0px 0px 10px 0;
    left:20px;
    grid-area:3 / 1 / 4 / 2;
    justify-self:start;
    align-self:start;
}
[data-layout=jetzt-starten-layout-grid] > [id="jetzt-starten-layout-3"], [data-layout=jetzt-starten-layout-grid] > interact-element > [id="jetzt-starten-layout-3"] {
    position:relative;
    margin:0px 0px 30px 0;
    left:20px;
    grid-area:4 / 1 / 5 / 2;
    justify-self:start;
    align-self:start;
}
[data-layout=jetzt-starten-layout-grid] > [id="jetzt-starten-rich-text-3"], [data-layout=jetzt-starten-layout-grid] > interact-element > [id="jetzt-starten-rich-text-3"] {
    position:relative;
    margin:0px 0px 35px 0;
    left:23px;
    grid-area:5 / 1 / 6 / 2;
    justify-self:start;
    align-self:start;
}
#jetzt-starten-rich-text-4 {
    --backgroundColor:0,0,0;
    --alpha-backgroundColor:0;
    --blendMode:normal;
    --textShadow:0px 0px transparent;
    --textOutline:0px 0px transparent;
}
#jetzt-starten-rich-text-4 {
    width:231px;
    height:auto;
}
#jetzt-starten-rich-text-2 {
    --backgroundColor:0,0,0;
    --alpha-backgroundColor:0;
    --blendMode:normal;
    --textShadow:0px 0px transparent;
    --textOutline:0px 0px transparent;
}
#jetzt-starten-rich-text-2 {
    width:231px;
    height:auto;
}
#jetzt-starten-layout-2 {
    width:231px;
    height:28px;
}
#jetzt-starten-layout-3 {
    width:231px;
    height:28px;
}
#jetzt-starten-rich-text-3 {
    --backgroundColor:0,0,0;
    --alpha-backgroundColor:0;
    --blendMode:normal;
    --textShadow:0px 0px transparent;
    --textOutline:0px 0px transparent;
}
#jetzt-starten-rich-text-3 {
    width:225px;
    height:auto;
}
/* END STYLABLE DIRECTIVE RULES */
#jetzt-starten-layout-2 .button-variant-29 {
    -st-extends: StylableButton;
    transition: all 0.2s ease, visibility 0s;
    padding: 3px;
    /*inset 3.54px 3.54px 0 -64px value(site_1_1)*/
    border: 0px solid rgb(214, 211, 206);
    background: #FAFAFA;
    border-radius: 10px
}
/* START STYLABLE DIRECTIVE RULES */
#jetzt-starten-layout-2 .button-variant-29:hover {
    border: 0px solid rgb(63, 118, 82);
    background: #242323
}
#jetzt-starten-layout-2 .button-variant-29:hover .button-label-2 {
    color: #FFFFFF
}
#jetzt-starten-layout-2 .button-variant-29:disabled {
    background: #E2E2E2;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}
#jetzt-starten-layout-2 .button-variant-29:disabled .button-label-2 {
    color: #8F8F8F
}
#jetzt-starten-layout-2 .button-variant-29:disabled .button-icon-2 {
    fill: #8F8F8F
}
#jetzt-starten-layout-2 .button-variant-29 .button-container {
    transition: inherit
}
#jetzt-starten-layout-2 .button-variant-29 .button-label-2 {
    transition: inherit;
    margin: 0px 4px 0px 0px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.25em;
    color: #000000;
    font-family:var(--brand-font);
    font-size: 12px
}
#jetzt-starten-layout-2 .button-variant-29 .button-icon-2 {
    transition: inherit;
    margin: 0px 0px 0px 4px;
    fill: #000000;
    display: initial;
    transform: rotate(0deg);
    width: 14px;
    height: 14px
}
#jetzt-starten-layout-2 .button-variant-29:hover .button-icon-2 {
    fill: #FFFFFF;
    width: 14px;
    height: 14px
}
@media screen and (min-width: 0px) {
    #jetzt-starten-layout-2 .button-variant-29 .button-icon-2 {
        width: 10px;
        height: 10px;
    }
    #jetzt-starten-layout-2 .button-variant-29 .button-label-2 {
        font-size: 9px;
    }
    #jetzt-starten-layout-2 .button-variant-29:hover .button-icon-2 {
        width: 10px;
        height: 10px;
    }
}
/* END STYLABLE DIRECTIVE RULES */
#jetzt-starten-layout-3 .button-variant-150 {
    -st-extends: StylableButton;
    transition: all 0.2s ease, visibility 0s;
    padding: 3px;
    /*inset 3.54px 3.54px 0 -64px value(site_1_1)*/
    border: 0px solid rgb(214, 211, 206);
    background: #FAFAFA;
    border-radius: 10px
}
/* START STYLABLE DIRECTIVE RULES */
#jetzt-starten-layout-3 .button-variant-150:hover {
    border: 0px solid rgb(63, 118, 82);
    background: #242323
}
#jetzt-starten-layout-3 .button-variant-150:hover .button-label-2 {
    color: #FFFFFF
}
#jetzt-starten-layout-3 .button-variant-150:disabled {
    background: #E2E2E2;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}
#jetzt-starten-layout-3 .button-variant-150:disabled .button-label-2 {
    color: #8F8F8F
}
#jetzt-starten-layout-3 .button-variant-150:disabled .button-icon-2 {
    fill: #8F8F8F
}
#jetzt-starten-layout-3 .button-variant-150 .button-container {
    transition: inherit
}
#jetzt-starten-layout-3 .button-variant-150 .button-label-2 {
    transition: inherit;
    margin: 0px 4px 0px 0px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.25em;
    color: #000000;
    font-family:var(--brand-font);
    font-size: 12px
}
#jetzt-starten-layout-3 .button-variant-150 .button-icon-2 {
    transition: inherit;
    margin: 0px 0px 0px 4px;
    fill: #000000;
    display: initial;
    transform: rotate(0deg);
    width: 14px;
    height: 14px
}
#jetzt-starten-layout-3 .button-variant-150:hover .button-icon-2 {
    fill: #FFFFFF;
    width: 14px;
    height: 14px
}
@media screen and (min-width: 0px) {
    #jetzt-starten-layout-3 .button-variant-150 .button-icon-2 {
        width: 10px;
        height: 10px;
    }
    #jetzt-starten-layout-3 .button-variant-150 .button-label-2 {
        font-size: 9px;
    }
    #jetzt-starten-layout-3 .button-variant-150:hover .button-icon-2 {
        width: 10px;
        height: 10px;
    }
}
#jetzt-starten-page {
    --shc-mutated-brightness:128,128,128;
    width:auto;
    min-height:40px;
}
#pageBackground_jetzt-starten-page {
    --bg-position:absolute;
    --bg-overlay-color:rgb(var(--color_11));
    --bg-gradient:none;
}
#jetzt-starten-section {
    --bg-gradient:linear-gradient(180deg, #101218 0%, #D6D3CE 100%);
    --bg-overlay-color:transparent;
    min-width:320px;
}
#jetzt-starten-layout {
    --shc-mutated-brightness:8,9,12;
}
#jetzt-starten-rich-text-4 {
    --text-direction:var(--site-opt-in-direction);
}
#jetzt-starten-rich-text-2 {
    --font_0:normal normal bold 33.3125px/1.4em montserrat,sans-serif;
    --font_1:normal normal normal 13px/1.4em montserrat,sans-serif;
    --font_2:normal normal bold 24.375px/1.4em montserrat,sans-serif;
    --font_3:normal normal bold 21.125px/1.4em montserrat,sans-serif;
    --font_4:normal normal bold 24.375px/1.4em montserrat,sans-serif;
    --font_5:normal normal normal 19.5px/1.4em montserrat,sans-serif;
    --font_6:normal normal bold 17.875px/1.4em montserrat,sans-serif;
    --font_7:normal normal normal 16.25px/1.4em montserrat,sans-serif;
    --font_8:normal normal normal 11.375px/1.4em montserrat,sans-serif;
    --font_9:normal normal normal 12.1875px/1.4em montserrat,sans-serif;
    --font_10:normal normal normal 10.5625px/1.4em montserrat,sans-serif;
    --text-direction:var(--site-opt-in-direction);
}
#jetzt-starten-rich-text-2 * {
    text-align:center !important;
}
#jetzt-starten-rich-text-3 {
    --font_0:normal normal bold 23.916666666666668px/1.4em montserrat,sans-serif;
    --font_1:normal normal normal 9.333333333333334px/1.4em montserrat,sans-serif;
    --font_2:normal normal bold 17.5px/1.4em montserrat,sans-serif;
    --font_3:normal normal bold 15.166666666666668px/1.4em montserrat,sans-serif;
    --font_4:normal normal bold 17.5px/1.4em montserrat,sans-serif;
    --font_5:normal normal normal 14px/1.4em montserrat,sans-serif;
    --font_6:normal normal bold 12.833333333333334px/1.4em montserrat,sans-serif;
    --font_7:normal normal normal 11.666666666666668px/1.4em montserrat,sans-serif;
    --font_8:normal normal normal 8.166666666666668px/1.4em montserrat,sans-serif;
    --font_9:normal normal normal 8.75px/1.4em montserrat,sans-serif;
    --font_10:normal normal normal 7.583333333333334px/1.4em montserrat,sans-serif;
    --text-direction:var(--site-opt-in-direction);
}
#jetzt-starten-rich-text-3 * {
    text-align:center !important;
}
