@charset "utf-8";
/* ----- GENERATED FILE! Do NOT EDIT directly! -----
   Always edit and re-compile original {less}-file!
   ------------------------------------------------- 
   (c) Copyright FernUniversitaet in Hagen, ZMI
 */
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v15-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v15-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'), url('../fonts/roboto-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v15-latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/roboto-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-500.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v15-latin-500italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../fonts/roboto-v15-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v15-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-500italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v15-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v15-latin-700italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../fonts/roboto-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-700italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/********************************************
 Global
********************************************/
html {
  margin: 0;
  padding: 0;
}
html:not(.loading) {
  scroll-behavior: smooth;
}
body {
  background: #fff;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) {
    background: #000;
    background-attachment: fixed;
    color: #b0b0b0;
  }
  body.supportsDarkMode:not(.disableDarkMode) *[style*="color"] {
    background-color: #e0e0e0;
  }
  body.supportsDarkMode:not(.disableDarkMode) *[style*="background"] {
    color: black;
  }
  body.supportsDarkMode:not(.disableDarkMode) *[style*="background"] *[style*="color"] {
    background-color: initial;
  }
  body.supportsDarkMode:not(.disableDarkMode) .noDarkModeCompatDeclared :is(canvas,svg,img):not(.darkModeCompatible) {
    background-color: #e0e0e0;
  }
  body.supportsDarkMode:not(.disableDarkMode) .noDarkModeCompatDeclared :is(.tox-editor-header, .tox-statusbar, .text-block48, .topnavig, button) :is(svg, img) {
    background-color: initial;
  }
  body.supportsDarkMode:not(.disableDarkMode) img.lightBackground {
    background-color: #e0e0e0;
  }
}
body.tinymce-body {
  margin: 0.5em;
}
code,
tt,
pre {
  font-family: Monaco, "Lucida Console", monospace ;
}
code,
tt {
  font-size: 1em;
}
pre {
  overflow-x: auto;
  font-size: 0.9em;
}
img.fit,
header img,
footer img {
  height: auto;
  max-width: 100%;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) img.darkOutlineIcon {
    filter: brightness(200%);
  }
}
.iframe-wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.iframe-wrapper iframe {
  box-sizing: border-box;
  width: 100%;
  height: 90vh;
  border: 1px solid #eee;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .iframe-wrapper iframe {
    border-color: #333;
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) iframe {
    background: white;
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .tox iframe {
    background: black;
  }
}
div.flex-linklist {
  display: flex;
  justify-content: space-between;
}
a:not(.raw-style) {
  color: #004c97;
  transition-property: outline-width, outline-offset, outline-color;
  outline: 0px solid rgba(15, 136, 255, 0);
  transition-duration: 0.5s, 0.5s, 0.5s;
  border-radius: 3px;
}
a:not(.raw-style):focus-visible {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
  transition-duration: 0.05s, 0.05s, 0.05s ;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) a:not(.raw-style):focus-visible {
    outline-color: white;
  }
}
a:not(.raw-style):hover {
  color: #004c97;
  text-decoration: underline;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) a:not(.raw-style),
  body.supportsDarkMode:not(.disableDarkMode) a:not(.raw-style):hover {
    color: #409AF1;
  }
}
a:not(.raw-style):focus {
  background-color: rgba(170, 207, 243, 0.3);
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) a:not(.raw-style):focus {
    color: #ddd;
    background-color: initial;
  }
}
a:not(.raw-style):active {
  text-decoration: none;
  background-color: unset;
  transition-duration: 0s !important;
}
a:not(.raw-style).inline-backlink,
a:not(.raw-style).inline-forwardlink {
  text-decoration: none;
}
a:not(.raw-style).inline-backlink:hover,
a:not(.raw-style).inline-forwardlink:hover {
  text-decoration: underline;
}
@media print {
  a:not(.raw-style).inline-backlink,
  a:not(.raw-style).inline-forwardlink {
    display: none;
  }
}
a:not(.raw-style).inline-backlink::before {
  content: "❮ ";
}
a:not(.raw-style).inline-forwardlink::after {
  content: " ❯";
}
@media screen, speech {
  a:not(.raw-style)[href^="http://"]:not([href*="fernuni-hagen.de"])::after,
  a:not(.raw-style)[href^="https://"]:not([href*="fernuni-hagen.de"])::after {
    content: '(Externer Link)';
  }
}
@media screen {
  a:not(.raw-style)[href^="http://"]:not([href*="fernuni-hagen.de"])::after,
  a:not(.raw-style)[href^="https://"]:not([href*="fernuni-hagen.de"])::after {
    width: 1.2em;
    height: 0.9em;
    margin-bottom: -0.1em;
    display: inline-block;
    overflow: hidden;
    background-image: url(/resources/design2018/img/external-link.svg);
    background-repeat: no-repeat;
    background-size: 0.8em 0.8em;
    background-position: right bottom;
    color: rgba(0, 0, 0, 0);
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) a:not(.raw-style)[href^="http://"]:not([href*="fernuni-hagen.de"])::after,
  body.supportsDarkMode:not(.disableDarkMode) a:not(.raw-style)[href^="https://"]:not([href*="fernuni-hagen.de"])::after {
    filter: brightness(200%);
  }
}
@media screen, speech {
  a:not(.raw-style)[target="_blank"]::after {
    content: '(öffnet neues Fenster)';
  }
}
@media screen {
  a:not(.raw-style)[target="_blank"]::after {
    width: 1.2em;
    height: 0.9em;
    margin-bottom: -0.1em;
    display: inline-block;
    overflow: hidden;
    background-image: url(/resources/design2018/img/new-window.svg);
    background-repeat: no-repeat;
    background-size: 0.8em 0.8em;
    background-position: right bottom;
    color: rgba(0, 0, 0, 0);
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) a:not(.raw-style)[target="_blank"]::after {
    filter: brightness(200%);
  }
}
@media screen and (max-width: 45em) {
  #side-navigation a:not(.raw-style)[target="_blank"]::after {
    background-image: url(/resources/design2018/img/new-window-wh.svg);
  }
}
@media screen, speech {
  .iconMenuPage a:not(.raw-style)[target="_blank"] .label::after {
    content: '(öffnet neues Fenster)';
  }
}
@media screen {
  .iconMenuPage a:not(.raw-style)[target="_blank"] .label::after {
    width: 1.2em;
    height: 0.9em;
    margin-bottom: -0.1em;
    display: inline-block;
    overflow: hidden;
    background-image: url(/resources/design2018/img/new-window.svg);
    background-repeat: no-repeat;
    background-size: 0.8em 0.8em;
    background-position: right bottom;
    color: rgba(0, 0, 0, 0);
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .iconMenuPage a:not(.raw-style)[target="_blank"] .label::after {
    filter: brightness(200%);
  }
}
.iconMenuPage a:not(.raw-style)[target="_blank"]::after {
  content: none;
}
@media screen, speech {
  a:not(.raw-style)[href*='/KorrektorDataAccessBeikorrektur']::after {
    content: '(Download-Link)';
  }
}
@media screen {
  a:not(.raw-style)[href*='/KorrektorDataAccessBeikorrektur']::after {
    width: 1.2em;
    height: 0.9em;
    margin-bottom: -0.1em;
    display: inline-block;
    overflow: hidden;
    background-image: url(/resources/design2018/img/download-link.svg);
    background-repeat: no-repeat;
    background-size: 0.8em 0.8em;
    background-position: right bottom;
    color: rgba(0, 0, 0, 0);
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) a:not(.raw-style)[href*='/KorrektorDataAccessBeikorrektur']::after {
    filter: brightness(200%);
  }
}
@media screen, speech {
  a:not(.raw-style).submissionPresent::after {
    content: "(Es liegt bereits eine Einsendung vor.)";
  }
}
@media screen {
  a:not(.raw-style).submissionPresent::after {
    width: 1.2em;
    height: 0.9em;
    margin-bottom: -0.1em;
    display: inline-block;
    overflow: hidden;
    background-image: url(/resources/design2018/img/green-asterisk.svg);
    background-repeat: no-repeat;
    background-size: 0.8em 0.8em;
    background-position: right bottom;
    color: rgba(0, 0, 0, 0);
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) a:not(.raw-style).submissionPresent::after {
    filter: brightness(200%);
  }
}
@media screen and (max-width: 45em) {
  #side-navigation a:not(.raw-style).submissionPresent::after {
    background-image: url(/resources/design2018/img/green-asterisk-light.svg);
  }
}
#iframetop #aufgabennav li.selected > a:not(.raw-style).submissionPresent::after {
  background-image: url(/resources/design2018/img/green-asterisk-light.svg);
}
a:not(.raw-style).unsubmittedChanges {
  font-weight: 500;
  color: #8f0000;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) a:not(.raw-style).unsubmittedChanges {
    color: #f00;
  }
}
@media screen and (max-width: 45em) {
  #side-navigation a:not(.raw-style).unsubmittedChanges {
    color: #faa;
  }
}
@media screen, speech {
  a:not(.raw-style).unsubmittedChanges::after {
    content: "Es liegen ungespeicherte Einsendungen vor!";
  }
}
@media screen {
  a:not(.raw-style).unsubmittedChanges::after {
    width: 1.2em;
    height: 0.9em;
    margin-bottom: -0.1em;
    display: inline-block;
    overflow: hidden;
    background-image: url(/resources/design2018/img/red-exclamation.svg);
    background-repeat: no-repeat;
    background-size: 0.8em 0.8em;
    background-position: right bottom;
    color: rgba(0, 0, 0, 0);
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) a:not(.raw-style).unsubmittedChanges::after {
    filter: brightness(200%);
  }
}
@media screen and (max-width: 45em) {
  #side-navigation a:not(.raw-style).unsubmittedChanges::after {
    background-image: url(/resources/design2018/img/red-exclamation-light.svg);
  }
}
#iframetop #aufgabennav li.selected a:not(.raw-style).unsubmittedChanges::after {
  background-image: url(/resources/design2018/img/red-exclamation-light.svg);
}
/********************************************
 Layout
********************************************/
#body-container {
  position: relative;
  min-height: calc(100vh - 7.937em - 2.9375em - 3.2rem - 54px);
  display: flex;
  flex-direction: column;
}
#body-container.iframe {
  min-height: calc(100vh - 2em - 1px);
}
body.no-logos #body-container {
  min-height: calc(100vh - 2.9375em - 3.2rem - 54px);
}
#fu-header,
#aufgabenheftheader,
#top-menu,
#side-navigation,
#top-bar,
footer,
#fu-header *,
#aufgabenheftheader *,
#top-menu *,
#side-navigation *,
#top-bar *,
footer * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#fu-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 1.875em;
  padding-bottom: 1.875em;
  flex-grow: 1;
  display: flex;
  flex-flow: row wrap;
}
#fu-content.js-enabled {
  flex-wrap: nowrap;
}
/** own styles **/
.main-page-block {
  padding: 0 1rem;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.xwide .main-page-block {
  max-width: 100%;
}
.main-page-block > .narrow {
  max-width: 63.125rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/********************************************
 Header (Print-Header und Logos)
********************************************/
#fu-print-header {
  display: none;
}
#fu-print-header p {
  font-size: 75%;
  margin: 0;
  padding: 0;
}
#fu-print-header img {
  float: left;
  margin-right: 0.625em;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #fu-header {
    background-image: linear-gradient(to bottom, #00152a, #111);
  }
}
#logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#logos > * {
  height: 7.937em;
  padding: 1.875em 0;
  display: flex;
}
#logos .fu-logo {
  max-width: 22.4em;
}
#logos .wa-logo {
  max-width: 17.5em;
  flex-shrink: 1.3;
  text-align: right;
}
#logos img {
  height: 100%;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #logos img {
    filter: brightness(160%);
  }
}
body.no-logos #logos {
  display: none;
}
/********************************************
Balken / Top-Bar sowie (weiße) Sektionen darunter
********************************************/
#top-bar {
  position: relative;
  display: block;
  width: 100%;
  height: 2.9375em;
  background: #006666;
  z-index: 11;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #top-bar {
    opacity: 0.9;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
}
#top-bar #top-bar-content ul {
  list-style-type: none;
  margin: 0 -1rem;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 45em) {
  #top-bar #top-bar-content ul {
    margin: 0 -0.5rem;
  }
}
#top-bar #top-bar-content ul > li {
  line-height: 2.9375em;
  height: 2.9375em;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  flex-shrink: 0;
}
#top-bar #top-bar-content ul > li#backlink {
  text-align: left;
}
#top-bar #top-bar-content ul > li#backlink .label {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#top-bar #top-bar-content ul > li.course-title {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}
#top-bar #top-bar-content ul > li.course-title p {
  /* See: https://css-tricks.com/flexbox-truncated-text/ */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#top-bar #top-bar-content ul > li > p,
