@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes bricks-richtext-init{0%,to{opacity:0}}@media (scripting:enabled){:where(.brxe-form) .form-field-richtext{animation:bricks-richtext-init 5s step-end;height:var(--brx-richtext-height,400px);max-height:var(--brx-richtext-max-height,none);min-height:var(--brx-richtext-min-height,100px)}:where(.brxe-form) .form-field-richtext:focus{animation:none}}:where(.brxe-form){display:flex;flex-wrap:wrap;width:100%}:where(.brxe-form) .label,:where(.brxe-form) label{color:inherit;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}:where(.brxe-form) .form-group{display:flex;flex-direction:column;padding:0 0 20px;width:100%}:where(.brxe-form) .form-group.captcha,:where(.brxe-form) .form-group:last-child{padding-bottom:0}:where(.brxe-form) .form-group.captcha{line-height:1}:where(.brxe-form) .form-group.file{display:block}:where(.brxe-form) .form-group.file>label.choose-files{margin-bottom:0}:where(.brxe-form) .form-group>.label{margin-bottom:5px}:where(.brxe-form) .form-group .form-group-error-message{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);display:none;padding:15px;width:100%}:where(.brxe-form) .form-group .form-group-error-message.show{display:block}:where(.brxe-form) .form-group .password-input-wrapper{position:relative}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle{background:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span{display:flex}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span.hide{display:none}:where(.brxe-form) .submit-button-wrapper{width:auto}:where(.brxe-form) .required:after{content:"*";padding:0 2px;position:relative;top:-2px}:where(.brxe-form) .options-wrapper{list-style-type:none;margin:0;padding:0}:where(.brxe-form) .options-wrapper li{align-items:baseline;display:flex;gap:8px}:where(.brxe-form) .options-wrapper input,:where(.brxe-form) .options-wrapper label{display:inline-block;height:auto;margin:0 5px 0 0;width:auto}:where(.brxe-form) .options-wrapper input[type=checkbox],:where(.brxe-form) .options-wrapper input[type=radio]{margin:initial;padding:initial;position:relative;top:1px}:where(.brxe-form) button[type=submit].sending{cursor:default}:where(.brxe-form) button[type=submit].sending .text{opacity:.5}:where(.brxe-form) button[type=submit].sending>i,:where(.brxe-form) button[type=submit].sending>svg{display:none}:where(.brxe-form) button[type=submit].sending .loading{animation:load8 1s linear infinite;display:flex;opacity:1}:where(.brxe-form) button[type=submit].sending .loading svg{transform:scaleX(-1)}:where(.brxe-form) button[type=submit] .loading{display:none}:where(.brxe-form) button[type=submit] svg{height:1em;transform-origin:center}:where(.brxe-form) .recaptcha-hidden{display:none}:where(.brxe-form) .recaptcha-error{display:none;padding:0!important}:where(.brxe-form) .recaptcha-error.show{display:block}:where(.brxe-form) .recaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) .hcaptcha-error{display:none;padding:0!important}:where(.brxe-form) .hcaptcha-error.show{display:block}:where(.brxe-form) .hcaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) input[type=checkbox]+.label,:where(.brxe-form) input[type=checkbox]+label,:where(.brxe-form) input[type=radio]+.label,:where(.brxe-form) input[type=radio]+label{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit}:where(.brxe-form) textarea{height:inherit;resize:vertical}:where(.brxe-form) .message{background-color:var(--bricks-bg-info);color:var(--bricks-text-info);display:flex;gap:15px;justify-content:space-between;opacity:1;padding-bottom:0;position:relative;width:100%}:where(.brxe-form) .message.success{background-color:var(--bricks-bg-success);color:var(--bricks-text-success)}:where(.brxe-form) .message.error{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger)}:where(.brxe-form) .message .text{padding:15px}:where(.brxe-form) .message.closing{opacity:0;transition:opacity .2s}:where(.brxe-form) .message .close{all:unset;cursor:pointer;padding:15px}:where(.brxe-form) input.file,:where(.brxe-form) input[type=file]{display:block;height:0;opacity:0;width:0}:where(.brxe-form) .file-result{display:none;padding:0}:where(.brxe-form) .file-result.show{align-items:center;display:flex;margin:0 0 15px}:where(.brxe-form) .file-result.show.danger{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);justify-content:space-between;padding:15px}:where(.brxe-form) .file-result.show.danger svg{cursor:pointer;height:1em;margin-left:5px}:where(.brxe-form) .file-result.show.danger svg g{stroke:currentcolor}:where(.brxe-form) .file-result.show .remove{display:inline-block;font-size:12px;line-height:30px;margin:0 15px;padding:0 10px}:where(.brxe-form) .file-result.show .remove:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .choose-files{align-self:flex-start;background-color:transparent;border:1px solid var(--bricks-border-color);cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:600;line-height:40px;padding:0 15px;text-align:center;text-transform:none;white-space:nowrap;width:auto}:where(.brxe-form) .choose-files:hover{background-color:rgba(0,0,0,.05)}:where(.brxe-form) .gallery-preview{display:flex;flex-wrap:wrap;gap:10px}:where(.brxe-form) .gallery-preview:not(:empty)+button{margin-top:5px}:where(.brxe-form) .image-preview{align-self:flex-start;overflow:hidden;position:relative}:where(.brxe-form) .image-preview:hover button{opacity:1}:where(.brxe-form) .image-preview:has(img)+button{margin-top:5px}:where(.brxe-form) .image-preview button{background-color:#fff;border:none;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}:where(.brxe-form) .image-preview button:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .image-preview button.hide{display:none}.grecaptcha-badge{visibility:hidden}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@media (max-width:991px){html .rw-cfgsec .rw-cfgsec__grid{grid-template-columns:minmax(0,1fr)}html .rw-cfg-intro{position:static}html .rw-cfg-ben{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){html .rw-cfg-ben{grid-template-columns:minmax(0,1fr)}html .rw-cfg .form-group:has(:is([name^="cfgtyp"],[name^="cfgfun"],[name^="cfgbud"])) .options-wrapper{grid-template-columns:minmax(0,1fr)}html .rw-cfg .rw-cfg__form .form-group{width:100%}html .rw-cfg__btn{padding:12px 18px}}@media (prefers-reduced-motion:reduce){.rw-cfg *{transition:none!important}} .rw-cfgsec .rw-cfgsec__grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(32px,5vw,72px); align-items: start;} .rw-cfg-intro { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 110px;} .rw-cfg-ben { display: flex; flex-direction: column; gap: 12px; margin: 8px 0 0; padding: 0; list-style: none;} .rw-cfg-ben__item { display: flex; gap: 16px; align-items: flex-start; padding: 16px 18px; border-radius: 16px; background: var(--rw-surface); border: 1px solid var(--rw-line);} .rw-cfg-ben__ico { flex: none; display: block; width: 40px; height: 40px; border-radius: 12px; background: var(--rw-blue-soft); position: relative;} .rw-cfg-ben__ico::before { content: ""; position: absolute; inset: 10px; background: var(--rw-blue); -webkit-mask: var(--rw-ci) center/contain no-repeat; mask: var(--rw-ci) center/contain no-repeat;} .rw-cfg-ben__txt { display: flex; flex-direction: column; gap: 2px;} .rw-sec .rw-cfg-ben__t { font-size: 16px; font-weight: 700; color: var(--rw-ink); line-height: 1.35;} .rw-sec .rw-cfg-ben__d { font-size: 14px; line-height: 1.5; color: var(--rw-muted);} .rw-sec .rw-cfg-intro__tel { font-size: 15px; color: var(--rw-muted);} .rw-cfg-intro__tel a { font-weight: 600; color: var(--rw-ink); text-decoration: none;} .rw-cfg { position: relative; display: flex; flex-direction: column; gap: 20px; padding: clamp(22px,3vw,36px); border-radius: calc(var(--rw-r) + 6px); background: var(--rw-surface); border: 1px solid var(--rw-line); border-top: 4px solid var(--rw-blue); box-shadow: var(--rw-shadow-lg); scroll-margin-top: 110px;} .rw-cfg__bars { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 6px;} .rw-cfg__bar { display: block; height: 5px; border-radius: 9px; background: var(--rw-line); transition: background-color .3s ease;} .rw-cfg[data-step="1"] .rw-cfg__bar:nth-child(-n+1) { background: var(--rw-blue);} .rw-cfg[data-step="2"] .rw-cfg__bar:nth-child(-n+2) { background: var(--rw-blue);} .rw-cfg[data-step="3"] .rw-cfg__bar:nth-child(-n+3) { background: var(--rw-blue);} .rw-cfg[data-step="4"] .rw-cfg__bar:nth-child(-n+4) { background: var(--rw-blue);} .rw-cfg[data-step="5"] .rw-cfg__bar:nth-child(-n+5) { background: var(--rw-blue);} .rw-cfg[data-step="6"] .rw-cfg__bar:nth-child(-n+6) { background: var(--rw-blue);} .rw-cfg[data-step="7"] .rw-cfg__bar:nth-child(-n+7) { background: var(--rw-blue);} .rw-cfg__head { display: none; flex-direction: column; gap: 6px;} .rw-sec .rw-cfg__count { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--rw-blue);} .rw-sec .rw-cfg__title { margin: 0; font-size: clamp(22px,2.4vw,26px); line-height: 1.25; font-weight: 700; color: var(--rw-ink);} .rw-sec .rw-cfg__sub { font-size: 15px; color: var(--rw-muted);} .rw-cfg .rw-cfg__form .form-group { display: none;} .rw-cfg .rw-cfg__form { gap: 18px 14px;} .rw-cfg[data-step="1"] .rw-cfg__head--1 { display: flex;} .rw-cfg[data-step="1"] .rw-cfg__form .form-group:has([name^="cfgtyp"]) { display: flex;} .rw-cfg[data-step="2"] .rw-cfg__head--2 { display: flex;} .rw-cfg[data-step="2"] .rw-cfg__form .form-group:has([name^="cfgpag"]) { display: flex;} .rw-cfg[data-step="2"] .rw-cfg__form .form-group:has([name^="cfgtxt"]) { display: flex;} .rw-cfg[data-step="2"] .rw-cfg__form .form-group:has([name^="cfgimg"]) { display: flex;} .rw-cfg[data-step="3"] .rw-cfg__head--3 { display: flex;} .rw-cfg[data-step="3"] .rw-cfg__form .form-group:has([name^="cfgfun"]) { display: flex;} .rw-cfg[data-step="4"] .rw-cfg__head--4 { display: flex;} .rw-cfg[data-step="4"] .rw-cfg__form .form-group:has([name^="cfgsee"]) { display: flex;} .rw-cfg[data-step="5"] .rw-cfg__head--5 { display: flex;} .rw-cfg[data-step="5"] .rw-cfg__form .form-group:has([name^="cfgtec"]) { display: flex;} .rw-cfg[data-step="6"] .rw-cfg__head--6 { display: flex;} .rw-cfg[data-step="6"] .rw-cfg__form .form-group:has([name^="cfgbud"]) { display: flex;} .rw-cfg[data-step="6"] .rw-cfg__form .form-group:has([name^="cfgzei"]) { display: flex;} .rw-cfg[data-step="7"] .rw-cfg__head--7 { display: flex;} .rw-cfg[data-step="7"] .rw-cfg__form .form-group:has([name="name"]) { display: flex;} .rw-cfg[data-step="7"] .rw-cfg__form .form-group:has([name="firma"]) { display: flex;} .rw-cfg[data-step="7"] .rw-cfg__form .form-group:has([name="email"]) { display: flex;} .rw-cfg[data-step="7"] .rw-cfg__form .form-group:has([name="telefon"]) { display: flex;} .rw-cfg[data-step="7"] .rw-cfg__form .form-group:has([name="website"]) { display: flex;} .rw-cfg[data-step="7"] .rw-cfg__form .form-group:has([name="nachricht"]) { display: flex;} .rw-cfg[data-step="7"] .rw-cfg__form .form-group:not(:has(input,textarea,select,button)) { display: flex;} .rw-cfg[data-step="7"] .rw-cfg__form .submit-button-wrapper { display: flex;} .rw-cfg .form-group>label:first-child { font-size: 14px; font-weight: 600; color: var(--rw-ink);} .rw-cfg .form-group:has([name^="cfgpag"])::before { content: "Wie viele Unterseiten ungefähr?"; font-size: 14px; font-weight: 600; color: var(--rw-ink);} .rw-cfg .form-group:has([name^="cfgtxt"])::before { content: "Texte"; font-size: 14px; font-weight: 600; color: var(--rw-ink);} .rw-cfg .form-group:has([name^="cfgimg"])::before { content: "Bilder"; font-size: 14px; font-weight: 600; color: var(--rw-ink);} .rw-cfg .form-group:has([name^="cfgbud"])::before { content: "Budgetrahmen"; font-size: 14px; font-weight: 600; color: var(--rw-ink);} .rw-cfg .form-group:has([name^="cfgzei"])::before { content: "Wann soll die Website online gehen?"; font-size: 14px; font-weight: 600; color: var(--rw-ink);} .rw-cfg .options-wrapper { display: grid; gap: 12px; width: 100%; margin: 0; padding: 0; list-style: none;} .rw-cfg .options-wrapper li { position: relative; margin: 0; padding: 0; list-style: none; min-width: 0;} .rw-cfg .options-wrapper input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none;} .rw-cfg .options-wrapper label { display: flex; cursor: pointer; margin: 0; color: var(--rw-ink); transition: border-color .15s ease,background-color .15s ease,box-shadow .15s ease;} .rw-cfg .options-wrapper li:has(input:focus-visible) label { outline: 3px solid var(--rw-blue); outline-offset: 2px;} .rw-cfg .form-group:has(:is([name^="cfgtyp"],[name^="cfgfun"],[name^="cfgbud"])) .options-wrapper { grid-template-columns: repeat(2,minmax(0,1fr));} .rw-cfg .form-group:has(:is([name^="cfgtyp"],[name^="cfgfun"],[name^="cfgbud"])) .options-wrapper label { flex-direction: column; justify-content: center; gap: 3px; min-height: 76px; padding: 14px 46px 14px 72px; border: 1.5px solid var(--rw-line); border-radius: 16px; background: var(--rw-surface); font-size: 15px; font-weight: 600; line-height: 1.3; position: relative;} .rw-cfg .form-group:has(:is([name^="cfgtyp"],[name^="cfgfun"],[name^="cfgbud"])) .options-wrapper label::before { content: ""; position: absolute; left: 16px; top: 50%; width: 40px; height: 40px; margin-top: -20px; border-radius: 12px; background-color: var(--rw-blue-soft); background-position: center; background-repeat: no-repeat; background-size: 20px; transition: background-color .15s ease;} .rw-cfg .form-group:has(:is([name^="cfgtyp"],[name^="cfgfun"],[name^="cfgbud"])) .options-wrapper label::after { font-size: 13px; font-weight: 400; color: var(--rw-muted);} .rw-cfg .form-group:has(:is([name^="cfgtyp"],[name^="cfgfun"],[name^="cfgbud"])) .options-wrapper li::after { content: ""; position: absolute; right: 14px; top: 14px; width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid var(--rw-line); background: var(--rw-surface) center/14px no-repeat; pointer-events: none;} .rw-cfg .form-group:has(:is([name^="cfgtyp"],[name^="cfgfun"],[name^="cfgbud"])) .options-wrapper li:hover label { border-color: var(--rw-blue-line);} .rw-cfg .form-group:has(:is([name^="cfgtyp"],[name^="cfgfun"],[name^="cfgbud"])) .options-wrapper li:has(input:checked) label { border-color: var(--rw-blue); background: var(--rw-blue-soft); box-shadow: 0 0 0 3px var(--rw-blue-soft);} .rw-cfg .form-group:has(:is([name^="cfgtyp"],[name^="cfgfun"],[name^="cfgbud"])) .options-wrapper li:has(input:checked) label::before { background-color: var(--rw-surface);} .rw-cfg .form-group:has([name^="cfgtyp"]) .options-wrapper li::after { border-radius: 50%;} .rw-cfg .form-group:has([name^="cfgbud"]) .options-wrapper li::after { border-radius: 50%;} .rw-cfg .options-wrapper li:has(input[value="Neue Website"]) label::after { content: "Von Grund auf neu";} .rw-cfg .options-wrapper li:has(input[value="Website-Relaunch"]) label::after { content: "Bestehende Seite modernisieren";} .rw-cfg .options-wrapper li:has(input[value="Onlineshop"]) label::after { content: "Produkte online verkaufen";} .rw-cfg .options-wrapper li:has(input[value="Landingpage"]) label::after { content: "Eine Seite für ein Angebot";} .rw-cfg .options-wrapper li:has(input[value="Wartung & Betreuung"]) label::after { content: "Bestehende Website pflegen lassen";} .rw-cfg .options-wrapper li:has(input[value="Noch unsicher"]) label::after { content: "Gemeinsam herausfinden";} .rw-cfg .options-wrapper li:has(input[value="bis 3.000 €"]) label::after { content: "Kompakte Website";} .rw-cfg .options-wrapper li:has(input[value="3.000 – 6.000 €"]) label::after { content: "Unternehmenswebsite";} .rw-cfg .options-wrapper li:has(input[value="6.000 – 10.000 €"]) label::after { content: "Umfangreiche Website oder Shop";} .rw-cfg .options-wrapper li:has(input[value="über 10.000 €"]) label::after { content: "Große Projekte und Portale";} .rw-cfg .options-wrapper li:has(input[value="Budget noch unklar"]) label::after { content: "Wir beraten Sie gern";} .rw-cfg .form-group:has(:is([name^="cfgpag"],[name^="cfgtxt"],[name^="cfgimg"],[name^="cfgzei"])) .options-wrapper { display: flex; flex-wrap: wrap; gap: 8px;} .rw-cfg .form-group:has(:is([name^="cfgpag"],[name^="cfgtxt"],[name^="cfgimg"],[name^="cfgzei"])) .options-wrapper label { align-items: center; min-height: 44px; padding: 10px 16px; border: 1.5px solid var(--rw-line); border-radius: 999px; background: var(--rw-surface); font-size: 14px; font-weight: 500;} .rw-cfg .form-group:has(:is([name^="cfgpag"],[name^="cfgtxt"],[name^="cfgimg"],[name^="cfgzei"])) .options-wrapper li:hover label { border-color: var(--rw-blue-line);} .rw-cfg .form-group:has(:is([name^="cfgpag"],[name^="cfgtxt"],[name^="cfgimg"],[name^="cfgzei"])) .options-wrapper li:has(input:checked) label { border-color: var(--rw-blue); background: var(--rw-blue-soft); color: var(--rw-blue-ink); font-weight: 600;} .rw-cfg .form-group:has([name^="cfgpag"]) { margin-bottom: 6px;} .rw-cfg .form-group:has([name^="cfgtxt"]) { margin-bottom: 6px;} .rw-cfg .form-group:has([name^="cfgzei"]) { margin-bottom: 6px;} .rw-cfg .form-group:has(:is([name^="cfgsee"],[name^="cfgtec"])) .options-wrapper { gap: 10px;} .rw-cfg .form-group:has(:is([name^="cfgsee"],[name^="cfgtec"])) .options-wrapper label { align-items: center; min-height: 56px; padding: 12px 84px 12px 20px; border: 1.5px solid var(--rw-line); border-radius: 14px; background: var(--rw-surface); font-size: 15px; font-weight: 500;} .rw-cfg .form-group:has(:is([name^="cfgsee"],[name^="cfgtec"])) .options-wrapper li::before { content: ""; position: absolute; right: 20px; top: 50%; width: 44px; height: 26px; margin-top: -13px; border-radius: 999px; background: var(--rw-line); transition: background-color .2s ease; pointer-events: none;} .rw-cfg .form-group:has(:is([name^="cfgsee"],[name^="cfgtec"])) .options-wrapper li::after { content: ""; position: absolute; right: 42px; top: 50%; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .2s ease; pointer-events: none;} .rw-cfg .form-group:has(:is([name^="cfgsee"],[name^="cfgtec"])) .options-wrapper li:has(input:checked) label { border-color: var(--rw-blue); background: var(--rw-blue-soft);} .rw-cfg .form-group:has(:is([name^="cfgsee"],[name^="cfgtec"])) .options-wrapper li:has(input:checked)::before { background: var(--rw-btn);} .rw-cfg .form-group:has(:is([name^="cfgsee"],[name^="cfgtec"])) .options-wrapper li:has(input:checked)::after { transform: translateX(18px);} .rw-cfg__sum { display: none; flex-direction: column; gap: 10px; padding: 16px 18px; border-radius: 14px; background: var(--rw-bg-soft); border: 1px solid var(--rw-line);} .rw-cfg[data-step="7"] .rw-cfg__sum { display: flex;} .rw-sec .rw-cfg__sumt { font-size: 13px; font-weight: 600; color: var(--rw-ink);} .rw-cfg__chips { display: flex; flex-wrap: wrap; gap: 6px;} .rw-sec .rw-cfg__chip { display: none; align-items: center; padding: 5px 11px; border-radius: 999px; background: var(--rw-blue-soft); border: 1px solid var(--rw-blue-line); color: var(--rw-blue-ink); font-size: 13px; font-weight: 600; line-height: 1.3;} .rw-sec .rw-cfg__empty { font-size: 14px; color: var(--rw-muted);} .rw-cfg:has(.rw-cfg__form input:checked) .rw-cfg__empty { display: none;} .rw-cfg__nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 20px; border-top: 1px solid var(--rw-line);} .rw-cfg__btn { display: none; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 12px 24px; border-radius: 999px; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; transition: background-color .2s ease,border-color .2s ease;} .rw-cfg__next { margin-left: auto; border: 0; background: var(--rw-btn); color: var(--rw-on-btn);} .rw-cfg__next:hover { background: var(--rw-btn-hover);} .rw-cfg__next::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--rw-arrow) center/contain no-repeat; mask: var(--rw-arrow) center/contain no-repeat;} .rw-cfg__back { border: 1.5px solid var(--rw-line); background: var(--rw-surface); color: var(--rw-ink);} .rw-cfg__back:hover { border-color: var(--rw-ink-2);} .rw-cfg__btn:focus-visible { outline: 3px solid var(--rw-blue); outline-offset: 3px;} .rw-cfg[data-step="1"] .rw-cfg__next--1 { display: inline-flex;} .rw-cfg[data-step="2"] .rw-cfg__next--2 { display: inline-flex;} .rw-cfg[data-step="3"] .rw-cfg__next--3 { display: inline-flex;} .rw-cfg[data-step="4"] .rw-cfg__next--4 { display: inline-flex;} .rw-cfg[data-step="5"] .rw-cfg__next--5 { display: inline-flex;} .rw-cfg[data-step="6"] .rw-cfg__next--6 { display: inline-flex;} .rw-cfg[data-step="2"] .rw-cfg__back--2 { display: inline-flex;} .rw-cfg[data-step="3"] .rw-cfg__back--3 { display: inline-flex;} .rw-cfg[data-step="4"] .rw-cfg__back--4 { display: inline-flex;} .rw-cfg[data-step="5"] .rw-cfg__back--5 { display: inline-flex;} .rw-cfg[data-step="6"] .rw-cfg__back--6 { display: inline-flex;} .rw-cfg[data-step="7"] .rw-cfg__back--7 { display: inline-flex;} .rw-cfg[data-step="7"] .rw-cfg__nav { position: absolute; left: clamp(22px,3vw,36px); bottom: clamp(22px,3vw,36px); padding: 0; border: 0;} .rw-cfg[data-step="7"] .rw-cfg__form .submit-button-wrapper { justify-content: flex-end; padding-top: 20px; border-top: 1px solid var(--rw-line); margin-top: 4px;} .rw-cfg .rw-cfg__form button[type=submit] { width: auto; min-height: 50px; padding: 12px 28px; font-size: 16px;} .rw-cfg .rw-cfg__form .message { width: 100%;} .rw-cfg .form-group:has([name="name"]) { width: calc(50% - 7px);} .rw-cfg .form-group:has([name="firma"]) { width: calc(50% - 7px);} .rw-cfg .form-group:has([name="email"]) { width: calc(50% - 7px);} .rw-cfg .form-group:has([name="telefon"]) { width: calc(50% - 7px);} .rw-cfg:has(.rw-cfg__form .message.success) .rw-cfg__nav { display: none;}.rw-cfg-i--check { --rw-ci: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg-i--user { --rw-ci: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4 21a8 8 0 0 1 16 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg-i--tag { --rw-ci: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12V3h9l9 9-9 9zM7.5 7.5h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg-i--clock { --rw-ci: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7v5l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .form-group:has(:is([name^="cfgtyp"],[name^="cfgfun"],[name^="cfgbud"])) .options-wrapper li:has(input:checked)::after { border-color: var(--rw-btn); background-color: var(--rw-btn); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Neue Website"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v11H3zM8 20h8M12 16v4' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Website-Relaunch"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11a8 8 0 0 0-14.3-4.9L4 8M4 4v4h4M4 13a8 8 0 0 0 14.3 4.9L20 16M20 20v-4h-4' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Onlineshop"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h2l2.4 11h11L21 8H7M10 20h.01M18 20h.01' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Landingpage"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10zM12 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2z' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Wartung & Betreuung"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 6.5a4 4 0 0 0-5.3 5.3L4 17l3 3 5.2-5.2a4 4 0 0 0 5.3-5.3l-2.5 2.5-2.5-.5-.5-2.5z' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Noch unsicher"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6v.6M12 17h.01' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Kontaktformular"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3zM3 7l9 6 9-6' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Terminbuchung"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v15H4zM4 10h16M8 3v4M16 3v4' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Blog / News"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h7l4 4v14H7zM14 3v4h4M10 12h5M10 16h5' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Mehrsprachigkeit"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM3 12h18M12 3c2.5 2.5 3.5 5.5 3.5 9s-1 6.5-3.5 9c-2.5-2.5-3.5-5.5-3.5-9s1-6.5 3.5-9z' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Newsletter"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 3L10 14M21 3l-7 18-4-7-7-4z' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Social-Media-Einbindung"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM18 22a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM8.6 13.5l6.8 4M15.4 6.5l-6.8 4' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Bewertungen einbinden"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l2.8 5.7 6.2.9-4.5 4.4 1 6.2L12 17.3 6.5 20.2l1-6.2L3 9.6l6.2-.9z' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Karriere / Stellenangebote"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h18v13H3zM8 7V4h8v3M3 12h18' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Login / Mitgliederbereich"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 11h14v10H5zM8 11V7a4 4 0 0 1 8 0v4' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="KI-Chatbot"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v12H8l-4 4z' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="bis 3.000 €"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM15 9.5c-.5-1-1.6-1.5-3-1.5-1.7 0-3 .8-3 2s1.3 1.7 3 2 3 .8 3 2-1.3 2-3 2c-1.4 0-2.5-.5-3-1.5M12 6v2M12 16v2' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="3.000 – 6.000 €"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l9 5-9 5-9-5 9-5zM3 13l9 5 9-5' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="6.000 – 10.000 €"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h2l2.4 11h11L21 8H7M10 20h.01M18 20h.01' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="über 10.000 €"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3L5 14h6l-1 7 8-11h-6z' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg .options-wrapper li:has(input[value="Budget noch unklar"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20l4-1L19 8l-3-3L5 16zM14 7l3 3' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg:has(input[value="Neue Website"]:checked) .rw-cfg__chip--0 { display: inline-flex;} .rw-cfg:has(input[value="Website-Relaunch"]:checked) .rw-cfg__chip--1 { display: inline-flex;} .rw-cfg:has(input[value="Onlineshop"]:checked) .rw-cfg__chip--2 { display: inline-flex;} .rw-cfg:has(input[value="Landingpage"]:checked) .rw-cfg__chip--3 { display: inline-flex;} .rw-cfg:has(input[value="Wartung & Betreuung"]:checked) .rw-cfg__chip--4 { display: inline-flex;} .rw-cfg:has(input[value="Noch unsicher"]:checked) .rw-cfg__chip--5 { display: inline-flex;} .rw-cfg:has(input[value="1 Seite (Onepager)"]:checked) .rw-cfg__chip--6 { display: inline-flex;} .rw-cfg:has(input[value="2–5 Seiten"]:checked) .rw-cfg__chip--7 { display: inline-flex;} .rw-cfg:has(input[value="6–10 Seiten"]:checked) .rw-cfg__chip--8 { display: inline-flex;} .rw-cfg:has(input[value="11–20 Seiten"]:checked) .rw-cfg__chip--9 { display: inline-flex;} .rw-cfg:has(input[value="Mehr als 20 Seiten"]:checked) .rw-cfg__chip--10 { display: inline-flex;} .rw-cfg:has(input[value="Texte sind vorhanden"]:checked) .rw-cfg__chip--11 { display: inline-flex;} .rw-cfg:has(input[value="Texte sollen erstellt werden"]:checked) .rw-cfg__chip--12 { display: inline-flex;} .rw-cfg:has(input[value="Teils vorhanden"]:checked) .rw-cfg__chip--13 { display: inline-flex;} .rw-cfg:has(input[value="Eigene Fotos vorhanden"]:checked) .rw-cfg__chip--14 { display: inline-flex;} .rw-cfg:has(input[value="Bilder sollen beschafft werden"]:checked) .rw-cfg__chip--15 { display: inline-flex;} .rw-cfg:has(input[value="Professionelle Fotos gewünscht"]:checked) .rw-cfg__chip--16 { display: inline-flex;} .rw-cfg:has(input[value="Kontaktformular"]:checked) .rw-cfg__chip--17 { display: inline-flex;} .rw-cfg:has(input[value="Terminbuchung"]:checked) .rw-cfg__chip--18 { display: inline-flex;} .rw-cfg:has(input[value="Blog / News"]:checked) .rw-cfg__chip--19 { display: inline-flex;} .rw-cfg:has(input[value="Mehrsprachigkeit"]:checked) .rw-cfg__chip--20 { display: inline-flex;} .rw-cfg:has(input[value="Newsletter"]:checked) .rw-cfg__chip--21 { display: inline-flex;} .rw-cfg:has(input[value="Social-Media-Einbindung"]:checked) .rw-cfg__chip--22 { display: inline-flex;} .rw-cfg:has(input[value="Bewertungen einbinden"]:checked) .rw-cfg__chip--23 { display: inline-flex;} .rw-cfg:has(input[value="Karriere / Stellenangebote"]:checked) .rw-cfg__chip--24 { display: inline-flex;} .rw-cfg:has(input[value="Login / Mitgliederbereich"]:checked) .rw-cfg__chip--25 { display: inline-flex;} .rw-cfg:has(input[value="KI-Chatbot"]:checked) .rw-cfg__chip--26 { display: inline-flex;} .rw-cfg:has(input[value="SEO-Grundoptimierung"]:checked) .rw-cfg__chip--27 { display: inline-flex;} .rw-cfg:has(input[value="Lokales SEO & Google-Unternehmensprofil"]:checked) .rw-cfg__chip--28 { display: inline-flex;} .rw-cfg:has(input[value="Laufende SEO-Betreuung"]:checked) .rw-cfg__chip--29 { display: inline-flex;} .rw-cfg:has(input[value="Website-Wartung nach dem Launch"]:checked) .rw-cfg__chip--30 { display: inline-flex;} .rw-cfg:has(input[value="Logo oder Corporate Design"]:checked) .rw-cfg__chip--31 { display: inline-flex;} .rw-cfg:has(input[value="Datenschutzfreundliche Webanalyse"]:checked) .rw-cfg__chip--32 { display: inline-flex;} .rw-cfg:has(input[value="Domain bereits vorhanden"]:checked) .rw-cfg__chip--33 { display: inline-flex;} .rw-cfg:has(input[value="Hosting bereits vorhanden"]:checked) .rw-cfg__chip--34 { display: inline-flex;} .rw-cfg:has(input[value="Hosting über Renatoo gewünscht"]:checked) .rw-cfg__chip--35 { display: inline-flex;} .rw-cfg:has(input[value="E-Mail-Postfächer einrichten"]:checked) .rw-cfg__chip--36 { display: inline-flex;} .rw-cfg:has(input[value="Cookie-Banner / Einwilligung"]:checked) .rw-cfg__chip--37 { display: inline-flex;} .rw-cfg:has(input[value="Impressum & Datenschutzerklärung"]:checked) .rw-cfg__chip--38 { display: inline-flex;} .rw-cfg:has(input[value="Barrierefreiheit nach BFSG"]:checked) .rw-cfg__chip--39 { display: inline-flex;} .rw-cfg:has(input[value="bis 3.000 €"]:checked) .rw-cfg__chip--40 { display: inline-flex;} .rw-cfg:has(input[value="3.000 – 6.000 €"]:checked) .rw-cfg__chip--41 { display: inline-flex;} .rw-cfg:has(input[value="6.000 – 10.000 €"]:checked) .rw-cfg__chip--42 { display: inline-flex;} .rw-cfg:has(input[value="über 10.000 €"]:checked) .rw-cfg__chip--43 { display: inline-flex;} .rw-cfg:has(input[value="Budget noch unklar"]:checked) .rw-cfg__chip--44 { display: inline-flex;} .rw-cfg:has(input[value="So schnell wie möglich"]:checked) .rw-cfg__chip--45 { display: inline-flex;} .rw-cfg:has(input[value="In 1–3 Monaten"]:checked) .rw-cfg__chip--46 { display: inline-flex;} .rw-cfg:has(input[value="In 3–6 Monaten"]:checked) .rw-cfg__chip--47 { display: inline-flex;} .rw-cfg:has(input[value="Noch offen"]:checked) .rw-cfg__chip--48 { display: inline-flex;}.rw-cfg .options-wrapper li { display: flex; align-items: stretch;} .rw-cfg .options-wrapper label { width: 100%; box-sizing: border-box;} .rw-cfg .form-group:has(:is([name^="cfgtyp"],[name^="cfgfun"],[name^="cfgbud"])) .options-wrapper { grid-auto-rows: 1fr;}html .rw-cfg .rw-cfg__form .submit-button-wrapper { flex-direction: row;}html .rw-cfg .rw-cfg__form .submit-button-wrapper button { width: auto; flex: 0 0 auto;} .rw-cfg .form-group:has(:is([name="name"],[name="firma"],[name="email"],[name="telefon"],[name="website"],[name="nachricht"]))::before { font-size: 14px; font-weight: 600; color: var(--rw-ink);} .rw-cfg .form-group:has([name="name"])::before { content: "Name *";} .rw-cfg .form-group:has([name="firma"])::before { content: "Firma (optional)";} .rw-cfg .form-group:has([name="email"])::before { content: "E-Mail *";} .rw-cfg .form-group:has([name="telefon"])::before { content: "Telefon (optional)";} .rw-cfg .form-group:has([name="website"])::before { content: "Bestehende Website (optional)";} .rw-cfg .form-group:has([name="nachricht"])::before { content: "Was sollten wir noch wissen? (optional)";} .rw-cfg .form-group:has(input[value="Bilder sollen beschafft werden"]:checked)::after { content: "Hinweis: Kosten für Bildlizenzen, etwa für Stockfotos, trägt der Auftraggeber."; margin-top: 4px; padding: 10px 14px; border-radius: 12px; background: var(--rw-bg-soft); border: 1px solid var(--rw-line); font-size: 13px; line-height: 1.5; color: var(--rw-muted);} .rw-cfg .options-wrapper li:has(input[value="ab 2.500 €"]) label::after { content: "Kompakte Website";} .rw-cfg .options-wrapper li:has(input[value="ab 2.500 €"]) label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM15 9.5c-.5-1-1.6-1.5-3-1.5-1.7 0-3 .8-3 2s1.3 1.7 3 2 3 .8 3 2-1.3 2-3 2c-1.4 0-2.5-.5-3-1.5M12 6v2M12 16v2' fill='none' stroke='%234f7fe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .rw-cfg:has(input[value="ab 2.500 €"]:checked) .rw-cfg__chip--40 { display: inline-flex;} .rw-cfg:has(input[value="Hilfe bei der Wahl des Hostinganbieters"]:checked) .rw-cfg__chip--35 { display: inline-flex;}