.wibe-battle-detail { box-sizing: border-box; color: #222; font-family: "Roboto", Arial, sans-serif; margin: 0 auto; max-width: 1290px; min-width: 0; padding: 28px 15px 72px; }
.wibe-battle-detail * { box-sizing: border-box; }
.wibe-battle-detail__header { text-align: center; }
.wibe-battle-detail__eyebrow { color: #15879e; font-size: clamp(1rem, 2vw, 1.25rem); font-weight: 800; letter-spacing: .14em; margin: 0 0 8px; }
.wibe-battle-detail__title { font-size: clamp(2rem, 5vw, 4.1rem); hyphens: none; line-height: 1.04; margin: 0 auto 10px; max-width: 1050px; overflow-wrap: normal; text-align: center; white-space: normal; word-break: normal; }
.wibe-battle-detail__date { display: block; font-size: clamp(1rem, 2vw, 1.25rem); margin-bottom: 26px; }
.wibe-battle-detail__visual { margin: 0; position: relative; }
.wibe-battle-detail__image { display: block; height: auto; max-width: 100%; width: 100%; }
.wibe-battle-detail__score { align-items: center; color: #111; display: flex; font-family: "Arial Narrow", "Roboto Condensed", "Roboto", Arial, sans-serif; font-size: clamp(1rem, 5.4vw, 4.25rem); font-variant-numeric: tabular-nums; font-weight: 900; justify-content: center; left: 23.3%; line-height: 1; position: absolute; top: 10.7%; transform: translate(-50%, -50%); }
.wibe-battle-detail__score--contra { left: 76.5%; }
.wibe-battle-detail__survey { margin: 24px auto 0; min-width: 0; }
.wibe-battle-detail__battle-stage { background-color: #dce5e8; background-image: url("/images/2018/09/28/fragen-und-antworten2.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; clip-path: polygon(0 80px, 100% 0, 100% calc(100% - 80px), 0 100%); margin: 38px calc(50% - var(--wibe-battle-viewport-half, 50vw)) -72px; min-width: 0; overflow: hidden; padding: 130px 3px 150px; width: var(--wibe-battle-viewport-width, 100vw); }
.wibe-battle-detail__battle-inner { background: rgba(255, 255, 255, 0.72); border-radius: 4px; margin: 0 auto; max-width: 1290px; min-width: 0; padding: 28px 10px; width: calc(100% - 70px); }
.wibe-battle-detail__opinion-title { color: #15879e; font-size: clamp(1.75rem, 3vw, 2.35rem); font-weight: 700; line-height: 1.2; margin: 0 0 24px; text-align: center; }
.wibe-battle-detail__positions-hint { box-sizing: border-box; color: #5f6368; display: block; font-size: clamp(.84rem, 1.25vw, 1rem); font-weight: 400; line-height: 1.45; margin: -12px auto 20px; text-align: center; width: 100%; }
.wibe-battle-detail__sides { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
.wibe-battle-detail__side { align-items: center; border: 0; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font: inherit; font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: 800; justify-content: center; min-height: 58px; min-width: 0; padding: 12px 18px; text-align: center; transition: filter .18s ease, box-shadow .18s ease; width: 100%; }
.wibe-battle-detail__side--pro { background: #3fa535; }
.wibe-battle-detail__side--contra { background: #dc0000; }
.wibe-battle-detail__side:hover { filter: brightness(.94); }
.wibe-battle-detail__side:focus-visible { outline: 3px solid #005fcc; outline-offset: 3px; position: relative; z-index: 1; }
.wibe-battle-detail__side[aria-expanded="true"] { box-shadow: inset 0 -5px 0 rgba(0,0,0,.25); }
.wibe-battle-detail__statements { margin-top: 14px; }
.wibe-battle-detail__statement { background: rgba(255, 255, 255, 0.94); border: 1px solid #d6d6d6; border-radius: 4px; overflow-wrap: anywhere; padding: clamp(16px, 2.4vw, 26px); }
.wibe-battle-detail__statement[hidden] { display: none; }
.wibe-battle-detail__statement-title { font-size: clamp(1.3rem, 2.5vw, 1.8rem); margin: 0 0 14px; }
.wibe-battle-detail__statement-subtitle { color: #5f6368; font-size: .92rem; font-style: italic; font-weight: 400; margin: -7px 0 16px; }
.wibe-battle-detail__statement--collection .wibe-battle-detail__statement-subtitle { font-weight: 700; }
.wibe-battle-detail__statement--collection .wibe-battle-detail__statement-notice { color: #4f5558; font-style: italic; line-height: 1.55; margin: 0 0 20px; }
.wibe-battle-detail__statement-content > :first-child { margin-top: 0; }
.wibe-battle-detail__statement-content > :last-child { margin-bottom: 0; }
.wibe-battle-detail__statement-source { font-size: .9rem; margin: 18px 0 0; }
.wibe-battle-detail__positions { border-top: 1px solid #c7c7c7; margin-top: 24px; min-width: 0; padding-top: 20px; width: 100%; }
.wibe-battle-detail__positions-title { font-size: clamp(1.15rem, 2vw, 1.5rem); line-height: 1.25; margin: 0 0 14px; text-align: left; }
.wibe-battle-detail__positions-missing { background: #f5f5f5; border-left: 4px solid #15879e; margin: 0; padding: 14px 16px; }
.wibe-battle-detail__position-item + .wibe-battle-detail__position-item { margin-top: 8px; }
.wibe-battle-detail__position-trigger { align-items: center; background: rgba(255,255,255,.96); border: 1px solid #b9c5c9; color: #222; cursor: pointer; display: flex; font: inherit; font-weight: 700; justify-content: space-between; line-height: 1.3; min-height: 48px; padding: 13px 15px; text-align: left; width: 100%; }
.wibe-battle-detail__position-trigger::after { content: "+"; flex: 0 0 auto; font-size: 22px; margin-left: 12px; }
.wibe-battle-detail__position-trigger[aria-expanded="true"]::after { content: "−"; }
.wibe-battle-detail__position-trigger:hover { background: #f4fafb; }
.wibe-battle-detail__position-trigger:focus-visible { outline: 3px solid #005fcc; outline-offset: 2px; }
.wibe-battle-detail__position-panel { background: rgba(255,255,255,.98); border: 1px solid #b9c5c9; border-top: 0; overflow-wrap: anywhere; padding: 14px 16px; }
.wibe-battle-detail__position-panel[hidden] { display: none; }
.wibe-battle-detail__position-panel > :first-child { margin-top: 0; }
.wibe-battle-detail__position-panel > :last-child { margin-bottom: 0; }
.wibe-battle-detail__pdf { align-items: center; background: #222; border-radius: 6px; color: #fff; display: inline-flex; font-weight: 700; justify-content: center; margin-top: 18px; max-width: 100%; min-height: 44px; overflow-wrap: anywhere; padding: 10px 15px; text-align: center; text-decoration: none; transition: background-color .18s ease; }
.wibe-battle-detail__pdf:hover { background: #3b3b3b; color: #fff; }
.wibe-battle-detail__pdf:focus-visible { outline: 3px solid #005fcc; outline-offset: 3px; }
.wibe-battle-detail__mail-share { align-items: center; background: #15879e; border: 0; border-radius: 6px; color: #fff; cursor: pointer; display: inline-flex; font: inherit; font-weight: 700; justify-content: center; margin: 18px 0 0 10px; max-width: 100%; min-height: 44px; overflow-wrap: anywhere; padding: 10px 15px; text-align: center; }
.wibe-battle-detail__mail-share:hover { background: #106f82; }
.wibe-battle-detail__mail-share:focus-visible { outline: 3px solid #005fcc; outline-offset: 3px; }
.wibe-battle-mail-open { overflow: hidden !important; }
.wibe-battle-mail__backdrop { align-items: center; background: rgba(0,0,0,.62); display: flex; inset: 0; justify-content: center; overscroll-behavior: contain; padding: 24px; position: fixed; z-index: 2147483000; }
.wibe-battle-mail { background: #fff; border-radius: 8px; box-shadow: 0 14px 50px rgba(0,0,0,.34); max-height: calc(100vh - 48px); max-width: 900px; overflow-x: hidden; overflow-y: auto; padding: 24px; position: relative; width: 88vw; z-index: 1; }
.wibe-battle-mail, .wibe-battle-mail * { box-sizing: border-box; }
.wibe-battle-mail__close { background: transparent; border: 0; color: #222; cursor: pointer; font-size: 2rem; line-height: 1; min-height: 44px; min-width: 44px; position: absolute; right: 8px; top: 8px; }
.wibe-battle-mail__title { color: #15879e; font-size: clamp(1.35rem,3vw,2rem); margin: 0 50px 18px 0; }
.wibe-battle-mail__status { background: #eef8fa; border-left: 4px solid #15879e; margin: 0 0 16px; overflow-wrap: anywhere; padding: 10px 12px; }
.wibe-battle-mail__status:empty { display: none; }
.wibe-battle-mail__status--error { background: #fff0f0; border-color: #dc0000; }
.wibe-battle-mail__form { display: grid; gap: 14px; }
.wibe-battle-mail__field { display: grid; font-weight: 700; gap: 5px; min-width: 0; }
.wibe-battle-mail__field input, .wibe-battle-mail__field textarea { border: 1px solid #777; border-radius: 4px; font: inherit; max-width: 100%; min-height: 44px; padding: 9px 10px; width: 100%; }
.wibe-battle-mail__field textarea { min-height: 110px; resize: vertical; }
.wibe-battle-mail__recipient { border: 1px solid #ccc; border-radius: 6px; display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; min-width: 0; padding: 14px; }
.wibe-battle-mail__recipient legend { font-weight: 800; padding: 0 5px; }
.wibe-battle-mail__salutations { display: flex; gap: 22px; grid-column: 1/-1; }
.wibe-battle-mail__salutations label { align-items: center; display: flex; min-height: 44px; }
.wibe-battle-mail__relay, .wibe-battle-mail__verify-hint, .wibe-battle-mail__quota, .wibe-battle-mail__notice { margin: 0; }
.wibe-battle-mail__guard-hint { color: #555; font-size: .82rem; font-weight: 400; }
.wibe-battle-mail__honeypot { height: 1px; left: -10000px; overflow: hidden; position: absolute; width: 1px; }
.wibe-battle-mail__primary, .wibe-battle-mail__secondary { border: 0; border-radius: 6px; cursor: pointer; font: inherit; font-weight: 800; min-height: 46px; padding: 10px 16px; }
.wibe-battle-mail__primary { background: #15879e; color: #fff; }
.wibe-battle-mail__secondary { background: #dfdfdf; color: #222; }
.wibe-battle-mail__primary:disabled { cursor: not-allowed; opacity: .5; }
.wibe-battle-mail__primary:focus-visible, .wibe-battle-mail__secondary:focus-visible, .wibe-battle-mail__close:focus-visible { outline: 3px solid #005fcc; outline-offset: 2px; }
.wibe-battle-mail__preview { border-top: 1px solid #ccc; margin-top: 16px; padding-top: 12px; }
.wibe-battle-mail__preview iframe { border: 1px solid #ccc; height: 330px; max-width: 100%; width: 100%; }
.wibe-battle-mail__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.wibe-battle-mail__success { color: #267a20; font-size: 1.15rem; font-weight: 800; }
@media (max-width: 1399px) { .wibe-battle-detail__battle-inner { max-width: 1110px; } }
@media (max-width: 1199px) { .wibe-battle-detail__battle-inner { max-width: 930px; } }
@media (max-width: 1024px) {
  .wibe-battle-detail__battle-stage { background-attachment: scroll; clip-path: polygon(0 40px, 100% 0, 100% calc(100% - 40px), 0 100%); padding-bottom: 100px; padding-top: 80px; }
}
@media (max-width: 991px) { .wibe-battle-detail__battle-inner { max-width: 690px; } }
@media (max-width: 767px) { .wibe-battle-detail__battle-inner { max-width: 510px; } }
@media (max-width: 760px) {
  .wibe-battle-detail { padding-left: 10px; padding-right: 10px; }
  .wibe-battle-detail__title { font-size: clamp(1.75rem, 9vw, 3rem); letter-spacing: -.02em; max-width: none; width: 100%; }
  .wibe-battle-detail__date { margin-bottom: 18px; }
  .wibe-battle-detail__survey { margin-top: 16px; }
  .wibe-battle-detail__battle-stage { margin-top: 28px; }
  .wibe-battle-detail__battle-inner { padding: 20px 10px; }
  .wibe-battle-detail__opinion-title { margin-bottom: 18px; }
  .wibe-battle-detail__side { min-height: 50px; padding: 10px 8px; }
  .wibe-battle-detail__positions-hint { font-size: .84rem; margin: -6px auto 16px; padding: 0 4px; }
  .wibe-battle-detail__position-trigger { min-height: 44px; padding: 11px 12px; }
  .wibe-battle-detail__mail-share { display: flex; margin-left: 0; width: 100%; }
  .wibe-battle-mail__backdrop { align-items: stretch; padding: 8px; }
  .wibe-battle-mail { border-radius: 5px; max-height: calc(100vh - 16px); padding: 18px 12px; width: calc(100vw - 16px); }
  .wibe-battle-mail__recipient { grid-template-columns: 1fr; padding: 10px; }
  .wibe-battle-mail__salutations { grid-column: 1; }
}
@media (max-width: 575px) { .wibe-battle-detail__battle-inner { max-width: none; width: calc(100% - 20px); } }
@media (prefers-reduced-motion: reduce) { .wibe-battle-detail__battle-stage { background-attachment: scroll; } }