#top-bar #top-bar-content ul > li > a {
  display: block;
  color: #fff;
  padding: 0.8em 0.834em;
  margin: 0;
  line-height: 1em;
  font-size: 1.125em;
}
#top-bar #top-bar-content ul > li .two-lines {
  padding-bottom: 0;
  padding-top: 0.46875em;
  font-size: 1em;
}
#top-bar #top-bar-content ul > li > a {
  position: relative;
  text-decoration: none;
  font-weight: 500;
  height: 100%;
}
#top-bar #top-bar-content ul > li > a img,
#top-bar #top-bar-content ul > li > a svg {
  height: 1.5em;
  position: relative;
  top: -0.25em;
}
#top-bar #top-bar-content ul > li > a img.labelled,
#top-bar #top-bar-content ul > li > a svg.labelled {
  float: left;
}
#top-bar #top-bar-content ul > li > a img.small,
#top-bar #top-bar-content ul > li > a svg.small {
  height: 1em;
  top: 0;
}
#top-bar #top-bar-content ul > li > a img + .label,
#top-bar #top-bar-content ul > li > a svg + .label {
  margin-left: 0.5em;
}
#top-bar #top-bar-content ul > li > a svg {
  /* IE-Fix: Normalerweise sollte ein Browser die Breite automatisch anhand der ViewBox ermitteln,
							aber im IE funktioniert das bei Inline-SVG nicht, daher explizit setzen: */
  width: 1.5em;
}
#top-bar #top-bar-content ul > li > a svg.small {
  width: 1em;
}
#top-bar #top-bar-content ul > li > a svg#backlink-chevron {
  width: 0.75em;
}
#top-bar #top-bar-content ul > li > a:hover,
#top-bar #top-bar-content ul > li > a:focus {
  background: #148181;
}
#top-bar #top-bar-content ul > li > a:hover svg.burger-icon #close-arrow,
#top-bar #top-bar-content ul > li > a:focus svg.burger-icon #close-arrow {
  stroke: #148181;
}
#top-bar #top-bar-content ul > li > a:hover .label,
#top-bar #top-bar-content ul > li > a:focus .label {
  text-decoration: underline;
}
#top-bar #top-bar-content ul > li > a:focus > img {
  outline: 1px dotted white;
}
#top-bar #top-bar-content ul > li > a:active {
  text-decoration: none;
}
#top-bar #top-bar-content ul > li.selected > a,
body.mobilemenu-showing #top-bar #top-bar-content ul > li > a#menutoggle,
body.loginmenu-showing #top-bar #top-bar-content ul > li > a#logintoggle {
  background: #148181;
}
#top-bar #top-bar-content ul > li.selected,
body.loginmenu-showing #top-bar #top-bar-content ul > li.login {
  position: relative;
}
#top-bar #top-bar-content ul > li.selected::after,
body.loginmenu-showing #top-bar #top-bar-content ul > li.login::after {
  content: '';
  border: 15px solid transparent;
  border-top: 8px solid #148181;
  border-bottom-width: 0px;
  position: absolute;
  left: 50%;
  line-height: 8px;
  top: 2.9375em;
  margin-top: -2px;
  margin-left: -14px;
}
#top-bar #top-bar-content svg line,
#top-bar #top-bar-content svg path {
  stroke: white;
  stroke-width: 3;
}
#top-bar #top-bar-content svg.burger-icon #close-arrow {
  display: none;
  stroke: #006666;
  stroke-width: 3;
  fill: white;
}
@media screen and (max-width: 55em) {
  #top-bar #top-bar-content svg.burger-icon #close-arrow {
    display: unset;
  }
  body.hidemenu #top-bar #top-bar-content svg.burger-icon #close-arrow {
    transform: translate(50%);
    opacity: 0;
  }
  #top-bar #top-bar-content svg.burger-icon #close-arrow {
    transition: transform 0.3s, opacity 0.7s;
  }
}
@media screen and (max-width: 45em) {
  body.mobilemenu-showing #top-bar #top-bar-content svg.burger-icon #topline {
    transform: translate(0px, 10px);
  }
  body.mobilemenu-showing #top-bar #top-bar-content svg.burger-icon #bottomline {
    transform: translate(0px, -10px);
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s 0.1s;
  }
  body.mobilemenu-showing #top-bar #top-bar-content svg.burger-icon #midline {
    transform: rotate(-90deg);
  }
  body.mobilemenu-showing #top-bar #top-bar-content svg.burger-icon g {
    transform: rotate(45deg);
  }
  #top-bar #top-bar-content svg.burger-icon g,
  #top-bar #top-bar-content svg.burger-icon line {
    transition: transform 0.5s, opacity 0.1s;
  }
  #top-bar #top-bar-content svg.burger-icon #close-arrow {
    display: none;
  }
}
@media screen and (min-width: 55em) {
  #top-bar #top-bar-content ul > li#backlink {
    width: 14rem;
  }
  #top-bar #top-bar-content ul > li.spacer {
    display: none;
  }
}
@media screen and (max-width: 55em) {
  #top-bar #top-bar-content ul {
    justify-content: space-between;
  }
  #top-bar #top-bar-content ul > li {
    flex-grow: 0;
  }
  #top-bar #top-bar-content ul > li#backlink {
    padding-right: 1em;
    min-width: 0;
    flex: 0 1 50%;
  }
  #top-bar #top-bar-content ul > li:not(:first-child)#wa-logo-bar {
    margin-left: -1.25em;
    text-align: left;
  }
  #top-bar #top-bar-content ul > li.course-home.mobile {
    flex-grow: 1;
    text-align: center;
  }
  #top-bar #top-bar-content ul > li.course-title:not(.always) {
    display: none;
  }
  #top-bar #top-bar-content ul > li#menubutton {
    text-align: right;
  }
  #top-bar #top-bar-content ul > li.spacer {
    flex: 1 0 0px;
  }
}
@media screen and (max-width: 27em) {
  #top-bar #top-bar-content ul > li > p,
  #top-bar #top-bar-content ul > li > a {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
@media screen and (max-width: 23em) {
  #top-bar {
    font-size: 0.9em;
  }
}
@media print {
  #top-bar {
    display: none;
  }
}
@media screen and (min-height: 30em) {
  #top-bar {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0px;
  }
  body:not(.loginmenu-showing):not(.mobilemenu-showing) #top-bar {
    box-shadow: 0 1px 5px rgba(255, 255, 255, 0.3);
  }
  a:target {
    border-top: 3.1375em solid transparent;
  }
}
@media screen and (min-height: 30em) and (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode):not(.loginmenu-showing):not(.mobilemenu-showing) #top-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  }
}
#top-menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0.5em 0;
}
#top-menu ul li {
  position: relative;
  display: inline-block;
  margin: 0 2em;
  color: black;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #top-menu ul li {
    color: #b0b0b0;
  }
}
#top-menu ul li.selected {
  font-weight: bold;
}
@media screen and (min-width: 55em) {
  #top-menu ul li.right {
    margin-left: auto;
  }
}
#top-menu ul li a {
  text-decoration: none;
}
#top-menu ul li a:hover,
#top-menu ul li a:focus {
  text-decoration: underline;
}
#top-menu ul li a:active {
  text-decoration: none;
}
#top-menu ul li::before {
  content: "❯ ";
  color: #006666;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #top-menu ul li::before {
    color: #148181;
  }
}
#mobile-course-title header {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
#mobile-course-title header h1,
#mobile-course-title header p {
  margin: 0;
  padding: 0;
  color: #004c97;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #mobile-course-title header h1,
  body.supportsDarkMode:not(.disableDarkMode) #mobile-course-title header p {
    color: #b0b0b0;
  }
}
#mobile-course-title header h1 {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 55em) {
  #mobile-course-title {
    display: none;
  }
}
#aufgabenheftheader {
  border-bottom: 1px solid #004c97;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: #004c97;
  background-color: white;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #aufgabenheftheader {
    border-color: #2f6daa;
    color: #b0b0b0;
    background-color: rgba(0, 0, 0, 0.8);
  }
}
#aufgabenheftheader header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
}
#aufgabenheftheader header .time::before {
  content: 'Bearbeitungsende: ';
}
#aufgabenheftheader header .time.past::before {
  content: 'Bearbeitungsende war: ';
}
@media screen and (min-width: 55em) {
  #aufgabenheftheader {
    border: none;
    background-color: #ddd;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media screen and (min-width: 55em) and (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #aufgabenheftheader {
    background-color: #333;
  }
}
@media screen and (min-width: 55em) and (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #aufgabenheftheader {
    color: #ddd;
  }
}
@media screen and (min-height: 30em) {
  #aufgabenheftheader.active {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: sticky;
    top: 2.9375em;
    z-index: 10;
    transition: top 0.5s 3s ease-in;
  }
  #aufgabenheftheader.active.iframe {
    top: 0;
  }
  #aufgabenheftheader.active.ended {
    top: -2.9375em;
  }
}
#aufgabenheftheader.iframe {
  border: none;
  background-color: #ddd;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #aufgabenheftheader.iframe {
    background-color: #333;
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #aufgabenheftheader.iframe {
    color: #ddd;
  }
}
/********************************************
 Top lines
********************************************/
hr.fu-topline {
  height: 1px;
  border: 0;
  border-bottom: 1px solid #004c97;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) hr.fu-topline {
    border-bottom-color: #2f6daa;
  }
}
/********************************************
 Login-Menü
********************************************/
#loginmenu {
  width: 20em;
  margin-top: 2em;
  border-top: 1px solid #004c97;
  padding-top: 1em;
  font-size: 0.9rem;
}
#loginmenu #close-loginmenu {
  display: none;
}
#loginmenu div h2 {
  font-weight: 500;
  font-size: 1.1rem;
  margin: 1em 0 0.2em 0;
}
#loginmenu div h2:first-child {
  margin-top: 0;
}
#loginmenu div ul {
  list-style-type: none;
  padding-left: 0;
}
#loginmenu div ul li {
  margin-bottom: 0.5em;
  padding-left: 2em;
  text-indent: -2em;
}
#loginmenu div ul li::before {
  display: inline-block;
  width: 1.5em;
  padding-right: 0.5em;
  text-align: right;
  content: "❯";
  color: #004c97;
}
#loginmenu div ul li:last-child {
  margin-bottom: 0;
}
#loginmenu div ul li a:hover {
  text-decoration: none;
}
#loginmenu div ul li a:active {
  text-decoration: underline;
}
#loginmenu div ul li.return::before {
  content: "❮❮";
  letter-spacing: -0.2em;
  padding-right: 0.7em;
  width: 1.3em;
  color: #AB013C;
}
#loginmenu div ul li.closeSession::before {
  content: "❯❮";
  letter-spacing: -0.2em;
  padding-right: 0.7em;
  width: 1.3em;
  color: #AB013C;
}
#loginmenu div ul li.logout::before {
  content: "❮";
  color: #AB013C;
  width: 0.15em;
  border: 1.5px solid #AB013C;
  border-left: none;
  padding: 0 0.4em 0 0;
  margin-right: 0.5em;
  margin-left: calc( 0.95em - 1.5px );
  line-height: 1.1em;
}
#loginmenu div ul li.changePwd::before {
  content: "🔑";
}
#loginmenu div ul.changeRole li::before {
  color: #27744e;
}
#loginmenu div ul.newlogin li::before {
  content: "❯❯";
  letter-spacing: -0.2em;
  padding-right: 0.7em;
  width: 1.3em;
  color: #AB013C;
}
#loginmenu.js-enabled {
  display: block;
  visibility: hidden;
  opacity: 0;
  font-size: 1rem;
  transition: opacity 0.5s, visibility 0s 0.5s;
  z-index: 10;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  max-width: 95%;
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}
body.loginmenu-showing #loginmenu.js-enabled {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s, visibility 0s;
}
#loginmenu.js-enabled.no-transition {
  transition: none;
}
#loginmenu.js-enabled h1 {
  display: none;
}
#loginmenu.js-enabled div {
  background: rgba(0, 50, 100, 0.95);
  color: #ffffff;
  padding: 1.5em;
  border-bottom-left-radius: 0.5em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
#loginmenu.js-enabled div h2 {
  color: #ccc;
}
#loginmenu.js-enabled div ul li::before {
  color: #ffffff;
}
#loginmenu.js-enabled div ul li a,
#loginmenu.js-enabled div ul li a:visited,
#loginmenu.js-enabled div ul li a:active,
#loginmenu.js-enabled div ul li a:hover {
  color: #ffffff;
}
#loginmenu.js-enabled div ul li.logout::before,
#loginmenu.js-enabled div ul li.ltiReturn::before,
#loginmenu.js-enabled div ul li.closeSession::before {
  color: #FF816F;
}
#loginmenu.js-enabled div ul li.logout::before {
  border-color: #FF816F;
}
#loginmenu.js-enabled div ul.changeRole li::before {
  color: #36BF7B;
}
#loginmenu.js-enabled div ul.newlogin li::before {
  color: #FF816F;
}
#loginmenu.js-enabled #close-loginmenu {
  display: block;
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  width: 1.5em;
  height: 1.5em;
}
#loginmenu.js-enabled #close-loginmenu line {
  stroke: #ffffff;
  stroke-width: 1px;
}
/********************************************
 Sidebar
********************************************/
#side-navigation {
  padding-right: 2em;
  width: 14rem;
  font-size: 0.9rem;
}
#side-navigation .blockname {
  font-weight: 500;
  padding-bottom: 0.2em;
}
#side-navigation h2,
#side-navigation .blockname {
  color: #006666;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation h2,
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation .blockname {
    color: #00a3a3;
  }
}
#side-navigation nav,
#side-navigation aside {
  margin: 1em 0;
}
#side-navigation nav header,
#side-navigation aside header {
  margin: 1em 0 0.3em 0;
  padding: 0;
}
#side-navigation nav header h2,
#side-navigation aside header h2 {
  font-size: 1rem;
  margin: 0 1em 0 0;
  padding: 0;
}
#side-navigation nav header *,
#side-navigation aside header * {
  display: inline-block;
}
#side-navigation nav ul,
#side-navigation aside ul {
  margin: 0;
  padding: 0;
  position: relative;
}
#side-navigation nav ul li,
#side-navigation aside ul li {
  list-style-type: none;
  padding: 0.2em 0 0.2em 0.7em;
}
#side-navigation nav ul li.first-of-group:not(:first-child),
#side-navigation aside ul li.first-of-group:not(:first-child) {
  padding-top: 10px;
  background-image: linear-gradient(to right, #e4e4e4, rgba(228, 228, 228, 0));
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 2px;
}
@media (pointer: coarse) {
  #side-navigation nav ul li.first-of-group:not(:first-child),
  #side-navigation aside ul li.first-of-group:not(:first-child) {
    padding-top: 16px;
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation nav ul li.first-of-group:not(:first-child),
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation aside ul li.first-of-group:not(:first-child) {
    background-image: linear-gradient(to right, #333, rgba(51, 51, 51, 0));
  }
}
#side-navigation nav ul li.last-of-group:not(:last-child),
#side-navigation aside ul li.last-of-group:not(:last-child) {
  padding-bottom: 8px;
}
@media (pointer: coarse) {
  #side-navigation nav ul li.last-of-group:not(:last-child),
  #side-navigation aside ul li.last-of-group:not(:last-child) {
    padding-bottom: 14px;
  }
}
#side-navigation nav a,
#side-navigation aside a {
  text-decoration: none;
}
#side-navigation nav a:hover,
#side-navigation aside a:hover,
#side-navigation nav a:focus,
#side-navigation aside a:focus {
  text-decoration: underline;
}
#side-navigation nav a:active,
#side-navigation aside a:active {
  text-decoration: none;
}
#side-navigation nav:not(.raw-section) header + ul li,
#side-navigation aside:not(.raw-section) header + ul li {
  border-left: 3px solid #e4e4e4;
}
#side-navigation nav:not(.raw-section) header + ul li.selected,
#side-navigation aside:not(.raw-section) header + ul li.selected {
  border-left-color: #004c97;
}
#side-navigation nav:not(.raw-section) header + ul li.selected > a,
#side-navigation aside:not(.raw-section) header + ul li.selected > a {
  font-weight: bold;
}
#side-navigation nav:not(.raw-section) header + ul li.selected.block,
#side-navigation aside:not(.raw-section) header + ul li.selected.block {
  border-left-color: #006666;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation nav:not(.raw-section) header + ul li,
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation aside:not(.raw-section) header + ul li {
    border-left-color: #333;
  }
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation nav:not(.raw-section) header + ul li.selected,
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation aside:not(.raw-section) header + ul li.selected {
    border-left-color: #3379BD;
  }
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation nav:not(.raw-section) header + ul li.selected.block,
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation aside:not(.raw-section) header + ul li.selected.block {
    border-left-color: #148181;
  }
}
#side-navigation nav:not(.raw-section) ul:first-child li,
#side-navigation aside:not(.raw-section) ul:first-child li {
  padding-left: 0;
}
#side-navigation nav:not(.raw-section) ul:first-child li::before,
#side-navigation aside:not(.raw-section) ul:first-child li::before {
  content: "❯  ";
  color: #006666;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation nav:not(.raw-section) ul:first-child li::before,
  body.supportsDarkMode:not(.disableDarkMode) #side-navigation aside:not(.raw-section) ul:first-child li::before {
    color: #148181;
  }
}
@media screen and (max-width: 55em) {
  #side-navigation {
    transition-property: opacity, width, padding-right, visibility;
    transition-duration: 0.5s;
  }
  body.hidemenu #side-navigation {
    opacity: 0;
    visibility: hidden;
    width: 0;
    padding-right: 0;
  }
  body.hidemenu #side-navigation a {
    white-space: nowrap;
  }
  body.disable-menu-animation #side-navigation {
    transition: none;
    visibility: visible;
  }
}
@media screen and (max-width: 45em) {
  #side-navigation.js-enabled {
    margin: 0 0 0 -10em;
    padding: 0 1em 0 11.5em;
    background-color: rgba(0, 50, 100, 0.95);
    color: #ffffff;
    font-size: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    position: absolute;
    z-index: 10;
    top: 0;
    left: -21em;
    visibility: hidden;
    width: 30em;
    transition-property: left, visibility;
    transition-duration: 0.5s;
    border-bottom-right-radius: 0.5em;
    border-top-right-radius: 0.5em;
  }
  #side-navigation.js-enabled.top-aligned {
    border-top-right-radius: 0;
  }
  #side-navigation.js-enabled input,
  #side-navigation.js-enabled select,
  #side-navigation.js-enabled button {
    font-size: 0.9em;
  }
  #side-navigation.js-enabled button.default {
    border-color: white;
  }
  #side-navigation.js-enabled button.pill {
    color: white;
  }
  body.disable-menu-animation #side-navigation.js-enabled {
    transition: none;
    visibility: visible;
  }
  body.mobilemenu-showing #side-navigation.js-enabled {
    left: 0;
    visibility: visible;
  }
  #side-navigation.js-enabled nav header h2,
  #side-navigation.js-enabled aside header h2 {
    font-size: 1.3rem;
    color: #ccc !important;
  }
  #side-navigation.js-enabled nav header + ul li,
  #side-navigation.js-enabled aside header + ul li {
    border-left-color: rgba(0, 24, 48, 0.975) !important;
  }
  #side-navigation.js-enabled nav header + ul li.first-of-group:not(:first-child),
  #side-navigation.js-enabled aside header + ul li.first-of-group:not(:first-child) {
    background-image: none;
  }
  #side-navigation.js-enabled nav header + ul li.selected,
  #side-navigation.js-enabled aside header + ul li.selected {
    border-left-color: #0ee !important;
    font-weight: bold;
  }
  #side-navigation.js-enabled nav ul:first-child li::before,
  #side-navigation.js-enabled aside ul:first-child li::before {
    color: #0ee !important;
  }
  #side-navigation.js-enabled div,
  #side-navigation.js-enabled a,
  #side-navigation.js-enabled a:hover {
    color: white;
  }
}
@media screen and (max-width: 45em) and (pointer: coarse) {
  #side-navigation.js-enabled {
    background-image: url('../img/menudraghandle.svg');
    background-repeat: no-repeat;
    background-position: right 0.5em top 50%;
  }
}
/********************************************
 Breadcrumb
********************************************/
#fu-breadcrumb ul {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0;
}
#fu-breadcrumb ul li {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 0.75em;
}
#fu-breadcrumb ul li a {
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
}
#fu-breadcrumb ul li a:hover {
  text-decoration: underline;
}
#fu-breadcrumb ul li a:active {
  text-decoration: none;
}
#fu-breadcrumb ul li:not(:last-child)::after {
  content: ' / ';
}
#fu-breadcrumb img {
  vertical-align: bottom;
  height: 1.3em;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #fu-breadcrumb img {
    filter: brightness(190%);
  }
}
/********************************************
 Content elements
********************************************/
#inhalt {
  flex-grow: 1;
  position: relative;
  container-type: inline-size;
  container-name: inhalt;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  padding: 0 0.3rem 0 0.3rem;
}
#fu-content:not(.js-enabled) #inhalt {
  min-width: min(40em, 90vw);
}
#inhalt.menuless {
  max-width: 69.4rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#inhalt p,
