Problem auf t-online.de

.DeJaVu

opacity: 0 ist auch hier vorhanden, dennoch sehe ich das bzw die Elemente. Aber bei Andreas fehlen alle Antwortmöglichkeiten, demnach könnte auch das Element darüber schon fehlen.

Solltest du weiterhin flyby verdächtigen, dann lad dir rufus und fang neu an, ganz einfache Lösung. Backup vorher erstellen. Fehler beim Upgrades von 10 auf 11 sind nicht immer 100%, wobei ich das für meinen Hautrechner nicht bestätigen kann (rufus).

2002Andreas

Zitat von .DeJaVu

Solltest du weiterhin flyby verdächtigen

Hallo .DeJaVu ..

da es bei dem User Dharkness auch auf einem regulären Win 11 ist, dürfte das wohl doch nicht der Grund sein.

Beitrag

RE: Problem auf t-online.de

[…]

Das ist ein sauber neu installiertes Windows 11 Pro, kein Flyby11, kein anderes Hilfsprogramm.

Dharkness

15. Mai 2026 um 15:29

Zitat von .DeJaVu

dann lad dir rufus und fang neu an

Bisher ist das der einzige Fehler, dafür lohnt sich zumindest vorerst der Aufwand nicht.

Sören Hentzschel

Zitat von .DeJaVu

opacity: 0 ist auch hier vorhanden, dennoch sehe ich das bzw die Elemente.

Siehe Beitrag #30. Das scheint ein Fehler in den Entwicklerwerkzeugen zu sein, dass eine Regel nicht angezeigt wird. Die opacity kann nicht tatsächlich 0 sein, wenn das Element sichtbar ist. Und im „Berechnet”-Panel siehst du, welche Werte tatsächlich gelten. Dort wirst du eine 1 sehen.

milupo

Laut Suche im Quelltext gibt es 238 Vorkommen von opacity unterschiedlicher Art. Es gibt CSS-Variablen, z. B. --tw-bg-opacity, --tw-backdrop-opacity, --tw-text-opacity, die den Wert auf 1 setzen. Es gibt aber auch nur die opacity-Eigenschaft selbst, wo auch auf 1 gesetzt wird. Auch ein paar Transparenz-Werte habe ich gefunden, die zur entsprechende Klasse gehören: .opacity-2: 0.2, .opacity-3: 0.3.

Trotzdem bleibt die Frage: Warum haben nur Andreas und Dharkness das Problem?

milupo

Im Inspektor scheint es so zu sein, dass opacity nicht den CSS-Klassen zugewiesen wurde, sondern dem entsprechenden Pseudoelement ::before. Ob das aber wirklich eine Bewandtnis hat, kann ich nicht sagen.

.DeJaVu

Die Anzeige scheint mit diesem Script zu stehen oder zu fallen:

https://quiz.stroeermediabrands.de/static/client/kwissc.js

CSS daraus

CSS

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes accordion {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 1000px;
  }
}
@keyframes bounce-in {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.smb-quiz-container {
  width: 100%;
  position: relative;
  background: transparent;
}
.smb-quiz-container .smb-quiz-p,
.smb-quiz-container .smb-quiz-figure {
  margin: 0;
}
.smb-quiz-container p,
.smb-quiz-container ol,
.smb-quiz-container ul,
.smb-quiz-container li,
.smb-quiz-container .smb-quiz-ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.smb-quiz-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 12.5px;
}

.smb-quiz-meta-label {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: inline-flex;
  padding: 4px 8px;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  border-radius: 0 0 12px 12px;
  background: #f4f4f4;
  white-space: nowrap;
}

.smb-quiz-box {
  background: #f4f4f4;
  box-sizing: border-box;
}
.smb-quiz-box .smb-quiz-box-text-container {
  position: relative;
  padding: 12.5px 12.5px 0 12.5px;
}
.smb-quiz-box .smb-quiz-box-label,
.smb-quiz-box .smb-quiz-box-title,
.smb-quiz-box .smb-quiz-box-description {
  padding-bottom: 12.5px;
}

.smb-quiz-button {
  cursor: pointer;
  font-size: 16px;
  background: transparent;
  border: 1px solid #ccc;
  padding: 8.3333333333px 12.5px;
}
.smb-quiz-button:focus {
  outline: none;
}
.smb-quiz-button[disabled=disabled] {
  cursor: default;
  opacity: 0.4 !important;
}
.smb-quiz-button.smb-quiz-next-button, .smb-quiz-button.smb-quiz-restart-button {
  width: 100%;
  margin-bottom: 25px;
}
.smb-quiz-button.smb-quiz-restart-button {
  margin-top: 25px;
}

