/* ------------------------------------------------------------
   Retresco Widget - MedLearning Theme
   Nur fuer das Retresco-Widget auf search.htm
   ------------------------------------------------------------ */

.retresco-widget {
  margin-top: 36px;
}

.retresco-widget__inner {
  width: 100%;
  padding: 24px;
  border: 1px solid #f0c8c8;
  border-radius: 12px;
  background-color: #ffffff;
  box-sizing: border-box;
}

.retresco-widget__title {
  margin: 0 0 8px;
  color: #b00020;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
  text-align: center;
}

.retresco-widget__notice {
  margin: 0 0 20px;
  color: #555555;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
  text-align: center;
}

.retresco-widget--medlearning-theme rtr-qa-widget {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1.6;

  --rtr-colors-brand-100: #fff4f4;
  --rtr-colors-brand-150: #ffdede;
  --rtr-colors-brand-200: #f0c8c8;
  --rtr-colors-brand-300: #e58f8f;
  --rtr-colors-brand-500: #b00020;
  --rtr-colors-brand-600: #8a0018;

  --rtr-colors-background-primary: #ffffff;
  --rtr-colors-background-secondary: #f4f4f4;

  --rtr-colors-surface-primary: #b00020;
  --rtr-colors-surface-hover: #8a0018;
  --rtr-colors-surface-bg-light: #fff4f4;
  --rtr-colors-surface-bg-light-hover-pressed: #ffdede;

  --rtr-colors-stroke-active: #b00020;
  --rtr-colors-stroke-hover: #8a0018;
  --rtr-colors-stroke-default: #f0c8c8;
  --rtr-colors-stroke-focus: #b00020;

  --rtr-colors-text-active: #b00020;
  --rtr-colors-text-hover-pressed: #8a0018;
  --rtr-colors-text-default: #1d1d1f;
  --rtr-colors-text-default-dark: #000000;
  --rtr-colors-text-placeholder-hint: #767676;

  --rtr-radius-sm: 4px;
  --rtr-radius-md: 6px;
  --rtr-radius-lg: 8px;
  --rtr-radius-xl: 12px;

  --rtr-typography-fontfamily-fontFamily: Arial, Helvetica, sans-serif;
  --rtr-typography-fontfamily-base: Arial, Helvetica, sans-serif;
  --rtr-typography-fontfamily-brand: Arial, Helvetica, sans-serif;
}

.retresco-widget--medlearning-theme rtr-qa-widget p,
.retresco-widget--medlearning-theme rtr-qa-widget li,
.retresco-widget--medlearning-theme rtr-qa-widget dd,
.retresco-widget--medlearning-theme rtr-qa-widget label,
.retresco-widget--medlearning-theme rtr-qa-widget span {
  font-size: 1rem;
}