dialog p,
[popover] p,
#inhalt ul,
dialog ul,
[popover] ul,
#inhalt ol,
dialog ol,
[popover] ol,
#inhalt div.p,
dialog div.p,
[popover] div.p,
#inhalt .parwidth,
dialog .parwidth,
[popover] .parwidth,
#inhalt pre.autowrap,
dialog pre.autowrap,
[popover] pre.autowrap {
  max-width: 70rem;
  box-sizing: border-box;
}
#inhalt p,
dialog p,
[popover] p,
#inhalt ul,
dialog ul,
[popover] ul,
#inhalt ol,
dialog ol,
[popover] ol,
#inhalt div.p,
dialog div.p,
[popover] div.p {
  margin-bottom: 1em;
}
#inhalt li ul:last-child,
dialog li ul:last-child,
[popover] li ul:last-child,
#inhalt li ol:last-child,
dialog li ol:last-child,
[popover] li ol:last-child {
  margin-bottom: 0;
}
#inhalt li > p:first-child,
dialog li > p:first-child,
[popover] li > p:first-child {
  margin-top: 0;
}
main.stretch {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
/***** Überschriften, Absatzformate *****/
.fussnote {
  font-size: 0.8rem;
  border-top: 1px solid #004c97;
  padding-top: 0.5em;
  margin-top: 2rem;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .fussnote {
    border-top-color: #2f6daa;
  }
}
.notiz-einschub {
  font-size: 0.8rem;
  border-left: 1px solid #004c97;
  padding-left: 0.5em;
  margin: 1em 0;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .notiz-einschub {
    border-left-color: #2f6daa;
  }
}
h1 {
  font-size: 2em;
  font-weight: 500;
}
h2 {
  font-size: 1.75em;
  font-weight: 500;
}
h3 {
  font-size: 1.5em;
  font-weight: 500;
}
h4 {
  font-size: 1.25em;
  font-weight: 500;
}
h5 {
  font-size: 1.125em;
  font-weight: 500;
}
h6 {
  font-size: 1em;
  font-weight: 500;
}
h1 {
  margin-bottom: 1em;
}
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.6em;
  margin-top: 0.6em;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-bottom: 1px solid #b1b3b3;
  max-width: 63.125em;
  margin: 0 auto 2em auto;
  padding: 0;
}
hr.contrast {
  border-color: #004c97;
}
hr.fullwidth {
  max-width: unset;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  text-decoration: none;
}
@keyframes dialogFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dialogPopUp {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  70% {
    opacity: 1;
    transform: scale(1.03);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dialogUnfold {
  from {
    opacity: 0;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes dialogFold {
  from {
    display: block;
    opacity: 1;
    transform: scaleY(1);
  }
  to {
    display: none;
    opacity: 0;
    transform: scaleY(0.5);
  }
}
.simple-block,
.text-block64,
.text-block48,
.text-block90 {
  clear: both;
  background-color: #e4e4e4;
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin: 1em 0;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .simple-block,
  body.supportsDarkMode:not(.disableDarkMode) .text-block64,
  body.supportsDarkMode:not(.disableDarkMode) .text-block48,
  body.supportsDarkMode:not(.disableDarkMode) .text-block90 {
    background-color: #333;
    color: #ddd;
  }
}
.simple-block:first-child,
.text-block64:first-child,
.text-block48:first-child,
.text-block90:first-child {
  margin-top: 0;
}
:is(dialog, .text-block64, .text-block48, .text-block90) {
  --closeBtnRad: 1.5rem;
}
@media (pointer: coarse) {
  :is(dialog, .text-block64, .text-block48, .text-block90) {
    --closeBtnRad: 2rem;
  }
}
:is(dialog, .text-block64, .text-block48, .text-block90) .close {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-size: 1rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: var(--closeBtnRad);
  height: var(--closeBtnRad);
  border-radius: var(--closeBtnRad);
}
:is(dialog, .text-block64, .text-block48, .text-block90) .close svg {
  width: var(--closeBtnRad);
  height: var(--closeBtnRad);
}
:is(dialog, .text-block64, .text-block48, .text-block90) .close svg circle {
  fill: #004c97;
  stroke: none;
}
:is(dialog, .text-block64, .text-block48, .text-block90) .close svg line {
  stroke: white;
  stroke-width: 2;
}
:is(dialog, .text-block64, .text-block48, .text-block90) .close:is(:hover, :focus) svg circle {
  fill: #006EDB;
}
:is(dialog, .text-block64, .text-block48, .text-block90) .close:focus-visible {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(dialog, .text-block64, .text-block48, .text-block90) .close:focus-visible {
    outline-color: white;
  }
}
:is(dialog, .text-block64, .text-block48, .text-block90) .close:active svg circle {
  fill: white;
}
:is(dialog, .text-block64, .text-block48, .text-block90) .close:active svg line {
  stroke: #004c97;
}
:is(dialog, .text-block64, .text-block48, .text-block90) .headingWithClosebutton,
:is(dialog, .text-block64, .text-block48, .text-block90) .close + div > h2 {
  padding-right: calc(var(--closeBtnRad) + 0.5rem);
}
:is(.text-block64, .text-block48, .text-block90) {
  position: relative;
  border-left-style: solid;
  border-color: #ccc;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90) {
    border-color: #4d4d4d;
  }
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90) > img {
    background: none;
  }
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).yellow > img,
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).yellow > a > img {
    background-color: #ccb100;
  }
}
:is(.text-block64, .text-block48, .text-block90) > :first-child,
:is(.text-block64, .text-block48, .text-block90) > div > :first-child,
:is(.text-block64, .text-block48, .text-block90) :first-child + :is(h2, h1) {
  margin-top: 0;
}
:is(.text-block64, .text-block48, .text-block90) > img,
:is(.text-block64, .text-block48, .text-block90) > a > img,
:is(.text-block64, .text-block48, .text-block90) > .block-img {
  position: absolute;
}
:is(.text-block64, .text-block48, .text-block90) :is(h2, h1) {
  color: #004c97;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90) :is(h2, h1) {
    color: #409AF1;
  }
}
:is(.text-block64, .text-block48, .text-block90).blue {
  border-color: #2f6daa;
}
:is(.text-block64, .text-block48, .text-block90).blue :is(h2,h1) {
  color: #004c97;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).blue {
    border-color: #2f6daa;
  }
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).blue :is(h2,h1) {
    color: #409AF1;
  }
}
:is(.text-block64, .text-block48, .text-block90).green {
  border-color: #0a0;
}
:is(.text-block64, .text-block48, .text-block90).green :is(h2,h1) {
  color: #007700;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).green {
    border-color: #0a0;
  }
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).green :is(h2,h1) {
    color: #00c300;
  }
}
:is(.text-block64, .text-block48, .text-block90).red {
  border-color: #c00;
}
:is(.text-block64, .text-block48, .text-block90).red :is(h2,h1) {
  color: #8f0000;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).red {
    border-color: #c00;
  }
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).red :is(h2,h1) {
    color: #f00;
  }
}
:is(.text-block64, .text-block48, .text-block90).yellow {
  border-color: #fd0;
}
:is(.text-block64, .text-block48, .text-block90).yellow :is(h2,h1) {
  color: #806000;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).yellow {
    border-color: #ccb100;
  }
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).yellow :is(h2,h1) {
    color: #eccc05;
  }
}
:is(.text-block64, .text-block48, .text-block90).feuBlue {
  border-color: #004c97;
}
:is(.text-block64, .text-block48, .text-block90).feuBlue :is(h2,h1) {
  color: #004c97;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).feuBlue {
    border-color: #004c97;
  }
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).feuBlue :is(h2,h1) {
    color: #409AF1;
  }
}
:is(.text-block64, .text-block48, .text-block90).feuGreen {
  border-color: #336600;
}
:is(.text-block64, .text-block48, .text-block90).feuGreen :is(h2,h1) {
  color: #336600;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).feuGreen {
    border-color: #336600;
  }
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).feuGreen :is(h2,h1) {
    color: #00c300;
  }
}
:is(.text-block64, .text-block48, .text-block90).feuRed {
  border-color: #993333;
}
:is(.text-block64, .text-block48, .text-block90).feuRed :is(h2,h1) {
  color: #993333;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).feuRed {
    border-color: #993333;
  }
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).feuRed :is(h2,h1) {
    color: #f00;
  }
}
:is(.text-block64, .text-block48, .text-block90).feuOrange {
  border-color: #c84f0e;
}
:is(.text-block64, .text-block48, .text-block90).feuOrange :is(h2,h1) {
  color: #004c97;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).feuOrange {
    border-color: #c84f0e;
  }
  body.supportsDarkMode:not(.disableDarkMode) :is(.text-block64, .text-block48, .text-block90).feuOrange :is(h2,h1) {
    color: #409AF1;
  }
}
:is(.text-block64, .text-block48, .text-block90) .block-img .transparentIcon {
  background-color: rgba(0, 0, 0, 0.3);
}
.text-block90 {
  border-left-width: 6rem;
  min-height: 7rem;
}
.text-block90 > img,
.text-block90 > a > img,
.text-block90 > .block-img {
  width: 5rem;
  left: -5.5rem;
  max-height: 6rem;
}
.text-block64 {
  border-left-width: 5rem;
  min-height: 6rem;
}
.text-block64 > img,
.text-block64 > a > img {
  width: 4rem;
  left: -4.5rem;
  max-height: 5rem;
}
.text-block48 {
  border-left-width: 3em;
}
.text-block48 > img,
.text-block48 > a > img {
  width: 2rem;
  left: -2.5rem;
}
ol.blocks {
  padding-left: 4rem;
}
ol.blocks > li::marker {
  font-size: 2.5rem;
  color: #004c97;
  font-weight: 700;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) ol.blocks > li::marker {
    color: #2f6daa;
  }
}
@container (max-width: 40em) {
  :is(.text-block90, .text-block64, .text-block48) {
    border-left: none;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
  :is(.text-block90, .text-block64, .text-block48).feuGreen a:not(:hover) .transparentIcon {
    background-color: #336600;
  }
  :is(.text-block90, .text-block64, .text-block48).feuRed a:not(:hover) .transparentIcon {
    background-color: #993333;
  }
  :is(.text-block90, .text-block64, .text-block48).feuBlue a:not(:hover) .transparentIcon {
    background-color: #004c97;
  }
  :is(.text-block90, .text-block64):not(.flex-block) > img,
  :is(.text-block90, .text-block64):not(.flex-block) > a > img,
  :is(.text-block90, .text-block64):not(.flex-block) .block-img {
    height: 5rem;
    width: auto;
    max-width: 5rem;
    position: relative;
    float: left;
    top: 0;
    left: 0;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
  }
  :is(.text-block90, .text-block64):not(.flex-block) :is(h2,h1) {
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 5.5rem);
    min-height: 5rem;
    margin: 0;
  }
  :is(.text-block90, .text-block64):not(.flex-block) :is(h2,h1) + * {
    clear: left;
  }
  :is(.text-block90, .text-block64):not(.flex-block):is(.blue, .green, .red, .yellow, .feuBlue, .feuRed, .feuGreen, .feuOrange) > img,
  :is(.text-block90, .text-block64):not(.flex-block):is(.blue, .green, .red, .yellow, .feuBlue, .feuRed, .feuGreen, .feuOrange) > a > img,
  :is(.text-block90, .text-block64):not(.flex-block):is(.blue, .green, .red, .yellow, .feuBlue, .feuRed, .feuGreen, .feuOrange) .block-img {
    padding: 0.5rem;
    margin: 0 0.5rem 0.5rem 0;
    border-radius: 0.5rem;
    max-width: calc(5rem - 2 * 0.5rem);
    height: calc(5rem - 2 * 0.5rem);
  }
  .flex-block {
    min-height: unset;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
  }
  .flex-block > * {
    margin: 0;
  }
  .flex-block > img,
  .flex-block > a > img,
  .flex-block .block-img {
    position: relative;
    left: 0;
    width: auto;
    max-height: none;
    flex-grow: 0;
  }
  .flex-block > :nth-child(n+3) {
    flex-basis: 100%;
  }
  .flex-block > :is(h2,h1):nth-child(2) {
    flex-basis: 50%;
    flex-grow: 1;
  }
  .text-block48 > img,
  .text-block48 > a > img {
    top: calc(-0.5rem - 2px);
    left: -0.5rem;
    position: relative;
    float: left;
    padding: 0.5rem;
    padding-top: calc(0.5rem + 2px);
    border-top-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .text-block48 .close {
    position: relative;
    float: right;
    right: -0.25rem;
    top: -0.25rem;
  }
  .text-block48 :is(h2,h1) + * {
    clear: left;
  }
  :is(.text-block48, .text-block64, .text-block90).blue > img,
  :is(.text-block48, .text-block64, .text-block90).blue > a > img {
    background-color: #2f6daa !important;
  }
  :is(.text-block48, .text-block64, .text-block90).green > img,
  :is(.text-block48, .text-block64, .text-block90).green > a > img {
    background-color: #0a0 !important;
  }
  :is(.text-block48, .text-block64, .text-block90).red > img,
  :is(.text-block48, .text-block64, .text-block90).red > a > img {
    background-color: #c00 !important;
  }
  :is(.text-block48, .text-block64, .text-block90).yellow > img,
  :is(.text-block48, .text-block64, .text-block90).yellow > a > img {
    background-color: #fd0;
  }
  :is(.text-block48, .text-block64, .text-block90).feuBlue > img,
  :is(.text-block48, .text-block64, .text-block90).feuBlue > a > img {
    background-color: #004c97 !important;
  }
  :is(.text-block48, .text-block64, .text-block90).feuGreen > img,
  :is(.text-block48, .text-block64, .text-block90).feuGreen > a > img {
    background-color: #336600 !important;
  }
  :is(.text-block48, .text-block64, .text-block90).feuRed > img,
  :is(.text-block48, .text-block64, .text-block90).feuRed > a > img {
    background-color: #993333 !important;
  }
  :is(.text-block48, .text-block64, .text-block90).feuOrange > img,
  :is(.text-block48, .text-block64, .text-block90).feuOrange > a > img {
    background-color: #c84f0e !important;
  }
}
.mini-info {
  --bg1: #004c97;
  --bg2: #e4e4e4;
  padding: 0.3em;
  padding-left: 2.4em;
  border-radius: 0.3em;
  background-image: url(/images/flat/alpha/info.svg), linear-gradient(to right, var(--bg1) 2.1em, var(--bg2) 2.1em);
  background-position: 0.3em center, 0;
  background-size: 1.5em auto, auto;
  background-repeat: no-repeat;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .mini-info {
    --bg1: #2f6daa;
    --bg2: #333;
  }
}
/*--- Tabellen ---*/
table {
  border-collapse: collapse;
  line-height: 1.3em;
  margin-top: 1em;
  margin-bottom: 1em;
}
table:not(.layout):not(.narrow) {
  font-size: 0.8rem;
}
@media screen and (max-width: 45em) {
  table:not(.layout):not(.narrow) {
    font-size: 0.6rem;
  }
}
table:not(.layout):not(.narrow) input:not(.raw-style):first-child[type="checkbox"],
table:not(.layout):not(.narrow) input:not(.raw-style):first-child[type="radio"] {
  font-size: 1.25em;
}
@media (pointer: coarse) {
  table:not(.layout):not(.narrow) input:not(.raw-style):first-child[type="checkbox"],
  table:not(.layout):not(.narrow) input:not(.raw-style):first-child[type="radio"] {
    font-size: 1.4rem;
  }
}
table:not(.layout):not(.narrow) td.narrow,
table:not(.layout):not(.narrow) th.narrow {
  font-size: 1.25em;
}
@media screen and (max-width: 27em) {
  table:not(.layout).narrow {
    font-size: 0.8rem;
  }
}
table td > table:first-child {
  margin-top: 0;
}
table td > table:last-child {
  margin-bottom: 0;
}
caption {
  text-align: left;
  font-size: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
}
table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody {
  background-color: white;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody {
    background-color: #111;
  }
}
table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody > tr:nth-child(even):not(.no-zebra) > td:not([rowspan]),
table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody > tr:nth-child(even):not(.no-zebra) > th.transparent:not([rowspan]) {
  background-color: rgba(221, 227, 243, 0.5);
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody > tr:nth-child(even):not(.no-zebra) > td:not([rowspan]),
  body.supportsDarkMode:not(.disableDarkMode) table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody > tr:nth-child(even):not(.no-zebra) > th.transparent:not([rowspan]) {
    background-color: rgba(51, 121, 189, 0.15);
  }
}
table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody td > table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody {
  background-color: transparent !important;
}
table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody td > table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody td,
table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody td > table:not(.layout):not(.no-zebra):not(.col-zebra):not(.calendar):not([border="0"]) > tbody th {
  background-color: transparent !important;
}
table.col-zebra > tbody > tr > td:nth-of-type(even):not([colspan]),
table.col-zebra > tbody > tr > th.transparent:nth-of-type(even):not([colspan]) {
  background-color: rgba(221, 227, 243, 0.5);
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) table.col-zebra > tbody > tr > td:nth-of-type(even):not([colspan]),
  body.supportsDarkMode:not(.disableDarkMode) table.col-zebra > tbody > tr > th.transparent:nth-of-type(even):not([colspan]) {
    background-color: rgba(51, 121, 189, 0.15);
  }
}
td,
th {
  padding: 0.3em;
  text-align: left;
  border: 1px solid #999;
  vertical-align: top;
}
table.baseline td,
table.baseline th {
  vertical-align: baseline;
}
/* Table Hover Effect  based on https://css-tricks.com/simple-css-row-column-highlighting/ */
table.hovereffect {
  overflow: hidden;
}
table.hovereffect:not(.hasselection) tr:hover,
table.hovereffect tr.selected {
  background-color: rgba(0, 110, 219, 0.2);
}
table.hovereffect td {
  position: relative;
}
table.hovereffect:not(.hasselection) td:hover::before,
table.hovereffect td.selected::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 110, 219, 0.1);
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  pointer-events: none;
}
@media screen {
  .tableContainer {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .tableContainer table thead th,
  .tableContainer table tfoot th,
  .tableContainer table thead td,
  .tableContainer table tfoot td {
    white-space: nowrap;
  }
}
thead th,
tfoot th,
thead td,
tfoot td {
  font-weight: 500;
  background-color: #b4c6de;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) thead th,
  body.supportsDarkMode:not(.disableDarkMode) tfoot th,
  body.supportsDarkMode:not(.disableDarkMode) thead td,
  body.supportsDarkMode:not(.disableDarkMode) tfoot td {
    background-color: #003568;
    color: #c4c4c4;
  }
}
tbody th:not(.light) {
  font-weight: 500;
}
tbody th.light {
  font-weight: normal;
}
tbody th:not(.transparent) {
  background-color: #b4c6de;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) tbody th:not(.transparent) {
    background-color: #003568;
    color: #c4c4c4;
  }
}
/******************************************************/
/*---------Formate für WebAssign-Tabellen ------------*/
/******************************************************/
#watable table,
#watable div,
#watable .kleineBox {
  clear: both;
}
#watable td table {
  margin: 0;
}
#watable td table td {
  border-style: none;
}
#watable.center td {
  text-align: center;
}
table.layout,
table.layout td,
table.layout th,
table[border="0"] td,
table[border="0"] th {
  border-style: none;
}
input:not(.raw-style),
textarea:not(.raw-style),
math-field:not(.raw-style),
select:not([size]):not(.raw-style),
select[size]:not(.raw-style) {
  margin: 0.2em 0.1em;
  transition-property: outline-width, outline-offset, outline-color;
  outline: 0px solid rgba(15, 136, 255, 0);
  transition-duration: 0.5s, 0.5s, 0.5s;
  font-size: 1em;
}
input:not(.raw-style):focus-visible,
textarea:not(.raw-style):focus-visible,
math-field:not(.raw-style):focus-visible,
select:not([size]):not(.raw-style):focus-visible,
select[size]:not(.raw-style):focus-visible {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
  transition-duration: 0.05s, 0.05s, 0.05s ;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style):focus-visible,
  body.supportsDarkMode:not(.disableDarkMode) textarea:not(.raw-style):focus-visible,
  body.supportsDarkMode:not(.disableDarkMode) math-field:not(.raw-style):focus-visible,
  body.supportsDarkMode:not(.disableDarkMode) select:not([size]):not(.raw-style):focus-visible,
  body.supportsDarkMode:not(.disableDarkMode) select[size]:not(.raw-style):focus-visible {
    outline-color: white;
  }
}
input::placeholder,
textarea::placeholder {
  color: #767676;
  opacity: 1;
  font-style: oblique;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input::placeholder,
  body.supportsDarkMode:not(.disableDarkMode) textarea::placeholder {
    color: #b0b0b0;
  }
}
.mce-tinymce,
.tox-tinymce {
  transition-property: outline-width, outline-offset, outline-color;
  outline: 0px solid rgba(15, 136, 255, 0);
  transition-duration: 0.5s, 0.5s, 0.5s;
}
.mce-tinymce.focus,
.tox-tinymce.focus {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
  transition-duration: 0.05s, 0.05s, 0.05s ;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .mce-tinymce.focus,
  body.supportsDarkMode:not(.disableDarkMode) .tox-tinymce.focus {
    outline-color: white;
  }
}
#inhalt form .tox-tinymce {
  border-color: #004c97;
}
button,
input[type="button"],
input[type="submit"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
input:not([type]):where(:not(.raw-style):not(.ui-spinner-input)),
input:is([type="text"],[type="number"],[type="password"],[type="email"],[type="search"]):where(:not(.raw-style):not(.ui-spinner-input)),
textarea:where(:not(.raw-style):not(.ui-spinner-input)),
select:where(:not(.raw-style):not(.ui-spinner-input)) {
  background-color: white;
  color: black;
  border: 1px solid #004c97;
  border-radius: 0.2em;
  padding: 0.1em 0.3em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}
@media (pointer: coarse) {
  input:not([type]):where(:not(.raw-style):not(.ui-spinner-input)),
  input:is([type="text"],[type="number"],[type="password"],[type="email"],[type="search"]):where(:not(.raw-style):not(.ui-spinner-input)),
  textarea:where(:not(.raw-style):not(.ui-spinner-input)),
  select:where(:not(.raw-style):not(.ui-spinner-input)) {
    padding: 0.3em;
  }
}
input:not([type]):where(:not(.raw-style):not(.ui-spinner-input)):hover:not(:disabled),
input:is([type="text"],[type="number"],[type="password"],[type="email"],[type="search"]):where(:not(.raw-style):not(.ui-spinner-input)):hover:not(:disabled),
textarea:where(:not(.raw-style):not(.ui-spinner-input)):hover:not(:disabled),
select:where(:not(.raw-style):not(.ui-spinner-input)):hover:not(:disabled),
input:not([type]):where(:not(.raw-style):not(.ui-spinner-input)):focus:not(:disabled),
input:is([type="text"],[type="number"],[type="password"],[type="email"],[type="search"]):where(:not(.raw-style):not(.ui-spinner-input)):focus:not(:disabled),
textarea:where(:not(.raw-style):not(.ui-spinner-input)):focus:not(:disabled),
select:where(:not(.raw-style):not(.ui-spinner-input)):focus:not(:disabled) {
  border-color: #006EDB;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not([type]):where(:not(.raw-style):not(.ui-spinner-input)),
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="text"],[type="number"],[type="password"],[type="email"],[type="search"]):where(:not(.raw-style):not(.ui-spinner-input)),
  body.supportsDarkMode:not(.disableDarkMode) textarea:where(:not(.raw-style):not(.ui-spinner-input)),
  body.supportsDarkMode:not(.disableDarkMode) select:where(:not(.raw-style):not(.ui-spinner-input)) {
    background-color: #333;
    color: #eee;
  }
}
input:not([type]):where(:not(.raw-style):not(.ui-spinner-input)):disabled,
input:is([type="text"],[type="number"],[type="password"],[type="email"],[type="search"]):where(:not(.raw-style):not(.ui-spinner-input)):disabled,
textarea:where(:not(.raw-style):not(.ui-spinner-input)):disabled,
select:where(:not(.raw-style):not(.ui-spinner-input)):disabled {
  background-color: rgba(0, 0, 0, 0.05);
  color: #4F5151;
  border-color: #999;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not([type]):where(:not(.raw-style):not(.ui-spinner-input)):disabled,
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="text"],[type="number"],[type="password"],[type="email"],[type="search"]):where(:not(.raw-style):not(.ui-spinner-input)):disabled,
  body.supportsDarkMode:not(.disableDarkMode) textarea:where(:not(.raw-style):not(.ui-spinner-input)):disabled,
  body.supportsDarkMode:not(.disableDarkMode) select:where(:not(.raw-style):not(.ui-spinner-input)):disabled {
    border-color: rgba(100, 100, 100, 0.6);
    background-color: rgba(100, 100, 100, 0.6);
    color: #d0d0d0;
  }
}
input:not([type]):where(:not(.raw-style):not(.ui-spinner-input)).error,
input:is([type="text"],[type="number"],[type="password"],[type="email"],[type="search"]):where(:not(.raw-style):not(.ui-spinner-input)).error,
textarea:where(:not(.raw-style):not(.ui-spinner-input)).error,
select:where(:not(.raw-style):not(.ui-spinner-input)).error {
  border-color: #c00;
  padding: 0.1em 0.3em;
}
input[type="text"].code,
textarea.code,
select.code {
  font-family: Monaco, "Lucida Console", monospace !important;
}
input[type="file"] {
  border-radius: 0.2em;
}
label.error {
  color: #8f0000 !important;
  background: transparent url(/images/flat/warning-red.svg) no-repeat !important;
  background-size: 1.3em !important;
  background-position-y: center !important;
  vertical-align: middle !important;
  padding-left: 1.6em !important;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) label.error {
    color: #f00 !important;
  }
}
span.validation-icon {
  display: inline-block;
}
form.validation-failed :is(input, select, textarea):invalid {
  border-color: #c00 !important;
}
form.validation-failed :is(input, select, textarea):invalid + .validation-icon::after {
  display: inline-block;
  content: ' ';
  width: 1.1em;
  height: 1.1em;
  background-image: url(/images/flat/warning-red.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: text-bottom;
}
form.validation-failed .wa-radiobuttongroup:has(input:invalid) {
  border-color: #c00 !important;
}
form.validation-failed .wa-radiobuttongroup:has(input:invalid) + .validation-icon::after {
  display: inline-block;
  content: ' ';
  width: 1.1em;
  height: 1.1em;
  background-image: url(/images/flat/warning-red.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: text-bottom;
}
:is(input, select, textarea):invalid:required + .validation-icon::before {
  content: '*';
  font-weight: bold;
  color: #004c97;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) :is(input, select, textarea):invalid:required + .validation-icon::before {
    color: #409AF1;
  }
}
:is(input, select, textarea):invalid:not(.validation-initialized) {
  border-color: #c00 !important;
}
.wa-radiobuttongroup:has(input:invalid:required) + .validation-icon::before {
  content: '*';
  font-weight: bold;
  color: #004c97;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-radiobuttongroup:has(input:invalid:required) + .validation-icon::before {
    color: #409AF1;
  }
}
math-field {
  background-color: white;
  color: black;
  border: 1px solid #004c97;
  border-radius: 0.2em;
  padding: 0.1em 0.3em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.1em;
  display: block;
}
@media (pointer: coarse) {
  math-field {
    padding: 0.3em;
  }
}
math-field:hover:not(:disabled),
math-field:focus:not(:disabled) {
  border-color: #006EDB;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) math-field {
    background-color: #333;
    color: #eee;
  }
}
.mathlive-keyb-mytext {
  font-weight: 100;
  font-size: smaller;
}
input[type="text"].math-field-src {
  width: 100%;
}
textarea:not(.raw-style):not(.proportional) {
  font-family: Monaco, "Lucida Console", monospace ;
  font-size: 0.9em;
}
input:not([type]):not(.raw-style),
input[type="text"]:not(.raw-style),
input[type="number"]:not(.raw-style),
input[type="password"]:not(.raw-style),
input[type="search"]:not(.raw-style),
textarea:not(.raw-style) {
  max-width: 100%;
}
input[type="number"]:not(.raw-style):not(.ui-spinner-input) {
  padding-right: 0;
}
input[type="search"]:not(.raw-style) {
  border-radius: 1em !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="search"]:not(.raw-style).icon {
  padding-left: 1.5em;
  background-image: url(/resources/design2018/img/magnifying-glass-blue.svg);
  background-repeat: no-repeat;
  background-size: 0.9em 0.9em;
  background-position: 0.4em center;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="search"]:not(.raw-style).icon {
    background-image: url(/resources/design2018/img/magnifying-glass-silver.svg);
  }
}
input:not([type]):not(.raw-style):-moz-read-only,
input[type="text"]:not(.raw-style):-moz-read-only,
input[type="number"]:not(.raw-style):-moz-read-only,
input[type="password"]:not(.raw-style):-moz-read-only,
textarea:not(.raw-style):-moz-read-only {
  color: #004c97;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not([type]):not(.raw-style):-moz-read-only,
  body.supportsDarkMode:not(.disableDarkMode) input[type="text"]:not(.raw-style):-moz-read-only,
  body.supportsDarkMode:not(.disableDarkMode) input[type="number"]:not(.raw-style):-moz-read-only,
  body.supportsDarkMode:not(.disableDarkMode) input[type="password"]:not(.raw-style):-moz-read-only,
  body.supportsDarkMode:not(.disableDarkMode) textarea:not(.raw-style):-moz-read-only {
    color: #99C4FF;
  }
}
input:not([type]):not(.raw-style):read-only,
input[type="text"]:not(.raw-style):read-only,
input[type="number"]:not(.raw-style):read-only,
input[type="password"]:not(.raw-style):read-only,
textarea:not(.raw-style):read-only {
  color: #004c97;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not([type]):not(.raw-style):read-only,
  body.supportsDarkMode:not(.disableDarkMode) input[type="text"]:not(.raw-style):read-only,
  body.supportsDarkMode:not(.disableDarkMode) input[type="number"]:not(.raw-style):read-only,
  body.supportsDarkMode:not(.disableDarkMode) input[type="password"]:not(.raw-style):read-only,
  body.supportsDarkMode:not(.disableDarkMode) textarea:not(.raw-style):read-only {
    color: #99C4FF;
  }
}
input:not(.raw-style)[type="checkbox"],
input:not(.raw-style)[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #004c97;
  font-family: 'Roboto', sans-serif;
  position: relative;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
input:not(.raw-style)[type="checkbox"]:disabled,
input:not(.raw-style)[type="radio"]:disabled {
  opacity: 0.5;
  border-color: #555;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:hover:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="radio"]:hover:not(:disabled) {
    border-color: #006EDB;
  }
}
input:not(.raw-style)[type="checkbox"]:not(.switch),
input:not(.raw-style)[type="radio"] {
  width: 1em;
  height: 1em;
  bottom: -0.1em;
}
@media (pointer: coarse) {
  input:not(.raw-style)[type="checkbox"]:not(.switch),
  input:not(.raw-style)[type="radio"] {
    font-size: 1.4em;
    bottom: -0.2em;
  }
}
input:not(.raw-style)[type="checkbox"]:not(.switch):not(:checked),
input:not(.raw-style)[type="radio"]:not(:checked) {
  background-image: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):not(:checked),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="radio"]:not(:checked) {
    border-color: #b0b0b0;
    background-image: linear-gradient(to bottom, #222 0%, #333 100%);
  }
}
input:not(.raw-style)[type="checkbox"]:not(.switch):hover:not(:disabled),
input:not(.raw-style)[type="radio"]:hover:not(:disabled),
input:not(.raw-style)[type="checkbox"]:not(.switch):focus:not(:disabled),
input:not(.raw-style)[type="radio"]:focus:not(:disabled) {
  border-color: #006EDB;
}
input:not(.raw-style)[type="checkbox"]:not(.switch):hover:not(:disabled):not(:checked),
input:not(.raw-style)[type="radio"]:hover:not(:disabled):not(:checked),
input:not(.raw-style)[type="checkbox"]:not(.switch):focus:not(:disabled):not(:checked),
input:not(.raw-style)[type="radio"]:focus:not(:disabled):not(:checked) {
  background-image: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):hover:not(:disabled):not(:checked),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="radio"]:hover:not(:disabled):not(:checked),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):focus:not(:disabled):not(:checked),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="radio"]:focus:not(:disabled):not(:checked) {
    background-image: linear-gradient(to bottom, #1a1a1a 0%, #444 100%);
  }
}
input:not(.raw-style)[type="checkbox"]:not(.switch):active:not(:checked):not(:disabled):not(.switch),
input:not(.raw-style)[type="radio"]:active:not(:checked):not(:disabled):not(.switch) {
  background-image: linear-gradient(to top, #fff 0%, #e5e5e5 100%);
  box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.4) inset;
  transition-duration: 0ms;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):active:not(:checked):not(:disabled):not(.switch),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="radio"]:active:not(:checked):not(:disabled):not(.switch) {
    background-image: linear-gradient(to top, #202020 0%, #3a3a3a 100%);
    border-color: white;
  }
}
input:not(.raw-style)[type="checkbox"]:not(.switch) {
  border-radius: 3px;
  transition-property: outline-width, outline-offset, outline-color, background-color, border-color;
  outline: 0px solid rgba(15, 136, 255, 0);
  transition-duration: 0.5s, 0.5s, 0.5s;
}
input:not(.raw-style)[type="checkbox"]:not(.switch):focus-visible {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
  transition-duration: 0.05s, 0.05s, 0.05s ;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):focus-visible {
    outline-color: white;
  }
}
input:not(.raw-style)[type="checkbox"]:not(.switch).red {
  border-color: #8f0000;
}
input:not(.raw-style)[type="checkbox"]:not(.switch).red:hover,
input:not(.raw-style)[type="checkbox"]:not(.switch).red:focus {
  border-color: #c00;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch).red {
    border-color: #a33;
  }
}
input:not(.raw-style)[type="checkbox"]:not(.switch):checked {
  border-color: #004c97;
  background-color: #004c97;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='-7 -7 14 14'%3E%3Cg%3E%3Cpath d='M -3.5,0 L -0.16,3.5 L 3.5, -3.5' style='stroke-width: 2; stroke-linecap: round; stroke: white; fill: none'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
@media print {
  input:not(.raw-style)[type="checkbox"]:not(.switch):checked {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='-7 -7 14 14' width='.8em' height='.8em'%3E%3Cg%3E%3Cpath d='M -3.5,0 L -0.16,3.5 L 3.5, -3.5' style='stroke-width: 2; stroke-linecap: round; stroke: black; fill: none'/%3E%3C/g%3E%3C/svg%3E");
  }
}
input:not(.raw-style)[type="checkbox"]:not(.switch):checked:disabled {
  background-color: #555;
  border-color: #555;
}
input:not(.raw-style)[type="checkbox"]:not(.switch):checked:hover:not(:disabled),
input:not(.raw-style)[type="checkbox"]:not(.switch):checked:focus:not(:disabled) {
  background-color: #006EDB;
  transition-duration: 0.05s;
}
input:not(.raw-style)[type="checkbox"]:not(.switch):checked:active:not(:disabled):not(.switch) {
  box-shadow: 0 0 0.2em black inset;
  background-position-x: 1px;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked {
    background-color: #006EDB;
    border-color: #006EDB;
  }
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked:hover:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked:focus:not(:disabled) {
    background-color: #42a1ff;
  }
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked:active:not(:disabled) {
    border-color: white  !important;
    box-shadow: none;
    background-position-x: 0;
  }
}
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.green,
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.yes {
  background-color: #007700;
  border-color: #007700;
}
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.green:hover:not(:disabled),
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.yes:hover:not(:disabled),
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.green:focus:not(:disabled),
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.yes:focus:not(:disabled) {
  background-color: #0a0;
  border-color: #0a0;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.green,
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.yes {
    background-color: #0a0;
    border-color: #0a0;
  }
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.green:hover:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.yes:hover:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.green:focus:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.yes:focus:not(:disabled) {
    background-color: #00dd00;
    border-color: #00dd00;
  }
}
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.red,
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.no {
  background-color: #8f0000;
  border-color: #8f0000;
}
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.red:hover:not(:disabled),
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.no:hover:not(:disabled),
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.red:focus:not(:disabled),
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.no:focus:not(:disabled) {
  background-color: #c00;
  border-color: #c00;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.red,
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.no {
    background-color: #c00;
    border-color: #c00;
  }
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.red:hover:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.no:hover:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.red:focus:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="checkbox"]:not(.switch):checked.no:focus:not(:disabled) {
    background-color: #ff3333;
    border-color: #ff3333;
  }
}
input:not(.raw-style)[type="checkbox"]:not(.switch):checked.no {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%22-7%20-7%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20style%3D%22stroke-width%3A%202px%3B%20stroke%3A%20rgb%28255%2C%20255%2C%20255%29%3B%20stroke-linecap%3A%20round%3B%22%3E%3Cline%20x1%3D%22-3%22%20y1%3D%22-3%22%20x2%3D%223%22%20y2%3D%223%22%2F%3E%3Cline%20x1%3D%22-3%22%20y1%3D%223%22%20x2%3D%223%22%20y2%3D%22-3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
input:not(.raw-style)[type="radio"] {
  border-radius: 1em;
  transition-property: outline-width, outline-offset, outline-color, border-width, border-color;
  outline: 0px solid rgba(15, 136, 255, 0);
  transition-duration: 0.5s, 0.5s, 0.5s, 0.1s, 0.2s;
}
input:not(.raw-style)[type="radio"]:focus-visible {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
  transition-duration: 0.05s, 0.05s, 0.05s ;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="radio"]:focus-visible {
    outline-color: white;
  }
}
input:not(.raw-style)[type="radio"]:checked {
  border-width: 0.33em;
  background-image: none !important;
  background-color: white !important;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="radio"]:checked {
    border-color: #006EDB;
  }
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="radio"]:checked:hover:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input:not(.raw-style)[type="radio"]:checked:focus:not(:disabled) {
    border-color: #42a1ff;
  }
}
select:not(.raw-style):not([size]),
select:not(.raw-style)[size="1"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #004c97;
  background-image: url('../img/select_icon.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: right 0.2em top 50%, right 0 top 0;
  background-size: 0.8em, 1.2em 100%;
  padding-right: 1.5em !important;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
select:not(.raw-style):not([size])::-ms-expand,
select:not(.raw-style)[size="1"]::-ms-expand {
  display: none;
}
select:not(.raw-style):not([size]):disabled,
select:not(.raw-style)[size="1"]:disabled {
  background-image: url('../img/select_icon_disabled.svg');
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) select:not(.raw-style):not([size]):disabled,
  body.supportsDarkMode:not(.disableDarkMode) select:not(.raw-style)[size="1"]:disabled {
    background-image: url('../img/select_icon_darkmode.svg');
  }
}
select:not(.raw-style):not([size]):not(:disabled):hover,
select:not(.raw-style)[size="1"]:not(:disabled):hover,
select:not(.raw-style):not([size]):not(:disabled):focus,
select:not(.raw-style)[size="1"]:not(:disabled):focus {
  background-image: url('../img/select_icon_hover.svg'), linear-gradient(to bottom, #007bf4 0%, #0061c2 100%);
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) select:not(.raw-style):not([size]),
  body.supportsDarkMode:not(.disableDarkMode) select:not(.raw-style)[size="1"] {
    background-color: #333;
    background-image: url('../img/select_icon_darkmode.svg');
  }
  body.supportsDarkMode:not(.disableDarkMode) select:not(.raw-style):not([size]):not(:disabled):hover,
  body.supportsDarkMode:not(.disableDarkMode) select:not(.raw-style)[size="1"]:not(:disabled):hover,
  body.supportsDarkMode:not(.disableDarkMode) select:not(.raw-style):not([size]):not(:disabled):focus,
  body.supportsDarkMode:not(.disableDarkMode) select:not(.raw-style)[size="1"]:not(:disabled):focus {
    background-image: url('../img/select_icon_hover.svg'), linear-gradient(to bottom, #007bf4 0%, #0061c2 100%);
  }
}
select:not(.raw-style) + .tox-selectfield__icon-js {
  display: none;
}
input[type="text"][list]:not(.raw-style) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('../img/combo_icon.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: right 0.2em top 50%, right 0 top 0;
  background-size: 0.8em, 1.2em 100%;
  padding-right: 1.5em !important;
}
input[type="text"][list]:not(.raw-style)::-webkit-calendar-picker-indicator {
  display: none !important;
}
input[type="text"][list]:not(.raw-style)::-webkit-list-button {
  opacity: 0;
  right: -1.5em !important;
}
input[type="text"][list]:not(.raw-style):not(:disabled):hover,
input[type="text"][list]:not(.raw-style):not(:disabled):focus {
  background-image: url('../img/combo_icon_hover.svg'), linear-gradient(to bottom, #007bf4 0%, #0061c2 100%);
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="text"][list]:not(.raw-style) {
    background-color: #333;
    background-image: url('../img/combo_icon_darkmode.svg');
  }
  body.supportsDarkMode:not(.disableDarkMode) input[type="text"][list]:not(.raw-style):not(:disabled):hover,
  body.supportsDarkMode:not(.disableDarkMode) input[type="text"][list]:not(.raw-style):not(:disabled):focus {
    background-image: url('../img/combo_icon_hover.svg'), linear-gradient(to bottom, #007bf4 0%, #0061c2 100%);
  }
}
.combo-clear-container {
  position: relative;
}
.combo-clear-container .combo-clear {
  position: absolute;
  right: 1.4em;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.combo-clear-container .combo-clear button {
  font-size: 0.7em;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style),
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0.2em 0.1em;
  transition-property: outline-width, outline-offset, outline-color, background-color, color, opacity;
  outline: 0px solid rgba(15, 136, 255, 0);
  transition-duration: 0.5s, 0.5s, 0.5s;
  font-family: 'Roboto', sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  border-radius: 0.3em;
  text-align: center;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  transition-duration: 0.5s;
  padding: 0.1em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #004c97;
  color: #004c97;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):focus-visible,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):focus-visible {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
  transition-duration: 0.05s, 0.05s, 0.05s ;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):focus-visible,
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):focus-visible {
    outline-color: white;
  }
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):is(.default, [name^="einsenden"], .tox-button):not(.tox-button--secondary):not(:disabled):not(.busy):not(.raw-style),
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):is(.default, [name^="einsenden"], .tox-button):not(.tox-button--secondary):not(:disabled):not(.busy):not(.raw-style) {
  background: #004c97;
  border: 1px solid #004c97;
  color: white;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):is(.default, [name^="einsenden"], .tox-button):not(.tox-button--secondary):not(:disabled):not(.busy):not(.raw-style):hover,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):is(.default, [name^="einsenden"], .tox-button):not(.tox-button--secondary):not(:disabled):not(.busy):not(.raw-style):hover,
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):is(.default, [name^="einsenden"], .tox-button):not(.tox-button--secondary):not(:disabled):not(.busy):not(.raw-style):focus,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):is(.default, [name^="einsenden"], .tox-button):not(.tox-button--secondary):not(:disabled):not(.busy):not(.raw-style):focus {
  color: white;
  background: #006EDB;
  border-color: #006EDB;
  transition-duration: 0.05s;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):is(.default, [name^="einsenden"], .tox-button):not(.tox-button--secondary):not(:disabled):not(.busy):not(.raw-style) img.outline,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):is(.default, [name^="einsenden"], .tox-button):not(.tox-button--secondary):not(:disabled):not(.busy):not(.raw-style) img.outline {
  filter: brightness(0) invert();
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).large,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).large {
  padding: 0.7em 1.5em;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).largerFont,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).largerFont {
  font-size: larger;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).slim,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).slim {
  padding-left: 0.7em;
  padding-right: 0.7em;
}
@media (pointer: coarse) {
  input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style),
  *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style) {
    padding: 0.4em 1em;
  }
  input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).slim,
  *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).slim {
    padding-left: 0.7em;
    padding-right: 0.7em;
  }
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):has(img):not([hidden]),
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):has(img):not([hidden]) {
  display: inline-flex;
  column-gap: 0.3em;
  align-items: baseline;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style) img,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style) img {
  align-self: center;
  transition: filter;
  transition-duration: 0.5s;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style) img:not(.originalSize),
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style) img:not(.originalSize) {
  height: 1em;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):hover,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):hover,
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):focus,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):focus {
  color: white;
  background: #006EDB;
  border-color: #006EDB;
  transition-duration: 0.05s;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):hover:not(:disabled) img.outline,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):hover:not(:disabled) img.outline,
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):focus:not(:disabled) img.outline,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):focus:not(:disabled) img.outline {
  filter: brightness(0) invert() !important;
  transition-duration: 0.05s;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):hover:not(:focus),
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):hover:not(:focus) {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):active:not(:disabled),
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):active:not(:disabled) {
  padding-left: 1.1em;
  padding-right: 0.9em;
  box-shadow: 0.1em 0.05em 0.4em rgba(0, 0, 0, 0.6) inset;
  transition-duration: 0s !important;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):active:not(:disabled).large,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):active:not(:disabled).large {
  padding-left: 1.6em;
  padding-right: 1.4em;
  box-shadow: 0.1em 0.05em 0.4em rgba(0, 0, 0, 0.6) inset;
  transition-duration: 0s !important;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style),
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style) {
    background: rgba(64, 154, 241, 0.15);
    border-color: #2f6daa;
    color: #ddd;
  }
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):hover,
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):hover,
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):focus,
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):focus {
    background: #006EDB;
    border-color: #006EDB;
    color: white;
  }
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style) img.outline,
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style) img.outline {
    filter: brightness(0) invert() brightness(0.85);
  }
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).insbutton:not(:disabled),
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).insbutton:not(:disabled) {
  border-color: #007700;
  color: #007700;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).insbutton:not(:disabled):hover,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).insbutton:not(:disabled):hover,
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).insbutton:not(:disabled):focus,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).insbutton:not(:disabled):focus {
  background: #007700;
  color: white;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).insbutton:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).insbutton:not(:disabled) {
    color: #00c300;
    background: rgba(0, 195, 0, 0.1);
    border-color: #007700;
  }
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).insbutton:not(:disabled):hover,
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).insbutton:not(:disabled):hover,
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).insbutton:not(:disabled):focus,
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).insbutton:not(:disabled):focus {
    background: #007700;
    color: white;
  }
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).delbutton:not(:disabled),
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).delbutton:not(:disabled) {
  border-color: #8f0000;
  color: #8f0000;
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).delbutton:not(:disabled):hover,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).delbutton:not(:disabled):hover,
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).delbutton:not(:disabled):focus,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).delbutton:not(:disabled):focus {
  background: #8f0000;
  color: white;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).delbutton:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).delbutton:not(:disabled) {
    color: #f00;
    background: rgba(255, 0, 0, 0.1);
    border-color: #8f0000;
  }
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).delbutton:not(:disabled):hover,
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).delbutton:not(:disabled):hover,
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style).delbutton:not(:disabled):focus,
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style).delbutton:not(:disabled):focus {
    background: #8f0000;
    color: white;
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):is(.insbutton, .delbutton) img.outline,
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):is(.insbutton, .delbutton) img.outline {
    filter: brightness(175%);
  }
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):disabled,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):disabled {
  background-color: rgba(0, 0, 0, 0.05);
  color: #4F5151;
  border-color: #999;
  box-shadow: none !important;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):disabled,
  body.supportsDarkMode:not(.disableDarkMode) *:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):disabled {
    border-color: rgba(100, 100, 100, 0.6);
    background-color: rgba(100, 100, 100, 0.6);
    color: #d0d0d0;
  }
}
input:is([type="button"],[type="submit"],[type="reset"]):not(.raw-style):disabled img.outline,
*:not(.mce-btn) > button:not(.pill):not(.hilfeLink):not(.ui-button-icon-only):not(.mce-close):not(.tox-tbtn):not(.tox-mbtn):not(.tox-button--naked):not(.tox-statusbar__wordcount):not(.custom):not(.raw-style):disabled img.outline {
  filter: grayscale();
}
button.icon-only {
  gap: 0 !important;
}
button.icon-only::after {
  content: '\200B';
}
:is(input, button)[type="submit"]:not(.raw-style):not(.custom).busy {
  box-shadow: none !important;
  opacity: 0.7;
}
:is(input, button)[type="submit"]:not(.raw-style):not(.custom).validation-failed {
  background: #c00 !important;
  border-color: #c00 !important;
  color: white !important;
}
.vertical-margin {
  margin: 1em 0 !important;
}
.formgrid > div:last-child div:empty ~ div > button[type="submit"]:first-of-type:not(.secondary):not(:disabled):not(.busy):not(.raw-style) {
  background: #004c97;
  border: 1px solid #004c97;
  color: white;
}
.formgrid > div:last-child div:empty ~ div > button[type="submit"]:first-of-type:not(.secondary):not(:disabled):not(.busy):not(.raw-style):hover,
.formgrid > div:last-child div:empty ~ div > button[type="submit"]:first-of-type:not(.secondary):not(:disabled):not(.busy):not(.raw-style):focus {
  color: white;
  background: #006EDB;
  border-color: #006EDB;
  transition-duration: 0.05s;
}
.formgrid > div:last-child div:empty ~ div > button[type="submit"]:first-of-type:not(.secondary):not(:disabled):not(.busy):not(.raw-style) img.outline {
  filter: brightness(0) invert();
}
fieldset {
  border: 1px solid #004c97;
  border-radius: 0.5em;
  margin: 0.5em 0.1em 0.2em 0.1em;
  background-color: rgba(100, 100, 100, 0.1);
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) fieldset {
    background-color: rgba(100, 100, 100, 0.3);
  }
}
fieldset.borderless {
  margin: 0;
  padding: 0;
  border: none;
  background: none !important;
}
fieldset.borderless > legend {
  margin: 0;
  padding: 0 0 0.2em 0;
}
fieldset.borderless.subtabs > legend {
  opacity: 0;
  position: absolute;
  top: auto;
  left: -10000px;
}
fieldset.borderless.margin {
  margin: 1em 0;
}
fieldset.bordertransition {
  transition-property: border, padding, margin, background;
  transition-duration: 0.3s;
}
fieldset.inline {
  margin: 0;
  padding: 0;
  border: none;
  background: none !important;
  vertical-align: middle;
  margin: calc(0.3em - 1px) 0 0.3em 0;
}
fieldset.inline > legend {
  margin: 0;
  padding: 0 0 0.2em 0;
}
fieldset.inline.subtabs > legend {
  opacity: 0;
  position: absolute;
  top: auto;
  left: -10000px;
}
fieldset.inline.margin {
  margin: 1em 0;
}
fieldset.inline:not([hidden]) {
  display: inline;
}
fieldset.inline > legend {
  opacity: 0;
  position: absolute;
  top: auto;
  left: -10000px;
}
.wa-radiobuttongroup {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #e4e4e4;
  border: 1px solid #ccc;
  border-radius: 1em;
  position: relative;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-radiobuttongroup {
    background-color: #222;
    border-color: #333;
  }
}
.subtabs .wa-radiobuttongroup {
  background-color: #004c97;
  border-color: #004c97;
}
.wa-radiobuttongroup input[type="radio"] {
  position: absolute;
  width: 1px;
  right: -5px;
  opacity: 0;
  border: none;
}
.wa-radiobuttongroup input[type="radio"] + label {
  transition: background-color, color, opacity;
  transition-duration: 0.05s;
  border-radius: 1em;
  flex-grow: 1;
  text-align: center;
}
.wa-radiobuttongroup input[type="radio"]:checked + label {
  background-color: white;
  box-shadow: 0 1px 0.4em rgba(0, 0, 0, 0.4);
  border: 1px solid #004c97;
  margin: -2px;
  z-index: 1;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-radiobuttongroup input[type="radio"]:checked + label {
    background-color: black;
    border-color: #3379BD;
    color: white;
    box-shadow: 0 0 0.3em black;
    border-width: 2px;
    margin: -3px;
  }
}
.subtabs .wa-radiobuttongroup input[type="radio"]:checked + label {
  font-weight: bold;
  color: #004c97;
  margin: 0;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .subtabs .wa-radiobuttongroup input[type="radio"]:checked + label {
    margin: -1px;
  }
}
.wa-radiobuttongroup input[type="radio"]:not(:checked):not(:disabled) + label:hover {
  background-color: rgba(0, 110, 219, 0.1);
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-radiobuttongroup input[type="radio"]:not(:checked):not(:disabled) + label:hover {
    background-color: rgba(0, 110, 219, 0.3);
  }
}
.subtabs .wa-radiobuttongroup input[type="radio"]:not(:checked):not(:disabled) + label:hover {
  background-color: rgba(0, 110, 219, 0.6);
  color: white;
}
.wa-radiobuttongroup input[type="radio"]:focus:checked + label {
  background-color: #006EDB !important;
  border-color: #006EDB !important;
  color: white !important;
}
.wa-radiobuttongroup input[type="radio"] + label {
  transition-property: outline-width, outline-offset, outline-color;
  outline: 0px solid rgba(15, 136, 255, 0);
  transition-duration: 0.5s, 0.5s, 0.5s;
}
.wa-radiobuttongroup input[type="radio"]:focus-visible + label {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
  transition-duration: 0.05s, 0.05s, 0.05s ;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-radiobuttongroup input[type="radio"]:focus-visible + label {
    outline-color: white;
  }
}
.wa-radiobuttongroup input[type="radio"]:not(:checked):not(:disabled):active + label {
  color: #006EDB;
}
.wa-radiobuttongroup input[type="radio"]:disabled + label {
  color: #585858;
  opacity: 0.5;
}
.wa-radiobuttongroup input[type="radio"]:checked:disabled + label {
  border-color: #585858;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-radiobuttongroup input[type="radio"]:checked:disabled + label {
    border-color: #888;
  }
}
.wa-radiobuttongroup label {
  color: #004c97;
  margin: -1px;
  --padding: calc(0.1em + 1px) 0.7em;
  padding: var(--padding);
  -webkit-user-select: none;
  user-select: none;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-radiobuttongroup label {
    color: #ccc;
  }
}
.subtabs .wa-radiobuttongroup label {
  color: #eee;
}
.subtabs .wa-radiobuttongroup label {
  margin: 0;
}
.subtabs .wa-radiobuttongroup label {
  --padding: 0.3em 1em;
}
@media (pointer: coarse) {
  .wa-radiobuttongroup label {
    padding: var(--padding);
  }
}
.wa-selectbuttongroup {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #e4e4e4;
  border: 1px solid #ccc;
  border-radius: 1em;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-selectbuttongroup {
    background-color: #222;
    border-color: #333;
  }
}
.subtabs .wa-selectbuttongroup {
  background-color: #004c97;
  border-color: #004c97;
}
.wa-selectbuttongroup button.custom {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition-property: outline-width, outline-offset, outline-color;
  outline: 0px solid rgba(15, 136, 255, 0);
  transition-duration: 0.5s, 0.5s, 0.5s;
  color: #004c97;
  margin: -1px;
  --padding: calc(0.1em + 1px) 0.1em;
  padding: var(--padding);
  flex-grow: 5;
  background: none;
  border: none;
  border-radius: 1em;
  font-size: 1em;
  font-weight: normal;
  z-index: 1;
}
.wa-selectbuttongroup button.custom:focus-visible {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
  transition-duration: 0.05s, 0.05s, 0.05s ;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-selectbuttongroup button.custom:focus-visible {
    outline-color: white;
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-selectbuttongroup button.custom {
    color: #ccc;
  }
}
.subtabs .wa-selectbuttongroup button.custom {
  color: #eee;
}
.subtabs .wa-selectbuttongroup button.custom {
  margin: 0;
}
.subtabs .wa-selectbuttongroup button.custom {
  --padding: 0.3em 1em;
}
@media (pointer: coarse) {
  .wa-selectbuttongroup button.custom {
    padding: var(--padding);
  }
}
.wa-selectbuttongroup button.custom:not(:disabled):not(:active):hover {
  background-color: rgba(0, 110, 219, 0.1);
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-selectbuttongroup button.custom:not(:disabled):not(:active):hover {
    background-color: rgba(0, 110, 219, 0.3);
  }
}
.subtabs .wa-selectbuttongroup button.custom:not(:disabled):not(:active):hover {
  background-color: rgba(0, 110, 219, 0.6);
  color: white;
}
.wa-selectbuttongroup button.custom:not(:disabled):active,
.wa-selectbuttongroup button.custom:focus {
  background-color: #006EDB;
  color: white;
}
.wa-selectbuttongroup button.custom:disabled {
  color: #585858;
  opacity: 0.5;
}
.wa-selectbuttongroup select:not(.raw-style):not([size]),
.wa-selectbuttongroup select:not(.raw-style)[size="1"] {
  background-color: white;
  box-shadow: 0 1px 0.4em rgba(0, 0, 0, 0.4);
  border: 1px solid #004c97;
  margin: -2px;
  z-index: 1;
  --padding: calc(0.1em + 1px) 0.7em;
  padding: var(--padding);
  flex-grow: 1;
  z-index: 2;
  border-radius: 1em;
  text-align: center;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .wa-selectbuttongroup select:not(.raw-style):not([size]),
  body.supportsDarkMode:not(.disableDarkMode) .wa-selectbuttongroup select:not(.raw-style)[size="1"] {
    background-color: black;
    border-color: #3379BD;
    color: white;
    box-shadow: 0 0 0.3em black;
    border-width: 2px;
    margin: -3px;
  }
}
.subtabs .wa-selectbuttongroup select:not(.raw-style):not([size]),
.subtabs .wa-selectbuttongroup select:not(.raw-style)[size="1"] {
  font-weight: bold;
  color: #004c97;
  margin: 0;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .subtabs .wa-selectbuttongroup select:not(.raw-style):not([size]),
  body.supportsDarkMode:not(.disableDarkMode) .subtabs .wa-selectbuttongroup select:not(.raw-style)[size="1"] {
    margin: -1px;
  }
}
.subtabs .wa-selectbuttongroup select:not(.raw-style):not([size]),
.subtabs .wa-selectbuttongroup select:not(.raw-style)[size="1"] {
  --padding: 0.3em 1em;
}
@media (pointer: coarse) {
  .wa-selectbuttongroup select:not(.raw-style):not([size]),
  .wa-selectbuttongroup select:not(.raw-style)[size="1"] {
    padding: var(--padding);
  }
}
input[type="checkbox"].switch {
  height: 1.5em;
  width: 3em;
  bottom: -0.36em;
  border-radius: 1em;
  background-color: #ddd;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 64 32" xmlns="http://www.w3.org/2000/svg"%3E%3Cline stroke="%23fff" stroke-width="2px" x1="16" y1="10" x2="16" y2="22"/%3E%3Ccircle fill="none" stroke="%23333" stroke-width="2px" cx="47" cy="16" r="6"/%3E%3C/svg%3E'), linear-gradient(to bottom, #e5e5e5, #f5f5f5);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position-x: 0, 0.75em;
  transition-property: outline-width, outline-offset, outline-color, background-color, border-color, background-position-x;
  outline: 0px solid rgba(15, 136, 255, 0);
  transition-duration: 0.5s, 0.5s, 0.5s, 0.3s, 0.3s, 0.3s;
}
@media (pointer: coarse) {
  input[type="checkbox"].switch {
    font-size: 1.2em;
    bottom: -0.46em;
  }
}
input[type="checkbox"].switch:focus-visible {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
  transition-duration: 0.05s, 0.05s, 0.05s , 0.3s, 0.3s, 0.3s;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch:focus-visible {
    outline-color: white;
  }
}
input[type="checkbox"].switch:hover:not(:disabled),
input[type="checkbox"].switch:focus:not(:disabled) {
  border-color: #006EDB;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch {
    background-color: #222;
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 64 32" xmlns="http://www.w3.org/2000/svg"%3E%3Cline stroke="%23ddd" stroke-width="2px" x1="16" y1="10" x2="16" y2="22"/%3E%3Ccircle fill="none" stroke="%23bbb" stroke-width="2px" cx="47" cy="16" r="6"/%3E%3C/svg%3E'), linear-gradient(to bottom, #222 0%, #333 100%);
    border-color: #b0b0b0;
  }
}
input[type="checkbox"].switch:checked {
  background-color: #004c97;
  background-position-x: 0, 2.25em;
}
input[type="checkbox"].switch:checked:disabled {
  background-color: #555;
  border-color: #555;
}
input[type="checkbox"].switch:checked:hover:not(:disabled),
input[type="checkbox"].switch:checked:focus:not(:disabled) {
  background-color: #006EDB;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch:checked {
    background-color: #006EDB;
    border-color: #006EDB;
  }
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch:checked:hover:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch:checked:focus:not(:disabled) {
    background-color: #0f88ff;
  }
}
input[type="checkbox"].switch.lock {
  background-image: url('../img/check-switch-locks-light.svg'), linear-gradient(to bottom, #e5e5e5, #f5f5f5) !important;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.lock {
    background-image: url('../img/check-switch-locks-dark.svg'), linear-gradient(to bottom, #222 0%, #333 100%) !important;
  }
}
input[type="checkbox"].switch.eyes {
  background-image: url('../img/check-switch-eyes-light.svg'), linear-gradient(to bottom, #e5e5e5, #f5f5f5) !important;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.eyes {
    background-image: url('../img/check-switch-eyes-dark.svg'), linear-gradient(to bottom, #222 0%, #333 100%) !important;
  }
}
input[type="checkbox"].switch.shuffle {
  background-image: url('../img/check-switch-shuffle-light.svg'), linear-gradient(to bottom, #e5e5e5, #f5f5f5) !important;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.shuffle {
    background-image: url('../img/check-switch-shuffle-dark.svg'), linear-gradient(to bottom, #222 0%, #333 100%) !important;
  }
}
input[type="checkbox"].switch.subset {
  background-image: url('../img/check-switch-subset-light.svg'), linear-gradient(to bottom, #e5e5e5, #f5f5f5) !important;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.subset {
    background-image: url('../img/check-switch-subset-dark.svg'), linear-gradient(to bottom, #222 0%, #333 100%) !important;
  }
}
input[type="checkbox"].switch.checked-red:checked:not(.disabled) {
  background-color: #8f0000;
  border-color: #8f0000;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.checked-red:checked:not(.disabled) {
    background-color: #8f0000;
    border-color: #8f0000;
  }
}
input[type="checkbox"].switch.checked-red:checked:not(.disabled):hover:not(:disabled),
input[type="checkbox"].switch.checked-red:checked:not(.disabled):focus:not(:disabled) {
  background-color: #c00;
  border-color: #c00;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.checked-red:checked:not(.disabled):hover:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.checked-red:checked:not(.disabled):focus:not(:disabled) {
    background-color: #c00;
    border-color: #c00;
  }
}
input[type="checkbox"].switch.checked-orange:checked:not(.disabled) {
  background-color: #c84f0e;
  border-color: #c84f0e;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.checked-orange:checked:not(.disabled) {
    background-color: #c84f0e;
    border-color: #c84f0e;
  }
}
input[type="checkbox"].switch.checked-orange:checked:not(.disabled):hover:not(:disabled),
input[type="checkbox"].switch.checked-orange:checked:not(.disabled):focus:not(:disabled) {
  background-color: #ef641a;
  border-color: #ef641a;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.checked-orange:checked:not(.disabled):hover:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.checked-orange:checked:not(.disabled):focus:not(:disabled) {
    background-color: #ef641a;
    border-color: #ef641a;
  }
}
input[type="checkbox"].switch.unchecked-green:not(:checked) {
  border-color: #007700;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.unchecked-green:not(:checked) {
    border-color: #007700;
  }
}
input[type="checkbox"].switch.unchecked-green:not(:checked):hover:not(:disabled),
input[type="checkbox"].switch.unchecked-green:not(:checked):focus:not(:disabled) {
  border-color: #0a0;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.unchecked-green:not(:checked):hover:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch.unchecked-green:not(:checked):focus:not(:disabled) {
    border-color: #0a0;
  }
}
input[type="checkbox"].switch::before {
  content: '';
  width: 50%;
  height: 100%;
  border-radius: 1.5em;
  position: absolute;
  left: 0;
  top: 0;
  background-color: white;
  background-image: linear-gradient(to bottom, #f4f4f4, white 25%, white 45%, #eaeaea);
  transition: left 0.3s;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch::before {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #b4b4b4, #ccc 25%, #ccc 45%, #aaa);
  }
}
@media print {
  input[type="checkbox"].switch::before {
    content: url('data:image/svg+xml,%3Csvg viewBox="0 0 20 20" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle fill="%23aaa" stroke-width="0" cx="10" cy="10" r="10"/%3E%3C/svg%3E');
  }
}
input[type="checkbox"].switch:checked::before {
  left: 50%;
}
input[type="checkbox"].switch:not(:disabled)::before {
  box-shadow: 1px 1px 0.2em rgba(0, 0, 0, 0.4);
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) input[type="checkbox"].switch:not(:disabled)::before {
    box-shadow: 1px 1px 0.2em black;
  }
}
input[type="checkbox"].switch:not(:disabled):active:not(.dragging) {
  background-position-x: 0, 1.05em;
}
input[type="checkbox"].switch:not(:disabled):active:not(.dragging)::before {
  left: 10%;
}
input[type="checkbox"].switch:not(:disabled):active:not(.dragging):checked {
  background-position-x: 0, 1.95em;
}
input[type="checkbox"].switch:not(:disabled):active:not(.dragging):checked::before {
  left: 40%;
}
input[type="checkbox"].switch:not(:disabled).drag0 {
  background-position-x: 0, 0.75em;
}
input[type="checkbox"].switch:not(:disabled).drag0::before {
  left: 0;
}
input[type="checkbox"].switch:not(:disabled).drag1 {
  background-position-x: 0, 1.125em;
}
input[type="checkbox"].switch:not(:disabled).drag1::before {
  left: 12.5%;
}
input[type="checkbox"].switch:not(:disabled).drag2 {
  background-position-x: 0, 1.5em;
}
input[type="checkbox"].switch:not(:disabled).drag2::before {
  left: 25%;
}
input[type="checkbox"].switch:not(:disabled).drag3 {
  background-position-x: 0, 1.875em;
}
input[type="checkbox"].switch:not(:disabled).drag3::before {
  left: 37.5%;
}
input[type="checkbox"].switch:not(:disabled).drag4 {
  background-position-x: 0, 2.25em;
}
input[type="checkbox"].switch:not(:disabled).drag4::before {
  left: 50%;
}
input[type="checkbox"].switch:not(:disabled).drag1,
input[type="checkbox"].switch:not(:disabled).drag2,
input[type="checkbox"].switch:not(:disabled).drag3 {
  background-color: #666;
}
input[type="checkbox"].switch _:-ms-lang(x),
input[type="checkbox"].switch {
  width: 1.5em;
  border-radius: 0;
}
div.switchLabelContainer {
  margin-bottom: 0.36em;
  gap: 0.3em;
}
div.switchLabelContainer:not([hidden]) {
  display: flex;
}
span.switchLabelContainer:not([hidden]) {
  display: inline-flex;
}
div.switchLabelContainer,
span.switchLabelContainer {
  align-items: baseline;
}
div.switchLabelContainer input,
span.switchLabelContainer input,
div.switchLabelContainer button,
span.switchLabelContainer button {
  flex-shrink: 0;
}
button.pill,
button.hilfeLink {
  font-family: 'Roboto', sans-serif;
  font-size: 0.9em;
}
button.pill {
  outline: 0px solid rgba(15, 136, 255, 0);
}
button.pill:focus-visible {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) button.pill:focus-visible {
    outline-color: white;
  }
}
button.pill:active {
  transition: none;
}
button.pill:active:not(.small):not(.large):not(:disabled) {
  padding-left: 0.7em;
  padding-right: 0.5em;
  box-shadow: 0.1em 0.05em 0.4em rgba(0, 0, 0, 0.6) inset;
  transition-duration: 0s !important;
  background-color: #006EDB;
  color: white;
}
button.pill:active.small:not(:disabled),
button.pill:active.large:not(:disabled) {
  color: #004c97;
  background-color: white;
  outline: 1px solid #006EDB;
}
button.pill:active.small:not(:disabled) img.outline,
button.pill:active.large:not(:disabled) img.outline {
  filter: none;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) button.pill:active.small:not(:disabled),
  body.supportsDarkMode:not(.disableDarkMode) button.pill:active.large:not(:disabled) {
    color: silver;
    background-color: black;
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) button.pill {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ddd;
  }
  body.supportsDarkMode:not(.disableDarkMode) button.pill.popover {
    border-color: #ccc;
  }
  body.supportsDarkMode:not(.disableDarkMode) button.pill.popover:not(:hover) {
    background-color: #333;
  }
  body.supportsDarkMode:not(.disableDarkMode) button.pill.small.silver {
    background-color: rgba(255, 255, 255, 0.2);
  }
  body.supportsDarkMode:not(.disableDarkMode) button.pill:not(:hover):not(:focus) img.outline,
  body.supportsDarkMode:not(.disableDarkMode) button.pill:active img.outline {
    filter: brightness(0) invert() brightness(0.85);
  }
  body.supportsDarkMode:not(.disableDarkMode) button.pill.maroon {
    background-color: #750000;
  }
  body.supportsDarkMode:not(.disableDarkMode) button.pill.red:not(.small):not(:hover):not(:focus) {
    color: #f00;
  }
  body.supportsDarkMode:not(.disableDarkMode) button.pill.green:not(.small):not(:hover):not(:focus) {
    color: #00c300;
  }
  body.supportsDarkMode:not(.disableDarkMode) button.pill:is(.green, .red):not(.small):not(:hover):not(:focus) img.outline,
  body.supportsDarkMode:not(.disableDarkMode) button.pill:is(.green, .red).small.light:not(:hover):not(:focus) img.outline,
  body.supportsDarkMode:not(.disableDarkMode) button.pill:is(.green, .red):not(.small):active img.outline,
  body.supportsDarkMode:not(.disableDarkMode) button.pill:is(.green, .red).small.light:active img.outline {
    filter: brightness(175%);
  }
  body.supportsDarkMode:not(.disableDarkMode) button.pill.grey:not(:hover):not(:focus):not(:active):not(.small),
  body.supportsDarkMode:not(.disableDarkMode) button.pill.grey:not(:hover):not(:focus):not(:active).small.light {
    color: #111;
  }
  body.supportsDarkMode:not(.disableDarkMode) button.pill.grey:not(:hover):not(:focus):not(:active):not(.small) img.outline,
  body.supportsDarkMode:not(.disableDarkMode) button.pill.grey:not(:hover):not(:focus):not(:active).small.light img.outline {
    filter: brightness(0) invert() brightness(0.1);
  }
  body.supportsDarkMode:not(.disableDarkMode) button.pill.active:not(.small):not(:hover):not(:focus) {
    background-color: #004c97;
    color: #ddd;
  }
}
button.pill.search {
  padding-left: 1.5em !important;
  background-image: url(../img/magnifying-glass-blue.svg);
  background-repeat: no-repeat;
  background-size: 0.9em 0.9em;
  background-position: 0.4em center;
}
button.pill.search:not(:disabled):active,
button.pill.search:not(:disabled):hover,
button.pill.search:not(:disabled):focus {
  background-image: url(../img/magnifying-glass-white.svg);
}
button.pill.search:not(:disabled):active {
  padding-left: 1.6em !important;
  background-position-x: 0.5em;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) button.pill.search {
    background-image: url(../img/magnifying-glass-white.svg);
  }
}
button.pill.mail {
  padding-left: 1.9em !important;
  background-image: url(../img/mail-small-blue.svg);
  background-repeat: no-repeat;
  background-size: 1.2em 1.2em;
  background-position: 0.4em center;
}
button.pill.mail:not(:disabled):active,
button.pill.mail:not(:disabled):hover,
button.pill.mail:not(:disabled):focus {
  background-image: url(../img/mail-small-white.svg);
}
button.pill.mail:not(:disabled):active {
  padding-left: 2em !important;
  background-position-x: 0.5em;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) button.pill.mail {
    background-image: url(../img/mail-small-white.svg);
  }
}
/* Eigene Slider-Styles */
#body-container .ui-slider {
  border-color: #004c97;
  background: none;
  height: 0.3em;
  bottom: 0.15em;
  transition-property: outline-width, outline-offset, outline-color;
  outline: 0px solid rgba(15, 136, 255, 0);
  transition-duration: 0.5s, 0.5s, 0.5s;
}
#body-container .ui-slider .ui-slider-range {
  background-color: #004c97;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #body-container .ui-slider {
    border-color: #b0b0b0;
  }
  body.supportsDarkMode:not(.disableDarkMode) #body-container .ui-slider .ui-slider-range {
    background-color: #b0b0b0;
  }
}
#body-container .ui-slider:has(.ui-state-focus) {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
  transition-duration: 0.05s, 0.05s, 0.05s ;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #body-container .ui-slider:has(.ui-state-focus) {
    outline-color: white;
  }
}
#body-container .ui-slider .ui-slider-handle {
  border-radius: 1em;
  width: 1.5em;
  height: 1.5em;
  margin-left: -0.75em;
  top: -0.6em;
  box-shadow: 1px 1px 0.4em rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.3s;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #body-container .ui-slider .ui-slider-handle {
    box-shadow: 1px 1px 0.4em black;
  }
}
#body-container .ui-slider .ui-slider-handle.ui-state-default {
  background-color: white;
  background-image: linear-gradient(to bottom, #f4f4f4, white 25%, white 45%, #eaeaea);
  border: none;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #body-container .ui-slider .ui-slider-handle.ui-state-default {
    background-color: #ddd;
    background-image: linear-gradient(to bottom, #b4b4b4, #ccc 25%, #ccc 45%, #aaa);
  }
}
#body-container .ui-slider .ui-slider-handle.ui-state-focus {
  outline: 1px solid #0f88ff;
  outline-offset: 0;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #body-container .ui-slider .ui-slider-handle.ui-state-focus {
    outline-color: white;
  }
}
#body-container .ui-slider .ui-slider-handle.ui-state-hover {
  box-shadow: 1px 1px 1em #006EDB;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #body-container .ui-slider .ui-slider-handle.ui-state-hover {
    box-shadow: 1px 1px 1em white;
  }
}
#body-container .ui-slider .ui-slider-handle.ui-state-active {
  background-color: #006EDB !important;
  background-image: none !important;
}
textarea.myTinyMCEonActivate {
  background: center / contain no-repeat url(/resources/design2018/img/tinyMceLazyClick.svg);
}
dialog.search h1,
.ui-dialog.search .ui-dialog-title {
  padding-left: 1.2em;
  background-image: url(/resources/design2018/img/magnifying-glass-blue.svg);
  background-repeat: no-repeat;
  background-size: 0.9em 0.9em;
  background-position: 0 center;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) dialog.search h1,
  body.supportsDarkMode:not(.disableDarkMode) .ui-dialog.search .ui-dialog-title {
    background-image: url(/resources/design2018/img/magnifying-glass-silver.svg);
  }
}
dialog.rename h1,
dialog.annotate h1 {
  padding-left: 1.2em;
  background-image: url(/resources/design2018/img/pencil-blue.svg);
  background-repeat: no-repeat;
  background-size: 0.9em 0.9em;
  background-position: 0 center;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) dialog.rename h1,
  body.supportsDarkMode:not(.disableDarkMode) dialog.annotate h1 {
    background-image: url(/resources/design2018/img/pencil-silver.svg);
  }
}
div.dialog {
  display: none;
}
dialog,
[popover] {
  padding: 1em;
  background-color: white;
  color: black;
  border: none;
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.7);
  border-radius: 0.5em;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) dialog,
  body.supportsDarkMode:not(.disableDarkMode) [popover] {
    background-color: #222;
    color: #ddd;
    border: 1px solid #666;
  }
}
dialog:focus-visible,
[popover]:focus-visible {
  outline: 2px solid #0f88ff;
  outline-offset: 0px;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) dialog:focus-visible,
  body.supportsDarkMode:not(.disableDarkMode) [popover]:focus-visible {
    outline-color: white;
  }
}
dialog h1,
[popover] h1 {
  color: #004c97;
  font-size: larger;
  font-weight: bold;
  margin-top: 0;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) dialog h1,
  body.supportsDarkMode:not(.disableDarkMode) [popover] h1 {
    color: #ddd;
  }
}
dialog:has(h1) h2,
[popover]:has(h1) h2 {
  font-size: large;
}
[popover] {
  max-width: min(90%, 70rem);
  max-height: 75vh;
  overflow-y: auto;
}
[popover]:popover-open {
  animation: dialogPopUp 0.2s;
}
dialog.embedded {
  z-index: 1;
}
dialog.decent[open] {
  animation: dialogFadeIn 0.1s ease normal;
}
dialog:not(.decent)[open] {
  animation: dialogPopUp 0.3s ease normal;
}
dialog form:focus {
  outline: none;
}
dialog::backdrop {
  background: #aaa;
  opacity: 0.3;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) dialog::backdrop {
    background: black;
    opacity: 0.5;
  }
}
dialog h1 {
  color: #004c97;
  font-size: larger;
  font-weight: bold;
  margin-top: 0;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) dialog h1 {
    color: #ddd;
  }
}
dialog.text-block h1 {
  font-size: 1.75em;
}
dialog > h2,
dialog > h3,
dialog > h4 {
  color: #004c97;
  max-width: initial !important;
  margin: 0 0 0.6em 0 !important;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) dialog > h2,
  body.supportsDarkMode:not(.disableDarkMode) dialog > h3,
  body.supportsDarkMode:not(.disableDarkMode) dialog > h4 {
    color: #409AF1;
  }
}
dialog .buttons {
  text-align: right;
  margin-top: 1em;
}
dialog.text-block {
  padding: 0;
}
dialog.text-block .text-block48 {
  background-color: white;
  margin: 0;
}
dialog:not(:has(input,select,textarea,iframe)) {
  max-width: 70rem;
}
dialog.annotate {
  min-width: min(70rem, 90vw);
}
/* --- Styles für Hilfe-Boxen --- */
.hilfeBox {
  --boxbg: #e4e4e4;
  padding: 0.5rem;
  padding-left: 3rem;
  background-image: url(/images/flat/alpha/help.svg), linear-gradient(to right, #2f6daa 2.5rem, var(--boxbg) 2.5rem);
  background-position: 0.5rem 0.5rem, 0;
  background-size: 1.5rem auto, auto;
  background-repeat: no-repeat;
  border-radius: 0.5em;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .hilfeBox {
    --boxbg: #333;
    color: #ddd;
  }
}
.hilfeBox > :first-child,
.hilfeBox > div:first-child > :first-child {
  margin-top: 0 !important;
}
.hilfeBox > :last-child,
.hilfeBox > div:first-child:last-child > :last-child {
  margin-bottom: 0 !important;
}
.hilfeBox:not([popover]) {
  margin: 1em 0;
  display: none;
}
@container inhalt (max-width: 41em) {
  .hilfeBox:not([popover]) {
    background-image: url(/images/flat/alpha/help.svg), linear-gradient(to bottom, #2f6daa 2.5rem, var(--boxbg) 2.5rem);
    padding-top: 3rem;
    padding-left: 0.5rem;
  }
}
@media screen and (max-width: 55em) {
  .hilfeBox[popover] {
    background-image: url(/images/flat/alpha/help.svg), linear-gradient(to bottom, #2f6daa 2.5rem, var(--boxbg) 2.5rem);
    padding-top: 3rem;
    padding-left: 0.5rem;
    background-attachment: local;
  }
}
.hilfeBox[popover]:not(.large):not(:has(.more:not([hidden]))) {
  position: absolute;
  inset: auto 0 auto 0;
  top: anchor(bottom);
}
.hilfeBox[popover]:popover-open {
  animation: dialogUnfold 0.2s;
}
.hilfeLink {
  transition-property: outline-width, outline-offset, outline-color, background-color, color, opacity;
  outline: 0px solid rgba(15, 136, 255, 0);
  transition-duration: 0.5s, 0.5s, 0.5s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 0.7em;
  --helpBtnBg: rgba(255, 255, 255, 0.7);
  background-color: var(--helpBtnBg);
  border: 1px solid #004c97;
  color: #004c97;
  height: 1.2em;
  width: 1.2em;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  /*Abstand zum linken Text*/
  text-align: center;
}
.hilfeLink:focus-visible {
  outline: 3px solid #0f88ff;
  outline-offset: 2px;
  transition-duration: 0.05s, 0.05s, 0.05s ;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .hilfeLink:focus-visible {
    outline-color: white;
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) .hilfeLink:not(:hover):not(:focus):not(.showing) {
    background-color: #00152a;
    color: #ddd;
  }
}
@media print {
  .hilfeLink {
    display: none;
  }
}
a.hilfeLink {
  display: inline-block;
  text-decoration: none !important;
}
a.hilfeLink:link,
a.hilfeLink:visited {
  color: #004c97;
}
@media print {
  a.hilfeLink {
    display: none;
  }
}
button.hilfeLink {
  padding: 0;
  width: 1.4em;
  height: 1.4em;
}
@media (pointer: coarse) {
  button.hilfeLink {
    font-size: larger;
  }
}
.hilfeLink:hover:not(:active),
.hilfeLink:focus:not(:active) {
  background-color: #006EDB;
  border-color: #006EDB;
  color: white;
  transition-duration: 0.05s;
}
.hilfeLink:active {
  transition: none;
}
.hilfeLink.showing:not(:active) {
  background-color: #006EDB;
  color: white;
  background-image: radial-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  box-shadow: 0 0 3px #006EDB;
  border: none;
}
.hilfeLink.showing:not(:active):hover,
.hilfeLink.showing:not(:active):focus {
  background-color: #0f88ff;
}
h2 .hilfeLink,
h3 .hilfeLink,
h4 .hilfeLink {
  font-size: 0.9rem !important;
  vertical-align: middle !important;
}
.hilfeLink.fieldsetHelp {
  position: absolute;
  right: 2em;
  top: -1.3em;
  --helpBtnBg: white;
}
fieldset.withHelpBtn {
  position: relative;
}
/* Block elements */
.fu-block {
  margin-bottom: 1em;
  overflow: hidden;
}
.fu-block-right {
  margin: 0 0 1em 1em;
  float: right;
}
.fu-block-left {
  margin: 0 1em 1em 0;
  float: left;
}
/* Figure styles. Weitgehend aus dem CSS der Markdown-Handbücher übernommen… */
figure {
  text-align: center;
  margin-bottom: 1.2em;
  position: relative;
  margin: 1em 0;
}
figcaption {
  font-size: 0.9em;
  font-style: italic;
  font-weight: normal;
  text-align: center;
  color: #585858;
  width: 98%;
  padding: 1%;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) figcaption {
    color: #959595;
  }
}
/* Kurve */
.fu-curve-right {
  background: #004c97;
  border-bottom-left-radius: 6.25em;
  color: #fff !important;
  font-size: 1.5em;
  padding: 2.5em 1.875em 7.5em 1.875em;
  margin: 0.625em 0 0.625em 0;
  text-align: right;
}
/**** MOTD ****/
#motd {
  border: none;
  border-top: 2em solid #004c97;
  background: #e4e4e4;
  border-radius: 0.5em;
  padding: 0 1em 0.3em 1em;
  margin: 0 0 1em 1em;
  font-size: 0.9em;
  float: right;
  width: 25em;
  max-width: 45%;
  position: relative;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #motd {
    background-color: #333;
    color: #ddd;
  }
}
#motd::before {
  content: 'Aktuelles';
  color: white;
  position: absolute;
  top: -1.8em;
  line-height: 1.8em;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #motd::before {
    border-top-color: #003568;
    color: #c4c4c4;
    font-weight: 500;
  }
}
#motd:empty {
  display: none;
}
/* Infobox blue Border + Title */
.fu-infobox {
  border: 1px solid #6791be;
  padding: 10px 20px;
  font-size: 0.875em;
}
.fu-infobox h2,
.fu-infobox h3,
.fu-infobox h4,
.fu-infobox h5 {
  margin: -10px -20px 20px -20px;
  padding: 5px 20px;
  background: #6791be;
  color: #fff;
  font-size: 1.25em;
}
/* Grauer Block */
.fu-greyblock {
  background: #e4e4e4;
  padding: 1.25em;
  padding-bottom: 0.25em;
}
.fu-greyblock h2,
.fu-greyblock h3,
.fu-greyblock h4,
.fu-greyblock h5 {
  margin: 0 0 0.3em 0;
}
/* Redaktionshinweis */
.fu-editorial {
  font-size: 0.875em;
  margin-top: 2em;
}
.fu-editorial a {
  text-decoration: none;
}
.fu-editorial a:hover {
  text-decoration: underline;
}
.fu-editorial a:active {
  text-decoration: none;
}
/********************************************
 Skipnav
********************************************/
#skipnav {
  position: absolute;
  left: -2000px;
  z-index: 3000;
}
#skipnav li {
  list-style-type: none;
}
#skipnav a {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  font-size: 1em;
}
#skipnav a:focus,
#skipnav a:active {
  position: absolute;
  left: 2000px;
  top: 0;
  width: 11em;
  z-index: 30000;
  padding: 0.4em;
  color: #fff;
  background-color: #004c97;
  outline: 0;
  -webkit-transition: top 0.1s ease-in, background 0.5s linear;
  transition: top 0.1s ease-in, background 0.5s linear;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 1em;
}
/********************************************
 Footer & Rollenwasserzeichen 
********************************************/
#darkModeSettings {
  display: none !important;
}
@media (prefers-color-scheme: dark) {
  #darkModeSettings {
    display: initial !important;
  }
}
#role-container {
  position: sticky;
  bottom: 0;
  height: 0;
  z-index: -1;
}
#role-container div.rollenWasserzeichen {
  position: absolute;
  font-size: 16pt;
  color: #ddd;
  text-shadow: 2px 2px 6px #ddd;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) #role-container div.rollenWasserzeichen {
    color: black;
    text-shadow: 0 0 0.5em white;
  }
}
footer {
  position: relative;
}
footer #qr-container {
  position: absolute;
  z-index: 12;
  bottom: 54px;
  left: 0;
  right: 0;
  max-width: 100%;
  width: 30em;
  margin: 0 auto;
  padding: 1em;
  border-radius: 1em;
  background: white;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s, visibility 0s 0.5s;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) footer #qr-container {
    background: #222;
    box-shadow: 0 0 1em black;
  }
}
footer #qr-container.showing {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s, visibility 0s;
}
footer #qr-container h1 {
  margin: 0 0 0.5em 0;
}
footer #qr-target {
  text-align: center;
}
footer #close-qr {
  display: block;
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  width: 1.5em;
  height: 1.5em;
}
footer #close-qr line {
  stroke: #888;
  stroke-width: 1px;
}
footer #fu-footer-info {
  background-color: #ddd;
  padding: 0;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) footer #fu-footer-info {
    background-color: #333;
  }
}
footer #fu-footer-info ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  min-height: 3.2rem;
  align-items: center;
}
footer #fu-footer-info ul li {
  display: inline-block;
  margin: 0.1em 0;
  padding: 0;
  font-size: 0.875em;
}
footer #fu-footer-info ul li a {
  text-decoration: underline;
  color: #000 !important;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) footer #fu-footer-info ul li a {
    color: #ddd !important;
  }
}
footer #fu-footer-info ul li a:active {
  text-decoration: none;
}
footer #fu-footer-info ul.fu-list-2-col {
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  column-count: 2;
  column-gap: 1em;
}
footer #fu-footer-bar {
  background: #004c97;
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode) footer #fu-footer-bar {
    opacity: 0.9;
  }
}
footer #fu-footer-bar .main-page-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
}
footer #fu-footer-bar .main-page-block > * {
  height: 38px;
  flex-basis: 190px;
}
footer #fu-footer-bar .main-page-block > div {
  display: flex;
}
footer #fu-footer-bar .main-page-block > div:last-child {
  justify-content: flex-end;
}
footer #fu-footer-bar .main-page-block > div:nth-child(2) {
  justify-content: center;
}
footer #fu-footer-bar .main-page-block a img {
  height: 38px;
}
footer #iframe-footer {
  border-top: 1px solid #004c97;
}
footer #iframe-footer .main-page-block {
  height: 2em;
  display: flex;
  align-items: center;
}
footer #iframe-footer .main-page-block ul {
  width: 100%;
  font-size: 0.9em;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
