:root{--color_primary_purple_01: #6B34E1;--color_secondary_grey_01: #F8F9FA;--color_secondary_grey_02: #E0E3E7}html,body{padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{margin:0}.button{padding:8px 16px;border-radius:100px;font-size:13px;text-wrap:nowrap}.button:hover{cursor:pointer}.button--cta{color:#fff;background-color:var(--color_primary_purple_01);border:1px solid var(--color_primary_purple_01)}.button--black{color:#fff;background-color:#000;border:1px solid #000}.h1{font-size:48px}.h2{margin-bottom:16px}.bold{font-weight:bold}.contact{position:relative}.contact .value__show.hidden{display:none !important;opacity:0 !important;pointer-events:none !important}.contact .value__edit{pointer-events:all !important;width:100%}.contact .value__edit input,.contact .value__edit select{width:100%;border:1px solid var(--color_secondary_grey_02);border-radius:4px;outline:none;font-size:inherit}.contact .value__edit .button--repeater-add,.contact .value__edit .button--repeater-remove{padding:0;margin:0;border:0px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);transition:scale 350ms ease}.contact .value__edit .button--repeater-add:hover,.contact .value__edit .button--repeater-remove:hover{cursor:pointer;scale:1.1}.contact .value__edit .button--repeater-remove svg{width:15px;height:15px}.contact .value__edit.hidden{display:none !important;opacity:0 !important;pointer-events:none !important}.contact .hidden{display:none !important;opacity:0 !important;pointer-events:none !important}.contact .container{margin:0 auto}.contact .container .contact__main .section{width:100%;padding:24px 0}.contact .container .contact__main .section--bg{background-color:var(--color_secondary_grey_01)}.contact .container .contact__main .section .content{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.contact .container .contact__main .section .content .headline--hero{text-align:center}.contact .container .contact__main .section .content .card{background-color:#fff;border-radius:8px;padding:18px 22px;box-shadow:12px 47px 20px rgba(26,60,107,.01),7px 27px 17px rgba(26,60,107,.03),3px 12px 12px rgba(26,60,107,.04),1px 3px 7px rgba(26,60,107,.05)}.contact .container .contact__main .section .content .card--transparent{background-color:rgba(0,0,0,0);box-shadow:none}.contact .container .contact__main .section--hero .hero .hero__content{display:flex;gap:12px;align-items:center}.contact .container .contact__main .section--hero .hero .hero__content .hero__image{display:flex;align-items:center;justify-content:center;min-width:128px;width:128px;max-width:128px;min-height:128px;height:128px;max-height:128px;background-color:var(--c_white);border-radius:8px;overflow:hidden}.contact .container .contact__main .section--hero .hero .hero__content .hero__image .img__container{min-width:128px;width:128px;max-width:128px;min-height:128px;height:128px;max-height:128px}.contact .container .contact__main .section--hero .hero .hero__content .hero__image .img__container img{width:inherit;height:inherit;object-fit:cover}.contact .container .contact__main .section--hero .hero .hero__content .hero__data .contact__name{font-size:24px;display:flex;gap:6px;align-items:center;justify-content:flex-start}.contact .container .contact__main .section--hero .hero .hero__content .contact__email,.contact .container .contact__main .section--hero .hero .hero__content .contact__position{font-size:16px}.contact .container .contact__main .section--hero .hero .hero__content .button__container{display:flex;flex-direction:column;gap:8px;margin:0 0 auto auto}.contact .container .contact__main .section--hero .hero .hero__content .button__container .delete__container{align-items:center;justify-content:center}.contact .container .contact__main .section--hero .hero .hero__content .button__container .delete__container .confirm{display:flex;align-items:center;justify-content:center;gap:16px}.contact .container .contact__main .section--hero .hero .hero__content .button__container .delete__container .confirm .buttons{display:flex;align-items:center;justify-content:center;gap:8px}.contact .container .contact__main .section--hero .hero .hero__content .button__container .delete__container .active__hint{text-align:center}.contact .container .contact__main .section--mails .content .h2{font-size:24px}.contact .container .contact__main .section--mails .content .systemmails{display:flex;flex-direction:column;gap:8px}.contact .container .contact__main .section--slots .card{width:100%;max-width:800px;height:fit-content;padding:18px 22px;background-color:#fff;border-radius:8px;box-shadow:12px 47px 20px rgba(26,60,107,.01),7px 27px 17px rgba(26,60,107,.03),3px 12px 12px rgba(26,60,107,.04),1px 3px 7px rgba(26,60,107,.05)}.contact .container .contact__main .section--slots .card.disabled{pointer-events:none;position:relative}.contact .container .contact__main .section--slots .card.disabled::after{content:"Die Kalenderverwaltung ist ab dem 07.05 verfügbar";font-size:24px;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:8px;background-color:hsla(0,0%,100%,.75);width:100%;height:100%;backdrop-filter:blur(1px)}.contact .container .contact__main .section--slots .card.disabled .button--toggle-all{display:none}.contact .container .contact__main .section--slots .card.disabled .slot{opacity:.4;pointer-events:none}.contact .container .contact__main .section--slots .card .h2{font-size:24px}.contact .container .contact__main .section--slots .card .calendar{margin:0px 0px 32px 0px}.contact .container .contact__main .section--slots .card .contact__slots{display:flex;justify-content:space-around;gap:64px}.contact .container .contact__main .section--slots .card .contact__slots .free__slots,.contact .container .contact__main .section--slots .card .contact__slots .booked__slots{width:100%}.contact .container .contact__main .section--slots .card .contact__slots .slot__container{width:100%;max-width:800px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0px 0px 12px 0px}.contact .container .contact__main .section--slots .card .contact__slots .slot__container.disabled{opacity:.6;pointer-events:none}.contact .container .contact__main .section--slots .card .contact__slots .slot__container .slot{width:calc(50% - 6px);display:flex;justify-content:center;align-items:center;gap:6px;border:2px solid var(--color_primary_purple_01_50);border-radius:8px;padding:8px 16px;transition:color 350ms var(--cb),border-color 350ms var(--cb),background-color 350ms var(--cb)}.contact .container .contact__main .section--slots .card .contact__slots .slot__container .slot.disabled{opacity:.4;pointer-events:none}.contact .container .contact__main .section--slots .card .contact__slots .slot__container .slot:hover{cursor:pointer;background-color:var(--color_primary_purple_01_50);color:#fff}.contact .container .contact__main .section--slots .card .contact__slots .slot__container .slot:hover>*{cursor:pointer}.contact .container .contact__main .section--slots .card .contact__slots .slot__container .slot.selected{background-color:var(--color_primary_purple_01);border-color:var(--color_primary_purple_01)}.contact .container .contact__main .section--slots .card .contact__slots .slot__container .slot.selected label{color:#fff}.contact .container .contact__main .section--slots .card .contact__slots .slot__container .slot .slot__checkbox{display:none}.contact .container .contact__main .section--looking-for .contact__looking-for{padding:32px}.contact .container .contact__main .section--looking-for .contact__looking-for .h2{margin:0 0 12px}.contact .container .contact__main .section--looking-for .contact__looking-for .looking_for_whoom{width:100%;font-size:14px;display:flex;flex-direction:column;gap:12px}.contact .container .contact__main .section--looking-for .contact__looking-for .looking_for_whoom .knowledge__detail{display:flex;width:100%}.contact .container .contact__main .section--looking-for .contact__looking-for .looking_for_whoom .knowledge__detail .knowledge__label{width:100%}.contact .container .contact__main .section--looking-for .contact__looking-for .looking_for_whoom .knowledge__detail .knowledge__value{width:100%;display:flex;justify-content:flex-end;gap:6px}.contact .container .contact__main .section--looking-for .contact__looking-for .looking_for_whoom .knowledge__detail .knowledge__value .radio__buttons{display:flex;align-items:center;gap:8px;padding:0px 12px}.contact .container .contact__main .section--looking-for .contact__looking-for .looking_for_whoom .knowledge__detail .knowledge__value .radio__buttons input[type=radio]{appearance:none;margin:0;border:2px solid #000;width:13px;height:13px;border-radius:50%;display:flex;justify-content:center;align-items:center;pointer-events:none}.contact .container .contact__main .section--looking-for .contact__looking-for .looking_for_whoom .knowledge__detail .knowledge__value .radio__buttons input[type=radio]::after{content:"";width:6px;height:6px;background-color:var(--color_primary_purple_01);border-radius:50%;opacity:0;scale:0;transition:opacity 350ms ease,scale 350ms ease}.contact .container .contact__main .section--looking-for .contact__looking-for .looking_for_whoom .knowledge__detail .knowledge__value .radio__buttons input[type=radio]:hover{cursor:pointer}.contact .container .contact__main .section--looking-for .contact__looking-for .looking_for_whoom .knowledge__detail .knowledge__value .radio__buttons input[type=radio]:hover::after{opacity:1;scale:1}.contact .container .contact__main .section--looking-for .contact__looking-for .looking_for_whoom .knowledge__detail .knowledge__value .radio__buttons input[type=radio]:checked{border:2px solid var(--color_primary_purple_01)}.contact .container .contact__main .section--looking-for .contact__looking-for .looking_for_whoom .knowledge__detail .knowledge__value .radio__buttons input[type=radio]:checked::after{opacity:1;scale:2}