.wc-stripe-payment-button-preview{align-items:center;background-color:#000;border-radius:5px;display:flex;height:40px;justify-content:center}.wc-stripe-payment-button-preview img{height:22px}.wc-stripe-payment-button-preview:hover{cursor:pointer;filter:opacity(.7)}.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview{background-color:#ffd814}.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview img{height:100%;width:100%}.wc-stripe-payment-button-preview.wc-stripe-link-preview{background-color:#00d66f}.wc-stripe-payment-button-preview.wc-stripe-link-preview img{height:40px}
button.stripe-gateway-stripelink-modal-trigger{background:no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA3MiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM2LjEyIDMuNjc2ODNDMzYuMTIgMi41NDg4MiAzNy4wNzA0IDEuNjMyMDIgMzguMTg4OCAxLjYzMjAyQzM5LjMwNzIgMS42MzIwMiA0MC4yNTc2IDIuNTUzNjIgNDAuMjU3NiAzLjY3NjgzQzQwLjI1NzYgNC44MDAwMyAzOS4zNDA4IDUuNzQ1NjMgMzguMTg4OCA1Ljc0NTYzQzM3LjAzNjggNS43NDU2MyAzNi4xMiA0LjgyODgzIDM2LjEyIDMuNjc2ODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0yOS45ODA4IDEuOTIwMDFIMzMuNTgwOFYyMi4wOEgyOS45ODA4VjEuOTIwMDFaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik00MC4wMDggNy42ODAwMUgzNi4zNzkyVjIyLjA4SDQwLjAwOFY3LjY4MDAxWiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNjYuMDk2IDE0LjM5MDRDNjguODI3MiAxMi43MTA0IDcwLjY4NDggMTAuMjA5NiA3MS40MTkyIDcuNjc1MjRINjcuNzkwNEM2Ni44NDQ4IDEwLjA5NDQgNjQuNjc1MiAxMS45MTM2IDYyLjI4OTYgMTIuNjg2NFYxLjkxNTIzSDU4LjY2MDhWMjIuMDc1Mkg2Mi4yODk2VjE2LjA4QzY1LjA1OTIgMTYuNzcxMiA2Ny4yNDggMTkuMTY2NCA2Ny45OTY4IDIyLjA3NTJINzEuNjQ5NkM3MS4wOTI4IDE5LjAyMjQgNjkuMDA0OCAxNi4xNjY0IDY2LjA5NiAxNC4zOTA0WiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNDYuNDQgOS4yOTI4M0M0Ny4zOTA0IDguMDMwNDMgNDkuMjQzMiA3LjI5NjAyIDUwLjc0NTYgNy4yOTYwMkM1My41NDg4IDcuMjk2MDIgNTUuODY3MiA5LjM0NTYzIDU1Ljg3MiAxMi40NDE2VjIyLjA3NTJINTIuMjQzMlYxMy4yNDMyQzUyLjI0MzIgMTEuOTcxMiA1MS42NzY4IDEwLjUwMjQgNDkuODM4NCAxMC41MDI0QzQ3LjY3ODQgMTAuNTAyNCA0Ni40MzUyIDEyLjQxNzYgNDYuNDM1MiAxNC42NTkyVjIyLjA4NDhINDIuODA2NFY3LjY4OTYySDQ2LjQ0VjkuMjkyODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1NyAxOC42Mjc0IDAgMTIgMEM1LjM3MjU5IDAgMCA1LjM3MjU3IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTkgMjQgMTIgMjRaIiBmaWxsPSIjMDBENjZGIi8+CjxwYXRoIGQ9Ik0xMS40NDc5IDQuODAwMDVINy43NDcwN0M4LjQ2NzA3IDcuODA5NjUgMTAuNTY5NSAxMC4zODI0IDEzLjE5OTkgMTJDMTAuNTY0NyAxMy42MTc2IDguNDY3MDcgMTYuMTkwNCA3Ljc0NzA3IDE5LjJIMTEuNDQ3OUMxMi4zNjQ3IDE2LjQxNiAxNC45MDM5IDEzLjk5NjggMTguMDIzOSAxMy41MDI0VjEwLjQ5MjlDMTQuODk5MSAxMC4wMDMzIDEyLjM1OTkgNy41ODQwNSAxMS40NDc5IDQuODAwMDVaIiBmaWxsPSIjMDExRTBGIi8+Cjwvc3ZnPgo=);background-color:transparent!important;border:none;cursor:pointer;display:none;height:40px;position:absolute;right:5px;width:64px}button.stripe-gateway-stripelink-modal-trigger:hover{background-color:transparent;border-color:transparent}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span{width:100%}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span>span:not(.wc-stripe-test-mode-badge){align-items:center;display:flex;float:right;justify-content:center}.wcstripe-payment-element+.wc-block-components-payment-methods__save-card-info{margin-top:1.4em}#radio-control-wc-payment-method-options-stripe__content.optimized-checkout-element{padding-top:0}#radio-control-wc-payment-method-options-stripe__content.optimized-checkout-element .content:empty{display:none}#radio-control-wc-payment-method-options-stripe__label>span>span{border:none}.wc-stripe-redirect-notice{align-items:center;border:0;color:#2b2d2f;display:flex;font-family:Source Sans Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px;font-weight:400;gap:12px;letter-spacing:normal;line-height:25px;margin:0;min-inline-size:0;padding:24px 9px 8px;text-decoration:none;text-shadow:none;text-transform:none;transition:none;-webkit-font-smoothing:auto}.wc-stripe-redirect-notice__icon{flex-shrink:0;height:3em;width:3em}.wc-stripe-redirect-notice__text{margin:0;padding:0}body.wc-stripe-hide-save-checkbox .wc-block-components-payment-methods__save-card-info{display:none!important}.wc-stripe-test-mode-badge{background-color:#fff2d7;border-radius:4px;color:#4d3716;display:none;font-size:12px;font-weight:400;line-height:16px;margin-left:8px;padding:4px 6px}.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option input:checked~div .wc-block-components-radio-control__label .wc-stripe-test-mode-badge,.wc-block-checkout__payment-method .wc-block-components-radio-control__option input:checked~div .wc-block-components-radio-control__label .wc-stripe-test-mode-badge{display:inline-block}
.wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons{display:flex!important;flex-direction:column!important;gap:12px!important}.wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons>li{font-size:0!important;line-height:0!important;margin:0!important;padding:0!important;width:100%!important}.wc-block-components-express-payment-continue-rule--cart{height:20px;margin:24px 0!important}.wc-block-components-express-payment .wc-block-components-express-payment__event-buttons .StripeElement iframe{max-width:unset}@supports not (-webkit-appearance:-apple-pay-button){#express-payment-method-stripe_express_checkout_element_applePay:has(#express-checkout-button-preview-applePay){display:none}}#express-checkout-button-preview-googlePay .gpay-card-info-container{min-width:auto}
.wc-stripe-copy-test-number{align-items:center;background-color:transparent!important;border:none!important;border-radius:0;box-shadow:none!important;color:inherit!important;cursor:pointer;display:inline-flex;font-family:inherit!important;font-size:inherit;font-weight:400;line-height:inherit;padding:2px 1px!important;vertical-align:baseline}.wc-stripe-copy-test-number span{margin-right:4px}.wc-stripe-copy-test-number i{background-color:currentColor;display:block;height:1.2em;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIzIDMgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01IDQuNWgxMWMuMTMyNiAwIC4yNTk4LjA1MjY4LjM1MzYuMTQ2NDUuMDkzNy4wOTM3Ni4xNDY0LjIyMDk0LjE0NjQuMzUzNTV2MTFjMCAuMTMyNi0uMDUyNy4yNTk4LS4xNDY0LjM1MzYtLjA5MzguMDkzNy0uMjIxLjE0NjQtLjM1MzYuMTQ2NGgtMTFjLS4xMzI2MSAwLS4yNTk3OS0uMDUyNy0uMzUzNTUtLjE0NjQtLjA5Mzc3LS4wOTM4LS4xNDY0NS0uMjIxLS4xNDY0NS0uMzUzNnYtMTFjMC0uMTMyNjEuMDUyNjgtLjI1OTc5LjE0NjQ1LS4zNTM1NS4wOTM3Ni0uMDkzNzcuMjIwOTQtLjE0NjQ1LjM1MzU1LS4xNDY0NXptLTIgLjVjMC0uNTMwNDMuMjEwNzEtMS4wMzkxNC41ODU3OS0xLjQxNDIxLjM3NTA3LS4zNzUwOC44ODM3OC0uNTg1NzkgMS40MTQyMS0uNTg1NzloMTFjLjUzMDQgMCAxLjAzOTEuMjEwNzEgMS40MTQyLjU4NTc5LjM3NTEuMzc1MDcuNTg1OC44ODM3OC41ODU4IDEuNDE0MjF2MTFjMCAuNTMwNC0uMjEwNyAxLjAzOTEtLjU4NTggMS40MTQycy0uODgzOC41ODU4LTEuNDE0Mi41ODU4aC0xMWMtLjUzMDQzIDAtMS4wMzkxNC0uMjEwNy0xLjQxNDIxLS41ODU4LS4zNzUwOC0uMzc1MS0uNTg1NzktLjg4MzgtLjU4NTc5LTEuNDE0MnptMTcgM3YxMC43NWMwIC42OS0uNTYgMS4yNS0xLjI1IDEuMjVoLTEyLjc1djEuNWgxMi43NWMuNzI5MyAwIDEuNDI4OC0uMjg5NyAxLjk0NDUtLjgwNTUuNTE1OC0uNTE1Ny44MDU1LTEuMjE1Mi44MDU1LTEuOTQ0NXYtMTAuNzV6IiBmaWxsPSIjMTAxNTE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K);mask-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIzIDMgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01IDQuNWgxMWMuMTMyNiAwIC4yNTk4LjA1MjY4LjM1MzYuMTQ2NDUuMDkzNy4wOTM3Ni4xNDY0LjIyMDk0LjE0NjQuMzUzNTV2MTFjMCAuMTMyNi0uMDUyNy4yNTk4LS4xNDY0LjM1MzYtLjA5MzguMDkzNy0uMjIxLjE0NjQtLjM1MzYuMTQ2NGgtMTFjLS4xMzI2MSAwLS4yNTk3OS0uMDUyNy0uMzUzNTUtLjE0NjQtLjA5Mzc3LS4wOTM4LS4xNDY0NS0uMjIxLS4xNDY0NS0uMzUzNnYtMTFjMC0uMTMyNjEuMDUyNjgtLjI1OTc5LjE0NjQ1LS4zNTM1NS4wOTM3Ni0uMDkzNzcuMjIwOTQtLjE0NjQ1LjM1MzU1LS4xNDY0NXptLTIgLjVjMC0uNTMwNDMuMjEwNzEtMS4wMzkxNC41ODU3OS0xLjQxNDIxLjM3NTA3LS4zNzUwOC44ODM3OC0uNTg1NzkgMS40MTQyMS0uNTg1NzloMTFjLjUzMDQgMCAxLjAzOTEuMjEwNzEgMS40MTQyLjU4NTc5LjM3NTEuMzc1MDcuNTg1OC44ODM3OC41ODU4IDEuNDE0MjF2MTFjMCAuNTMwNC0uMjEwNyAxLjAzOTEtLjU4NTggMS40MTQycy0uODgzOC41ODU4LTEuNDE0Mi41ODU4aC0xMWMtLjUzMDQzIDAtMS4wMzkxNC0uMjEwNy0xLjQxNDIxLS41ODU4LS4zNzUwOC0uMzc1MS0uNTg1NzktLjg4MzgtLjU4NTc5LTEuNDE0MnptMTcgM3YxMC43NWMwIC42OS0uNTYgMS4yNS0xLjI1IDEuMjVoLTEyLjc1djEuNWgxMi43NWMuNzI5MyAwIDEuNDI4OC0uMjg5NyAxLjk0NDUtLjgwNTUuNTE1OC0uNTE1Ny44MDU1LTEuMjE1Mi44MDU1LTEuOTQ0NXYtMTAuNzV6IiBmaWxsPSIjMTAxNTE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;order:1;width:1.2em}.wc-stripe-copy-test-number:hover{background-color:transparent;opacity:.7}.wc-stripe-copy-test-number:active i{transform:scale(.9)}.wc-stripe-copy-test-number:focus{box-shadow:none!important;outline:none}.wc-stripe-copy-test-number:focus-visible{outline:2px solid currentColor;outline-offset:2px}.wc-stripe-copy-test-number.state--success i{-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMzI3NCAwLjUzMTIxNkw0LjU3NjY3IDkuNjEwMTlMMC42NjIyMDYgNi42OTk1NyIgc3Ryb2tlPSIjMDA4QTIwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPgo=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMzI3NCAwLjUzMTIxNkw0LjU3NjY3IDkuNjEwMTlMMC42NjIyMDYgNi42OTk1NyIgc3Ryb2tlPSIjMDA4QTIwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPgo=)}.leadlotse-form { --ll-akzent: var( --wp--preset--color--primary, var( --wp--preset--color--brand, var( --wp--preset--color--accent, var( --wp--preset--color--accent-1, #0d7d6e ) ) ) ); --ll-akzent-text: #fff; --ll-fehler: #d63638;
--ll-fehler: color-mix( in srgb, #e5484d 70%, currentColor ); --ll-rahmen: rgba( 118, 118, 118, 0.9 );
--ll-rahmen: color-mix( in srgb, currentColor 50%, transparent ); --ll-feld-bg: rgba( 125, 125, 125, 0.05 );
--ll-feld-bg: color-mix( in srgb, currentColor 4%, transparent );
--ll-flaeche: rgba( 125, 125, 125, 0.08 );
--ll-flaeche: color-mix( in srgb, currentColor 6%, transparent );
--ll-erfolg: #2e7d5b;
--ll-erfolg: color-mix( in srgb, #12864f 70%, currentColor ); --ll-radius: 10px;
--ll-abstand: 1.25em;
--ll-feld-breite: 32em;
--ll-schrift: inherit;
--ll-ring: 3px;
--ll-schatten: 0 1px 2px rgba( 0, 0, 0, 0.05 ), 0 12px 30px rgba( 0, 0, 0, 0.07 ); --ll-label-size: 0.9375em;
--ll-label-weight: 600;
--ll-help-size: 0.8125em;
--ll-fehler-size: 0.8125em;
display: block;
max-width: 100%;
font: var( --ll-schrift ); box-sizing: border-box;
}
.leadlotse-form *,
.leadlotse-form *::before,
.leadlotse-form *::after {
box-sizing: border-box;
}
.leadlotse-field {
margin: 0 0 var( --ll-abstand );
}
.leadlotse-field[hidden] {
display: none;
}
.leadlotse-label {
display: block;
font-size: var( --ll-label-size );
font-weight: var( --ll-label-weight );
letter-spacing: 0.005em;
margin-bottom: 0.4em;
}
.leadlotse-required {
color: var( --ll-fehler );
}
.leadlotse-input {
display: block;
width: 100%;
max-width: var( --ll-feld-breite );
box-sizing: border-box;
padding: 0.6em 0.8em;
font: inherit;
color: inherit;
background-color: var( --ll-feld-bg );
border: 1px solid var( --ll-rahmen );
border-radius: var( --ll-radius );
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.leadlotse-input::placeholder {
opacity: 0.6;
color: inherit;
}
.leadlotse-input:hover {
border-color: var( --ll-akzent );
} .leadlotse-input:focus,
.leadlotse-choice input:focus-visible,
.leadlotse-radio-group:focus-within { outline: 2px solid transparent;
outline-offset: 2px;
border-color: var( --ll-akzent );
box-shadow: 0 0 0 var( --ll-ring ) rgba( 13, 125, 110, 0.25 );
box-shadow: 0 0 0 var( --ll-ring ) color-mix( in srgb, var( --ll-akzent ) 30%, transparent );
}
textarea.leadlotse-input {
max-width: 40em;
resize: vertical;
min-height: 6em;
}
.leadlotse-choice {
display: flex;
align-items: flex-start;
gap: 0.6em;
font-weight: 400;
cursor: pointer;
}
.leadlotse-choice input {
margin-top: 0.25em;
flex: 0 0 auto;
accent-color: var( --ll-akzent );
width: 1.1em;
height: 1.1em;
}
.leadlotse-radio-group .leadlotse-choice {
margin-bottom: 0.4em;
}
.leadlotse-help {
display: block;
font-size: var( --ll-help-size );
opacity: 0.7;
margin-top: 0.4em;
max-width: var( --ll-feld-breite );
} .leadlotse-error {
display: block;
font-size: var( --ll-fehler-size );
font-weight: 600;
color: var( --ll-fehler );
margin-top: 0.4em;
}
.leadlotse-error:empty {
display: none;
}
.leadlotse-field--has-error .leadlotse-input,
.leadlotse-field--has-error .leadlotse-choice input {
border-color: var( --ll-fehler );
outline-color: var( --ll-fehler );
}
.leadlotse-field--has-error .leadlotse-input {
box-shadow: 0 0 0 var( --ll-ring ) rgba( 179, 38, 30, 0.16 );
box-shadow: 0 0 0 var( --ll-ring ) color-mix( in srgb, var( --ll-fehler ) 22%, transparent );
} .leadlotse-field--consent {
background-color: var( --ll-flaeche );
border-left: 3px solid var( --ll-akzent );
border-radius: var( --ll-radius );
padding: 0.9em 1em;
max-width: 40em;
font-size: 0.9375em;
line-height: 1.5;
}
.leadlotse-field--consent .leadlotse-error {
margin-left: 1.7em;
}
.leadlotse-field--consent a {
color: inherit;
text-decoration: underline;
}
.leadlotse-status {
padding: 0.8em 1em;
margin: 0 0 var( --ll-abstand );
border: 1px solid var( --ll-rahmen );
border-left-width: 4px;
border-radius: var( --ll-radius );
background-color: var( --ll-flaeche );
}
.leadlotse-status--success {
border-left-color: #2e7d5b;
}
.leadlotse-status--error {
border-left-color: var( --ll-fehler );
}
.leadlotse-status[hidden] {
display: none;
} .leadlotse-submit {
display: inline-flex;
align-items: center;
gap: 0.6em;
font: inherit;
font-weight: 600;
line-height: 1.3;
cursor: pointer;
padding: 0.7em 1.6em;
color: var( --ll-akzent-text );
background-color: var( --ll-akzent );
border: 1px solid transparent;
border-radius: var( --ll-radius );
transition: filter 0.15s ease, opacity 0.15s ease;
}
.leadlotse-submit:hover {
filter: brightness( 1.1 );
}
.leadlotse-submit:focus-visible {
outline: 2px solid var( --ll-akzent );
outline-offset: 3px;
}
.leadlotse-submit[disabled] {
opacity: 0.75;
cursor: progress;
filter: none;
}
.leadlotse-submit.is-sending::before {
content: "";
width: 1em;
height: 1em;
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
animation: ll-dreht 0.7s linear infinite;
}
@keyframes ll-dreht {
to {
transform: rotate( 360deg );
}
} @media ( prefers-reduced-motion: reduce ) {
.leadlotse-submit.is-sending::before {
animation-duration: 3s;
}
.leadlotse-input,
.leadlotse-submit {
transition: none;
}
}
.leadlotse-notice {
padding: 0.75em 1em;
border: 1px dashed var( --ll-rahmen );
border-radius: var( --ll-radius );
} .leadlotse-form--plain .leadlotse-input {
border-width: 0 0 1px;
border-radius: 0;
padding-left: 0;
padding-right: 0;
background-color: transparent;
}
.leadlotse-form--plain .leadlotse-input:focus {
outline-offset: 4px;
}
.leadlotse-form--plain select.leadlotse-input {
padding-left: 0;
} .leadlotse-form--card {
background-color: var( --ll-flaeche );
border: 1px solid var( --ll-rahmen );
border-radius: calc( var( --ll-radius ) * 2 );
padding: clamp( 1.25em, 4vw, 2em );
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.06 ), 0 10px 30px rgba( 0, 0, 0, 0.07 );
max-width: 40em;
}
.leadlotse-form--card .leadlotse-input {
max-width: 100%;
background-color: var( --ll-feld-bg );
}
.leadlotse-form--card .leadlotse-field:last-of-type {
margin-bottom: 0;
}
.leadlotse-form--card .leadlotse-field--submit {
margin-bottom: 0;
}
.leadlotse-form--card .leadlotse-submit {
width: 100%;
justify-content: center;
} .leadlotse-form--compact {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 0.75em;
}
.leadlotse-form--compact .leadlotse-field {
flex: 1 1 12em;
margin-bottom: 0;
min-width: 0;
}
.leadlotse-form--compact .leadlotse-input {
max-width: none;
}
.leadlotse-form--compact .leadlotse-label {
font-size: 0.875em;
margin-bottom: 0.25em;
}
.leadlotse-form--compact .leadlotse-field--submit,
.leadlotse-form--compact .leadlotse-field--checkbox {
flex: 0 0 auto;
}
.leadlotse-form--compact .leadlotse-field--textarea,
.leadlotse-form--compact .leadlotse-field--consent,
.leadlotse-form--compact .leadlotse-status {
flex: 1 1 100%;
} .leadlotse-form--compact .leadlotse-status {
order: -1;
}
.leadlotse-form--compact .leadlotse-field--submit {
order: 1;
}
.leadlotse-form--compact .leadlotse-field--consent,
.leadlotse-form--compact .leadlotse-field--checkbox {
order: 2;
}
.leadlotse-field--submit[hidden] {
display: none;
} .leadlotse-form--inherit .leadlotse-input,
.leadlotse-form--inherit .leadlotse-submit {
background-color: revert;
color: revert;
border: revert;
border-radius: revert;
padding: revert;
box-shadow: none;
}
.leadlotse-form--inherit .leadlotse-field--consent {
background-color: transparent;
border-left-color: currentColor;
} .leadlotse-form--tight {
--ll-abstand: 0.85em;
}
.leadlotse-form--tight .leadlotse-input {
padding: 0.45em 0.7em;
}
.leadlotse-form--tight .leadlotse-submit {
padding: 0.55em 1.3em;
}
.leadlotse-form--airy {
--ll-abstand: 1.9em;
}
.leadlotse-form--airy .leadlotse-input {
padding: 0.85em 1em;
}
.leadlotse-form--airy .leadlotse-submit {
padding: 0.9em 2em;
}
.leadlotse-form--airy .leadlotse-field--consent {
padding: 1.15em 1.25em;
} .leadlotse-form--wahl-card .leadlotse-radio-group .leadlotse-choice,
.leadlotse-form--wahl-card .leadlotse-field--checkbox .leadlotse-choice {
align-items: center;
gap: 0.75em;
padding: 0.75em 0.95em;
margin-bottom: 0.5em;
border: 1px solid var( --ll-rahmen );
border-radius: var( --ll-radius );
background-color: var( --ll-feld-bg );
transition: border-color 0.15s ease, background-color 0.15s ease;
}
.leadlotse-form--wahl-card .leadlotse-choice input {
margin-top: 0;
width: 1.25em;
height: 1.25em;
}
.leadlotse-form--wahl-card .leadlotse-radio-group .leadlotse-choice:hover,
.leadlotse-form--wahl-card .leadlotse-field--checkbox .leadlotse-choice:hover {
border-color: var( --ll-akzent );
}
.leadlotse-form--wahl-card .leadlotse-choice:has( input:checked ) {
border-color: var( --ll-akzent );
background-color: rgba( 13, 125, 110, 0.08 );
background-color: color-mix( in srgb, var( --ll-akzent ) 8%, transparent );
box-shadow: inset 0 0 0 1px var( --ll-akzent );
}
.leadlotse-form--wahl-card .leadlotse-choice:has( input:focus-visible ) {
box-shadow: 0 0 0 var( --ll-ring ) rgba( 13, 125, 110, 0.25 );
box-shadow: 0 0 0 var( --ll-ring ) color-mix( in srgb, var( --ll-akzent ) 30%, transparent );
} .leadlotse-form--wahl-card .leadlotse-field--consent .leadlotse-choice {
border: 0;
padding: 0;
margin-bottom: 0;
background: none;
box-shadow: none;
align-items: flex-start;
} .leadlotse-done {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.6em;
padding: clamp( 1.5em, 5vw, 2.5em ) 1.25em;
border: 1px solid var( --ll-rahmen );
border-radius: calc( var( --ll-radius ) * 1.6 );
background-color: var( --ll-flaeche );
max-width: 40em;
}
.leadlotse-done-mark {
width: 3rem;
height: 3rem;
border-radius: 50%;
display: grid;
place-items: center;
color: #fff;
background-color: var( --ll-erfolg );
font-size: 1.5rem;
line-height: 1;
}
.leadlotse-done-title {
margin: 0;
font-size: 1.35em;
font-weight: 700;
line-height: 1.25;
}
.leadlotse-done-text {
margin: 0;
max-width: 34em;
opacity: 0.85;
}
.leadlotse-done-next {
margin-top: 0.4em;
}  .leadlotse-form--stil-hafen {
--ll-akzent: #0d7d6e;
--ll-radius: 12px;
--ll-label-weight: 700;
} .leadlotse-form--stil-handwerk {
--ll-akzent: #b45309;
--ll-radius: 2px;
--ll-label-weight: 700;
--ll-label-size: 1em;
--ll-rahmen: color-mix( in srgb, currentColor 70%, transparent );
--ll-feld-bg: transparent;
} .leadlotse-form--stil-kanzlei {
--ll-akzent: #1e3a5f;
--ll-radius: 3px;
--ll-label-size: 0.875em;
--ll-label-weight: 600;
--ll-feld-bg: transparent;
--ll-abstand: 1.4em;
}
.leadlotse-form--stil-kanzlei .leadlotse-label {
text-transform: uppercase;
letter-spacing: 0.06em;
opacity: 0.85;
} .leadlotse-form--stil-praxis {
--ll-akzent: #0a7ea4;
--ll-radius: 14px;
--ll-abstand: 1.6em;
--ll-feld-bg: color-mix( in srgb, #0a7ea4 5%, transparent );
} .leadlotse-form--stil-coaching {
--ll-akzent: #7c3aed;
--ll-radius: 999px;
--ll-abstand: 1.4em;
--ll-feld-bg: color-mix( in srgb, #7c3aed 6%, transparent );
}
.leadlotse-form--stil-coaching textarea.leadlotse-input,
.leadlotse-form--stil-coaching .leadlotse-field--consent,
.leadlotse-form--stil-coaching .leadlotse-done {
border-radius: 22px;
} .leadlotse-form--stil-gastro {
--ll-akzent: #d97706;
--ll-radius: 8px;
--ll-rahmen: rgba( 255, 255, 255, 0.18 );
--ll-feld-bg: rgba( 255, 255, 255, 0.06 );
--ll-flaeche: rgba( 255, 255, 255, 0.05 );
color: #f5efe6;
background-color: #1c1917;
border-radius: 14px;
padding: clamp( 1.25em, 4vw, 2em );
} .leadlotse-form--stil-verein {
--ll-akzent: #15803d;
--ll-radius: 8px;
--ll-label-weight: 700;
} .leadlotse-form--stil-minimal {
--ll-akzent: currentColor;
--ll-radius: 0;
--ll-feld-bg: transparent;
--ll-flaeche: transparent;
--ll-label-size: 0.8125em;
--ll-label-weight: 600;
}
.leadlotse-form--stil-minimal .leadlotse-label {
text-transform: uppercase;
letter-spacing: 0.08em;
opacity: 0.7;
}
.leadlotse-form--stil-minimal .leadlotse-input {
border-width: 0 0 1px;
padding-left: 0;
padding-right: 0;
}
.leadlotse-form--stil-minimal .leadlotse-submit {
border: 1px solid currentColor;
background-color: transparent;
color: inherit;
} .leadlotse-form--stil-kontrast {
--ll-akzent: #0b3d91;
--ll-radius: 4px;
--ll-rahmen: currentColor;
--ll-feld-bg: transparent;
--ll-label-size: 1em;
--ll-label-weight: 700;
--ll-ring: 4px;
}
.leadlotse-form--stil-kontrast .leadlotse-input {
border-width: 2px;
}
.leadlotse-form--stil-kontrast .leadlotse-submit {
border: 2px solid currentColor;
} .leadlotse-form--stil-nacht {
--ll-akzent: #38bdf8;
--ll-akzent-text: #06202e;
--ll-radius: 12px;
--ll-rahmen: rgba( 255, 255, 255, 0.16 );
--ll-feld-bg: rgba( 255, 255, 255, 0.06 );
--ll-flaeche: rgba( 255, 255, 255, 0.05 );
color: #e2e8f0;
background-color: #0b1220;
border-radius: 16px;
padding: clamp( 1.25em, 4vw, 2em );
} .leadlotse-form--stil-pastell {
--ll-akzent: #db2777;
--ll-radius: 16px;
--ll-feld-bg: color-mix( in srgb, #db2777 6%, transparent );
--ll-flaeche: color-mix( in srgb, #db2777 8%, transparent );
--ll-rahmen: color-mix( in srgb, #db2777 30%, transparent );
} .leadlotse-form--stil-tech {
--ll-akzent: #16a34a;
--ll-radius: 4px;
--ll-feld-bg: color-mix( in srgb, currentColor 6%, transparent );
--ll-label-size: 0.8125em;
}
.leadlotse-form--stil-tech .leadlotse-label {
font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
text-transform: lowercase;
letter-spacing: 0.02em;
}
.leadlotse-form--stil-tech .leadlotse-submit {
font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
letter-spacing: 0.02em;
} .leadlotse-form--card {
box-shadow: var( --ll-schatten );
} .leadlotse-hp {
position: absolute !important;
left: -9999px !important;
top: auto !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}