footer #iframe-footer .main-page-block ul a {
  display: flex;
  align-items: bottom;
}
footer #iframe-footer .main-page-block ul a img {
  height: 1em;
}
/*******************************************
 Abschließende Importe
*******************************************/
/*---- Elemente, die nur fuer Mobile-Version gedacht sind, ausblenden ---*/
.mobile,
.responsiveNotLarge {
  display: none;
}
body {
  min-width: 20em;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 80em), print {
  .responsiveXL {
    display: none;
  }
  table.reflowable.very-early,
  table.reflowable.very-early tbody,
  table.reflowable.very-early tr,
  table.reflowable.very-early td {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 70em), print {
  .responsiveLargest {
    display: none;
  }
  table.reflowable.early,
  table.reflowable.early tbody,
  table.reflowable.early tr,
  table.reflowable.early td {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 55em), print and (orientation: portrait) {
  .responsiveLarge {
    display: none;
  }
  .responsiveNotLarge {
    display: block;
  }
  td.responsiveNotLarge,
  th.responsiveNotLarge {
    display: table-cell;
  }
  span.responsiveNotLarge {
    display: inline;
  }
  #inhalt {
    transition: padding-left 0.5s;
  }
  body.disableMenuAnimation #inhalt {
    transition: none;
  }
  table.reflowable,
  table.reflowable tr,
  table.reflowable tr td {
    display: block;
    width: 100%;
  }
  textarea {
    width: 100%;
  }
  pre {
    font-size: 0.8em;
  }
  #motd {
    float: none;
    width: auto;
    max-width: none;
  }
}
@media screen and (max-width: 45em) {
  .mobile {
    display: block;
  }
  td.mobile,
  th.mobile {
    display: table-cell;
  }
  span.mobile {
    display: inline;
  }
  .nonMobile {
    display: none;
  }
  .main-page-block {
    padding: 0 0.5rem;
  }
}
@media (pointer: coarse) {
  #top-menu ul li {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  #side-navigation nav {
    margin: 1.5em 0;
  }
  #side-navigation nav ul li {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  #loginmenu div ul li {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
