/* ColorusAngebotDerWoche 1.1.1 – gleiche Maße und Schriftlogik wie die Vorteilsbox (Container-Einheiten). */
.ad-box{box-sizing:border-box;width:100%;aspect-ratio:0.715;container-type:inline-size;background:#fff;border:2px solid #89AD27;border-radius:6px;display:flex;color:#3F4144!important;text-align:left;overflow:hidden;position:relative;text-decoration:none!important}
.ad-innen{flex:1;display:flex;flex-direction:column;padding:6cqw 6.5cqw 6cqw;min-width:0}
.ad-kopf{flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;gap:3cqw}
.ad-titel{font-size:8.2cqw;line-height:1.02;font-weight:800;text-transform:uppercase;color:#4a5157;letter-spacing:.01em}
.ad-titel span{color:#89AD27;display:block}
.ad-bis{display:block;font-size:4.1cqw;color:#6b7680;margin-top:1.6cqw;font-weight:600;text-transform:none;letter-spacing:0}
.ad-badge{flex:0 0 19cqw;height:19cqw;border-radius:50%;background:#c0392b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:5.8cqw;line-height:1;white-space:nowrap;transform:rotate(-8deg);box-shadow:0 1cqw 2.5cqw rgba(0,0,0,.15)}
.ad-bild{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;margin:3cqw 0 2.5cqw}
.ad-bild img,.cms-block-image-desktop-mobile .ad-box .ad-bild img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain;display:block}
.ad-name{flex-shrink:0;font-size:4.6cqw;line-height:1.3;padding-bottom:.3em;font-weight:600;color:#3F4144;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1cqw}
.ad-zusatz{flex-shrink:0;font-size:3.6cqw;color:#6b7680;margin-bottom:1.6cqw}
.ad-preis{flex-shrink:0;display:flex;align-items:baseline;gap:3cqw;flex-wrap:wrap}
.ad-preis strong{font-size:10.5cqw;line-height:1;font-weight:800;color:#c0392b}
.ad-preis s{font-size:4.8cqw;color:#6b7680}
.ad-hinweis{flex-shrink:0;font-size:3.3cqw;color:#6b7680;margin:1.2cqw 0 3.2cqw}
.ad-knopf{flex-shrink:0;display:block;text-align:center;background:#89AD27;color:#fff;font-weight:700;font-size:5.2cqw;padding:3.6cqw 0;border-radius:4px}
.ad-box:hover .ad-knopf{background:#5E7A17}
.ad-handy{max-width:360px;margin:0 auto 12px}
.ad-testhinweis{position:absolute;left:0;bottom:0;background:#f0ad4e;color:#000;font-size:3.5cqw;padding:.6cqw 2cqw;border-top-right-radius:4px}

/* 1.1.0: Hinweis auf der Produktseite des Angebots */
.ad-pdp{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 8px;padding:6px 10px;border-radius:6px;background:#fdecea;border:1px solid #f3c2bc;font-size:14px;line-height:1.3;color:#3F4144}
.ad-pdp-marke{font-weight:800;color:#c0392b}
.ad-pdp-bis{font-weight:600}
.ad-pdp-rabatt{color:#6b7680;font-size:13px}

/* 1.1.0: Hinweisfenster (Desktop mittig mit Abdunklung, Handy als Karte von unten ohne Abdunklung) */
.ad-fenster{position:fixed;inset:0;z-index:1080;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .2s}
.ad-fenster.ist-offen{opacity:1}
.ad-dialog{position:relative;background:#fff;border-radius:10px;width:min(560px,100%);box-shadow:0 12px 40px rgba(0,0,0,.25);overflow:hidden;border:2px solid #89AD27}
.ad-zu{position:absolute;top:6px;right:8px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:26px;line-height:1;color:#3F4144;cursor:pointer}
.ad-dialog-link{display:flex;gap:18px;padding:22px;color:#3F4144!important;text-decoration:none!important}
.ad-dialog-bild{position:relative;flex:0 0 42%;display:flex;align-items:center;justify-content:center}
.ad-dialog-bild img{max-width:100%;max-height:220px;object-fit:contain;display:block}
.ad-badge.ad-badge-klein{position:absolute;top:-6px;left:-6px;width:58px;height:58px;font-size:16px}
.ad-dialog-text{flex:1;min-width:0;display:flex;flex-direction:column;padding-right:26px}
.ad-dialog-titel{font-size:22px;line-height:1.05;font-weight:800;text-transform:uppercase;color:#4a5157}
.ad-dialog-titel span{color:#89AD27}
.ad-dialog-bis{font-size:14px;color:#6b7680;font-weight:600;margin:4px 0 10px}
.ad-dialog-name{font-size:15px;font-weight:600;line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ad-dialog .ad-preis strong{font-size:30px}
.ad-dialog .ad-preis s{font-size:15px}
.ad-dialog .ad-hinweis{font-size:11.5px;margin:4px 0 12px}
.ad-dialog .ad-knopf{font-size:17px;padding:11px 0;margin-top:auto}
.ad-dialog .ad-testhinweis{font-size:12px;padding:2px 8px}
.ad-fenster-handy{background:transparent;align-items:flex-end;padding:0 10px calc(10px + env(safe-area-inset-bottom));pointer-events:none}
.ad-fenster-handy .ad-dialog{pointer-events:auto;width:100%;transform:translateY(110%);transition:transform .25s ease-out}
.ad-fenster-handy.ist-offen .ad-dialog{transform:none}
.ad-fenster-handy .ad-dialog-link{padding:14px 44px 14px 14px;gap:12px}
.ad-fenster-handy .ad-dialog-bild{flex:0 0 30%}
.ad-fenster-handy .ad-dialog-bild img{max-height:110px}
.ad-fenster-handy .ad-badge.ad-badge-klein{width:44px;height:44px;font-size:12px}
.ad-fenster-handy .ad-dialog-titel{font-size:17px}
.ad-fenster-handy .ad-dialog-bis{font-size:12px;margin:2px 0 4px}
.ad-fenster-handy .ad-dialog-name{font-size:13px;-webkit-line-clamp:2;margin-bottom:4px}
.ad-fenster-handy .ad-preis strong{font-size:22px}
.ad-fenster-handy .ad-hinweis{font-size:10.5px;margin:2px 0 4px}
.ad-fenster-handy .ad-knopf{font-size:15px;padding:8px 0;margin-top:6px}

/* Chat-Symbol und Google-Abzeichen während des Angebotsfensters aus */
body.ad-fenster-offen #google-merchantwidget-iframe-wrapper, body.ad-fenster-offen iframe[title*="chat" i], body.ad-fenster-offen .widget-visible{display:none!important}