.cross-selling-operation__card-container{display:flex;flex-direction:column;gap:3rem}.cross-selling-operation__card{display:flex;flex-direction:row;flex-wrap:wrap;max-width:800px;background:#eee;padding:2.5rem 3rem;position:relative}.cross-selling-operation__card .cross-selling-operation__info{width:100%}.cross-selling-operation__card .cross-selling-operation__add-btn{flex:0 1 auto;align-self:flex-start;margin:20px 0 0 0;width:375px}@media only screen and (min-width:768px){.cross-selling-operation__card{flex-wrap:nowrap;justify-content:space-between}.cross-selling-operation__card .cross-selling-operation__info{width:auto;flex:1 1 auto;align-self:center}.cross-selling-operation__card .cross-selling-operation__add-btn{margin:10px 0 10px 30px;flex-shrink:0}}.cross-selling-operation__card .cross-selling-operation__tag{position:absolute;top:-11px;left:0;background:#000;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;text-transform:uppercase;padding:.35rem 1.25rem;letter-spacing:2.5px;font-size:12px;font-weight:700}body[class^='workshop'] .search_wrapper{display:none}@media only screen and (min-width:1024px){body[class^='workshop'] .search_wrapper{display:block}}body[class^='workshop'] .details_infobox{margin:40px 0 0}@media only screen and (min-width:768px){body[class^='workshop'] .checkout_steps{padding-top:45px}}body[class^='workshop'] #appointmentChoose .bottom-links{display:none;align-items:center;justify-content:space-between}@media only screen and (min-width:1024px){body[class^='workshop'] #appointmentChoose .bottom-links{display:flex}}body[class^='workshop'] #appointmentChoose .bottom-links [type="submit"]{width:auto}@media only screen and (min-width:768px){body[class^='workshop'] #appointmentChoose .bottom-links [type="submit"]{max-width:40%}}body[class^='workshop'] #appointmentChoose .button-group{margin-top:0!important}@media only screen and (min-width:1024px){body[class^='workshop'] #appointmentChoose #content{flex-wrap:nowrap}}body[class^='workshop'] .back_link.top{display:none}@media only screen and (min-width:1024px){body[class^='workshop'] .back_link.top{display:block}}body[class^='workshop'] .user-fields{display:grid;grid-gap:5px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"email email email email" "firstname firstname lastname lastname" "license license phone phone" "km_stand km_stand km_stand km_stand" "newsletter newsletter newsletter newsletter";margin:0 0 10px}@media only screen and (min-width:768px){body[class^='workshop'] .user-fields{grid-template-areas:"email email license ." "firstname lastname phone ." "km_stand km_stand km_stand km_stand" "newsletter newsletter newsletter ."}}@media only screen and (min-width:1024px){body[class^='workshop'] .user-fields{grid-template-columns:1fr 1fr;grid-template-areas:"email email" "firstname lastname" "license phone" "km_stand km_stand" "newsletter newsletter";margin-bottom:30px}}body[class^='workshop'] .user-fields sl-input{min-width:0}body[class^='workshop'] .user-fields sl-input::part(form-control-label),body[class^='workshop'] .user-fields sl-select::part(form-control-label){font-size:var(--sl-input-label-font-size-small);font-weight:700}body[class^='workshop'] .user-fields [type="email"]{grid-area:email}body[class^='workshop'] .user-fields .firstname{grid-area:firstname}body[class^='workshop'] .user-fields .lastname{grid-area:lastname}body[class^='workshop'] .user-fields [type="tel"]{grid-area:phone}body[class^='workshop'] .user-fields km-license-plate{grid-area:license}body[class^='workshop'] .user-fields .newsletter{grid-area:newsletter}.workshop-appointment .series-select{min-height:190px}@media only screen and (min-width:768px){.workshop-appointment .series-select{min-height:48px}}.workshop-appointment form.form-login{max-width:460px;margin:0 auto 30px;gap:15px}.workshop-appointment form.form-login p{margin:0 0 5px}.workshop-appointment form.form-caridentifier{margin:0 0 30px}@media only screen and (min-width:1024px){.workshop-appointment form.form-caridentifier{display:flex;flex-direction:row;gap:20px;justify-content:center}}.workshop-appointment form.form-caridentifier .form-elements{display:flex;flex-direction:column;justify-content:center}@media only screen and (min-width:768px){.workshop-appointment form.form-caridentifier .form-elements{flex-direction:row;gap:20px}}@media only screen and (min-width:768px){.workshop-appointment form.form-caridentifier .form-actions{display:flex;justify-content:flex-end}}.workshop-appointment form.form-caridentifier [type="submit"]{width:100%}@media only screen and (min-width:768px){.workshop-appointment form.form-caridentifier [type="submit"]{width:auto}}.workshop-appointment form.form-caridentifier [type="submit"]::part(label){text-transform:uppercase;font-weight:700}.workshop-appointment .enter-vehicles{max-width:100%;display:block;width:100%;margin:15px auto}.workshop-appointment .enter-vehicles::part(label){text-transform:uppercase;font-weight:700}@media only screen and (max-width:430px){.workshop-appointment .enter-vehicles::part(label){font-size:1.2rem;letter-spacing:0}}.workshop-appointment .enter-vehicles::part(base){background-color:#1A1A20;border-color:#1A1A20}.workshop-appointment .enter-vehicles sl-icon[slot="prefix"]{font-size:18pt}.workshop-appointment .enter-vehicles.logged-in{max-width:max-content}.workshop-appointment sl-select{margin:0 0 var(--sl-spacing-small)}.workshop-appointment sl-select[name="baureihe"] .baureihe-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(auto,150px));gap:5px 10px;padding:0 15px;justify-content:space-around}@media only screen and (min-width:1024px){.workshop-appointment sl-select[name="baureihe"] .baureihe-container{display:flex;flex-wrap:wrap;justify-content:flex-start}}.workshop-appointment sl-select[name="baureihe"] .baureihe-container .image{display:flex;position:relative;overflow:hidden}.workshop-appointment sl-select[name="baureihe"] .baureihe-container .image img{width:100%}.workshop-appointment sl-select[name="baureihe"] .baureihe-container sl-option::part(base){padding:0;background-color:initial;color:initial}.workshop-appointment sl-select[name="baureihe"] .baureihe-container sl-option::part(label){white-space:normal;line-height:var(--sl-line-height-dense);text-align:center}.workshop-appointment sl-select[name="baureihe"] .baureihe-container sl-option::part(checked-icon){color:#FFF;background:#0081A2;position:absolute;top:.8rem;right:.8rem;z-index:5;left:auto;width:20px;height:20px;padding:0}.workshop-appointment sl-select[name="baureihe"] .baureihe-container sl-option:hover::part(base){background-color:#FFF;color:#018FC5}.workshop-appointment sl-select[name="baureihe"] .baureihe-container sl-option:hover::part(checked-icon){color:#FFF;background:#0081A2}.workshop-appointment sl-select[name="baureihe"]::part(listbox){max-height:38vh}.terms_new_leistung{padding:13px 0 22px}.terms_new_leistung .terms_new_leistung_place{background:url(/img/icon/webicons/location_pin.svg) 0 50% no-repeat;height:40px;padding:0 0 0 38px;background-size:29px 34px;margin:0 0 56px}.terms_new_leistung .terms_new_leistung_place .select-parent-container{max-width:385px}.terms_new_leistung .input_holder{margin:0 0 31px}.terms_new_leistung .input_holder input[type="checkbox"]+label{padding:0 0 25px 42px}.terms_new_leistung .input_holder input[type="checkbox"]+label:before{top:2px}.terms_new_leistung .input_holder input[type="checkbox"]+label .icon{width:47px;float:left;text-align:center;line-height:46px;margin:0}.terms_new_leistung .input_holder input[type="checkbox"]+label .icon img{display:inline-block;vertical-align:top;max-width:47px;max-height:47px;width:auto;height:auto}.terms_new_leistung .input_holder input[type="checkbox"]+label strong{font-size:1.6rem;display:block;margin:0;line-height:14px;text-transform:uppercase}.terms_new_leistung .input_holder input[type="checkbox"]+label span{font-size:1.6rem;display:block;margin:0}.terms_new_calendar{padding:3px 0 14px;border-bottom:1px solid #C6C6C8}.terms_new_calendar textarea{height:117px;max-width:897px}.terms_new_calendar input[type="checkbox"]+label{line-height:25px;padding:0 0 0 45px;margin:0}@media only screen and (min-width:768px){.terms_new_calendar input[type="checkbox"]+label{font-size:16.5pt}}.terms_new_calendar .box{margin:0 0 39px;display:flex;flex-wrap:wrap;flex-direction:column}@media only screen and (min-width:480px){.terms_new_calendar .box{flex-direction:row;gap:10px;align-items:flex-end}}.terms_new_calendar .box.box1{margin:0 0 33px}.terms_new_calendar .box .input_holder{margin:0 0 18px}.terms_new_calendar label.button_label:before{content:none!important;background:none!important}.terms_new_calendar input[type="radio"]:checked+label.button_label{background:#000;color:#fff}.terms_new_calendar .button_label{padding:2px 10px!important;border:1px solid #000;border-radius:6px;margin-right:6px!important}.terms_new_calendar .rent-select input[type="radio"]{display:none}.terms_new_calendar .rent-select label{padding:2px 10px!important;line-height:36px;font-size:22px}.terms_new_calendar sl-radio-group sl-radio{margin:0 0 15px}.terms_new_calendar #checkInTimePreference{margin-left:calc(var(--sl-toggle-size-medium) + 0.5em);margin-bottom:15px}