@media (prefers-color-scheme: dark) {
  body.supportsDarkMode:not(.disableDarkMode)  #inhalt .mathjaxcontainer svg {
    background: none;
  }
  body.supportsDarkMode:not(.disableDarkMode)  #inhalt .mathjaxcontainer svg * {
    fill: #b0b0b0;
  }
  body.supportsDarkMode:not(.disableDarkMode)  .hilfeBox #inhalt .mathjaxcontainer svg,
  body.supportsDarkMode:not(.disableDarkMode)  .text-block64 #inhalt .mathjaxcontainer svg,
  body.supportsDarkMode:not(.disableDarkMode)  .text-block48 #inhalt .mathjaxcontainer svg,
  body.supportsDarkMode:not(.disableDarkMode)  .text-block90 #inhalt .mathjaxcontainer svg {
    background: none;
  }
  body.supportsDarkMode:not(.disableDarkMode)  .hilfeBox #inhalt .mathjaxcontainer svg *,
  body.supportsDarkMode:not(.disableDarkMode)  .text-block64 #inhalt .mathjaxcontainer svg *,
  body.supportsDarkMode:not(.disableDarkMode)  .text-block48 #inhalt .mathjaxcontainer svg *,
  body.supportsDarkMode:not(.disableDarkMode)  .text-block90 #inhalt .mathjaxcontainer svg * {
    fill: #ddd;
  }
  body.supportsDarkMode:not(.disableDarkMode)  img.jLatexMath {
    background: none;
    filter: invert(90%);
  }
  body.supportsDarkMode:not(.disableDarkMode)  .MathJax_Menu {
    background-color: #333 !important;
    border-color: #555 !important;
    box-shadow: 0px 10px 20px black !important;
  }
  body.supportsDarkMode:not(.disableDarkMode)  .MathJax_Menu .MathJax_MenuItem {
    color: #eee !important;
  }
  body.supportsDarkMode:not(.disableDarkMode)  .MathJax_Menu .MathJax_MenuItem.MathJax_MenuDisabled {
    color: #aaa !important;
  }
}
@media (pointer: coarse) {
  ul.mc li .choiceContent {
    padding-top: 0.4em;
  }
}