/* Jahrestagung 2023 Livestream-Seite */
body.jahrestagung-2023.live .aside-below iframe { border-bottom: 30px solid #fff !important; }
body.jahrestagung-2023.live iframe { box-sizing: border-box; }
body.jahrestagung-2023.live .col-content>a {display: none; }
body.jahrestagung-2023.live .col-content .fsc-element:first-of-type .zw-titel p {margin-top: 0; }

.dbb-poll { position: relative; padding: 0 1.7em 2.1em; }

.dbb-poll .center {display: flex;justify-content: center;align-items: center;margin:30px 0;}

.dbb-poll .media img {width:100%;height:auto;}

.dbb-poll .progress {text-align:center; color:#fff;background-color: var(--cdPink);margin-bottom: 30px;font-size:17px; padding: 5px 0; display:block;}

.dbb-poll button {color:#fff; border:none;background-color:var(--cdPink);padding:14px 40px;cursor:pointer;font:1em var(--fontText); text-transform: uppercase;}
.dbb-poll button:not(.b-disabled):hover {background-color:var(--contentBlue); transition: background-color, color, 350ms;}

.dbb-poll input[type=text], .dbb-poll textarea { font: 17px var(--fontText), sans-serif; }

.dbb-poll input[type=text] { width:100%; }

.dbb-poll textarea { width:100%; min-height:100px; }

.dbb-poll .bottom {display: grid; grid-template-columns: 20% 60% 20%;}

.dbb-poll a.back:before {font-family: var(--fontAwesome); font-weight: 600;content: "\f137";color: var(--contentBlueDark);font-size:30px;}

.dbb-poll.result ul.individual-answers li { padding: 2px 3px; }

.dbb-poll.result ul.individual-answers li:hover { background-color: var(--contentBlueDark); opacity: 0.8; transition: 0.3s; }

.dbb-poll.result a.refresh-page { position:absolute; right:1em; top:1em; padding: 5px 7px; color:#fff; }

.dbb-poll.result a.refresh-page:before {font-family: var(--fontAwesome); font-weight: 600; content: "\f021"; font-size:20px;}

.dbb-poll a.delete-answer:before {font-family: var(--fontAwesome); font-weight: 600; content: "\f1f8"; font-size:20px;}

.dbb-poll a.delete-answer { margin-left:7px; color:#fff; }

.dbb-poll a.delete-answer:hover { color: var(--cdPink); }

.dbb-poll .pages {text-align:center;font-size:21px;margin-bottom:14px;}

.dbb-poll button:disabled {opacity: 0.35;}

.dbb-poll .form-control {display: grid;grid-template-columns: 2em auto; gap: 0.5em;padding-bottom:5px;}

.dbb-poll .form-control + .form-control {margin-top: 1em;}

.dbb-poll .form-control:focus-within {color: var(--fontText);}

.dbb-poll .head { display:flex; justify-content: space-between; margin-bottom:20px; }

.dbb-poll .head .logo img { width:180px; }

.dbb-poll .social-icons { text-align:right; }

.dbb-poll a[class^="icon-"]::before {font: 24px var(--fontAwesome);}

.dbb-poll a.icon-facebook::before {content: '\f39e';}

.dbb-poll a.icon-whatsapp::before {content: "\f232";}

.dbb-poll a.icon-send::before {content: '\f0e0';}

.dbb-poll input[type="radio"], .dbb-poll input[type="checkbox"] {
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 3px 0 0 10px;

    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid var(--contentBlueDark);
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

.dbb-poll input[type="checkbox"] {border-radius: 10%;}

.dbb-poll input[type="radio"]::before, .dbb-poll input[type="checkbox"]::before {content: "";width: 0.65em;height: 0.65em;border-radius: 50%;transform: scale(0);transition: 120ms transform ease-in-out;box-shadow: inset 1em 1em var(--cdPink); /* Windows High Contrast Mode */background-color: #fff;}

.dbb-poll input[type="checkbox"]::before {border-radius: 10%;}

.dbb-poll input[type="radio"]:checked::before, .dbb-poll input[type="checkbox"]:checked::before {transform: scale(1);}

.dbb-poll input[type="radio"]:focus, .dbb-poll input[type="radio"]:checked, .dbb-poll input[type="checkbox"]:checked, input[type="checkbox"]:focus {outline: max(2px, 0.15em) solid var(--contentBlueDark);outline-offset: max(2px, 0.15em);}

.dbb-poll .chart-container { width:80%; margin:40px 0;  }

.dbb-poll .tag-cloud { width:500px; height:500px; margin:40px 0; }

@media (min-width: 768px) {
    .dbb-poll input[type=text] { width:45%; }
    .dbb-poll .chart-container, .tag-cloud { width:90%; margin:20px 0; }
    .dbb-poll textarea { width:60%; }
}