@media (min-width: 768px) {
  .smb-quiz-button.smb-quiz-restart-button {
    width: 50%;
    display: block;
    margin: 25px auto;
  }
  .smb-quiz-button.smb-quiz-next-button {
    width: 25%;
    float: right;
  }
}
.smb-quiz-option-form-icon {
  z-index: 1;
  float: left;
  line-height: 1.2;
  position: relative;
  margin-right: 6.25px;
}
.smb-quiz-option-form-icon.smb-quiz-option-as-radio-button:before {
  content: "ⵔ";
}
.smb-quiz-option-selected .smb-quiz-option-form-icon.smb-quiz-option-as-radio-button:before {
  content: "ⵙ";
}
.smb-quiz-option-form-icon.smb-quiz-option-as-checkbox:before {
  content: "☐";
}
.smb-quiz-option-selected .smb-quiz-option-form-icon.smb-quiz-option-as-checkbox:before {
  content: "☒";
}

.smb-quiz-slide-container .smb-quiz-info-text-container:after {
  content: "";
  clear: both;
  display: table;
}
.smb-quiz-slide-container .smb-quiz-users-count-info {
  opacity: 0.65;
}
.smb-quiz-slide-container .smb-quiz-multiselect-info {
  font-weight: bold;
}
.smb-quiz-slide-container .smb-quiz-users-count-info,
.smb-quiz-slide-container .smb-quiz-multiselect-info {
  line-height: 1;
  font-size: 14px;
  text-align: left;
  padding: 6.25px 0;
  display: inline-block;
  margin-bottom: 12.5px;
}
.smb-quiz-slide-container {
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.smb-quiz-slide-container .smb-quiz-users-count-info {
  float: right;
}
.smb-quiz-slide-container .smb-quiz-options-ul {
  display: flex;
  flex-wrap: wrap;
}
.smb-quiz-slide-container .smb-quiz-options-ul:after {
  content: "";
  clear: both;
  display: table;
}
.smb-quiz-slide-container .smb-quiz-option-li {
  width: 100%;
  display: flex;
  margin-bottom: 12.5px;
}
.smb-quiz-slide-container .smb-quiz-option-li.smb-quiz-option-li-two-columns {
  float: left;
  width: calc(50% - 12.5px / 2);
}
.smb-quiz-slide-container .smb-quiz-option-li.smb-quiz-option-li-two-columns:nth-child(even) {
  float: right;
  margin-left: 6.24px;
}
.smb-quiz-slide-container .smb-quiz-option-li.smb-quiz-option-li-two-columns:nth-child(odd) {
  clear: left;
  margin-right: 6.24px;
}
.smb-quiz-slide-container .smb-quiz-ad-placeholder {
  margin: 0 auto;
}
.smb-quiz-slide-container .smb-quiz-ad-placeholder:after, .smb-quiz-slide-container .smb-quiz-ad-placeholder:before {
  content: "";
  clear: both;
  display: table;
}
.smb-quiz-slide-container .smb-quiz-ad-placeholder {
  text-align: center;
}
.smb-quiz-slide-container .smb-quiz-ad-placeholder > div > div {
  margin-bottom: 25px;
}
.smb-quiz-slide-container .smb-quiz-slide-buttons-container:after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 768px) {
  .smb-quiz-slide-container .smb-quiz-option-li {
    float: left;
    width: calc(50% - 12.5px / 2);
  }
  .smb-quiz-slide-container .smb-quiz-option-li:nth-child(even) {
    float: right;
    margin-left: 6.24px;
  }
  .smb-quiz-slide-container .smb-quiz-option-li:nth-child(odd) {
    clear: left;
    margin-right: 6.24px;
  }
}
.smb-quiz-media-container {
  position: relative;
}
.smb-quiz-media-container .smb-quiz-media-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
}
.smb-quiz-media-container .smb-quiz-iframe,
.smb-quiz-media-container .smb-quiz-image {
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
.smb-quiz-media-container .smb-quiz-image {
  height: auto;
}
.smb-quiz-media-container .smb-quiz-option-media-form-icon {
  color: #fff;
  line-height: 1;
  top: 12.5px;
  left: 12.5px;
  position: absolute;
}
.smb-quiz-media-container .smb-quiz-media-copyright {
  bottom: 0;
  width: 90%;
  color: #fff;
  opacity: 0.65;
  line-height: 1;
  font-size: 12px;
  margin: 12.5px;
  position: absolute;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.smb-quiz-timer-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #e5e5e5;
  height: 16px;
}
.smb-quiz-timer-container.smb-quiz-timer-container-active .smb-quiz-timer-bar {
  opacity: 1;
}
.smb-quiz-timer-container .smb-quiz-timer-runs-out {
  font-weight: bold;
  position: absolute;
  margin: 0 0 0 12.5px;
  animation: bounce-in 0.2s;
  line-height: 16px;
  font-size: 12px;
}
.smb-quiz-timer-container .smb-quiz-timer-bar {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #ccc;
}
.smb-quiz-timer-container .smb-quiz-timer-seconds.smb-quiz-timer-seconds-hide {
  opacity: 0;
}
.smb-quiz-timer-container .smb-quiz-timer-seconds {
  opacity: 1;
  right: 4px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  line-height: 16px;
  font-size: 12px;
  transition: opacity 1s linear;
}

.smb-quiz-option-container {
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.smb-quiz-option-container.smb-quiz-option-fade-out {
  opacity: 0.4;
  cursor: default;
}
.smb-quiz-option-container.smb-quiz-option-selected {
  opacity: 1;
}
.smb-quiz-option-container.smb-quiz-option-selected:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
  opacity: 1;
  position: absolute;
  background-color: #ccc;
}
.smb-quiz-option-container.smb-quiz-option-selected .smb-quiz-media-container.smb-quiz-media-clickable-inside:before {
  left: 0;
  z-index: 2;
  content: "";
  width: 100%;
  position: absolute;
  border-top: 5px solid #ccc;
}
.smb-quiz-option-container.smb-quiz-option-selected .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:before, .smb-quiz-option-container.smb-quiz-option-selected .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:after {
  left: 0;
  z-index: 2;
  content: "";
  height: 100%;
  position: absolute;
}
.smb-quiz-option-container.smb-quiz-option-selected .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:before {
  left: 0;
  border-left: 5px solid #ccc;
}
.smb-quiz-option-container.smb-quiz-option-selected .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:after {
  right: 0;
  border-right: 5px solid #ccc;
}
.smb-quiz-option-container.smb-quiz-option-selected .smb-quiz-media-container:not(.smb-quiz-media-clickable-inside):before {
  left: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  border: 5px solid #ccc;
}
.smb-quiz-option-container.smb-quiz-option-right {
  color: #fff;
  cursor: default;
}
.smb-quiz-option-container.smb-quiz-option-right:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
  opacity: 1;
  position: absolute;
  background-color: #3d9970;
}
.smb-quiz-option-container.smb-quiz-option-right.smb-quiz-option-with-media-only .smb-quiz-media-container.smb-quiz-media-clickable-inside:before {
  left: 0;
  z-index: 2;
  content: "";
  width: 100%;
  position: absolute;
  border-top: 5px solid #3d9970;
}
.smb-quiz-option-container.smb-quiz-option-right.smb-quiz-option-with-media-only .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:before, .smb-quiz-option-container.smb-quiz-option-right.smb-quiz-option-with-media-only .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:after {
  left: 0;
  z-index: 2;
  content: "";
  height: 100%;
  position: absolute;
}
.smb-quiz-option-container.smb-quiz-option-right.smb-quiz-option-with-media-only .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:before {
  left: 0;
  border-left: 5px solid #3d9970;
}
.smb-quiz-option-container.smb-quiz-option-right.smb-quiz-option-with-media-only .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:after {
  right: 0;
  border-right: 5px solid #3d9970;
}
.smb-quiz-option-container.smb-quiz-option-right.smb-quiz-option-with-media-only .smb-quiz-media-container:not(.smb-quiz-media-clickable-inside):before {
  left: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  border: 5px solid #3d9970;
}
.smb-quiz-option-container.smb-quiz-option-with-media-only .smb-quiz-media-wrapper:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: "";
  position: absolute;
  background: linear-gradient(150deg, rgba(52, 55, 70, 0.2) 10%, rgba(52, 55, 70, 0.01) 50%);
}
.smb-quiz-option-container.smb-quiz-option-with-proportion .smb-quiz-box-title {
  width: calc(100% - 60px);
}
.smb-quiz-option-container.smb-quiz-option-show-proportion.smb-quiz-option-with-media-only .smb-quiz-media-container.smb-quiz-media-clickable-inside:before {
  left: 0;
  z-index: 2;
  content: "";
  width: 100%;
  position: absolute;
  border-top: 5px solid transparent;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion.smb-quiz-option-with-media-only .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:before, .smb-quiz-option-container.smb-quiz-option-show-proportion.smb-quiz-option-with-media-only .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:after {
  left: 0;
  z-index: 2;
  content: "";
  height: 100%;
  position: absolute;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion.smb-quiz-option-with-media-only .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:before {
  left: 0;
  border-left: 5px solid transparent;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion.smb-quiz-option-with-media-only .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:after {
  right: 0;
  border-right: 5px solid transparent;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion.smb-quiz-option-with-media-only .smb-quiz-media-container:not(.smb-quiz-media-clickable-inside):before {
  left: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  border: 5px solid transparent;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion.smb-quiz-option-right:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
  opacity: 0.4;
  position: absolute;
  background-color: #3d9970;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion.smb-quiz-option-right.smb-quiz-option-selected .smb-quiz-proportion-bar {
  opacity: 1;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion.smb-quiz-option-right .smb-quiz-proportion-bar-on-media:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
  opacity: 0.4;
  position: absolute;
  background-color: #3d9970;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion.smb-quiz-option-right .smb-quiz-proportion-bar {
  opacity: 0.4;
  background: #3d9970;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
  opacity: 1;
  position: absolute;
  background-color: transparent;
  transition: background-color 1.2s;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion .smb-quiz-media-container.smb-quiz-media-clickable-inside:before {
  left: 0;
  z-index: 2;
  content: "";
  width: 100%;
  position: absolute;
  border-top: 5px solid transparent;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:before, .smb-quiz-option-container.smb-quiz-option-show-proportion .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:after {
  left: 0;
  z-index: 2;
  content: "";
  height: 100%;
  position: absolute;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:before {
  left: 0;
  border-left: 5px solid transparent;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion .smb-quiz-media-container.smb-quiz-media-clickable-inside .smb-quiz-media-wrapper:after {
  right: 0;
  border-right: 5px solid transparent;
}
.smb-quiz-option-container.smb-quiz-option-show-proportion .smb-quiz-media-container:not(.smb-quiz-media-clickable-inside):before {
  left: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  border: 5px solid transparent;
}
.smb-quiz-option-container .smb-quiz-box-title {
  z-index: 1;
  display: table;
  position: relative;
}

.smb-quiz-result-container.smb-quiz-result-with-chart .smb-quiz-box-title {
  text-align: center;
  padding-bottom: 12.5px;
}
.smb-quiz-result-container .smb-quiz-result-box {
  margin-bottom: 12.5px;
}

.smb-quiz-suggestion {
  margin-top: 50px;
}

.smb-quiz-suggestion-title {
  font-size: 30px;
  line-height: 29px;
  font-weight: bold;
  margin-bottom: 25px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.smb-quiz-suggestion-teaser-kicker {
  font-size: 14px;
  margin-bottom: 12.5px;
}

.smb-quiz-suggestion-teaser {
  display: flex;
  position: relative;
  padding-bottom: 20px;
  transition: opacity 0.3s;
  margin-bottom: 20px;
  flex-direction: row-reverse;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.smb-quiz-suggestion-teaser:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.smb-quiz-suggestion-teaser:hover {
  opacity: 0.8;
}

.smb-quiz-suggestion-teaser-media {
  padding-left: 12.5px;
}
.smb-quiz-suggestion-teaser-media img {
  height: auto;
  max-width: 150px;
}

.smb-quiz-suggestion-teaser-body {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
}

.smb-quiz-suggestion-teaser-link {
  font-weight: bold;
  color: inherit !important;
  text-decoration: none !important;
}
.smb-quiz-suggestion-teaser-link:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
}

@media (min-width: 768px) {
  .smb-quiz-suggestion-teaser-media {
    padding-left: 25px;
  }
  .smb-quiz-suggestion-teaser-media img {
    max-width: 200px;
  }
  .smb-quiz-suggestion-teaser-body {
    font-size: 21px;
    line-height: 28px;
  }
}
.smb-quiz-question-container {
  margin-bottom: 12.5px;
  border-bottom: 2px solid #e5e5e5;
}
.smb-quiz-question-container.smb-quiz-question-with-timer {
  border-bottom: 0;
}
.smb-quiz-question-container .smb-quiz-question-styled-text .smb-quiz-box-description {
  padding: 12.5px;
}

.smb-quiz-explanation-container {
  max-height: 0;
  overflow: hidden;
  margin: 0 0 12.5px;
  animation: accordion 0.3s forwards;
}
.smb-quiz-explanation-container .smb-quiz-explanation-header {
  margin: 0 0 12.5px;
}
.smb-quiz-explanation-container .smb-quiz-explanation-text {
  margin: 12.5px 0 0;
}

.smb-quiz-loading-dot-container {
  width: 100%;
  margin-bottom: 25px;
}
.smb-quiz-loading-dot-container .smb-quiz-loading-dot-body {
  margin: auto;
  width: 70px;
}
.smb-quiz-loading-dot-container .smb-quiz-loading-dot {
  line-height: 0.1;
  font-size: 75px;
  animation: blink 1.5s infinite;
}
.smb-quiz-loading-dot-container .smb-quiz-loading-dot:nth-of-type(2) {
  animation-delay: 0.2s;
}
.smb-quiz-loading-dot-container .smb-quiz-loading-dot:nth-of-type(3) {
  animation-delay: 0.4s;
}

@media (min-width: 768px) {
  .smb-quiz-slide-container .smb-quiz-loading-dot-container {
    width: 25%;
    float: right;
  }
}
.smb-quiz-result-chart-container {
  text-align: center;
  padding: 0 0 12.5px;
}
.smb-quiz-result-chart-container .smb-quiz-pie-chart {
  margin: auto;
  position: relative;
}
.smb-quiz-result-chart-container .smb-quiz-pie-chart .inner-text {
  width: 100%;
  position: absolute;
}
.smb-quiz-result-chart-container .smb-quiz-p {
  padding: 12.5px 12.5px 0;
}

.smb-quiz-proportion-bar-container {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}
.smb-quiz-proportion-bar-container.smb-quiz-proportion-bar-on-media {
  top: auto;
  bottom: 0;
  z-index: 1;
  height: 40px;
  background: #f4f4f4;
}
.smb-quiz-proportion-bar-container.smb-quiz-proportion-bar-on-media .smb-quiz-proportion-value {
  top: 0;
  line-height: 40px;
}
.smb-quiz-option-show-proportion .smb-quiz-proportion-bar-container {
  display: block;
}
.smb-quiz-proportion-bar-container .smb-quiz-proportion-bar {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  background: #ccc;
  transition: 1.8s;
}
.smb-quiz-option-selected .smb-quiz-proportion-bar-container .smb-quiz-proportion-bar {
  opacity: 1;
}
.smb-quiz-proportion-bar-container .smb-quiz-proportion-value {
  top: 12.5px;
  right: 12.5px;
  position: absolute;
}

.smb-quiz-continue-layer-container {
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
  display: none;
  position: absolute;
  text-align: center;
  padding: 75px 0 0;
  background: rgba(255, 255, 255, 0.9);
}
.smb-quiz-continue-layer-container.smb-quiz-continue-layer-active {
  z-index: 2;
  display: block;
}
.smb-quiz-continue-layer-container .smb-quiz-continue-layer-text {
  margin: 0 25px 12.5px;
}
.smb-quiz-continue-layer-container .smb-quiz-button:first-child {
  margin: 0 12.5px 0 0;
}
.smb-quiz-continue-layer-container .smb-quiz-button:last-child {
  margin: 0 0 0 12.5px;
}

.smb-quiz-poll {
  background: #f4f4f4;
  padding: 12.5px;
  border-bottom: 2px solid #e5e5e5;
  box-sizing: border-box;
}
.smb-quiz-poll .smb-quiz-box-text-container {
  padding: 0;
}
.smb-quiz-poll .smb-quiz-question-container.smb-quiz-box {
  background-color: transparent;
  border: 0;
}

.smb-quiz-poll-text-container {
  font-weight: bold;
  opacity: 0;
  transition: 0.6s 0.8s all;
  transform: translate(0, 5px);
}
.smb-quiz-poll-text-container.smb-show {
  opacity: 1;
  transform: translate(0, 0);
}

.smb-quiz-options-container {
  display: flex;
  justify-content: space-between;
}

.smb-quiz-poll-result-container {
  display: flex;
  justify-content: space-around;
  opacity: 0;
  transform: translate(0, 5px);
  transition: 1s all;
}

.smb-quiz-options-label {
  padding: 6.25px 12.5px;
}

Alles anzeigen