@charset "utf-8";

.toggle-switch-button { transition: 0.3s; }

.toggle-switch-button::after { background-color: var(--cms-color-background-surface); border: 1px solid var(--cms-ui-toggle-switch-color-inactive); border-radius: 50%; content: ""; height: 1.75rem; position: absolute; right: 26px; top: 0px; width: 1.75rem; }

.toggle-switch-button:hover, .toggle-switch-button:hover::after { border: 1px solid var(--cms-color-neutral-3-border); }

.toggle-switch-button.is-checked { background-color: var(--cms-ui-toggle-switch-color-active); border: 1px solid var(--cms-ui-toggle-switch-color-active); }

.toggle-switch-button.is-checked::after { right: 0px; }

.focus .page-body { overflow-x: hidden; }

.focus .rail-content { opacity: 1; visibility: visible; }

@media (min-width: 1240px) {
  .focus .rail-content { width: 320px; }
}

.focus :is(.about-box, .newsletter-module, .page-content-footer, .revcontent) { margin-left: auto; margin-right: auto; max-width: 840px; transition: max-width 0.3s; }

.focus-toggle { display: none; position: relative; }

.focus .focus-toggle { margin-right: 10px; }

@media (min-width: 1240px) {
  .focus .focus-toggle { display: flex; }
}

.focus-transition :is(.page-main, .rail, .rail-content) { transition: 0.6s ease-in-out; }

.focus-transition .toggle-switch-button { transition: 0.3s; }

.focus-enabled :is(.about-box, .newsletter-module, .page-content-footer, .revcontent) { max-width: 680px; }

.focus-enabled .page-body .page-main { width: 100%; }

.focus-enabled .rail { margin-left: 0px; width: 0px; }

.focus-enabled .rail-content { opacity: 0; transform: translateX(40px); visibility: hidden; }

.focus-enabled .rail-content .google-dfp-ad-wrapper { display: none !important; }

@media (min-width: 1024px) {
  .focus-enabled .enhancement .google-dfp-ad-wrapper { margin: 0px -165px; width: auto; }
}

.focus-enabled .corrections[data-with-aside="true"] { display: block; }

@media (min-width: 1240px) {
  .focus-enabled .page-content { padding-left: 0px; padding-right: 0px; }
}

.focus-toggle-tooltip { background-color: var(--cms-color-popover-service-background); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 20px; color: var(--cms-color-text-on-service); font-family: var(--cms-font-service-text,"BentonGothic"),var(--utility-font-sans-fallback,'arial, "helvetica neue", helvetica, sans-serif'); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.25rem; opacity: 1; padding: 20px 40px 20px 20px; top: 50px; transform: translateX(-50%); transition: 0.6s ease-out; visibility: visible; width: 260px; }

.focus-toggle-tooltip-close { color: inherit; right: 10px; top: 10px; }

.focus-toggle-tooltip-close .icon { width: 14px; }

.focus-toggle-tooltip::before { border-bottom: 8px solid var(--cms-color-service-border); border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0px; left: 50%; margin-left: -10px; position: absolute; top: -8px; width: 0px; }

.focus-toggle-tooltip.fade-out { opacity: 0; visibility: hidden; }