@CHARSET "UTF-8";
/* variables        [18] */ 
/* umfrage        [4305] */ @media all { .dp-votes-mainOuter #umfragechart { width: 100%; height: 300px; } .dp-votes-mainOuter .umfrage-hinweisbox { padding: .75rem 1rem; border-left: 4px solid #1b5ca6; background: rgba(0,0,0,.05); } .dp-votes-mainOuter .umfrage-hinweisbox.error { border-left-color: red; } .dp-votes-mainOuter .umfrage-hinweisbox > * { margin-bottom: .375rem !important; } .dp-votes-mainOuter .umfrage-hinweisbox > *:last-child { margin-bottom: 0 !important; } .dp-votes-mainOuter .dp-votes-ob-title { position: absolute; top: 0; left: 50%; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); color: #fff; font-size: 1.25rem; background: #20201e; font-family: 'Futura LT W01 Bold'; outline: 8px solid #fff; display: inline-block; padding: .75em; font-weight: 800; text-transform: uppercase; line-height: 1em;} .dp-votes-mainOuter .dp-votes-option { transition: all .5s; } .dp-votes-mainOuter .dp-votes-option .scp-title-badge { width: 90%; text-align: left; } .dp-votes-mainOuter .dp-votes-option > *:last-child { margin-bottom: 0 !important; } .dp-votes-mainOuter .dp-votes-result { text-align: center; } .dp-votes-mainOuter .dp-votes-result > *:last-child { margin-bottom: 0 !important; } .dp-votes-mainOuter .dp-votes-result .dp-votes-title { margin: 1rem 0 0 !important; color: #fff; } .dp-votes-mainOuter .dp-votes-result .scp-title-badge { width: 90%; text-align: left; } .dp-votes-mainOuter .dp-votes-image { margin: 0 auto .75rem; max-width: 150px; position: relative; } .dp-votes-mainOuter .dp-votes-image .dp-fsimg { border-radius: 50%; overflow: hidden; } .dp-votes-mainOuter .dp-votes-image .votes-image-badge { position: absolute; top: .1rem; left: 100%; -webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0); color: #f0b62d; } .dp-votes-mainOuter .dp-votes-image .votes-image-badge svg { width: 1.75rem; height: 1.75rem; } .dp-votes-mainOuter .dp-votes-title { margin: 0 0 .5rem !important; text-align: center; font-size: 1.375rem; transition: all .25s; } .dp-votes-mainOuter .dp-votes-count { font-weight: 800; text-align: center; } .dp-votes-mainOuter .dp-votes-triggerVote { width: 100%; font-family: 'Futura LT W01 Bold'; font-size: .925rem; color: #fff; background: #1b5ca6; transition: all .25s; border: 2px solid #fff; display: inline-block; padding: .75em; font-weight: 800; text-transform: uppercase; line-height: 1em; display: inline-block; } .dp-votes-mainOuter .dp-votes-triggerVote:hover { background: #111; } .dp-votes-mainOuter .dp-votes-triggerVote .submitted { display: none; } .dp-votes-mainOuter .dp-votes-triggerVote.checked .submit { display: none; } .dp-votes-mainOuter .dp-votes-triggerVote.checked .submitted { display: inline; } .dp-votes-mainOuter .dp-votes-optionsbox { background: #1b5ca6 url(../images/bg-pattern-primary.jpg) 0 0 repeat; position: relative; padding: 3rem 1rem 1rem; border: 4px solid #1b5ca6; margin: 3rem 0; } .dp-votes-mainOuter .dp-votes-optionsbox .loading-overlay { opacity: 0; visibility: hidden; transition: all .25s; z-index: 55; background: rgba(0,0,0,.333); position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .dp-votes-mainOuter .dp-votes-optionsbox .loading-overlay > i { display: inline-block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; } .dp-votes-mainOuter .dp-votes-optionsbox .loading-overlay > i::after { content: ""; display: block; width: 42px; height: 42px; margin: 1px; border-radius: 50%; border: 4px solid #fff; border-color: #fff transparent #fff transparent; animation: loading-animation 1.2s linear infinite; } .dp-votes-mainOuter .dp-votes-optionsbox.is-loading .dp-votes-ob-title { opacity: 0; } .dp-votes-mainOuter .dp-votes-optionsbox.is-loading .loading-overlay { opacity: 1; visibility: visible; } .dp-votes-mainOuter .dp-votes-optionsbox.is-loading .dp-votes-option { opacity: 0; } .dp-votes-mainOuter .dp-votes-optionsbox.is-loading .dp-votes-option.voted { opacity: 1; } .dp-votes-mainOuter .umfrage-ergebnis-box { flex-grow: 1; width: 100%; } .dp-votes-mainOuter .umfrage-ergebnis { max-width: 380px; margin: 1.5rem auto 0; } .dp-votes-mainOuter #confetti > canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } }