.schona-form{width:100%;max-width:760px;margin-inline:auto}.schona-form label,.schona-form small{display:block}.schona-form input:not([type=checkbox]):not([type=hidden]),.schona-form select,.schona-form textarea{box-sizing:border-box;width:100%;max-width:100%;font:inherit;padding:.65em;border:1px solid #777;border-radius:4px;background:#fff;color:#171717}.schona-form label{margin-bottom:.3em;font-weight:600}.schona-form label span,.schona-form legend span{font-weight:400}.schona-form small{margin-top:.4em;font-size:.82em;line-height:1.55}.schona-form fieldset{margin:1.5em 0;padding:1em;min-width:0;border:1px solid #aaa}.schona-drawing{display:block;width:100%;height:auto;aspect-ratio:3/2;touch-action:none;border:1px solid #777;background:white;margin-block:.75em}.schona-form .schona-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.schona-consent label{display:flex;gap:.6em;align-items:flex-start}.schona-consent input{margin-top:.35em}.schona-form button,.schona-rating button,.schona-email button{font:inherit;padding:.55em .85em;border:1px solid currentColor;border-radius:4px;cursor:pointer;background:transparent;color:inherit}.schona-form button:focus-visible,.schona-rating button:focus-visible,.schona-email button:focus-visible{outline:3px solid currentColor;outline-offset:3px}.schona-rating{display:flex;flex-wrap:wrap;gap:.6em;align-items:center;margin-block:1em}.schona-rating button span{display:inline-block;margin-left:.6em;font-weight:bold}.schona-rating button:disabled,.schona-form button:disabled{opacity:.65;cursor:wait}.schona-vote-status{flex-basis:100%;font-size:.85em}.schona-form-status{font-weight:600}.schona-test-note{font-size:.85em;padding:.75em;background:#f5f1e7}.schona-drawing-status{font-size:.85em;display:block;margin-top:.5em}


/* Silberne Designprobe nach der eigenen Simple-Like-Dislike-Referenz. */
body .schona-rating.schona-rating-metal{gap:8px;margin-block:12px;font-family:Arial,sans-serif;isolation:isolate}
body .schona-rating.schona-rating-metal .schona-vote-metal{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;box-sizing:border-box;min-width:130px;min-height:44px;padding:6px 14px;border:1px solid #999;border-radius:8px;background:radial-gradient(circle at var(--gloss-x,50%) var(--gloss-y,20%),#ffffffb3,transparent 40%),linear-gradient(#d9d9d9,#bfbfbf);color:#3c3939;font:600 14px/1.2 Arial,sans-serif;text-shadow:.5px .5px .5px #ffffff66,-.5px -.5px .5px #00000040;box-shadow:inset 0 1px 0 #ffffffcc,0 3px 6px #00000040;cursor:pointer;overflow:visible;transition:transform .1s ease,box-shadow .1s ease}
body .schona-rating.schona-rating-metal .schona-vote-metal:hover{background:radial-gradient(circle at var(--gloss-x,50%) var(--gloss-y,20%),#ffffffbf,transparent 40%),linear-gradient(#cfcfcf,#a9a9a9);color:#3c3939;border-color:#999;box-shadow:inset 0 1px 0 #ffffffe6,0 4px 8px #0000004d;transform:scale(1.02)}
body .schona-rating.schona-rating-metal .schona-vote-metal:active{background:linear-gradient(#b5b5b5,#9c9c9c);transform:translateY(1px);box-shadow:inset 0 2px 4px #00000059}
body .schona-rating.schona-rating-metal .schona-vote-metal:focus-visible{outline:3px solid var(--wp--preset--color--accent-1,#07566d);outline-offset:4px;z-index:2}
body .schona-rating.schona-rating-metal .schona-vote-metal>span{display:block;margin:0;color:inherit;font-weight:600}
body .schona-rating.schona-rating-metal .schona-vote-icon{width:18px;height:18px;fill:currentColor;justify-self:start;filter:drop-shadow(.5px .5px .3px #ffffff66)}
body .schona-rating.schona-rating-metal [data-schona-vote="dislike"] .schona-vote-icon{transform:rotate(180deg)}
body .schona-rating.schona-rating-metal .schona-vote-metal .schona-vote-separator{justify-self:center;margin:0 8px}
body .schona-rating.schona-rating-metal .schona-vote-count{min-width:28px;text-align:center;justify-self:center;font-variant-numeric:tabular-nums}
body .schona-rating.schona-rating-metal .schona-vote-metal::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);background:linear-gradient(#f2f2f2,#d9d9d9);color:#3c3939;padding:5px 8px;border:1px solid #999;border-radius:6px;font:12px/1.4 Arial,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 2px 4px #00000040;transition:opacity .2s ease,transform .2s ease;z-index:4;text-shadow:none}
body .schona-rating.schona-rating-metal .schona-vote-metal::before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;border:6px solid transparent;border-bottom:0;border-top-color:#d9d9d9;opacity:0;transform:translateX(-50%) translateY(6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}
body .schona-rating.schona-rating-metal .schona-vote-metal:is(:hover,:focus-visible)::after,body .schona-rating.schona-rating-metal .schona-vote-metal:is(:hover,:focus-visible)::before{opacity:1;transform:translateX(-50%)}
body .schona-rating.schona-rating-metal .schona-vote-metal[aria-disabled="true"]{cursor:wait;box-shadow:inset 0 1px 0 #ffffffcc,0 1px 3px #00000033;transform:none}
body .schona-rating.schona-rating-metal .schona-vote-metal .schona-vote-feedback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#fffffff2;color:#3c3939;font:600 14px/1.2 Arial,sans-serif;text-shadow:none;opacity:0;transform:scale(.9);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
body .schona-rating.schona-rating-metal .schona-vote-feedback.is-visible{opacity:1;transform:scale(1)}
body .schona-rating.schona-rating-metal .schona-vote-status{font:14px/1.5 Arial,sans-serif}
body .schona-rating.schona-rating-metal .schona-vote-status:empty{display:none}
@media (hover:none){body .schona-rating.schona-rating-metal .schona-vote-metal:hover{transform:none}}
@media (prefers-reduced-motion:reduce){body .schona-rating.schona-rating-metal .schona-vote-metal,body .schona-rating.schona-rating-metal .schona-vote-metal::after,body .schona-rating.schona-rating-metal .schona-vote-metal::before,body .schona-rating.schona-rating-metal .schona-vote-feedback{transition:none!important;transform:none!important}body .schona-rating.schona-rating-metal .schona-vote-metal::after,body .schona-rating.schona-rating-metal .schona-vote-metal::before{transform:translateX(-50%)!important}}


/* Zeichenwerkzeuge – nur der Zeichenbereich, keine Änderung der Seitenbreite. */
.schona-form .schona-drawing-toolbar,.schona-form .schona-drawing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.schona-form .schona-drawing-toolbar button,.schona-form .schona-drawing-actions button{min-height:44px;font-size:14px;line-height:1.3;background:#fff;color:#292D30;border:1px solid #D8D0C8;padding:10px 13px}
.schona-form .schona-drawing-toolbar button[aria-pressed=true]{background:#AF1A19;color:white;border-color:#AF1A19}
.schona-form .schona-drawing-toolbar button:hover:not(:disabled),.schona-form .schona-drawing-actions button:hover{border-color:#AF1A19}
.schona-form .schona-drawing-toolbar button:disabled{opacity:.45;cursor:not-allowed}
.schona-form .schona-drawing-toolbar .schona-drawing-size{display:flex;align-items:center;gap:8px;font-size:14px;margin:0;font-weight:400}
.schona-form .schona-drawing-toolbar select{width:auto;min-height:44px;font-size:14px;padding:8px}
.schona-drawing{cursor:crosshair;user-select:none;-webkit-user-select:none}
.schona-drawing[data-tool=eraser]{cursor:cell}
.schona-form .schona-drawing-dialog{box-sizing:border-box;width:min(1200px,96vw);max-width:96vw;max-height:96dvh;padding:16px;border:1px solid #D8D0C8;border-radius:8px;background:#F8F5F0;color:#292D30;overflow:auto}
.schona-drawing-dialog::backdrop{background:#24282bcc}
.schona-form .schona-drawing-dialog fieldset{margin:0;padding:12px}
.schona-drawing-dialog .schona-drawing{width:min(100%,calc((100dvh - 190px)*1.5));max-width:100%;height:auto;margin-inline:auto}
.schona-drawing-dialog #schona-drawing-help{display:none}
.schona-form .schona-clear-dialog{box-sizing:border-box;max-width:min(480px,94vw);padding:24px;border:1px solid #D8D0C8;border-radius:8px;background:#F8F5F0;color:#292D30}
.schona-clear-dialog::backdrop{background:#24282bcc}
.schona-form .schona-clear-dialog h2{font-size:22px;margin:0 0 12px}
.schona-form .schona-clear-dialog p{font-size:16px;line-height:1.5}
.schona-form .schona-clear-dialog button{font-size:14px;margin:6px 8px 0 0;min-height:44px}
@media(max-width:600px){.schona-form .schona-drawing-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0;padding:8px}.schona-form .schona-drawing-dialog fieldset{padding:8px}.schona-drawing-dialog .schona-drawing{width:100%}.schona-form .schona-drawing-toolbar,.schona-form .schona-drawing-actions{gap:6px}.schona-form .schona-drawing-toolbar button,.schona-form .schona-drawing-actions button{font-size:13px;padding:9px 11px}}
