.zuschrift{background:var(--farbe-zelle);padding:var(--abstand-block) 0;scroll-margin-top:4rem}
.zuschrift__raster{display:grid;gap:clamp(3rem,2rem + 3vw,4.5rem)}
.zuschrift__gruende{display:grid;gap:clamp(5rem,4.5rem + 1vw,5.75rem);padding-top:3.5rem}
.zuschrift__grund{max-width:none;padding-top:clamp(4.25rem,3.9rem + 1vw,5rem)}
.zuschrift__grund .mass-stab__zeichen{width:clamp(6.5rem,6rem + 1.5vw,8rem);top:clamp(-4rem,-3rem - 1vw,-3.25rem)}
.zuschrift__grund .mass-stab__satz a,.zuschrift__hinweis a{color:var(--farbe-creme);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;text-decoration-color:var(--farbe-matt)}
.zuschrift__platte{order:-1;position:relative;overflow:hidden;align-self:start;display:grid;gap:1.5rem;padding:clamp(1.5rem,1rem + 2.5vw,3rem);border-radius:var(--radius-kadr);background:var(--farbe-feld);box-shadow:0 2rem 4rem -2rem rgba(8,2,4,.85)}
.zuschrift__titel{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem)}
.zuschrift__formular{display:grid;gap:1.25rem}
.zuschrift__feld{display:grid;gap:.45rem}
.zuschrift__etikett{font:700 1rem/1.3 var(--schrift-text);color:var(--farbe-sand)}
.zuschrift__eingabe{width:100%;min-height:3.25rem;padding:.8rem 1rem;border:2px solid var(--farbe-zelle-hoch);border-radius:var(--radius-knopf);background:var(--farbe-rahmen);color:var(--farbe-creme);font:600 1rem/1.4 var(--schrift-text);transition:border-color .25s ease,box-shadow .25s ease}
.zuschrift__eingabe:hover{border-color:var(--farbe-matt)}
.zuschrift__eingabe:focus{outline:none;border-color:var(--farbe-sand);box-shadow:0 0 0 4px rgba(246,211,173,.18)}
.zuschrift__auswahl{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--farbe-sand) 50%),linear-gradient(135deg,var(--farbe-sand) 50%,transparent 50%);background-position:calc(100% - 1.4rem) 50%,calc(100% - 1rem) 50%;background-size:.4rem .4rem;background-repeat:no-repeat;padding-right:2.75rem}
.zuschrift__text{min-height:10rem;resize:vertical}
.zuschrift__falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.zuschrift__hinweis{font:600 1rem/1.55 var(--schrift-text);color:var(--farbe-matt)}
.zuschrift__senden{justify-self:start;min-width:16.5rem}
.zuschrift__meldung{padding:1rem 1.25rem;border-radius:var(--radius-knopf);font:700 1rem/1.5 var(--schrift-text)}
.zuschrift__meldung--ok{background:var(--farbe-zelle-hoch);color:var(--farbe-creme)}
.zuschrift__meldung--fehler{background:var(--farbe-rosa);color:var(--farbe-feld)}
@media (min-width:40rem){
.zuschrift__formular{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}
.zuschrift__feld--breit,.zuschrift__hinweis,.zuschrift__senden{grid-column:1/-1}
}
@media (min-width:64rem){
.zuschrift__raster{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem}
.zuschrift__gruende{grid-column:1/6}
.zuschrift__platte{order:0;grid-column:7/13;position:relative}
.zuschrift__grund:nth-child(2){margin-left:clamp(1.5rem,3vw,3rem)}
}
.zuschrift__senden:disabled{opacity:.6;cursor:progress}
.zuschrift__meldung:focus{outline:none}
.zuschrift__antwort{position:absolute;inset:0;z-index:2;display:grid;align-content:center;justify-items:start;gap:1rem;padding:clamp(1.5rem,1rem + 2.5vw,3rem);background:radial-gradient(38rem 26rem at 100% 0%,rgba(246,211,173,.12),rgba(246,211,173,0) 70%),var(--farbe-feld);opacity:0;transform:translateY(.75rem);transition:opacity .45s ease,transform .45s var(--gang)}
.zuschrift__antwort[hidden]{display:none}
.zuschrift__antwort--sichtbar{opacity:1;transform:none}
.zuschrift__antwort-zeichen{display:none;place-items:center;width:3.75rem;height:3.75rem;border-radius:var(--radius-kadr);background:var(--farbe-sand);color:var(--farbe-feld);box-shadow:0 1rem 2rem -1rem rgba(8,2,4,.8)}
.zuschrift__antwort-zeichen svg{width:1.9rem;height:1.9rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.zuschrift__antwort--ok .zuschrift__antwort-zeichen--ok,.zuschrift__antwort--fehler .zuschrift__antwort-zeichen--fehler{display:grid}
.zuschrift__antwort--fehler .zuschrift__antwort-zeichen{background:var(--farbe-rosa)}
.zuschrift__antwort-titel{font:800 clamp(2rem,1.5rem + 2vw,2.75rem)/1 var(--schrift-weit);text-transform:uppercase;color:var(--farbe-creme)}
.zuschrift__antwort-titel:focus{outline:none}
.zuschrift__antwort-text{max-width:26rem;font:600 clamp(1.0625rem,1rem + .3vw,1.1875rem)/1.55 var(--schrift-text);color:var(--farbe-rose)}
.zuschrift__zurueck{margin-top:.5rem;padding:0;border:0;background:none;cursor:pointer}
.zuschrift__senden--laedt{cursor:progress}
.zuschrift__senden--laedt::before{content:"";width:1em;height:1em;margin-right:.6em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:zuschrift-dreh .8s linear infinite}
@keyframes zuschrift-dreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.zuschrift__antwort{transition:none;transform:none}.zuschrift__senden--laedt::before{animation:none}}