html,body{margin:0;padding:0;background:transparent}
.r24-widget{box-sizing:border-box;width:100%;font-family:Arial,Helvetica,sans-serif;color:#191919;background:#fff;container-type:inline-size;border:1px solid #dedede}
.r24-widget *{box-sizing:border-box}
.r24-widget [hidden]{display:none!important}
.r24-form{margin:0}
.r24-main{display:grid;grid-template-columns:minmax(0,1fr)}
.r24-widget.has-image .r24-main{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
.r24-content{min-width:0;padding:16px 16px 12px}
.r24-ribbon{display:inline-block;background:#bb111b;color:white;font-size:12px;font-weight:800;letter-spacing:.5px;padding:6px 12px;transform:skew(-10deg);margin:0 0 12px 2px;max-width:calc(100% - 4px)}
.r24-ribbon span{display:block;transform:skew(10deg);overflow-wrap:anywhere}
.r24-question{font-size:23px;line-height:1.16;font-weight:800;margin:0 0 15px;overflow-wrap:anywhere}
.r24-options{display:grid;gap:10px}
.r24-answer{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.35;cursor:pointer;overflow-wrap:anywhere}
.r24-answer input{margin:2px 0 0;accent-color:#bb111b;flex:none}
.r24-answer span{min-width:0}
.r24-figure{margin:0;padding:0;align-self:start;aspect-ratio:3/4;overflow:hidden;background:#eee}
.r24-image{display:block;width:100%;height:100%;object-fit:cover}
.r24-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #eee}
.r24-submit{border:0;border-radius:0;padding:10px 14px;background:#bb111b;color:#fff;font-size:12px;font-weight:800;cursor:pointer}
.r24-submit:disabled{opacity:.6;cursor:default}
.r24-submit span{margin-left:12px;font-size:17px}
.r24-count{font-size:11px;color:#666;text-align:right}
.r24-note{font-size:11px;line-height:1.4;color:#666;padding:0 16px 12px;margin:0}
.r24-result-label{display:flex;justify-content:space-between;gap:8px;font-size:13px;line-height:1.3;margin-bottom:5px;overflow-wrap:anywhere}
.r24-result-label span:first-child{min-width:0}
.r24-result-label span:last-child{flex:none;font-weight:bold}
.r24-track{height:7px;background:#eee;overflow:hidden}
.r24-bar{height:100%;background:#bb111b}
@container (max-width:360px){
.r24-content{padding:12px}
.r24-question{font-size:19px}
.r24-answer{font-size:12px;gap:6px}
.r24-ribbon{font-size:10px;padding:5px 8px}
.r24-footer{padding:10px 12px;gap:6px}
.r24-submit{padding:9px 10px;font-size:11px}
.r24-count{font-size:10px}
.r24-result-label{font-size:11px}
}
@container (max-width:260px){
.r24-widget.has-image .r24-main{grid-template-columns:minmax(0,1fr)}
.r24-figure{width:100px;margin:0 12px 12px;justify-self:end}
}

.r24-privacy{font-size:11px;line-height:1.4;text-align:right;margin:0;padding:0 16px 12px}
.r24-privacy a{color:#666;text-decoration:underline}
.r24-privacy a:hover{color:#333}

/* Hinweis und Datenschutzlink in einer gemeinsamen Zeile. */
.r24-info-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) max-content;
    align-items:end;
    column-gap:12px;
}
.r24-preview-info{padding:0 16px 12px}
.r24-info-row .r24-note{
    grid-column:1;
    min-width:0;
    margin:0;
    padding:0;
}
.r24-info-row .r24-privacy{
    grid-column:2;
    align-self:end;
    margin:0;
    padding:0;
    font-size:11px;
    line-height:1.4;
    white-space:nowrap;
    text-align:right;
}
.r24-tools .r24-public-info{
    margin:6px 0;
}
.r24-tools .r24-public-info #r24-storage-note{
    grid-column:1;
    min-width:0;
    margin:0;
}
.r24-tools .r24-info-row .r24-privacy{
    margin:0;
}
.r24-tools .r24-info-row .r24-privacy a{
    font-size:11px;
    line-height:1.4;
}

/* Eigene Antwort: deutliche grafische Hervorhebung. */
.r24-widget .r24-own{
    background:#fde8ea;
    border-left:3px solid #bb111b;
    padding:9px 10px;
}

/* Stimmenzahl unter dem Widgetbild. */
.r24-media{min-width:0;align-self:start}
.r24-media .r24-count{
    display:block;
    margin:0;
    padding:16px 16px 12px 0;
    line-height:1.4;
    text-align:right;
}
@container (max-width:360px){
    .r24-media .r24-count{padding-right:12px}
}
@container (max-width:260px){
    .r24-media{width:100%}
    .r24-media .r24-figure{
        width:100px;
        margin:0 12px 0 auto;
    }
}
