@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300 700;font-display:swap;src:url(CormorantGaramond-normal.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:300 700;font-display:swap;src:url(CormorantGaramond-italic.woff2) format("woff2")}.bs{--s: "Cormorant Garamond", Georgia, serif;--tinte: #1a1a1a;--grau: #555;--linie: #d8d2cb;--rose: #c97b6e;--rosee: #ecdbda;--rost: #8f463c;border:0;padding:0;background:transparent;overflow:visible;color:var(--tinte);width:min(760px,calc(100vw - 32px));max-width:none;max-height:none;margin:96px auto 24px}.bs::backdrop{background:#1a1a1a8c}.bs[open]{animation:bsAuf .35s ease}.bs p{margin:0}.bs button,.bs input,.bs textarea{font-family:inherit}.bs__karte{position:absolute;left:50%;top:-56px;transform:translate(-50%);z-index:3;width:min(460px,calc(100% - 32px));box-sizing:border-box;display:flex;gap:20px;align-items:center;padding:22px 26px 22px 22px;border-radius:28px;background:#ffffffb8;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(255,255,255,.7);box-shadow:0 22px 50px #1a1a1a38}.bs__foto{width:116px;height:116px;border-radius:50%;object-fit:cover;object-position:50% 22%;flex:none;border:4px solid #fff;display:block}.bs__foto.is-tanz{animation:bsWackel .6s ease-in-out 3}.bs__karte-text{display:flex;flex-direction:column;gap:8px;min-width:0}.bs__zitat{font-family:var(--s);font-style:italic;font-size:22px;line-height:1.2}.bs__zitat.is-neu{animation:bsEin .35s ease}.bs__wer{font-size:12px;color:#4a4340;letter-spacing:.04em}.bs__panel{position:relative;background:#fff;box-shadow:0 30px 80px #00000040;padding:150px 44px 32px;box-sizing:border-box;max-height:calc(100dvh - 120px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.bs__zu{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:transparent;font-size:28px;line-height:1;color:var(--grau);cursor:pointer;z-index:2}.bs__form{display:flex;flex-direction:column;gap:20px}.bs__form[hidden],.bs__fehler[hidden]{display:none}.bs__kopf{text-align:center;display:flex;flex-direction:column;gap:4px}.bs__kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rost)}.bs__h{margin:0;font-family:var(--s);font-weight:500;font-style:italic;font-size:38px;line-height:1.1}.bs__h--gross{font-size:46px}.bs__sterne-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.bs__sterne{display:flex;gap:6px}.bs__stern{width:56px;height:56px;padding:0;border:0;background:transparent;cursor:pointer;font-size:46px;line-height:1;color:#e0dbd5;transition:transform .15s,color .15s}.bs__stern:hover{transform:scale(1.15)}.bs__stern.is-an{color:var(--rose)}.bs__stern.is-pop{animation:bsPop .45s ease}.bs__stern:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.bs__reaktion{font-size:14px;color:var(--grau);min-height:20px;text-align:center}.bs__reaktion.is-neu{animation:bsEin .35s ease}.bs__feld{display:flex;flex-direction:column;gap:6px}.bs__feld label{font-size:13px;font-weight:600}.bs__feld label span{font-weight:400;color:var(--grau)}.bs__feld input,.bs__feld textarea{border:1px solid var(--linie);border-radius:0;padding:12px 14px;font-size:16px;line-height:1.5;color:var(--tinte);background:#fff;box-sizing:border-box;width:100%}.bs__feld input{height:48px;padding-top:0;padding-bottom:0}.bs__feld textarea{resize:vertical;min-height:110px}.bs__feld input:focus,.bs__feld textarea:focus{outline:2px solid var(--rose);outline-offset:1px}.bs__zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bs__foto-knopf{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px dashed #c9bfb4;background:#fff;cursor:pointer;font-size:13px;position:relative}.bs__foto-knopf.is-dabei{border-style:solid;border-color:var(--rose);background:#fbf6f5}.bs__foto-knopf:focus-within{outline:2px solid var(--rose);outline-offset:2px}.bs__foto-knopf input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.bs__fehler{font-size:13px;color:#a3362a;background:#fbeeec;padding:10px 12px}.bs__trust{font-size:12px;color:var(--grau);text-align:center}.bs__trust span:first-child{color:var(--rost);letter-spacing:1px}.bs__senden{min-height:52px;border:0;background:var(--tinte);color:#fff;font-size:14px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.bs__senden:disabled{background:#e0dbd5;color:#6f6f6f;cursor:not-allowed}.bs__senden--schmal{padding:0 28px;align-self:center}.bs__danke{position:relative;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;animation:bsEin .4s ease}.bs__danke[hidden]{display:none}.bs__danke-text{max-width:440px;font-size:15px;line-height:1.6;color:#333}.bs__herzen{position:absolute;top:-150px;right:-44px;bottom:-32px;left:-44px;overflow:hidden;pointer-events:none}.bs__herz{position:absolute;bottom:-20px;animation:bsHerz 3.2s ease-in infinite}@keyframes bsAuf{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes bsPop{0%{transform:scale(1)}40%{transform:scale(1.35) rotate(-8deg)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes bsEin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes bsWackel{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes bsHerz{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translateY(-560px) scale(1.1) rotate(25deg);opacity:0}}@media(prefers-reduced-motion:reduce){.bs[open],.bs__stern.is-pop,.bs__foto.is-tanz,.bs__herz,.bs__zitat.is-neu,.bs__reaktion.is-neu,.bs__danke{animation:none}}@media(max-width:640px){.bs{width:100vw;margin:auto 0 0}.bs[open]{animation:bsHoch .35s ease}.bs__panel{border-radius:16px 16px 0 0;padding:112px 16px 28px;max-height:calc(100dvh - 110px);overflow-y:auto;box-sizing:border-box}.bs__karte{top:-76px;width:calc(100% - 32px);gap:14px;padding:16px 18px 16px 14px;border-radius:24px}.bs__foto{width:88px;height:88px}.bs__zitat{font-size:19px}.bs__h{font-size:32px}.bs__h--gross{font-size:38px}.bs__stern{width:52px;height:52px;font-size:42px}.bs__zwei{grid-template-columns:minmax(0,1fr)}.bs__herzen{top:-112px;right:-16px;bottom:-28px;left:-16px}@keyframes bsHoch{0%{transform:translateY(100%)}to{transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/bewertung-schreiben.css.map */