@charset "UTF-8";
html, body {
  background-color: white;
  margin: 0;
  font-family: sans-serif;
  width: 100%;
  min-height: 100vh;
  color: #393339;
  scroll-padding-top: 120px;
}

.body-wrapper {
  min-height: 100vh;
  position: relative;
}

h4 {
  padding: 1rem;
  margin: 0 auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  h4 {
    padding: 0.8rem;
  }
}
@media (max-width: 575.98px) {
  h4 {
    padding: 0 0.8rem;
  }
}
@media (max-width: 379.98px) {
  h4 {
    font-size: 90%;
  }
}

h2 {
  text-transform: uppercase;
}

h1 {
  padding: 1rem;
  margin: 2rem 0 0 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /*
  @include responsive(xs){
    font-size: 1rem;
  }*/
}
@media (max-width: 1079.98px) {
  h1 {
    font-size: 1.5em;
    padding: 0.8rem;
  }
}

label {
  font-weight: bold;
  padding: 1rem;
  font-size: 14px;
  text-align: justify;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: #393339;
}
a.has-decoration {
  text-decoration: underline;
  color: #632263;
}

.color-pink {
  color: #DB0567;
}

.bg-color-pink {
  background-color: #DB0567;
}

.bg-color-pink-light {
  background-color: #FEC3DE;
}

.bg-color-lila {
  background-color: #632263;
}

.bg-color-lila-light {
  background-color: #D7BFD7;
}

.bg-color-blau {
  background-color: #347FC4;
}

.bg-color-blau-light {
  background-color: #B7E4F5;
}

.bg-color-green {
  background-color: #3D9537;
}

.bg-color-green-light {
  background-color: #C6E9C3;
}

.bg-color-yellow {
  background-color: #E89005;
}

.bg-color-yellow-light {
  background-color: #FEEFD7;
}

.bg-color-alpha {
  background-color: #007A5E;
}

.bg-color-alpha-light {
  background-color: #C6EED6;
}

.bg-color-bio {
  background-color: #FF600A;
}

.bg-color-bio-light {
  background-color: #FDDBC8;
}

.bg-color-geo {
  background-color: #022B9E;
}

.bg-color-geo-light {
  background-color: #C8D4FC;
}

.bg-color-daz2 {
  background-color: #28ACCC;
}

.bg-color-daz2-light {
  background-color: #DEF3F8;
}

.bg-color-physik {
  background-color: #9A0308;
}

.bg-color-physik-light {
  background-color: #E4B4B6;
}

.bg-color-chemie {
  background-color: #A34DA3;
}

.bg-color-chemie-light {
  background-color: #FEECFE;
}

body.hasHover a:hover {
  text-decoration: none;
  color: #DB0567;
}
body.hasHover a:hover.hover-bg-color-lightpink {
  background-color: #FEC3DE;
}
body.hasHover a:hover.hover-bg-color-lightlila {
  background-color: #D7BFD7;
}
body.hasHover a:hover.hover-bg-color-lightblau {
  background-color: #B7E4F5;
}
body.hasHover a:hover.hover-bg-color-lightalpha {
  background-color: #C6EED6;
}
body.hasHover a:hover.hover-bg-color-lightgreen {
  background-color: #C6E9C3;
}
body.hasHover a:hover.hover-bg-color-lightyellow {
  background-color: #FEEFD7;
}
body.hasHover a:hover.hover-bg-color-lightred {
  background-color: #E4B4B6;
}
body.hasHover a:hover.hover-bg-color-lightbio {
  background-color: #FDDBC8;
}
body.hasHover a:hover.hover-bg-color-lightchem {
  background-color: #FEECFE;
}
body.hasHover a:hover.hover-bg-color-lightgeo {
  background-color: #C8D4FC;
}
body.hasHover a:hover.hover-bg-color-lightdaz2 {
  background-color: #DEF3F8;
}
body.hasHover a:hover.hover-textcolor-pink {
  color: #DB0567;
}
body.hasHover a:hover.hover-textcolor-white {
  color: white;
}
body.hasHover a:hover.hover-textcolor-lightpink {
  color: #FEC3DE;
}
body.hasHover a:hover.hover-textcolor-lila {
  color: #632263;
}
body.hasHover a:hover.hover-textcolor-blau {
  color: #347FC4;
}
body.hasHover a:hover.hover-textcolor-alpha {
  color: #007A5E;
}
body.hasHover a:hover.hover-textcolor-green {
  color: #3D9537;
}
body.hasHover a:hover.hover-textcolor-yellow {
  color: #E89005;
}
body.hasHover a:hover.hover-textcolor-red {
  color: #9A0308;
}
body.hasHover a:hover.hover-textcolor-bio {
  color: #FF600A;
}
body.hasHover a:hover.hover-textcolor-chem {
  color: #A34DA3;
}
body.hasHover a:hover.hover-textcolor-geo {
  color: #022B9E;
}
body.hasHover a:hover.hover-textcolor-daz2 {
  color: #28ACCC;
}

ul {
  list-style-type: none;
}

.flip {
  transform: rotate(180deg);
}

footer {
  height: 4rem;
  margin-top: 8rem;
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #393339;
}
footer.webshop-footer {
  height: 25rem;
  margin-top: 12rem;
  padding: 2rem 0 1rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
footer.webshop-footer .section-welle-footer {
  position: absolute;
  bottom: calc(25rem + 3rem);
}
footer.webshop-footer .sitemap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 2rem auto;
  width: -moz-fit-content;
  width: fit-content;
  flex-wrap: wrap;
}
footer.webshop-footer .sitemap .sitemap-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  margin: 0.5rem 2rem;
}
footer.webshop-footer .sitemap .sitemap-ueberschrift {
  color: white;
  font-weight: bold;
  margin: 1rem 0;
}
footer.webshop-footer .legal-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  width: 300px;
  margin: 2rem auto;
}
footer.webshop-footer a {
  color: rgba(255, 255, 255, 0.7);
  margin: 0.2rem 0;
  font-size: 0.9rem;
}
footer.webshop-footer .footer-copyright {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 10px;
  left: 50%;
}
@media (max-width: 689.98px) {
  footer.webshop-footer {
    height: calc(25rem + 7rem);
  }
  footer.webshop-footer .section-welle-footer {
    bottom: calc(25rem + 10rem);
  }
}
@media (max-width: 529.98px) {
  footer.webshop-footer {
    height: calc(25rem + 20rem);
  }
  footer.webshop-footer .section-welle-footer {
    bottom: calc(25rem + 23rem);
  }
  footer.webshop-footer .sitemap {
    margin: 0;
  }
}

.loader {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 100;
}
.loader:not(.loader-open) {
  display: none;
}

.no-pointer-events {
  pointer-events: none;
}

.loader-text {
  display: block;
  position: relative;
  top: 55%;
  margin: auto;
  font-size: 1.2rem;
  color: #DB0567;
  text-align: center;
  background-color: white;
  padding: 1rem 2rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.lds-default {
  display: block;
  position: relative;
  top: 50%;
  margin: auto;
  width: 80px;
  height: 80px;
  transform: scale(2);
}

.lds-default div {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}

.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}

.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}

.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}

.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}

.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}

.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}

.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}

.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}

.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}

.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}

.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}

@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
    background: #fff;
  }
  50% {
    transform: scale(1.5);
    background: #DB0567;
  }
}
input {
  box-sizing: border-box;
  margin: 0.6rem 1rem;
  width: 15rem;
  height: 3rem;
  border: 2px solid #D7BFD7;
  border-radius: 10px;
  color: #632263;
  font-weight: bold;
  text-align: center;
  font-size: 1rem;
  font-family: sans-serif;
}
input:focus {
  outline: none;
}
input:disabled {
  opacity: 1; /* Safari */
}
input.login-input:focus::-moz-placeholder {
  color: transparent;
}
input.login-input:focus::placeholder {
  color: transparent;
}

/* removes arrows from number input fields in:
Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* removes arrows from number input fields in:
Firefox */
input[type=number] {
  -webkit-appearance: textfield;
          appearance: textfield;
  -moz-appearance: textfield;
}
input[type=number]:focus {
  outline: none;
}

input[type=date] {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1rem;
  border-radius: 10px;
}

/* Login Submit */
input[type=submit] {
  background-color: white;
  border: 2px solid #632263;
}
input[type=submit]:focus {
  outline: none;
}
input[type=submit]:disabled {
  border: 2px solid #D7BFD7;
  color: #D7BFD7;
}

body.hasHover input[type=submit]:hover {
  background-color: #632263;
  border: none;
  color: white;
  cursor: pointer;
}
body.hasHover input[type=submit]:disabled {
  background-color: white;
  border: 2px solid #D7BFD7;
  color: #D7BFD7;
  cursor: default;
}

header {
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  position: relative;
}

.head-space {
  width: 100vw;
  height: 4rem;
  background-color: white;
}

.main-header {
  background-color: white;
  top: 0;
}
.main-header.main-header-webshop {
  position: fixed;
  z-index: 1000;
}

.head-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  color: #393339;
  overflow: hidden;
  line-height: 1.2rem;
  height: 3rem;
  box-sizing: border-box;
  width: 65rem;
  max-width: 100%;
  margin: 0 auto;
  font-size: 0.9rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.head-container .logo {
  line-height: 0;
  padding-left: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.head-container .logo img {
  width: 12rem;
}
@media (max-width: 575.98px) {
  .head-container .logo {
    padding-left: 1rem;
  }
}
.head-container.webshop-header, .head-container.index-app-header {
  height: 4rem;
  width: 1400px;
}
.head-container.webshop-header .navi, .head-container.webshop-header .user-management, .head-container.index-app-header .navi, .head-container.index-app-header .user-management {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
}
.head-container.webshop-header .navi > li, .head-container.webshop-header .navi > .index-app-header-login, .head-container.webshop-header .user-management > li, .head-container.webshop-header .user-management > .index-app-header-login, .head-container.index-app-header .navi > li, .head-container.index-app-header .navi > .index-app-header-login, .head-container.index-app-header .user-management > li, .head-container.index-app-header .user-management > .index-app-header-login {
  line-height: normal;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.head-container.webshop-header .navi > li.plattform-link a, .head-container.webshop-header .navi > .index-app-header-login.plattform-link a, .head-container.webshop-header .user-management > li.plattform-link a, .head-container.webshop-header .user-management > .index-app-header-login.plattform-link a, .head-container.index-app-header .navi > li.plattform-link a, .head-container.index-app-header .navi > .index-app-header-login.plattform-link a, .head-container.index-app-header .user-management > li.plattform-link a, .head-container.index-app-header .user-management > .index-app-header-login.plattform-link a {
  font-weight: bold;
  color: #DB0567;
  padding: 0.8rem 1.2rem;
  border: 2px solid #DB0567;
  border-radius: 10px;
  margin: 0 0.8rem;
}
.head-container.webshop-header .navi > li.plattform-link a > i, .head-container.webshop-header .navi > .index-app-header-login.plattform-link a > i, .head-container.webshop-header .user-management > li.plattform-link a > i, .head-container.webshop-header .user-management > .index-app-header-login.plattform-link a > i, .head-container.index-app-header .navi > li.plattform-link a > i, .head-container.index-app-header .navi > .index-app-header-login.plattform-link a > i, .head-container.index-app-header .user-management > li.plattform-link a > i, .head-container.index-app-header .user-management > .index-app-header-login.plattform-link a > i {
  margin-left: 1rem;
  font-size: 1.2rem;
  padding-right: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.head-container.webshop-header .navi > li.sign-up a, .head-container.webshop-header .navi > .index-app-header-login.sign-up a, .head-container.webshop-header .user-management > li.sign-up a, .head-container.webshop-header .user-management > .index-app-header-login.sign-up a, .head-container.index-app-header .navi > li.sign-up a, .head-container.index-app-header .navi > .index-app-header-login.sign-up a, .head-container.index-app-header .user-management > li.sign-up a, .head-container.index-app-header .user-management > .index-app-header-login.sign-up a {
  font-weight: bold;
  color: white;
  background-color: #DB0567;
  padding: 0.8rem 1.2rem;
  border: 2px solid #DB0567;
  border-radius: 10px;
  margin: 0 0.8rem;
}
.head-container.webshop-header .navi > li.sign-up a > i, .head-container.webshop-header .navi > .index-app-header-login.sign-up a > i, .head-container.webshop-header .user-management > li.sign-up a > i, .head-container.webshop-header .user-management > .index-app-header-login.sign-up a > i, .head-container.index-app-header .navi > li.sign-up a > i, .head-container.index-app-header .navi > .index-app-header-login.sign-up a > i, .head-container.index-app-header .user-management > li.sign-up a > i, .head-container.index-app-header .user-management > .index-app-header-login.sign-up a > i {
  margin-left: 1rem;
  font-size: 1.2rem;
  padding-right: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.head-container.webshop-header .navi > li.logout a, .head-container.webshop-header .navi > .index-app-header-login.logout a, .head-container.webshop-header .user-management > li.logout a, .head-container.webshop-header .user-management > .index-app-header-login.logout a, .head-container.index-app-header .navi > li.logout a, .head-container.index-app-header .navi > .index-app-header-login.logout a, .head-container.index-app-header .user-management > li.logout a, .head-container.index-app-header .user-management > .index-app-header-login.logout a {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.head-container.webshop-header .navi > li.logout a .logged-in-user, .head-container.webshop-header .navi > .index-app-header-login.logout a .logged-in-user, .head-container.webshop-header .user-management > li.logout a .logged-in-user, .head-container.webshop-header .user-management > .index-app-header-login.logout a .logged-in-user, .head-container.index-app-header .navi > li.logout a .logged-in-user, .head-container.index-app-header .navi > .index-app-header-login.logout a .logged-in-user, .head-container.index-app-header .user-management > li.logout a .logged-in-user, .head-container.index-app-header .user-management > .index-app-header-login.logout a .logged-in-user {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  align-items: flex-start;
}
.head-container.webshop-header .navi > li.logout a .logged-in-user .logout-text, .head-container.webshop-header .navi > .index-app-header-login.logout a .logged-in-user .logout-text, .head-container.webshop-header .user-management > li.logout a .logged-in-user .logout-text, .head-container.webshop-header .user-management > .index-app-header-login.logout a .logged-in-user .logout-text, .head-container.index-app-header .navi > li.logout a .logged-in-user .logout-text, .head-container.index-app-header .navi > .index-app-header-login.logout a .logged-in-user .logout-text, .head-container.index-app-header .user-management > li.logout a .logged-in-user .logout-text, .head-container.index-app-header .user-management > .index-app-header-login.logout a .logged-in-user .logout-text {
  font-weight: normal;
}
.head-container.webshop-header .navi > li.logout a > i, .head-container.webshop-header .navi > .index-app-header-login.logout a > i, .head-container.webshop-header .user-management > li.logout a > i, .head-container.webshop-header .user-management > .index-app-header-login.logout a > i, .head-container.index-app-header .navi > li.logout a > i, .head-container.index-app-header .navi > .index-app-header-login.logout a > i, .head-container.index-app-header .user-management > li.logout a > i, .head-container.index-app-header .user-management > .index-app-header-login.logout a > i {
  margin-left: 1rem;
  font-size: 1.2rem;
  padding-right: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.head-container.webshop-header .navi > li.row, .head-container.webshop-header .navi > .index-app-header-login.row, .head-container.webshop-header .user-management > li.row, .head-container.webshop-header .user-management > .index-app-header-login.row, .head-container.index-app-header .navi > li.row, .head-container.index-app-header .navi > .index-app-header-login.row, .head-container.index-app-header .user-management > li.row, .head-container.index-app-header .user-management > .index-app-header-login.row {
  display: none;
}
@media (max-width: 1279.98px) {
  .head-container.webshop-header .navi > li.hide-for-hamburger, .head-container.webshop-header .navi > .index-app-header-login.hide-for-hamburger, .head-container.webshop-header .user-management > li.hide-for-hamburger, .head-container.webshop-header .user-management > .index-app-header-login.hide-for-hamburger, .head-container.index-app-header .navi > li.hide-for-hamburger, .head-container.index-app-header .navi > .index-app-header-login.hide-for-hamburger, .head-container.index-app-header .user-management > li.hide-for-hamburger, .head-container.index-app-header .user-management > .index-app-header-login.hide-for-hamburger {
    display: none;
  }
  .head-container.webshop-header .navi > li.row, .head-container.webshop-header .navi > .index-app-header-login.row, .head-container.webshop-header .user-management > li.row, .head-container.webshop-header .user-management > .index-app-header-login.row, .head-container.index-app-header .navi > li.row, .head-container.index-app-header .navi > .index-app-header-login.row, .head-container.index-app-header .user-management > li.row, .head-container.index-app-header .user-management > .index-app-header-login.row {
    display: contents;
  }
  .head-container.webshop-header .navi > li label.hamburg, .head-container.webshop-header .navi > .index-app-header-login label.hamburg, .head-container.webshop-header .user-management > li label.hamburg, .head-container.webshop-header .user-management > .index-app-header-login label.hamburg, .head-container.index-app-header .navi > li label.hamburg, .head-container.index-app-header .navi > .index-app-header-login label.hamburg, .head-container.index-app-header .user-management > li label.hamburg, .head-container.index-app-header .user-management > .index-app-header-login label.hamburg {
    display: block;
    background: transparent;
    width: 2rem;
    height: 70%;
    position: relative;
    margin-left: auto;
    margin-right: 1rem;
  }
  .head-container.webshop-header .navi > li input#hamburg, .head-container.webshop-header .navi > .index-app-header-login input#hamburg, .head-container.webshop-header .user-management > li input#hamburg, .head-container.webshop-header .user-management > .index-app-header-login input#hamburg, .head-container.index-app-header .navi > li input#hamburg, .head-container.index-app-header .navi > .index-app-header-login input#hamburg, .head-container.index-app-header .user-management > li input#hamburg, .head-container.index-app-header .user-management > .index-app-header-login input#hamburg {
    display: none;
  }
  .head-container.webshop-header .navi > li .line, .head-container.webshop-header .navi > .index-app-header-login .line, .head-container.webshop-header .user-management > li .line, .head-container.webshop-header .user-management > .index-app-header-login .line, .head-container.index-app-header .navi > li .line, .head-container.index-app-header .navi > .index-app-header-login .line, .head-container.index-app-header .user-management > li .line, .head-container.index-app-header .user-management > .index-app-header-login .line {
    position: absolute;
    height: 0.25rem;
    width: 50%;
    background: #393339;
    border-radius: 2px;
    display: block;
    transition: 0.5s;
    transform-origin: center;
  }
  .head-container.webshop-header .navi > li .line:nth-child(1), .head-container.webshop-header .navi > .index-app-header-login .line:nth-child(1), .head-container.webshop-header .user-management > li .line:nth-child(1), .head-container.webshop-header .user-management > .index-app-header-login .line:nth-child(1), .head-container.index-app-header .navi > li .line:nth-child(1), .head-container.index-app-header .navi > .index-app-header-login .line:nth-child(1), .head-container.index-app-header .user-management > li .line:nth-child(1), .head-container.index-app-header .user-management > .index-app-header-login .line:nth-child(1) {
    top: 0.3rem;
  }
  .head-container.webshop-header .navi > li .line:nth-child(2), .head-container.webshop-header .navi > .index-app-header-login .line:nth-child(2), .head-container.webshop-header .user-management > li .line:nth-child(2), .head-container.webshop-header .user-management > .index-app-header-login .line:nth-child(2), .head-container.index-app-header .navi > li .line:nth-child(2), .head-container.index-app-header .navi > .index-app-header-login .line:nth-child(2), .head-container.index-app-header .user-management > li .line:nth-child(2), .head-container.index-app-header .user-management > .index-app-header-login .line:nth-child(2) {
    top: 0.9rem;
  }
  .head-container.webshop-header .navi > li .line:nth-child(3), .head-container.webshop-header .navi > .index-app-header-login .line:nth-child(3), .head-container.webshop-header .user-management > li .line:nth-child(3), .head-container.webshop-header .user-management > .index-app-header-login .line:nth-child(3), .head-container.index-app-header .navi > li .line:nth-child(3), .head-container.index-app-header .navi > .index-app-header-login .line:nth-child(3), .head-container.index-app-header .user-management > li .line:nth-child(3), .head-container.index-app-header .user-management > .index-app-header-login .line:nth-child(3) {
    top: 1.5rem;
  }
  .head-container.webshop-header .navi > li #hamburg:checked + .hamburg .line:nth-child(1), .head-container.webshop-header .navi > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(1), .head-container.webshop-header .user-management > li #hamburg:checked + .hamburg .line:nth-child(1), .head-container.webshop-header .user-management > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(1), .head-container.index-app-header .navi > li #hamburg:checked + .hamburg .line:nth-child(1), .head-container.index-app-header .navi > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(1), .head-container.index-app-header .user-management > li #hamburg:checked + .hamburg .line:nth-child(1), .head-container.index-app-header .user-management > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(1) {
    transform: translateY(0.6rem) rotate(-45deg);
  }
  .head-container.webshop-header .navi > li #hamburg:checked + .hamburg .line:nth-child(2), .head-container.webshop-header .navi > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(2), .head-container.webshop-header .user-management > li #hamburg:checked + .hamburg .line:nth-child(2), .head-container.webshop-header .user-management > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(2), .head-container.index-app-header .navi > li #hamburg:checked + .hamburg .line:nth-child(2), .head-container.index-app-header .navi > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(2), .head-container.index-app-header .user-management > li #hamburg:checked + .hamburg .line:nth-child(2), .head-container.index-app-header .user-management > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(2) {
    opacity: 0;
  }
  .head-container.webshop-header .navi > li #hamburg:checked + .hamburg .line:nth-child(3), .head-container.webshop-header .navi > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(3), .head-container.webshop-header .user-management > li #hamburg:checked + .hamburg .line:nth-child(3), .head-container.webshop-header .user-management > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(3), .head-container.index-app-header .navi > li #hamburg:checked + .hamburg .line:nth-child(3), .head-container.index-app-header .navi > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(3), .head-container.index-app-header .user-management > li #hamburg:checked + .hamburg .line:nth-child(3), .head-container.index-app-header .user-management > .index-app-header-login #hamburg:checked + .hamburg .line:nth-child(3) {
    transform: translateY(-0.6rem) rotate(45deg);
  }
}
@media (max-width: 689.98px) {
  .head-container.webshop-header .navi > li.hide-for-mobile, .head-container.webshop-header .navi > .index-app-header-login.hide-for-mobile, .head-container.webshop-header .user-management > li.hide-for-mobile, .head-container.webshop-header .user-management > .index-app-header-login.hide-for-mobile, .head-container.index-app-header .navi > li.hide-for-mobile, .head-container.index-app-header .navi > .index-app-header-login.hide-for-mobile, .head-container.index-app-header .user-management > li.hide-for-mobile, .head-container.index-app-header .user-management > .index-app-header-login.hide-for-mobile {
    display: none;
  }
}
.head-container.webshop-header .logo, .head-container.index-app-header .logo {
  padding-left: 0.8rem;
}
.head-container .navi {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.head-container .navi .infoButton {
  text-align: right;
  margin: 0 2rem;
}
.head-container .navi .infoButton > #infoButton {
  border: none;
  padding: 2rem;
  background-color: white;
}
.head-container .navi .infoButton .infoButton-focus {
  background-color: #D7BFD7 !important;
  color: #632263 !important;
}
.head-container .navi .shopButton {
  text-align: right;
}
.head-container .navi .shopButton > #shopButton {
  display: flex;
  align-items: center;
  border: none;
  padding: 1rem 2rem;
  background-color: white;
}
.head-container .navi .shopButton > #shopButton > img {
  margin-left: 0.5rem;
  width: 1.5rem;
}
.head-container .navi .shopButton > #shopButton > i.fas {
  margin-left: 0.5rem;
}
.head-container .navi .shopButton .shopButton-focus {
  background-color: #D7BFD7 !important;
  color: #632263 !important;
}
.head-container .navi .loginButton {
  text-align: center;
}
.head-container .navi .loginButton a {
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
  transition-property: background-color, box-shadow;
  transition-duration: 0.2s;
}
.head-container .navi .loginButton a > img {
  margin-left: 0.5rem;
  width: 2rem;
}
.head-container .navi .loginButton a > i.fas {
  margin-left: 0.5rem;
}
.head-container .navi .logoutButton {
  text-align: center;
  padding: 0 2rem;
}
.head-container .navi .logoutButton a {
  padding: 0.5rem 2rem;
  background-color: #CFCFCF;
  border-radius: 0.8rem;
  transition-property: background-color, box-shadow;
  transition-duration: 0.2s;
}
.head-container .navi .row {
  display: none;
}
@media (max-width: 575.98px) {
  .head-container .navi .infoButton, .head-container .navi .shopButton, .head-container .navi .loginButton, .head-container .navi .logoutButton {
    display: none;
  }
  .head-container .navi .row {
    display: contents;
  }
  .head-container .navi label.hamburg {
    display: block;
    background: transparent;
    width: 2rem;
    height: 70%;
    position: relative;
    margin-left: auto;
    margin-right: 1rem;
  }
  .head-container .navi input#hamburg {
    display: none;
  }
  .head-container .navi .line {
    position: absolute;
    height: 0.25rem;
    width: 50%;
    background: #393339;
    border-radius: 2px;
    display: block;
    transition: 0.5s;
    transform-origin: center;
  }
  .head-container .navi .line:nth-child(1) {
    top: 0.3rem;
  }
  .head-container .navi .line:nth-child(2) {
    top: 0.9rem;
  }
  .head-container .navi .line:nth-child(3) {
    top: 1.5rem;
  }
  .head-container .navi #hamburg:checked + .hamburg .line:nth-child(1) {
    transform: translateY(0.6rem) rotate(-45deg);
  }
  .head-container .navi #hamburg:checked + .hamburg .line:nth-child(2) {
    opacity: 0;
  }
  .head-container .navi #hamburg:checked + .hamburg .line:nth-child(3) {
    transform: translateY(-0.6rem) rotate(45deg);
  }
}
@media (max-width: 379.98px) {
  .head-container .navi label.hamburg {
    margin-right: 0.5rem;
  }
}
@media (max-width: 1079.98px) {
  .head-container {
    height: 2.4rem;
    line-height: 1rem;
    width: 55rem;
  }
  .head-container a {
    font-size: 0.8rem;
  }
  .head-container .LoginData {
    font-size: 0.8rem;
  }
}

.header-plattform {
  width: 1200px;
  height: 4rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .header-plattform {
    min-height: 3rem;
  }
}

.webshop-header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.webshop-header ul li {
  float: left;
}
.webshop-header ul li a, .webshop-header ul li .dropbtn {
  display: inline-block;
  color: #393339;
  text-align: center;
  padding: 1.5rem 1rem;
  text-decoration: none;
}
.webshop-header ul li a.active-site {
  color: #DB0567;
  border-bottom: 5px solid #DB0567;
  padding-bottom: 1.2rem;
  border-radius: 10px;
}
.webshop-header ul li.nav-dropdown {
  display: inline-block;
}
.webshop-header ul li.header-warenkorb {
  position: relative;
}

.warenkorb-notification {
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #DB0567;
  top: 18px;
  right: 7px;
  border-radius: 50%;
  border: 2px solid white;
}

.dropdown-content, .login-dropdown {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background-color: #FDE1EE;
  max-width: -moz-fit-content;
  max-width: fit-content;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 55px;
  margin-left: -10rem;
  border-radius: 10px;
  transition: all 0.3s 0.1s;
}
.dropdown-content:before, .login-dropdown:before {
  content: "";
  display: block;
  border-color: transparent transparent #FDE1EE transparent;
  border-style: solid;
  border-width: 10px;
  position: absolute;
  top: -20px;
  margin-left: 12.8rem;
}
.dropdown-content > .schulfaecher-dropdown-content, .login-dropdown > .schulfaecher-dropdown-content {
  margin: 1rem;
  display: grid;
  grid-gap: 0.8rem;
  grid-template-columns: 12rem 12rem;
}
.dropdown-content > .schulfaecher-dropdown-content > a, .login-dropdown > .schulfaecher-dropdown-content > a {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  text-align: left;
  padding: 1rem;
}
.dropdown-content > .schulfaecher-dropdown-content > a > img, .login-dropdown > .schulfaecher-dropdown-content > a > img {
  width: 2.5rem;
  margin-right: 0.8rem;
}
.dropdown-content > a, .login-dropdown > a {
  padding: 12px 16px;
  text-decoration: none;
  text-align: left;
}

.login-dropdown {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.login-dropdown:before {
  margin-left: 6rem;
}
.login-dropdown.preise-dropdown:before {
  margin-left: 1.7rem;
}
.login-dropdown.preise-dropdown #headerPreiseLinkPrivat, .login-dropdown.preise-dropdown #headerPreiseLinkSchule {
  min-width: 120px;
}
.login-dropdown #headerSchuelerPlattformLink, .login-dropdown #heroSchuelerPlattformLink, .login-dropdown #headerPreiseLinkPrivat {
  background-color: #DB0567;
  color: white;
  margin: 1rem;
  transition: all 0.2s ease;
}
.login-dropdown #headerLehrerVerwaltungLink, .login-dropdown #heroLehrerVerwaltungLink, .login-dropdown #headerPreiseLinkSchule {
  background-color: #632263;
  color: white;
  margin: 1rem;
  border-color: #632263;
  transition: all 0.2s ease;
}
.login-dropdown #headerPreiseLinkPrivat, .login-dropdown #headerPreiseLinkSchule {
  border-radius: 10px;
  font-weight: bold;
  padding: 0.8rem 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.welcome-hero-plattform-links {
  position: relative;
}

.login-dropbtn.focus + .login-dropdown {
  opacity: 1;
  top: 64px;
  visibility: visible;
}
.login-dropbtn.focus + .login-dropdown.login-dropdown-welcome-hero {
  top: 87px;
  left: 28px;
}

body.hasHover .nav-dropdown:hover .dropdown-content, body.hasHover .nav-dropdown:hover .login-dropdown {
  opacity: 1;
  top: 64px;
  visibility: visible;
}
body.hasHover .head-container {
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
body.hasHover .head-container .navi .logoutButton a:hover {
  background-color: #FEC3DE;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition-property: background-color, box-shadow;
  transition-duration: 0.2s;
}
body.hasHover .head-container #infoButton:hover {
  cursor: pointer;
  background-color: #D7BFD7;
  color: #632263;
}
body.hasHover .head-container #headerPlattformLink:hover > i, body.hasHover .head-container #headerRegistrierenLink:hover > i, body.hasHover .head-container #headerLogoutLink:hover > i {
  padding-right: 0;
  margin-left: 1.5rem;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1079.98px) {
  body.hasHover .head-container a:hover {
    font-size: 0.8rem;
  }
}
body.hasHover #headerSchuelerPlattformLink:hover, body.hasHover #headerLehrerVerwaltungLink:hover, body.hasHover #heroSchuelerPlattformLink:hover, body.hasHover #heroLehrerVerwaltungLink:hover,
body.hasHover #headerPreiseLinkPrivat:hover, body.hasHover #headerPreiseLinkSchule:hover {
  transform: scale(1.1);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  transition: all 0.2s ease-in-out;
}

.nav-drill {
  transform: translateY(-100%);
  display: none;
}

.nav {
  /* liste zu Flex machen? */
}
.nav-drill {
  background-color: white;
  color: #393339;
  width: 100vw;
  z-index: 100;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: all 0.45s ease-in-out;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.nav-items {
  width: 60%;
  margin: 0;
  text-align: right;
  padding: 1rem 2rem;
  font-weight: bold;
  margin-left: 25vw;
}
.nav-pf-items {
  margin: 0;
  padding: 1rem 2rem;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.nav-link {
  display: block;
  padding: 0.875em 1em;
  background-color: white;
  color: #393339;
  font-size: 1rem;
  line-height: 1.5em;
}
.nav-link > img {
  display: inline-block;
  height: 1rem;
  max-width: 1.8rem;
  margin-left: 0.5rem;
}
.nav-link > img.img-invisible {
  display: none;
}
.nav-link-subitem {
  display: block;
  padding: 0.6rem 1rem;
  background-color: white;
  color: #393339;
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: normal;
}
.nav-link-subitem > .not-available {
  color: #CFCFCF;
}

.logininfo {
  display: block;
  padding: 0.2rem 1rem;
  background-color: white;
  color: #632263;
  font-size: 1rem;
  line-height: 1.5em;
}

.topborder {
  border-top: 2px solid #632263;
}

#abmelde-btn {
  display: block;
  background-color: #632263;
  padding: 0.6rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5em;
  margin-top: 1rem;
  border-radius: 50px;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
#abmelde-btn a {
  color: white;
}

.infoMenu {
  display: none;
  opacity: 0;
}
.infoMenu .info-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.infoMenu .info-items > .anmelde-info {
  border-left: 2px solid #632263;
  border-right: 2px solid #632263;
  margin: 0 1rem;
}
.infoMenu .info-item > #exitButton {
  border: none;
  border-radius: 2rem;
  margin: 1rem;
  font-size: 1.5rem;
  background-color: #D7BFD7;
  color: #632263;
  padding: 0 0.7rem;
  padding-bottom: 0.3rem;
  transition-property: background-color, box-shadow;
  transition-duration: 0.2s;
}

.nav-drill-pf.nav-drill {
  position: fixed;
  height: calc(100% - 4rem);
  width: 100%;
  background: transparent;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.nav-drill-pf.nav-drill .nav-background {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3529411765);
  position: absolute;
  z-index: 1000;
}
.nav-drill-pf.nav-drill .nav-pf-items-container {
  width: 280px;
  padding: 1rem 0 1rem 1rem;
  position: absolute;
  right: 0;
  border-radius: 0 0 0 10px;
  top: 0;
  z-index: 2000;
  background: white;
}
.nav-drill-pf.nav-drill .nav-pf-items {
  display: flex;
  flex-direction: column;
  font-weight: normal;
  justify-content: space-around;
  padding: 0;
}
.nav-drill-pf.nav-drill .nav-pf-items li {
  margin: 1rem;
}
.nav-drill-pf.nav-drill .nav-pf-items li a {
  padding: 1rem 2rem;
}
.nav-drill-pf.nav-drill .nav-pf-items li a i {
  margin-left: 0.5rem;
}
@media (max-width: 1023.98px) {
  .nav-drill-pf.nav-drill .nav-pf-items {
    margin: 0.8rem 0;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

body.hasHover .nav-drill > .nav-pf-items > .nav-item > a:hover > img {
  display: none;
  transform: scale(1.1);
}
body.hasHover .nav-drill > .nav-pf-items > .nav-item > a:hover > img.img-invisible {
  display: inline-block;
  transform: scale(1.1);
}
body.hasHover .nav-drill > .nav-pf-items > #abmelde-btn:hover {
  transform: scale(1.1);
}
body.hasHover .infoMenu .info-item > #exitButton:hover {
  background-color: #632263;
  color: white;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition-property: background-color, box-shadow;
  transition-duration: 0.2s;
}
body.hasHover .infoMenu .info-item > .not-available:hover {
  color: #393339;
  cursor: default;
}

body.webshop-allg, body.plattform-allg {
  font-family: "Inter", sans-serif;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
body.webshop-allg h1, body.plattform-allg h1 {
  font-family: "Fredoka", sans-serif;
  font-size: 2.5rem;
  color: #632263;
}
body.webshop-allg h4, body.plattform-allg h4 {
  font-family: "Fredoka", sans-serif;
  font-size: 1.5rem;
  color: #632263;
}
@media (max-width: 689.98px) {
  body.webshop-allg h1, body.plattform-allg h1 {
    font-size: 2rem;
  }
  body.webshop-allg h4, body.plattform-allg h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 575.98px) {
  body.webshop-allg h1, body.plattform-allg h1 {
    font-size: 1.5rem;
  }
  body.webshop-allg h4, body.plattform-allg h4 {
    padding: 0.5rem;
  }
}
body.plattform-allg {
  font-family: "Trebuchet MS", sans-serif;
}
body.plattform-allg h1 {
  font-family: "Tahoma", sans-serif;
}
body.plattform-allg h4 {
  font-family: "Trebuchet MS", sans-serif;
}

.announcement-banner {
  background-color: #632263;
  width: 100vw;
  font-size: 1rem;
  margin: 0;
  text-align: center;
  color: white;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.announcement-banner > a {
  padding: 1rem;
  margin: 0;
  color: white;
}
.announcement-banner > .announcements {
  display: none;
}
.announcement-banner > .announcements.fading-in {
  display: block;
  animation: fadein 1s linear 1;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.announcement-banner > .announcements.fading-out {
  animation: fade 1s linear 1;
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 575.98px) {
  .announcement-banner {
    display: none;
  }
}

body.hasHover .announcement-banner a:hover {
  text-decoration: underline;
  color: white;
}

.semi-transparent-text {
  opacity: 0.5;
}

.preiszusatz {
  font-size: 0.6rem;
  text-align: center;
}

.startseite-section-bg {
  background-color: #F5EFF5;
  width: 100%;
  text-align: center;
  padding: 2rem 0;
}
.startseite-section-bg.fachseite-alpha {
  background-color: #E3F4E1;
}
.startseite-section-bg.fachseite-alpha > h1 {
  color: #007A5E;
}
.startseite-section-bg.fachseite-daz {
  background-color: #FEF7EB;
}
.startseite-section-bg.fachseite-daz > h1 {
  color: #E89005;
}
.startseite-section-bg.fachseite-deutsch {
  background-color: #DAF3FB;
}
.startseite-section-bg.fachseite-deutsch > h1 {
  color: #347FC4;
}
.startseite-section-bg.fachseite-sachunterricht {
  background-color: #E3F4E1;
}
.startseite-section-bg.fachseite-sachunterricht > h1 {
  color: #3D9537;
}
.startseite-section-bg.fachseite-nawi {
  background-color: #E3F4E1;
}
.startseite-section-bg.fachseite-nawi > h1 {
  color: #007A5E;
}

.startseite-section-second-header {
  max-width: 50rem;
  text-align: center;
  margin: 0 auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .startseite-section-second-header {
    margin: 0 1rem !important;
  }
}

.startseite-section-welle-bg, .startseite-section-white-bg, .subsection-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.startseite-section-welle-bg.fachseite-alpha > h1, .startseite-section-welle-bg.fachseite-nawi > h1, .startseite-section-white-bg.fachseite-alpha > h1, .startseite-section-white-bg.fachseite-nawi > h1, .subsection-center.fachseite-alpha > h1, .subsection-center.fachseite-nawi > h1 {
  color: #007A5E;
}
.startseite-section-welle-bg.fachseite-daz > h1, .startseite-section-white-bg.fachseite-daz > h1, .subsection-center.fachseite-daz > h1 {
  color: #E89005;
}
.startseite-section-welle-bg.fachseite-deutsch > h1, .startseite-section-white-bg.fachseite-deutsch > h1, .subsection-center.fachseite-deutsch > h1 {
  color: #347FC4;
}
.startseite-section-welle-bg.fachseite-sachunterricht > h1, .startseite-section-welle-bg.fachseite-sachunterricht h4, .startseite-section-white-bg.fachseite-sachunterricht > h1, .startseite-section-white-bg.fachseite-sachunterricht h4, .subsection-center.fachseite-sachunterricht > h1, .subsection-center.fachseite-sachunterricht h4 {
  color: #3D9537;
}

.subsection-center h4 {
  padding: 0;
}

.links-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3rem 0;
}
.links-flex > .site-link {
  margin: 0 1rem;
}

.startseite-section-white-bg {
  text-align: center;
  margin: 4rem 0;
}

.welcome-hero {
  width: 100vw;
  background-color: #DB0567;
  padding: 5vh 0 1rem;
  color: white;
  text-align: right;
  display: flex;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.welcome-hero.infos-schule {
  background-color: #632263;
  padding: 7vh 0;
  text-align: left;
}
.welcome-hero.kimaro-hero {
  background-color: #F5EFF5;
  padding: 7vh 0;
  text-align: left;
}
.welcome-hero.fachseite {
  text-align: left;
}
.welcome-hero.fachseite-mathematik {
  background-color: #DB0567;
}
.welcome-hero.fachseite-deutsch {
  background-color: #347FC4;
}
.welcome-hero.fachseite-englisch {
  background-color: #632263;
}
.welcome-hero.fachseite-alpha, .welcome-hero.fachseite-nawi {
  background-color: #007A5E;
}
.welcome-hero.fachseite-daz {
  background-color: #E89005;
}
.welcome-hero.fachseite-sachunterricht {
  background-color: #3D9537;
}
.welcome-hero > .welcome-Maus {
  max-width: 15vw;
  min-width: 14rem;
  height: auto;
  margin: 0 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .welcome-hero > .welcome-Maus {
    display: none;
  }
}
.welcome-hero > .infos-schule-hero-image {
  width: 20vw;
  min-width: 350px;
  height: auto;
  margin: 0 2rem;
  padding: 1rem;
  background-color: #D7BFD7;
}
.welcome-hero > .infos-schule-hero-image.bg-color-green-light {
  background-color: #C6E9C3;
}
.welcome-hero > .infos-schule-hero-image.bg-gradient {
  background: linear-gradient(to top right, rgba(2, 43, 158, 0.6), rgba(219, 5, 103, 0.7));
}
.welcome-hero > .infos-schule-hero-image > img {
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.welcome-hero .welcome-hero-text {
  align-self: end;
  padding-left: 2rem;
  padding-bottom: 6rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.welcome-hero .welcome-hero-text.infos-schule-hero-text, .welcome-hero .welcome-hero-text.fachseite-hero-text {
  align-self: end;
  padding: 0;
  padding-right: 4rem;
}
.welcome-hero .welcome-hero-text.kimaro-hero-text {
  align-self: end;
  padding: 0;
  padding-right: 4rem;
  background: linear-gradient(to right, rgba(2, 43, 158, 0.8), #DB0567);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.welcome-hero .welcome-hero-text.fachseite-hero-text {
  max-width: 280px;
}
.welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-alpha, .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-sachunterricht, .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-nawi {
  max-width: 350px;
}
.welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-alpha img, .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-sachunterricht img, .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-nawi img {
  width: 8rem;
}
.welcome-hero .welcome-hero-text.fachseite-hero-text img {
  width: 6rem;
}
.welcome-hero .welcome-hero-text.fachseite-hero-text .welcome-hero-fachseite-images {
  display: flex;
  align-items: flex-end;
}
.welcome-hero .welcome-hero-text.fachseite-hero-text .welcome-hero-fachseite-images .fachseite-hero-guetesiegel {
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  border-radius: 10px;
  margin: 0 2rem;
}
.welcome-hero .welcome-hero-text.fachseite-hero-text .welcome-hero-fachseite-images .fachseite-hero-guetesiegel img {
  width: 8rem;
}
.welcome-hero .welcome-hero-text h1 {
  color: white;
  padding: 0;
  font-size: 3rem;
  margin: 2rem 0 0.5rem 0;
}
.welcome-hero .welcome-hero-text p {
  margin: 1rem auto 2rem;
  font-size: 1.5rem;
  max-width: 600px;
}
.welcome-hero .welcome-hero-text .welcome-hero-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.welcome-hero .welcome-hero-text .welcome-hero-links a {
  margin: 1rem 0 0 2rem;
}
.welcome-hero .welcome-hero-text .welcome-hero-links a#shopLink {
  background-color: #632263;
  color: white;
}
.welcome-hero .welcome-hero-text .welcome-hero-links a#cloudLink {
  background-color: white;
  color: #632263;
}
.welcome-hero .welcome-hero-text .welcome-hero-links a#registerLink {
  background-color: white;
  color: #DB0567;
}
.welcome-hero .welcome-hero-text .welcome-hero-links a#plattformLink {
  color: white;
}
.welcome-hero .welcome-hero-text .welcome-hero-links .welcome-hero-plattform-links .dropdown-links {
  padding: 0.8rem 1.2rem;
  border-radius: 10px;
  margin: 0 0.8rem;
  display: flex;
}
.welcome-hero .welcome-hero-text .welcome-hero-links .welcome-hero-plattform-links .dropdown-links > i {
  margin-left: 1rem;
  font-size: 1.2rem;
  padding-right: 0.5rem;
}
@media (max-width: 1079.98px) {
  .welcome-hero .welcome-hero-text h1 {
    font-size: 2rem;
  }
  .welcome-hero .welcome-hero-text p {
    font-size: 1rem;
  }
  .welcome-hero .welcome-hero-text .welcome-hero-links a {
    padding: 0.8rem 1.2rem;
    margin: 0.8rem 0 0 1.5rem;
  }
}
@media (max-width: 819.98px) {
  .welcome-hero .welcome-hero-text {
    text-align: left;
    padding: 0;
  }
  .welcome-hero .welcome-hero-text > h1 {
    margin: 1rem 0 0.5rem;
  }
  .welcome-hero .welcome-hero-text > p {
    margin: 1rem auto;
  }
  .welcome-hero .welcome-hero-text .welcome-hero-links a {
    margin: 1rem 1.2rem 0 0;
  }
}
@media (max-width: 469.98px) {
  .welcome-hero .welcome-hero-text {
    text-align: left;
    max-width: 90vw;
  }
  .welcome-hero .welcome-hero-text > h1 {
    font-size: 1.5rem;
    margin: 0.5rem 0;
  }
  .welcome-hero .welcome-hero-text > p {
    font-size: 1rem;
    margin: 1rem auto 0;
  }
  .welcome-hero .welcome-hero-text .welcome-hero-links {
    flex-direction: column;
    margin: 1rem 0 0;
  }
  .welcome-hero .welcome-hero-text .welcome-hero-links a {
    padding: 0.8rem 1rem;
    width: 200px;
    margin: 0.8rem 0;
  }
}
@media (max-width: 1199.98px) {
  .welcome-hero.fachseite-alpha, .welcome-hero.fachseite-sachunterricht, .welcome-hero.fachseite-nawi {
    flex-wrap: wrap;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-alpha, .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-sachunterricht, .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-nawi {
    display: flex;
    max-width: 90% !important;
    padding: 0;
    align-items: center;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-alpha img, .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-sachunterricht img, .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-nawi img {
    margin: 2rem;
    width: 6rem;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-alpha h1, .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-sachunterricht h1, .welcome-hero .welcome-hero-text.fachseite-hero-text.fachseite-nawi h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 1079.98px) {
  .welcome-hero.fachseite {
    flex-wrap: wrap;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text {
    display: flex;
    max-width: 90% !important;
    padding: 0;
    align-items: center;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text img {
    margin: 2rem;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text h1 {
    font-size: 2.5rem;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text .welcome-hero-fachseite-images {
    flex-direction: row-reverse;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text .welcome-hero-fachseite-images .fachseite-hero-guetesiegel {
    margin: 2rem 0;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text .welcome-hero-fachseite-images .fachseite-hero-guetesiegel img {
    margin: 0;
  }
}
@media (max-width: 819.98px) {
  .welcome-hero {
    padding-bottom: 3rem;
  }
  .welcome-hero.infos-schule {
    padding: 4vh 0;
    flex-direction: column;
    align-items: center;
  }
  .welcome-hero.infos-schule > .infos-schule-hero-text, .welcome-hero.infos-schule > .welcome-hero-text.fachseite-hero-text {
    align-self: auto;
    padding: 0;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text img:not(.guetesiegel-image) {
    width: 5rem !important;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text h1 {
    font-size: 2rem !important;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text p {
    font-size: 1.2rem;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text.incl-guetesiegel {
    flex-direction: column;
    align-items: flex-start;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text.incl-guetesiegel h1 {
    margin: 0.5rem 0;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text .welcome-hero-fachseite-images {
    flex-direction: row;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text .welcome-hero-fachseite-images img {
    margin: 1rem 1rem 1rem 0;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text .welcome-hero-fachseite-images .fachseite-hero-guetesiegel {
    margin: 1rem 0;
  }
}
@media (max-width: 575.98px) {
  .welcome-hero .welcome-hero-text.fachseite-hero-text {
    align-items: flex-start;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text img:not(.guetesiegel-image) {
    margin: 1rem !important;
    width: 4rem !important;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text h1 {
    margin: 0;
  }
  .welcome-hero .welcome-hero-text.fachseite-hero-text p {
    margin: 0;
  }
}

.guetesiegel-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.guetesiegel-container .made-in-eu-icon {
  display: none;
  width: 5rem;
  transform: rotate(10deg);
}
.guetesiegel-container a {
  width: 9rem;
  background-color: white;
  border-radius: 10px;
}
@media (max-width: 1079.98px) {
  .guetesiegel-container a {
    width: 8rem;
  }
}
@media (max-width: 819.98px) {
  .guetesiegel-container {
    justify-content: space-between;
  }
  .guetesiegel-container .made-in-eu-icon {
    display: block;
  }
  .guetesiegel-container a {
    width: 6rem;
  }
}

.section-stichpunkte {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0 0 6rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-stichpunkte > .stichpunkte-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 2rem auto;
}
.section-stichpunkte > .stichpunkte-container > .stichpunkte-item {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-row-gap: 1rem;
  width: 15rem;
  margin: 1rem 2rem 2rem;
}
.section-stichpunkte > .stichpunkte-container > .stichpunkte-item > img {
  max-width: 80%;
  max-height: 8rem;
  align-self: end;
  justify-self: center;
}
.section-stichpunkte > .stichpunkte-container > .stichpunkte-item > .stichpunkte-item-text {
  text-align: center;
}
.section-stichpunkte > .stichpunkte-container > .stichpunkte-item > .stichpunkte-item-text > p {
  margin: 0;
}
.section-stichpunkte > .stichpunkte-container.flex-two-rows {
  flex-wrap: wrap;
  max-width: 85rem;
}
@media (max-width: 1199.98px) {
  .section-stichpunkte > .stichpunkte-container {
    flex-wrap: wrap;
  }
  .section-stichpunkte > .stichpunkte-container > .stichpunkte-item {
    margin: 1rem 5rem 2rem;
  }
}
@media (max-width: 819.98px) {
  .section-stichpunkte > .stichpunkte-container {
    flex-wrap: wrap;
  }
  .section-stichpunkte > .stichpunkte-container > .stichpunkte-item {
    margin: 1rem 2rem 2rem;
  }
  .section-stichpunkte > .stichpunkte-container > .stichpunkte-item > img {
    max-width: 60%;
    max-height: 6rem;
  }
}
@media (max-width: 689.98px) {
  .section-stichpunkte > .stichpunkte-container {
    align-items: flex-start;
  }
  .section-stichpunkte > .stichpunkte-container > .stichpunkte-item {
    width: 13rem;
    grid-template-rows: 6rem 1fr;
  }
  .section-stichpunkte > .stichpunkte-container > .stichpunkte-item > img {
    max-width: 60%;
    max-height: 6rem;
  }
}
@media (max-width: 529.98px) {
  .section-stichpunkte > .stichpunkte-container {
    align-items: flex-start;
  }
  .section-stichpunkte > .stichpunkte-container > .stichpunkte-item {
    width: 80%;
    grid-template-columns: 100px auto;
    grid-column-gap: 1rem;
    grid-row-gap: 0;
    grid-template-rows: 1fr;
    text-align: start;
    justify-content: center;
    align-items: end;
    align-content: start;
  }
  .section-stichpunkte > .stichpunkte-container > .stichpunkte-item > img {
    max-width: 100px;
    height: 6rem;
    align-self: center;
  }
  .section-stichpunkte > .stichpunkte-container > .stichpunkte-item > .stichpunkte-item-text {
    text-align: left;
  }
  .section-stichpunkte > .stichpunkte-container > .stichpunkte-item > .stichpunkte-item-text > h4 {
    padding-left: 0;
  }
}

.section-quickshop {
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-quickshop > .section-quickshop-bg > p {
  max-width: 720px;
  text-align: center;
  margin: 1rem auto;
}
.section-quickshop > .section-quickshop-bg > .section-quickshop-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
.section-quickshop > .section-quickshop-bg > .section-quickshop-header > h1 {
  margin: 0;
}
.section-quickshop > .section-quickshop-bg > .abo-switch-button {
  margin: auto;
}
.section-quickshop > .section-quickshop-bg > .quickshop-container {
  max-width: 960px;
  margin: 3rem auto;
  display: grid;
  position: relative;
  grid-template-columns: 1.5fr 2fr auto;
  align-items: center;
  justify-content: center;
  left: 40px;
}
.section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-sidebanner {
  background-color: white;
  width: 214px;
  height: -moz-fit-content;
  height: fit-content;
  text-align: left;
  padding: 2rem 3rem 3rem;
  border-radius: 10px;
  grid-column-end: span 2;
  grid-row: 1;
  grid-column-start: 1;
}
.section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-sidebanner h4 {
  padding-bottom: 0;
}
.section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-sidebanner p {
  padding: 1rem;
  margin: 0;
}
.section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-sidebanner div {
  font-size: 0.8rem;
}
.section-quickshop > .section-quickshop-bg > .quickshop-container > img {
  position: absolute;
  width: 10rem;
  left: -100px;
  top: 70px;
}
.section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-abo-switch {
  display: flex;
  flex-direction: column;
  place-items: center;
  justify-content: center;
}
.section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-abo-switch > .abo-switch-button-frame.crooked-frame {
  background-color: #FEC3DE;
  padding: 0.5rem;
  margin: 1rem;
}
.section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-abo-switch > .abo-switch-button-frame > .abo-button {
  width: 8rem;
  background-color: white;
  color: #393339;
  padding: 1rem 1.5rem;
  border-radius: 10px;
  border: none;
}
@media (max-width: 1199.98px) {
  .section-quickshop > .section-quickshop-bg > .quickshop-container {
    margin: 1rem auto;
    transform: scale(0.9);
  }
  .section-quickshop > .section-quickshop-bg > .quickshop-container > img {
    position: absolute;
    width: 7rem;
    left: -70px;
    top: 120px;
  }
}
@media (max-width: 1023.98px) {
  .section-quickshop > .section-quickshop-bg > .quickshop-container {
    display: flex;
    left: 0;
  }
  .section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-sidebanner, .section-quickshop > .section-quickshop-bg > .quickshop-container > img {
    display: none;
  }
}
@media (max-width: 819.98px) {
  .section-quickshop > .section-quickshop-bg > p {
    padding: 0 2rem;
  }
  .section-quickshop > .section-quickshop-bg > .quickshop-container {
    margin: 0 2rem;
  }
}
@media (max-width: 689.98px) {
  .section-quickshop > .section-quickshop-bg > .quickshop-container {
    transform: none;
  }
}
@media (max-width: 575.98px) {
  .section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-featured-item-frame, .section-quickshop > .section-quickshop-bg > .quickshop-container > .side-item {
    position: relative;
    z-index: 10;
    left: 30px;
    padding: 0.2rem;
  }
  .section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-featured-item-frame > .quickshop-featured-item, .section-quickshop > .section-quickshop-bg > .quickshop-container > .side-item > .quickshop-featured-item {
    padding: 1.5rem;
    min-width: 210px;
  }
  .section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-preis, .section-quickshop > .section-quickshop-bg > .quickshop-container > .side-item > .quickshop-featured-item > .quickshop-preis {
    font-size: 1.2rem;
    width: -moz-fit-content;
    width: fit-content;
  }
  .section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-featured-item-frame > .quickshop-featured-item > .preiszusatz, .section-quickshop > .section-quickshop-bg > .quickshop-container > .side-item > .quickshop-featured-item > .preiszusatz {
    width: -moz-fit-content;
    width: fit-content;
  }
  .section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-buy-link, .section-quickshop > .section-quickshop-bg > .quickshop-container > .side-item > .quickshop-featured-item > .quickshop-buy-link {
    width: -moz-fit-content;
    width: fit-content;
  }
  .section-quickshop > .section-quickshop-bg > .quickshop-container > .quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-buy-link > .site-link > i, .section-quickshop > .section-quickshop-bg > .quickshop-container > .side-item > .quickshop-featured-item > .quickshop-buy-link > .site-link > i {
    display: none;
  }
}

.quickshop-container-fachseite {
  display: flex;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.quickshop-container-fachseite > .side-item {
  align-self: flex-end;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame, .quickshop-container-fachseite > .side-item {
  position: relative;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame.bg-color-alpha-light, .quickshop-container-fachseite > .bg-color-alpha-light.side-item {
  background-color: #C6EED6;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame.bg-color-lila-light, .quickshop-container-fachseite > .bg-color-lila-light.side-item {
  background-color: #D7BFD7;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame.bg-color-blau-light, .quickshop-container-fachseite > .bg-color-blau-light.side-item {
  background-color: #B7E4F5;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame.bg-color-green-light, .quickshop-container-fachseite > .bg-color-green-light.side-item {
  background-color: #C6E9C3;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame.bg-color-yellow-light, .quickshop-container-fachseite > .bg-color-yellow-light.side-item {
  background-color: #FEEFD7;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame.bg-color-bio-light, .quickshop-container-fachseite > .bg-color-bio-light.side-item {
  background-color: #FDDBC8;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame.bg-color-chem-light, .quickshop-container-fachseite > .bg-color-chem-light.side-item {
  background-color: #FEECFE;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame.bg-color-geo-light, .quickshop-container-fachseite > .bg-color-geo-light.side-item {
  background-color: #C8D4FC;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame.bg-color-daz2-light, .quickshop-container-fachseite > .bg-color-daz2-light.side-item {
  background-color: #DEF3F8;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-banner, .quickshop-container-fachseite > .side-item > .quickshop-banner {
  position: absolute;
  background-color: #FEC3DE;
  color: #DB0567;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
  padding: 1rem;
  /* adjust the below to control the shape */
  --d:0px;
  --w:200px;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  transform: translate(29.29%, -100%) rotate(45deg); /* 29.29% = 100%*(1 - cos(45deg)) */
  color: #DB0567;
  text-align: center;
  width: 200px;
  transform-origin: bottom left;
  padding: 1rem;
  background: linear-gradient(rgba(0, 0, 0, 0.6) 0 0) bottom/100% 0 no-repeat #FEC3DE;
  clip-path: polygon(0 100%, 0 calc(100% - var(--d)), 50% calc(100% - var(--d) - var(--w) / 2), 100% calc(100% - var(--d)), 100% 100%, calc(100% - var(--d)) calc(100% - var(--d)), var(--d) calc(100% - var(--d)));
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-banner.fachseite-deutsch, .quickshop-container-fachseite > .side-item > .quickshop-banner.fachseite-deutsch {
  background-color: #D7BFD7;
  color: #632263;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-banner.fachseite-englisch, .quickshop-container-fachseite > .side-item > .quickshop-banner.fachseite-englisch {
  background-color: #D7BFD7;
  color: #632263;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-banner.fachseite-alpha, .quickshop-container-fachseite > .side-item > .quickshop-banner.fachseite-alpha, .quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-banner.fachseite-nawi, .quickshop-container-fachseite > .side-item > .quickshop-banner.fachseite-nawi {
  background-color: #C6E9C3;
  color: #3D9537;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-banner.fachseite-daz, .quickshop-container-fachseite > .side-item > .quickshop-banner.fachseite-daz {
  background-color: #FDDBC8;
  color: #FF600A;
}
.quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-banner.fachseite-sachunterricht, .quickshop-container-fachseite > .side-item > .quickshop-banner.fachseite-sachunterricht {
  background-color: #C6EED6;
  color: #007A5E;
}
@media (max-width: 575.98px) {
  .quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-banner, .quickshop-container-fachseite > .side-item > .quickshop-banner {
    display: none;
  }
}
@media (max-width: 689.98px) {
  .quickshop-container-fachseite > .quickshop-featured-item-frame, .quickshop-container-fachseite > .side-item {
    left: 30px;
  }
  .quickshop-container-fachseite > .side-item {
    align-self: center;
    left: -30px;
  }
}
@media (max-width: 575.98px) {
  .quickshop-container-fachseite > .quickshop-featured-item-frame, .quickshop-container-fachseite > .side-item {
    z-index: 10;
    padding: 0.2rem;
  }
  .quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-featured-item, .quickshop-container-fachseite > .side-item > .quickshop-featured-item {
    padding: 1.5rem;
    min-width: 210px;
  }
  .quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-preis, .quickshop-container-fachseite > .side-item > .quickshop-featured-item > .quickshop-preis {
    font-size: 1.2rem;
    width: -moz-fit-content;
    width: fit-content;
  }
  .quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-featured-item > .preiszusatz, .quickshop-container-fachseite > .side-item > .quickshop-featured-item > .preiszusatz {
    width: -moz-fit-content;
    width: fit-content;
  }
  .quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-buy-link, .quickshop-container-fachseite > .side-item > .quickshop-featured-item > .quickshop-buy-link {
    width: -moz-fit-content;
    width: fit-content;
  }
  .quickshop-container-fachseite > .quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-buy-link > .site-link > i, .quickshop-container-fachseite > .side-item > .quickshop-featured-item > .quickshop-buy-link > .site-link > i {
    display: none;
  }
}

.quickshop-featured-item-frame, .side-item {
  padding: 1rem;
  margin: 1rem;
  background-color: #FEC3DE;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.quickshop-featured-item-frame.quickshop-grid-item, .quickshop-grid-item.side-item {
  background-color: #632263;
  grid-column: 2/3;
  grid-row: 1;
  margin: 1rem auto;
  margin-left: 1rem;
}
.quickshop-featured-item-frame > .quickshop-featured-item, .side-item > .quickshop-featured-item {
  background-color: white;
  color: #393339;
  padding: 2rem 2.5rem;
  border-radius: 10px;
  min-width: 250px;
  text-align: left;
}
.quickshop-featured-item-frame > .quickshop-featured-item > h3, .side-item > .quickshop-featured-item > h3 {
  margin: 1rem 0 0.5rem;
  font-size: 1.5rem;
}
.quickshop-featured-item-frame > .quickshop-featured-item > p, .side-item > .quickshop-featured-item > p {
  margin: 0;
}
.quickshop-featured-item-frame > .quickshop-featured-item > p.fach-card-inhalt-abo, .side-item > .quickshop-featured-item > p.fach-card-inhalt-abo {
  opacity: 0.5;
  font-size: 1rem;
}
.quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-included-list, .side-item > .quickshop-featured-item > .quickshop-included-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 2rem 0;
}
.quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-included-list > .included-list-item, .side-item > .quickshop-featured-item > .quickshop-included-list > .included-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-included-list > .included-list-item > img, .side-item > .quickshop-featured-item > .quickshop-included-list > .included-list-item > img {
  width: 1rem;
  margin: 0.3rem 1rem;
  margin-left: 0;
}
.quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-included-list > .included-list-item > p, .side-item > .quickshop-featured-item > .quickshop-included-list > .included-list-item > p {
  margin: 0;
}
.quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-preis, .side-item > .quickshop-featured-item > .quickshop-preis {
  font-size: 1.5rem;
  text-align: center;
}
.quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-preis > b, .side-item > .quickshop-featured-item > .quickshop-preis > b {
  font-weight: bolder;
}
.quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-buy-link, .side-item > .quickshop-featured-item > .quickshop-buy-link {
  margin: 0.5rem 0 0;
}
.quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-buy-link > a, .side-item > .quickshop-featured-item > .quickshop-buy-link > a {
  margin: 0 auto;
}
.quickshop-featured-item-frame > .quickshop-featured-item > .quickshop-buy-link > a.registerLink, .side-item > .quickshop-featured-item > .quickshop-buy-link > a.registerLink {
  display: none;
}
.quickshop-featured-item-frame > .quickshop-featured-item .lernmax-paket-kaufen-button, .side-item > .quickshop-featured-item .lernmax-paket-kaufen-button {
  margin: 0.5rem auto 0;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  cursor: pointer;
}
@media (max-width: 1023.98px) {
  .quickshop-featured-item-frame.quickshop-grid-item, .quickshop-grid-item.side-item {
    margin: 1rem;
  }
}
@media (max-width: 819.98px) {
  .quickshop-featured-item-frame, .side-item {
    margin: 0;
  }
}
@media (max-width: 689.98px) {
  .quickshop-featured-item-frame.quickshop-grid-item, .quickshop-grid-item.side-item {
    margin: 0;
    margin-left: 0;
    position: relative;
    left: 20px;
  }
}

.side-item {
  background-color: #D7BFD7;
  align-self: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.side-item.quickshop-grid-side-item {
  margin-bottom: 6rem;
  margin-left: 1rem;
  align-self: end;
}
.side-item.quickshop-grid-side-item > .quickshop-featured-item > .quickshop-preis {
  margin-top: 1rem;
}
.side-item.bg-color-alpha-light {
  background-color: #C6EED6;
}
.side-item.bg-color-blau-light {
  background-color: #B7E4F5;
}
.side-item.bg-color-green-light {
  background-color: #C6E9C3;
}
.side-item.bg-color-yellow-light {
  background-color: #FEEFD7;
}
.side-item.bg-color-bio-light {
  background-color: #FDDBC8;
}
.side-item > .quickshop-featured-item {
  padding: 1.5rem;
  min-width: 200px;
}
.side-item > .quickshop-featured-item p {
  font-size: 0.8rem;
  max-width: 14rem;
}
.side-item > .quickshop-featured-item p.fach-card-inhalt-abo {
  opacity: 0.5;
  font-size: 0.8rem;
}
.side-item > .quickshop-featured-item > h3 {
  font-size: 1.2rem;
  margin: 0.3rem 0;
}
.side-item > .quickshop-featured-item > .quickshop-included-list {
  margin: 1rem 0;
}
.side-item > .quickshop-featured-item > .quickshop-included-list > .included-list-item > img {
  width: 0.8rem;
  margin: 0.3rem 0.8rem 0.3rem 0;
}
.side-item > .quickshop-featured-item > .quickshop-preis {
  font-size: 1.2rem;
}
.side-item > .quickshop-featured-item > .preiszusatz {
  font-size: 0.6rem;
}
.side-item > .quickshop-featured-item > .quickshop-buy-link a {
  font-size: 0.8rem;
  padding: 0.8rem 1rem;
}
@media (max-width: 689.98px) {
  .side-item.quickshop-grid-side-item {
    margin-left: 0;
    position: relative;
    left: -20px;
  }
}
@media (max-width: 575.98px) {
  .side-item {
    left: -30px !important;
    position: relative !important;
    padding: 0.2rem !important;
    z-index: 0 !important;
  }
  .side-item > .quickshop-featured-item {
    min-width: 175px !important;
    padding: 1.5rem 1.2rem !important;
  }
  .side-item > .quickshop-featured-item .site-link > i {
    display: none;
  }
}

.section-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 4rem 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-info > p {
  margin: 0;
  max-width: 46rem;
}
.section-info > .section-info-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 960px;
  text-align: left;
  margin: 3rem auto;
}
.section-info > .section-info-container > .section-info-item {
  display: grid;
  grid-template-columns: 50% 50%;
  margin: 0 2rem 2rem;
  align-items: center;
}
.section-info > .section-info-container > .section-info-item.info-schulung {
  margin: 0 2rem;
}
.section-info > .section-info-container > .section-info-item > .info-einzelplatz-frame, .section-info > .section-info-container > .section-info-item > .info-schule-frame {
  margin: 2rem;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1rem;
}
.section-info > .section-info-container > .section-info-item > .info-einzelplatz-frame.frame-color-lila, .section-info > .section-info-container > .section-info-item > .info-schule-frame.frame-color-lila {
  background-color: #D7BFD7;
}
.section-info > .section-info-container > .section-info-item > .info-einzelplatz-frame.frame-color-pink, .section-info > .section-info-container > .section-info-item > .info-schule-frame.frame-color-pink {
  background-color: #FEC3DE;
}
.section-info > .section-info-container > .section-info-item > .info-einzelplatz-frame > img, .section-info > .section-info-container > .section-info-item > .info-schule-frame > img {
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  min-width: 200px;
}
.section-info > .section-info-container > .section-info-item > .info-einzelplatz-text, .section-info > .section-info-container > .section-info-item > .info-schule-text {
  margin: 2rem;
}
.section-info > .section-info-container > .section-info-item > .info-einzelplatz-text > h4, .section-info > .section-info-container > .section-info-item > .info-schule-text > h4 {
  padding: 0;
}
.section-info > .section-info-container > .section-info-item > .info-einzelplatz-text > .site-link, .section-info > .section-info-container > .section-info-item > .info-schule-text > .site-link {
  width: -moz-fit-content;
  width: fit-content;
  margin: 2rem 0 0;
}
@media (max-width: 819.98px) {
  .section-info > .section-info-container > .section-info-item {
    align-items: flex-start;
  }
  .section-info > .section-info-container > .section-info-item > .info-einzelplatz-frame, .section-info > .section-info-container > .section-info-item > .info-schule-frame {
    padding: 0.8rem;
    margin-top: 4rem;
  }
}
@media (max-width: 689.98px) {
  .section-info > .section-info-container > .section-info-item {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    align-items: center;
  }
  .section-info > .section-info-container > .section-info-item.info-schule > .info-schule-frame {
    order: 1;
  }
  .section-info > .section-info-container > .section-info-item.info-schule > .info-schule-text {
    order: 2;
  }
  .section-info > .section-info-container > .section-info-item > .info-einzelplatz-frame, .section-info > .section-info-container > .section-info-item > .info-schule-frame {
    margin-top: 2rem;
  }
}
@media (max-width: 469.98px) {
  .section-info > .section-info-container > .section-info-item > .info-einzelplatz-frame, .section-info > .section-info-container > .section-info-item > .info-schule-frame {
    margin: 0;
  }
}

.section-programme-container {
  max-width: 960px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  margin: 3rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-programme-container > .site-link {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  height: -moz-fit-content;
  height: fit-content;
  place-self: center;
}
@media (max-width: 1023.98px) {
  .section-programme-container {
    max-width: 95%;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem;
  }
  .section-programme-container > .site-link {
    grid-column: 1/-1;
    margin: 2rem;
  }
}
@media (max-width: 689.98px) {
  .section-programme-container {
    grid-gap: 1rem;
  }
}
@media (max-width: 529.98px) {
  .section-programme-container {
    grid-template-columns: 1fr;
  }
  .section-programme-container > .site-link {
    grid-column: 1;
    margin: 2rem;
  }
}

.programm-item {
  background-color: white;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem 1.5rem;
  transition: all 0.3s ease-in-out, color 0.3s ease-in-out;
  height: 6rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.programm-item.programm-item-kimaro::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: linear-gradient(to top right, rgba(2, 43, 158, 0.6), rgba(219, 5, 103, 0.7));
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 0;
}
.programm-item > .fach-icon {
  position: relative;
  z-index: 1;
  width: 4rem;
  margin-right: 1rem;
}
.programm-item > .fach-icon.bigger-fach-icon {
  width: 4.5rem;
}
.programm-item > .fach-icon.smaller-fach-icon {
  width: 3.5rem;
}
.programm-item > .programm-item-text {
  position: relative;
  z-index: 1;
  color: #393339;
  text-align: left;
  transition: all 0.3s ease-in-out;
}
.programm-item > .programm-item-text > h3 {
  font-size: 1.5rem;
  margin: 0;
  margin-bottom: 0.5rem;
}
.programm-item > .programm-item-text > h3.smaller-fontsize {
  font-size: 1.2rem;
}
.programm-item > .programm-item-text > p {
  margin: 0;
}
@media (max-width: 1023.98px) {
  .programm-item {
    min-width: 270px;
  }
}
@media (max-width: 689.98px) {
  .programm-item {
    min-width: 190px;
    height: 5rem;
  }
  .programm-item > .fach-icon {
    width: 3rem;
    margin-right: 0.8rem;
  }
  .programm-item > .fach-icon.bigger-fach-icon {
    width: 3.5rem;
  }
  .programm-item > .fach-icon.smaller-fach-icon {
    width: 2.5rem;
  }
  .programm-item > .programm-item-text > h3 {
    font-size: 1.2rem;
  }
  .programm-item > .programm-item-text > h3.smaller-fontsize {
    font-size: 1rem;
  }
}
@media (max-width: 529.98px) {
  .programm-item {
    width: inherit;
    height: 4rem;
  }
}

.section-news {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 4rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-news .section-news-container {
  display: flex;
  flex-direction: row;
  max-width: 1200px;
  margin: 1rem auto;
}
.section-news .section-news-container .slideshow-container {
  margin: 0 1rem;
  position: relative;
  display: flex;
  align-items: center;
  /* Next & previous buttons */
  /* Position the "next button" to the right */
  /* On hover, add a black background color with a little bit see-through */
}
.section-news .section-news-container .slideshow-container .mySlides {
  width: 500px;
  display: none;
}
.section-news .section-news-container .slideshow-container .slideshow-image {
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.section-news .section-news-container .slideshow-container .copyright-text {
  font: 0.8rem;
  color: #CFCFCF;
  text-align: right;
}
.section-news .section-news-container .slideshow-container .prev, .section-news .section-news-container .slideshow-container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -40px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 24px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.section-news .section-news-container .slideshow-container .prev {
  left: 0;
}
.section-news .section-news-container .slideshow-container .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.section-news .section-news-container .slideshow-container .prev:hover, .section-news .section-news-container .slideshow-container .next:hover {
  background-color: rgba(215, 191, 215, 0.6);
}
.section-news .section-news-container .news-text {
  margin: 1rem;
  text-align: left;
}
.section-news .section-news-container .news-text h4 {
  padding: 1rem 0;
}
.section-news .section-news-container .logo-auflistung {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 2rem 0;
}
.section-news .section-news-container .logo-auflistung img {
  width: 12rem;
  margin: 0.5rem;
}
@media (max-width: 1079.98px) {
  .section-news h1 > img {
    height: 10rem;
  }
  .section-news .section-news-container {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 689.98px) {
  .section-news h1 > img {
    height: 8rem;
  }
  .section-news .section-news-container {
    flex-direction: column;
    align-items: center;
  }
  .section-news .section-news-container .slideshow-container {
    width: 100%;
  }
  .section-news .section-news-container .slideshow-container .mySlides {
    width: 100%;
  }
  .section-news .section-news-container .logo-auflistung img {
    width: 9rem;
  }
}

.trennerlinie {
  width: 50%;
  border: 2px solid #D7BFD7;
  border-radius: 10px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1279.98px) {
  .trennerlinie {
    width: 70%;
  }
}
@media (max-width: 881.98px) {
  .trennerlinie {
    width: 80%;
  }
}

.section-feedback {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 4rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-feedback > .section-feedback-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 960px;
  text-align: left;
  margin: 3rem auto;
}
.section-feedback > .section-feedback-container > .carousel-dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 3rem;
}
.section-feedback > .section-feedback-container > .carousel-dots > span {
  width: 1rem;
  height: 1rem;
  background-color: #CFCFCF;
  border-radius: 50%;
  margin: 0.5rem;
  transition: all 0.2s ease-in-out;
}
.section-feedback > .section-feedback-container > .carousel-dots > span.active {
  width: 1.2rem;
  height: 1.2rem;
  background-color: #D7BFD7;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 1023.98px) {
  .section-feedback {
    margin: 3rem;
  }
}
@media (max-width: 689.98px) {
  .section-feedback {
    margin: 2rem;
  }
}
@media (max-width: 575.98px) {
  .section-feedback {
    margin: 1rem;
  }
}

.quickshop-schulstufe {
  margin: 1rem 0 2rem;
  padding: 1rem 3.5rem 1rem 1.5rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10px;
}

.quickshop-schulstufen, .checkout-abos, .preisrechner-schultyp-select, .register-country-select {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1rem 0 2rem;
}
.quickshop-schulstufen::before, .checkout-abos::before, .preisrechner-schultyp-select::before, .register-country-select::before {
  pointer-events: none;
  content: url(https://app.lernmax.eu/media/images/Arrows/arrow_grey.svg);
  position: absolute;
  right: 1.5rem;
  top: 15px;
  color: #393339;
  z-index: 30;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .quickshop-schulstufen::before, .checkout-abos::before, .preisrechner-schultyp-select::before, .register-country-select::before {
    top: 11px;
  }
}
.quickshop-schulstufen > .quickshop-schulstufen-select, .checkout-abos > .quickshop-schulstufen-select, .preisrechner-schultyp-select > .quickshop-schulstufen-select, .register-country-select > .quickshop-schulstufen-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: none;
  font-size: 1rem;
  color: #393339;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 0 3.5rem 0 1.5rem;
  border-radius: 10px;
  cursor: pointer;
  height: 3rem;
  outline: none;
  width: 100%;
}
.quickshop-schulstufen > img, .checkout-abos > img, .preisrechner-schultyp-select > img, .register-country-select > img {
  width: 1rem;
  margin-left: 0.5rem;
}

.register-country-select {
  width: 90%;
  margin: 1rem;
}

.preisrechner-schultyp-select {
  margin: 1rem 0;
}

.checkout-abos {
  margin: 1rem auto;
  width: -moz-fit-content;
  width: fit-content;
}
.checkout-abos::before {
  right: 2.5rem;
  top: 12px;
}
.checkout-abos > .abo-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 1rem;
  border: 2px solid #707070;
  font-size: 1rem;
  color: #393339;
  padding: 0 3.5rem 0 1.5rem;
  border-radius: 10px;
  height: 2.5rem;
  outline: none;
  cursor: pointer;
}
.checkout-abos > .abo-select:focus {
  border-color: #632263;
}

.explanation-mark {
  display: inline;
  font-size: 12px;
  padding: 0.15rem 0.4rem;
  border-radius: 50px;
  border: 1px solid #393339;
  color: #393339;
  cursor: pointer;
}

.country-select-explanation {
  position: relative;
  width: 200px;
  background-color: #F5EFF5;
  font-size: 12px;
  padding: 10px;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  z-index: 10;
  top: 15px;
  left: 1rem;
}

.section-kimaro-container {
  max-width: 960px;
  margin: 3rem auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(2, 360px);
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  grid-template-areas: "item1 item2" "item3 item4";
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .section-kimaro-container {
    max-width: 90%;
  }
}
@media (max-width: 1023.98px) {
  .section-kimaro-container {
    -moz-column-gap: 0;
         column-gap: 0;
    display: flex;
    flex-direction: column;
  }
  .section-kimaro-container .cyberhomework-workflow-item {
    position: relative;
  }
}
@media (max-width: 575.98px) {
  .section-kimaro-container {
    max-width: 80%;
  }
}

.cyberhomework-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 2rem;
}
.cyberhomework-header > h1 {
  margin: 0;
}

.section-cyberhomework-container {
  max-width: 960px;
  margin: 3rem auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(7, auto);
  -moz-column-gap: 8rem;
       column-gap: 8rem;
  grid-template-areas: "item1 ." "item1 item2" "item3 item2" "item3 item4" "item5 item4" "item5 item6" ". item6";
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .section-cyberhomework-container {
    max-width: 90%;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
}
@media (max-width: 1023.98px) {
  .section-cyberhomework-container {
    -moz-column-gap: 0;
         column-gap: 0;
    grid-template-rows: repeat(6, auto);
    grid-template-areas: "item1 item1" "item2 item2" "item3 item3" "item4 item4" "item5 item5" "item6 item6";
  }
}
@media (max-width: 689.98px) {
  .section-cyberhomework-container {
    margin-bottom: 5rem;
  }
}

.cyberhomework-workflow-header {
  grid-area: header;
  color: #632263;
  font-size: 2rem;
  font-weight: bold;
}

.cyberhomework-workflow-item {
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.cyberhomework-workflow-item.item-1 {
  grid-area: item1;
}
.cyberhomework-workflow-item.item-2 {
  grid-area: item2;
}
.cyberhomework-workflow-item.item-3 {
  grid-area: item3;
}
.cyberhomework-workflow-item.item-4 {
  grid-area: item4;
}
.cyberhomework-workflow-item.item-5 {
  grid-area: item5;
}
.cyberhomework-workflow-item.item-6 {
  grid-area: item6;
}
.cyberhomework-workflow-item > .cyberhomework-workflow-item-number {
  width: 4.5rem;
  background-color: #632263;
  color: white;
  font-size: 2rem;
  padding: 1rem 0;
  border-radius: 50%;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  z-index: 10;
  position: relative;
  top: 40px;
  left: -20px;
}
.cyberhomework-workflow-item > .cyberhomework-workflow-item-number.kimaro-gradient {
  background: linear-gradient(to top right, #022B9E, #DB0567);
}
.cyberhomework-workflow-item > .cyberhomework-workflow-item-text-container {
  background-color: #D7BFD7;
  padding: 1rem;
}
.cyberhomework-workflow-item > .cyberhomework-workflow-item-text-container > .cyberhomework-workflow-item-text {
  background-color: white;
  border-radius: 10px;
  text-align: left;
  padding: 1rem 2rem;
}
.cyberhomework-workflow-item > .cyberhomework-workflow-item-text-container > .cyberhomework-workflow-item-text > h4 {
  padding: 1rem 0 0;
}
.cyberhomework-workflow-item > img {
  width: 6rem;
  position: relative;
  z-index: 10;
  top: -60px;
  right: -185px;
}
.cyberhomework-workflow-item > img.uebungspakete-img {
  width: 7rem;
  top: -70px;
}
.cyberhomework-workflow-item > img.aufgaben-zuteilen-img {
  width: 9rem;
  right: -170px;
}
.cyberhomework-workflow-item > img.freier-zugriff-img {
  top: -65px;
  width: 5.5rem;
}
.cyberhomework-workflow-item > img.protokoll-img {
  width: 5rem;
  right: -190px;
  top: -65px;
}
.cyberhomework-workflow-item > img.kimaro-img {
  width: 7rem;
  right: -200px;
  top: -90px;
}
.cyberhomework-workflow-item > img.fokus-img {
  width: 8rem;
  top: -70px;
}
@media (max-width: 1023.98px) {
  .cyberhomework-workflow-item > .cyberhomework-workflow-item-text-container > .cyberhomework-workflow-item-text {
    margin: 0 auto;
    max-width: 600px;
  }
  .cyberhomework-workflow-item > img {
    top: -15% !important;
    right: -45% !important;
  }
}
@media (max-width: 689.98px) {
  .cyberhomework-workflow-item > img {
    right: -40% !important;
  }
}
@media (max-width: 529.98px) {
  .cyberhomework-workflow-item > .cyberhomework-workflow-item-number {
    width: 3.5rem;
    padding: 0.5rem 0;
  }
  .cyberhomework-workflow-item > img {
    top: -12% !important;
    width: 5rem !important;
  }
  .cyberhomework-workflow-item > img.uebungspakete-img {
    width: 5.5rem !important;
  }
  .cyberhomework-workflow-item > img.aufgaben-zuteilen-img {
    width: 6.5rem !important;
  }
  .cyberhomework-workflow-item > img.freier-zugriff-img {
    width: 4.5rem !important;
  }
  .cyberhomework-workflow-item > img.protokoll-img {
    width: 4rem !important;
  }
  .cyberhomework-workflow-item > img.kimaro-img {
    width: 5.5rem !important;
  }
  .cyberhomework-workflow-item > img.fokus-img {
    width: 6rem !important;
  }
}

.schullizenz-preisrechner-container .preisrechner-kontakt-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
}
.schullizenz-preisrechner-container .preisrechner-kontakt-container .preisrechner-kontakt {
  width: 25rem;
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 1rem;
  margin: 2rem;
}
.schullizenz-preisrechner-container .preisrechner-kontakt-container .preisrechner-kontakt .kontaktformular {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.schullizenz-preisrechner-container .preisrechner-kontakt-container .preisrechner-kontakt .kontaktformular label {
  padding: 0 1rem;
  text-align: left;
  font-size: 1rem;
  margin: 0 auto;
  width: 100%;
  color: #632263;
}
.schullizenz-preisrechner-container .preisrechner-kontakt-container .preisrechner-kontakt .kontaktformular .kontakt-input {
  width: 100%;
  margin: 0.6rem 0;
  border: 1px solid #D7BFD7;
  text-align: left;
  padding: 0 1rem;
}
.schullizenz-preisrechner-container .preisrechner-kontakt-container .preisrechner-kontakt .kontaktformular .input-test {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}
.schullizenz-preisrechner-container .preisrechner-kontakt-container .preisrechner-kontakt .kontaktformular textarea {
  width: 100%;
  height: 10rem;
  resize: none;
  padding: 1rem;
  color: #632263;
  border-radius: 10px;
  border: 1px solid #D7BFD7;
  box-sizing: border-box;
  margin: 0.6rem 0;
  font-family: "Inter", sans-serif;
  outline: none;
}
.schullizenz-preisrechner-container .preisrechner-kontakt-container .preisrechner-kontakt .kontakt-error {
  padding: 0 0 1rem;
  color: #DB0567;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.schullizenz-preisrechner-container .preisrechner-kontakt-container .preisrechner-kontakt .kontakt-error i {
  font-size: 2rem;
  margin: 0 1rem;
}
.schullizenz-preisrechner-container .preisrechner-kontakt-container .preisrechner-kontakt .kontakt-error.hidden {
  display: none;
}
.schullizenz-preisrechner-container .schullizenz-preisrechner {
  display: flex;
  flex-direction: column;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 2rem;
  align-items: flex-start;
  background-color: white;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.schullizenz-preisrechner-container .schullizenz-preisrechner .preisrechner-title {
  width: 100%;
  display: flex;
  align-items: center;
}
.schullizenz-preisrechner-container .schullizenz-preisrechner .preisrechner-title h1 {
  margin: 0 1rem 0 0;
  padding: 0;
  text-align: left;
}
.schullizenz-preisrechner-container .schullizenz-preisrechner .preisrechner-title h4 {
  margin: 0;
  padding: 0;
}
.schullizenz-preisrechner-container .preisrechner-faecher-container {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.schullizenz-preisrechner-container .preisrechner-faecher-container > p {
  font-weight: bold;
}
.schullizenz-preisrechner-container .preisrechner-faecher {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  margin-bottom: 1rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .schullizenz-preisrechner-container .preisrechner-faecher {
    grid-template-columns: 100%;
  }
}
.schullizenz-preisrechner-container .preisrechner-berechnung-container {
  width: 100%;
  position: relative;
}
.schullizenz-preisrechner-container .preisrechner-berechnung-container .preisrechner-rabatt-stamp {
  position: absolute;
  width: 5rem;
  height: 5rem;
  background-color: #DB0567;
  border-radius: 100px;
  top: 50px;
  right: 0;
  transform: rotate(10deg);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.2s ease-in-out;
}
.schullizenz-preisrechner-container .preisrechner-berechnung-container .preisrechner-rabatt-stamp .prozent {
  font-size: 1.5rem;
  font-weight: bold;
}
.schullizenz-preisrechner-container .preisrechner-berechnung-container .preisrechner-rabatt-stamp .zusatz {
  font-size: 0.4rem;
  line-height: 0.5rem;
}
.schullizenz-preisrechner-container .preisrechner-berechnung {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.schullizenz-preisrechner-container .preisrechner-berechnung > div h4 {
  padding: 0;
  margin: 0.5rem;
}
.schullizenz-preisrechner-container .preisrechner-berechnung i {
  font-size: 2rem;
}
.schullizenz-preisrechner-container .preisrechner-angebot {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 20rem;
  margin: 1rem auto;
}
.schullizenz-preisrechner-container .preisrechner-angebot .angebot-text {
  font-size: 0.8rem;
  color: #DB0567;
}
.schullizenz-preisrechner-container label {
  text-transform: none;
  font-weight: normal;
  font-size: 1rem;
  text-align: left;
}
.schullizenz-preisrechner-container label.preisrechner-anzahl {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.schullizenz-preisrechner-container label.preisrechner-fach {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  margin: 0.3rem 0;
}
.schullizenz-preisrechner-container label > p {
  font-weight: bold;
}
.schullizenz-preisrechner-container input[type=checkbox] {
  width: 1rem;
  height: 1rem;
}
.schullizenz-preisrechner-container hr {
  width: 100%;
  color: rgba(207, 207, 207, 0.3);
}

.kontaktDatenEinwilligung {
  display: flex;
  align-items: center;
}
.kontaktDatenEinwilligung input[type=checkbox].kontaktDatenEinwilligung-checkbox {
  width: 1rem;
}
.kontaktDatenEinwilligung div {
  font-size: 0.8rem;
}

/* The slider itself */
.slider-item {
  -webkit-appearance: none; /* Override default CSS styles */
  -moz-appearance: none;
       appearance: none;
  width: 100%; /* Full-width */
  height: 1rem; /* Specified height */
  margin: 1rem 0;
  background: #D7BFD7; /* Grey background */
  outline: none; /* Remove outline */ /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider-item::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 2rem;
  height: 2rem;
  border: 2px solid #DB0567;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 50px;
  background: no-repeat url("https://www.lernmax.at/media/images/FunctionalIcons/TeamIcon.svg");
  cursor: pointer;
}

.slider-item::-moz-range-thumb {
  width: 2rem;
  height: 2rem;
  border: 2px solid #DB0567;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 50px;
  background: no-repeat url("https://www.lernmax.at/media/images/FunctionalIcons/TeamIcon.svg");
  cursor: pointer;
}

.section-vorstellung {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0 0 6rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-vorstellung > .vorstellung-container {
  margin: 2rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.section-vorstellung > .vorstellung-container > .vorstellung-slideshow {
  background-color: #D7BFD7;
  padding: 1rem;
  margin: 1rem 0;
}
.section-vorstellung > .vorstellung-container > .vorstellung-slideshow.crooked-frame {
  transform: rotate(1deg);
}
.section-vorstellung > .vorstellung-container > .vorstellung-slideshow > .vorstellung-slideshow-item {
  position: relative;
}
.section-vorstellung > .vorstellung-container > .vorstellung-slideshow > .vorstellung-slideshow-item > img {
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 55rem;
  position: relative;
}
.section-vorstellung > .vorstellung-container > .vorstellung-slideshow > .vorstellung-slideshow-item > .vorstellung-slideshow-button-container {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 30px;
  width: 30px;
  background-color: rgba(215, 191, 215, 0.6);
  border-radius: 50%;
}
.section-vorstellung > .vorstellung-container > .vorstellung-slideshow > .vorstellung-slideshow-item > .vorstellung-slideshow-button-container > .vorstellung-slideshow-button {
  position: relative;
  padding: 0;
  border: 0;
  background: transparent;
  box-sizing: border-box;
  width: 0;
  height: 10px;
  border-color: transparent transparent transparent #632263;
  transition: 100ms all ease;
  cursor: pointer;
  border-style: double;
  border-width: 0px 0 0px 10px;
}
.section-vorstellung > .vorstellung-container > .vorstellung-slideshow > .vorstellung-slideshow-item > .vorstellung-slideshow-button-container > .vorstellung-slideshow-button.vorstellung-slideshow-paused {
  border-style: solid;
  border-width: 7px 0 7px 12px;
  height: 0;
  left: 1px;
}
.section-vorstellung > .vorstellung-container > .vorstellung-slideshow > .vorstellung-slideshow-item.inside-frame-element {
  transform: rotate(-1deg);
}
.section-vorstellung > .vorstellung-container > .vorstellung-personen {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 1rem auto;
}
.section-vorstellung > .vorstellung-container > .vorstellung-personen > .vorstellung-person {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 1rem;
  max-width: 240px;
}
.section-vorstellung > .vorstellung-container > .vorstellung-personen > .vorstellung-person > p {
  margin: 0;
}
.section-vorstellung > .vorstellung-container > .vorstellung-personen > .vorstellung-person > .email-link {
  margin: 1rem;
  font-size: 0.8rem;
}
@media (max-width: 1023.98px) {
  .section-vorstellung > .vorstellung-container {
    margin: 2rem 0;
  }
  .section-vorstellung > .vorstellung-container > .vorstellung-slideshow > .vorstellung-slideshow-item > img {
    width: 40rem;
  }
}
@media (max-width: 689.98px) {
  .section-vorstellung > .vorstellung-container > .vorstellung-slideshow {
    padding: 0.5rem;
  }
  .section-vorstellung > .vorstellung-container > .vorstellung-slideshow > .vorstellung-slideshow-item > img {
    width: 20rem;
  }
}

.section-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.section-links.wrap-reverse {
  flex-wrap: wrap-reverse;
}
.section-links.column {
  flex-direction: column;
}

.site-link {
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 1.5rem;
  margin: 1rem 2rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border: 4px solid white;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-around;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.site-link > i {
  margin-left: 1rem;
  font-size: 1.2rem;
  padding-right: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.site-link > i.fa-arrow-left {
  padding-right: 0;
  padding-left: 0.5rem;
  margin-left: 0;
  margin-right: 1rem;
}
.site-link > .kimaro-gradient > i {
  margin-left: 1rem;
  font-size: 1.2rem;
  padding-right: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.site-link.inherit-width {
  width: inherit;
  margin: 0;
}
.site-link.lower-height {
  padding: 0.5rem 1rem;
}
.site-link.farbcode-pink, .site-link.farbcode-mathe {
  border-color: #DB0567;
  color: #DB0567;
}
.site-link.farbcode-grey {
  border-color: #CFCFCF;
  color: #CFCFCF;
}
.site-link.farbcode-lila, .site-link.farbcode-englisch {
  border-color: #632263;
  color: #632263;
}
.site-link.farbcode-blau, .site-link.farbcode-deutsch {
  border-color: #347FC4;
  color: #347FC4;
}
.site-link.farbcode-green, .site-link.farbcode-sachunterricht {
  border-color: #3D9537;
  color: #3D9537;
}
.site-link.farbcode-yellow, .site-link.farbcode-daz {
  border-color: #E89005;
  color: #E89005;
}
.site-link.farbcode-alpha, .site-link.farbcode-nawi {
  border-color: #007A5E;
  color: #007A5E;
}
.site-link.farbcode-bio {
  border-color: #FF600A;
  color: #FF600A;
}
.site-link.farbcode-chem, .site-link.farbcode-chemie {
  border-color: #A34DA3;
  color: #A34DA3;
}
.site-link.farbcode-geo {
  border-color: #022B9E;
  color: #022B9E;
}
.site-link.farbcode-daz2 {
  border-color: #28ACCC;
  color: #28ACCC;
}
.site-link.farbcode-grey-full {
  border-color: #707070;
  background-color: #707070;
  color: white;
}
.site-link.farbcode-pink-full, .site-link.farbcode-mathe-full {
  border-color: #DB0567;
  background-color: #DB0567;
  color: white;
}
.site-link.farbcode-lila-full, .site-link.farbcode-englisch-full {
  border-color: #632263;
  background-color: #632263;
  color: white;
}
.site-link.farbcode-blau-full, .site-link.farbcode-deutsch-full {
  border-color: #347FC4;
  background-color: #347FC4;
  color: white;
}
.site-link.farbcode-green-full, .site-link.farbcode-sachunterricht-full {
  border-color: #3D9537;
  background-color: #3D9537;
  color: white;
}
.site-link.farbcode-yellow-full, .site-link.farbcode-daz-full {
  border-color: #E89005;
  background-color: #E89005;
  color: white;
}
.site-link.farbcode-alpha-full {
  border-color: #007A5E;
  background-color: #007A5E;
  color: white;
}
.site-link.farbcode-bio-full {
  border-color: #FF600A;
  background-color: #FF600A;
  color: white;
}
.site-link.farbcode-chem-full, .site-link.farbcode-chemie-full {
  border-color: #A34DA3;
  background-color: #A34DA3;
  color: white;
}
.site-link.farbcode-geo-full {
  border-color: #022B9E;
  background-color: #022B9E;
  color: white;
}
.site-link.farbcode-daz2-full {
  border-color: #28ACCC;
  background-color: #28ACCC;
  color: white;
}
.site-link.farbcode-actualwhite-full {
  border-color: white;
  background-color: white;
  color: #DB0567;
}
.site-link.farbcode-actualwhite-lila-full {
  border-color: white;
  background-color: white;
  color: #632263;
}
.site-link.farbcode-white-full {
  border-color: white;
  background-color: white;
  color: #CFCFCF;
  box-shadow: none;
  padding: 0;
}
.site-link.farbcode-lila-light {
  border-color: #D7BFD7;
  color: #D7BFD7;
  background-color: white;
}
.site-link.farbcode-lila-light-full {
  border-color: #D7BFD7;
  color: #632263;
  background-color: #D7BFD7;
}
.site-link.farbcode-kimaro-gradient {
  border: none;
  color: white;
  background: linear-gradient(to top right, rgba(2, 43, 158, 0.8), rgba(219, 5, 103, 0.8));
}
@media (max-width: 819.98px) {
  .site-link {
    padding: 0.7rem 1.5rem;
  }
}

.crooked-frame {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  transform: rotate(2deg);
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.crooked-frame > .inside-frame-element {
  transform: rotate(-2deg);
}
@media (max-width: 689.98px) {
  .crooked-frame:not(.info-schule-frame, .cyberhomework-workflow-item-text-container) {
    transform: scale(0.8) rotate(2deg);
  }
}
@media (max-width: 575.98px) {
  .crooked-frame:not(.info-schule-frame, .cyberhomework-workflow-item-text-container) {
    transform: scale(0.8) rotate(0deg);
  }
  .crooked-frame:not(.info-schule-frame, .cyberhomework-workflow-item-text-container) > .inside-frame-element {
    transform: rotate(0deg);
  }
}

.crooked-frame-negative {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  transform: rotate(-2deg);
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.crooked-frame-negative > .inside-frame-element {
  transform: rotate(2deg);
}

.section-webinar-termine {
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-webinar-termine table, .section-webinar-termine tbody, .section-webinar-termine tr, .section-webinar-termine td, .section-webinar-termine th {
  border: 1px solid white;
  border-collapse: collapse;
  border-radius: 10px;
}
.section-webinar-termine .webinar-termine {
  padding: 2rem;
  margin: 2rem auto;
  text-align: left;
  background-color: white;
  border-radius: 10px;
}
.section-webinar-termine .webinar-termine tr {
  border-bottom: 2px solid #D7BFD7;
  background-color: #D7BFD7;
}
.section-webinar-termine .webinar-termine tr.webinar-termin {
  background-color: white;
}
.section-webinar-termine .webinar-termine th {
  padding: 1rem 1rem 0.5rem;
}
.section-webinar-termine .webinar-termine td {
  padding: 1rem;
}
.section-webinar-termine .webinar-termine td a {
  margin: 0;
}
@media (max-width: 689.98px) {
  .section-webinar-termine .hide-on-smallscreen {
    display: none;
  }
  .section-webinar-termine .webinar-termine th {
    padding: 1rem 0.5rem 0.5rem;
  }
  .section-webinar-termine .webinar-termine td {
    padding: 0.5rem;
  }
}

.section-impressum {
  min-height: 50vh;
  margin: 4rem auto;
  max-width: 960px;
  text-align: left;
  display: block;
  padding: 0 1rem;
}
.section-impressum h1 {
  padding: 1rem 0;
  border-bottom: 2px solid #393339;
}
.section-impressum h2 {
  text-transform: none;
  margin: 2rem 0 0.5rem;
}
.section-impressum h3 {
  font-size: 1.2rem;
  margin: 1rem 0 0.5rem;
}
.section-impressum h4 {
  font-size: 1rem !important;
  color: #393339 !important;
  padding: 1rem 0 0.2rem;
}
.section-impressum p {
  margin: 0.5rem 0;
}

.downloads-container {
  display: block;
  max-width: 1000px;
  text-align: left;
  margin: 4rem auto;
}
.downloads-container h1, .downloads-container h4 {
  color: #393339 !important;
}
.downloads-container .downloads {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 2rem 0;
}
.downloads-container .downloads .download-link {
  height: 240px;
  margin: 1rem;
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.downloads-container .downloads .download-link p {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
}
.downloads-container .downloads .download-link img {
  width: 4rem;
  margin: 1rem;
}

.section-kontakt {
  display: block;
  max-width: 600px;
  text-align: left;
  margin: 4rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-kontakt h1, .section-kontakt h4 {
  color: #393339 !important;
}
.section-kontakt .message-received {
  padding: 2rem;
  background-color: #FEC3DE;
  border-radius: 10px;
  font-size: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-kontakt .message-received i {
  font-size: 5rem;
  margin: 0 1rem;
}
@media (max-width: 529.98px) {
  .section-kontakt .message-received {
    padding: 1rem;
    font-size: 1rem;
  }
  .section-kontakt .message-received i {
    font-size: 2rem;
  }
}
.section-kontakt .kontakt-error {
  padding: 0 0 1rem;
  color: #DB0567;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.section-kontakt .kontakt-error i {
  font-size: 2rem;
  margin: 0 1rem;
}
.section-kontakt .kontakt-error.hidden {
  display: none;
}
.section-kontakt .kontaktformular-container {
  background-color: #F5EFF5;
  border-radius: 10px;
  padding: 2rem;
}
.section-kontakt .kontaktformular-container form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-kontakt .kontaktformular-container form label {
  padding: 1rem 1rem 0 1rem;
  text-align: left;
  font-size: 1rem;
  margin: 0 auto;
  width: 100%;
  color: #632263;
}
.section-kontakt .kontaktformular-container form label.kontakt-radio-auswahl {
  display: flex;
  align-items: center;
}
.section-kontakt .kontaktformular-container form input {
  width: 100%;
  border-width: 1px;
  border-radius: 10px;
  text-align: left;
  padding: 0 1rem;
  font-family: "Inter", sans-serif;
}
.section-kontakt .kontaktformular-container form input:focus {
  border: 2px solid #632263;
}
.section-kontakt .kontaktformular-container form .kontakt-radio-container {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
}
.section-kontakt .kontaktformular-container form .kontakt-radio-input {
  width: 1rem;
  height: 1rem;
}
.section-kontakt .kontaktformular-container form .input-test {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}
.section-kontakt .kontaktformular-container form .kontakt-anfrage-submit {
  box-sizing: border-box;
  margin: 0.6rem 1rem;
  width: -moz-fit-content;
  width: fit-content;
  color: white;
  font-weight: bold;
  font-size: 1rem;
  font-family: "Inter", sans-serif;
  border: 1px solid #632263;
  border-radius: 10px;
  background-color: #632263;
  padding: 1rem 1.5rem;
}
.section-kontakt .kontaktformular-container form .kontakt-anfrage-submit i {
  margin-left: 1rem;
  padding-right: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.section-kontakt .kontaktformular-container form .kontakt-anfrage-submit:disabled {
  background-color: #CFCFCF;
  border-color: #CFCFCF;
}
.section-kontakt .kontaktformular-container form textarea {
  width: 100%;
  height: 10rem;
  resize: none;
  padding: 1rem;
  border-radius: 10px;
  border: 1px solid #D7BFD7;
  box-sizing: border-box;
  margin: 0.6rem 1rem;
  font-family: "Inter", sans-serif;
  outline: none;
}
.section-kontakt .kontaktformular-container form textarea:focus {
  border: 2px solid #632263;
}
.section-kontakt .kontaktformular-container form #g-recaptcha > div {
  height: auto !important;
}
@media (max-width: 689.98px) {
  .section-kontakt {
    margin: 2rem;
  }
}

.section-kontaktdetails {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 550px;
  margin: auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-kontaktdetails h4 {
  padding: 1rem 0 0.2rem;
}
@media (max-width: 689.98px) {
  .section-kontaktdetails {
    margin: 2rem;
  }
}

.vision-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 960px;
  margin: 2rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.vision-container i {
  font-size: 3rem;
  color: #632263;
}
.vision-container h2 {
  text-align: left;
  text-transform: none;
  margin: 0;
  padding: 0 1rem;
  color: #393339;
}
@media (max-width: 1023.98px) {
  .vision-container {
    margin: 2rem;
  }
  .vision-container i {
    font-size: 2rem;
  }
  .vision-container h2 {
    font-size: 1.2rem;
  }
}

body.hasHover .site-link:hover {
  transform: scale(1.05);
  color: white;
}
body.hasHover .site-link:hover.farbcode-pink, body.hasHover .site-link:hover.farbcode-mathe {
  color: #DB0567;
}
body.hasHover .site-link:hover.farbcode-blau, body.hasHover .site-link:hover.farbcode-deutsch {
  color: #347FC4;
}
body.hasHover .site-link:hover.farbcode-alpha {
  color: #007A5E;
}
body.hasHover .site-link:hover.farbcode-green, body.hasHover .site-link:hover.farbcode-sachunterricht {
  color: #3D9537;
}
body.hasHover .site-link:hover.farbcode-bio {
  color: #FF600A;
}
body.hasHover .site-link:hover.farbcode-physik {
  color: #9A0308;
}
body.hasHover .site-link:hover.farbcode-chem, body.hasHover .site-link:hover.farbcode-chemie {
  color: #A34DA3;
}
body.hasHover .site-link:hover.farbcode-geo {
  color: #022B9E;
}
body.hasHover .site-link:hover.farbcode-daz2 {
  color: #28ACCC;
}
body.hasHover .site-link:hover.farbcode-yellow, body.hasHover .site-link:hover.farbcode-daz {
  color: #E89005;
}
body.hasHover .site-link:hover > i {
  padding-right: 0;
  margin-left: 1.5rem;
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}
body.hasHover .site-link:hover > i.fa-arrow-left {
  padding-left: 0;
  margin-left: 0;
  margin-right: 1.5rem;
}
body.hasHover .site-link:hover > .kimaro-gradient > i {
  padding-right: 0;
  margin-left: 1rem;
  padding-right: 0.5rem;
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}
body.hasHover .site-link:hover.farbcode-lila, body.hasHover .site-link:hover.farbcode-lila-light, body.hasHover .site-link:hover.farbcode-lila-light-full, body.hasHover .site-link:hover.farbcode-englisch {
  color: #632263;
}
body.hasHover .site-link:hover.farbcode-actualwhite-full {
  color: #DB0567;
}
body.hasHover .site-link:hover.farbcode-actualwhite-lila-full {
  color: #632263;
}
body.hasHover .site-link:hover.farbcode-white-full {
  color: #707070;
}
body.hasHover .site-link:hover.farbcode-white-full > i {
  transform: none;
  margin-left: 1rem;
  padding-right: 0.5rem;
}
body.hasHover .explanation-mark:hover {
  color: #632263;
  border-color: #632263;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
body.hasHover .abo-button:hover {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  cursor: pointer;
}
body.hasHover .kontakt-anfrage-submit:hover {
  cursor: pointer;
}
body.hasHover .kontakt-anfrage-submit:hover > i {
  padding-right: 0;
  margin-left: 1.5rem;
  transition: all 0.3s ease-in-out;
}
body.hasHover .kontakt-anfrage-submit:hover:disabled {
  cursor: default;
}
body.hasHover .programm-item:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-kimaro::before {
  opacity: 1;
}
body.hasHover .programm-item:hover.programm-item-kimaro > .programm-item-text {
  color: white;
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-mathe {
  background-color: rgba(254, 195, 222, 0.5);
}
body.hasHover .programm-item:hover.programm-item-mathe > .programm-item-text {
  color: #DB0567;
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-deutsch {
  background-color: rgba(183, 228, 245, 0.5);
}
body.hasHover .programm-item:hover.programm-item-deutsch > .programm-item-text {
  color: #347FC4;
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-englisch {
  background-color: rgba(215, 191, 215, 0.5);
}
body.hasHover .programm-item:hover.programm-item-englisch > .programm-item-text {
  color: #632263;
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-alpha {
  background-color: rgba(198, 238, 214, 0.5);
}
body.hasHover .programm-item:hover.programm-item-alpha > .programm-item-text {
  color: #007A5E;
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-daz {
  background-color: rgba(254, 239, 215, 0.5);
}
body.hasHover .programm-item:hover.programm-item-daz > .programm-item-text {
  color: #E89005;
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-sachunterricht {
  background-color: rgba(198, 233, 195, 0.5);
}
body.hasHover .programm-item:hover.programm-item-sachunterricht > .programm-item-text {
  color: #3D9537;
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-bio {
  background-color: rgba(253, 219, 200, 0.5);
}
body.hasHover .programm-item:hover.programm-item-bio > .programm-item-text {
  color: #FF600A;
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-physik {
  background-color: rgba(228, 180, 182, 0.5);
}
body.hasHover .programm-item:hover.programm-item-physik > .programm-item-text {
  color: #9A0308;
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-chemie {
  background-color: rgba(254, 236, 254, 0.5);
}
body.hasHover .programm-item:hover.programm-item-chemie > .programm-item-text {
  color: #A34DA3;
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-geo {
  background-color: rgba(200, 212, 252, 0.5);
}
body.hasHover .programm-item:hover.programm-item-geo > .programm-item-text {
  color: #022B9E;
  transition: all 0.3s ease-in-out;
}
body.hasHover .programm-item:hover.programm-item-daz2 {
  background-color: rgba(222, 243, 248, 0.5);
}
body.hasHover .programm-item:hover.programm-item-daz2 > .programm-item-text {
  color: #28ACCC;
  transition: all 0.3s ease-in-out;
}
body.hasHover .checkout-abos:hover > .abo-select {
  border-color: #632263;
}
body.hasHover .preisrechner-rabatt-stamp:hover {
  transform: scale(1.5);
}

.main-container {
  width: 65rem;
  max-width: 90%;
  margin: 1rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.main-container > h1 {
  margin: 4rem 0 2rem;
  padding: 1rem 0;
  border-bottom: 2px solid #393339;
}
@media (max-width: 819.98px) {
  .main-container > h1 {
    margin-top: 3rem;
  }
}
@media (max-width: 469.98px) {
  .main-container > h1 {
    margin: 2rem 0 1rem;
    font-size: 1.2rem;
  }
}

.welcome-vollversionen, .welcome-cloud {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 5rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.welcome-vollversionen > .welcome-card, .welcome-vollversionen > a, .welcome-cloud > .welcome-card, .welcome-cloud > a {
  width: 15rem;
  height: 12rem;
  margin: 1rem 2rem;
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
  padding: 1rem 1rem 2rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition-property: background-color;
  transition: all 0.2s ease-in-out;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.welcome-vollversionen > .welcome-card > img, .welcome-vollversionen > a > img, .welcome-cloud > .welcome-card > img, .welcome-cloud > a > img {
  height: 110px;
  width: auto;
}
.welcome-vollversionen > .welcome-card > p, .welcome-vollversionen > a > p, .welcome-cloud > .welcome-card > p, .welcome-cloud > a > p {
  margin: 1rem 0;
}
@media (max-width: 1079.98px) {
  .welcome-vollversionen > .welcome-card, .welcome-vollversionen > a, .welcome-cloud > .welcome-card, .welcome-cloud > a {
    font-size: 1.5rem;
    width: 12rem;
    height: 9rem;
  }
  .welcome-vollversionen > .welcome-card > p, .welcome-vollversionen > a > p, .welcome-cloud > .welcome-card > p, .welcome-cloud > a > p {
    margin-bottom: 0.5rem 0;
  }
  .welcome-vollversionen > .welcome-card > img, .welcome-vollversionen > a > img, .welcome-cloud > .welcome-card > img, .welcome-cloud > a > img {
    height: 90px;
    width: auto;
  }
}
@media (max-width: 819.98px) {
  .welcome-vollversionen > .welcome-card, .welcome-vollversionen > a, .welcome-cloud > .welcome-card, .welcome-cloud > a {
    width: 20rem;
  }
}
.welcome-vollversionen .welcome-vv-mathe, .welcome-cloud .welcome-vv-mathe {
  color: #DB0567;
}
.welcome-vollversionen .welcome-vv-deutsch, .welcome-cloud .welcome-vv-deutsch {
  color: #347FC4;
}
.welcome-vollversionen .welcome-vv-englisch, .welcome-cloud .welcome-vv-englisch {
  color: #632263;
}
.welcome-vollversionen .welcome-vv-englisch > #englishIcon, .welcome-cloud .welcome-vv-englisch > #englishIcon {
  height: 6.6rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .welcome-vollversionen .welcome-vv-englisch > #englishIcon, .welcome-cloud .welcome-vv-englisch > #englishIcon {
    height: 5.5rem;
  }
}
.welcome-vollversionen .welcome-vv-alpha, .welcome-vollversionen .welcome-vv-daz, .welcome-cloud .welcome-vv-alpha, .welcome-cloud .welcome-vv-daz {
  color: #E89005;
}
.welcome-vollversionen .welcome-vv-alpha > #englishIcon, .welcome-vollversionen .welcome-vv-daz > #englishIcon, .welcome-cloud .welcome-vv-alpha > #englishIcon, .welcome-cloud .welcome-vv-daz > #englishIcon {
  height: 6.6rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .welcome-vollversionen .welcome-vv-alpha > #englishIcon, .welcome-vollversionen .welcome-vv-daz > #englishIcon, .welcome-cloud .welcome-vv-alpha > #englishIcon, .welcome-cloud .welcome-vv-daz > #englishIcon {
    height: 5.5rem;
  }
}
.welcome-vollversionen .welcome-vv-science, .welcome-cloud .welcome-vv-science {
  color: #3D9537;
}
.welcome-vollversionen .welcome-cloud-schueler, .welcome-cloud .welcome-cloud-schueler {
  color: #632263;
}
.welcome-vollversionen .welcome-cloud-lehrer, .welcome-cloud .welcome-cloud-lehrer {
  color: #DB0567;
}
@media (max-width: 819.98px) {
  .welcome-vollversionen, .welcome-cloud {
    justify-content: center;
  }
}

.welcome-verlinkung {
  display: flex;
  justify-content: center;
  align-items: center;
}
.welcome-verlinkung > a {
  margin: 0 2rem;
  max-width: 300px;
  transition: all 0.2s ease-in-out;
}

body.hasHover .welcome-verlinkung > a:hover img {
  transition: all 0.2s ease-in-out;
  transform: scale(1.05);
}

body.hasHover .welcome-vollversionen, body.hasHover .welcome-cloud {
  /*
  .welcome-vv-deutsch:hover {
    background-color: $blau_light;
    > p {
      color: $blau_prime;
    }
  }
  .welcome-vv-englisch:hover {
    background-color: $lila_light;
    > p {
      color: $lila_prime;
    }
  }
  .welcome-vv-alpha:hover {
    background-color: $yellow_light;
    > p {
      color: $yellow_prime;
    }
  }
  .welcome-vv-science:hover {
    background-color: $green_light;
    > p {
      color: $green_prime;
    }
  }*/
}
body.hasHover .welcome-vollversionen > a:hover, body.hasHover .welcome-cloud > a:hover {
  transition-property: background-color;
  transition-duration: 0.5s;
  cursor: pointer;
}
body.hasHover .welcome-vollversionen .welcome-vv-mathe:hover, body.hasHover .welcome-cloud .welcome-vv-mathe:hover {
  background-color: #FEC3DE;
}
body.hasHover .welcome-vollversionen .welcome-vv-mathe:hover > p, body.hasHover .welcome-cloud .welcome-vv-mathe:hover > p {
  color: #DB0567;
}
body.hasHover .welcome-vollversionen .welcome-vv-daz:hover, body.hasHover .welcome-cloud .welcome-vv-daz:hover {
  background-color: #FEEFD7;
}
body.hasHover .welcome-vollversionen .welcome-vv-daz:hover > p, body.hasHover .welcome-cloud .welcome-vv-daz:hover > p {
  color: #E89005;
}
body.hasHover .welcome-vollversionen .welcome-cloud-schueler:hover, body.hasHover .welcome-cloud .welcome-cloud-schueler:hover {
  background-color: #D7BFD7;
}
body.hasHover .welcome-vollversionen .welcome-cloud-schueler:hover > p, body.hasHover .welcome-cloud .welcome-cloud-schueler:hover > p {
  color: #632263;
}
body.hasHover .welcome-vollversionen .welcome-cloud-lehrer:hover, body.hasHover .welcome-cloud .welcome-cloud-lehrer:hover {
  background-color: #FEC3DE;
}
body.hasHover .welcome-vollversionen .welcome-cloud-lehrer:hover > p, body.hasHover .welcome-cloud .welcome-cloud-lehrer:hover > p {
  color: #DB0567;
}
body.hasHover .welcome-vollversionen .welcome-card-image, body.hasHover .welcome-cloud .welcome-card-image {
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
  margin: auto;
}
body.hasHover .welcome-vollversionen .vv-card-inactive, body.hasHover .welcome-cloud .vv-card-inactive {
  transition: all 0.5s ease-in;
  position: relative;
}
body.hasHover .welcome-vollversionen .vv-card-inactive:hover .vv-inactive, body.hasHover .welcome-cloud .vv-card-inactive:hover .vv-inactive {
  opacity: 1;
}
body.hasHover .welcome-vollversionen .vv-inactive, body.hasHover .welcome-cloud .vv-inactive {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: rgba(207, 207, 207, 0.7);
}
body.hasHover .welcome-vollversionen .vv-inactive > div, body.hasHover .welcome-cloud .vv-inactive > div {
  margin: 50% auto;
  background-color: white;
  padding: 1rem;
}

body:not(.hasHover) .vv-card-inactive {
  background-color: #CFCFCF;
  opacity: 0.7;
  box-shadow: none;
}
body:not(.hasHover) .vv-card-inactive > .vv-inactive {
  display: none;
}

.section-preisvergleich {
  max-width: 960px;
  text-align: left;
  margin: 0 auto 6rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-preisvergleich .programme-section-container {
  margin: 4rem auto;
}
.section-preisvergleich .programme-section-container.programme-daz h4 {
  color: #E89005;
}
.section-preisvergleich .abo-auswahl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  position: sticky;
  position: -webkit-sticky;
  top: 4rem;
  width: inherit;
  background-color: #632263;
  padding: 1rem 2rem;
  border-radius: 0 0 10px 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  z-index: 10;
}
.section-preisvergleich .abo-auswahl > h1 {
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  color: white;
}
.section-preisvergleich .section-preisvergleich-ueberschrift {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 2rem;
}
.section-preisvergleich .section-preisvergleich-ueberschrift > h4 {
  margin: 0;
  padding: 0;
}
.section-preisvergleich .warenkorb {
  background-color: #FDE1EE;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10px;
  padding: 2rem;
  margin: 2rem auto;
}
.section-preisvergleich .warenkorb h4 {
  margin: 0;
  color: #DB0567;
}
.section-preisvergleich .warenkorb .auswahl-liste {
  padding: 0 1rem;
}
.section-preisvergleich .warenkorb .auswahl-item {
  width: 100%;
  display: grid;
  grid-template-columns: 4rem 10rem 10rem 10rem 5rem auto;
  align-items: center;
}
.section-preisvergleich .warenkorb .auswahl-item .fach-icon {
  width: 2rem;
  justify-self: center;
}
.section-preisvergleich .warenkorb .auswahl-item .warenkorb-auswahl-abo {
  justify-self: end;
}
.section-preisvergleich .warenkorb .auswahl-item .warenkorb-auswahl-preis {
  justify-self: end;
}
.section-preisvergleich .warenkorb .warenkorb-preis {
  padding: 0 1rem;
  margin: 1rem 0;
  width: 100%;
  display: grid;
  grid-template-columns: 34rem 5rem auto;
  align-items: center;
}
.section-preisvergleich .warenkorb .warenkorb-preis p, .section-preisvergleich .warenkorb .warenkorb-preis div {
  justify-self: end;
}
@media (max-width: 1199.98px) {
  .section-preisvergleich .warenkorb h4 {
    font-size: 1.2rem;
  }
  .section-preisvergleich .abo-auswahl {
    padding: 0.5rem 2rem;
  }
  .section-preisvergleich .abo-auswahl h1 {
    font-size: 1.2rem;
  }
}
@media (max-width: 1023.98px) {
  .section-preisvergleich .warenkorb {
    max-width: 90%;
    padding: 1rem;
  }
  .section-preisvergleich .abo-auswahl {
    max-width: 90%;
    margin: 0 auto 2rem;
    padding: 0.5rem 1rem;
    flex-wrap: wrap;
  }
}
@media (max-width: 881.98px) {
  .section-preisvergleich .warenkorb .auswahl-item {
    grid-template-columns: 3rem 10rem 8rem 6rem 5rem auto;
  }
  .section-preisvergleich .warenkorb .warenkorb-preis {
    grid-template-columns: 27rem 5rem auto;
  }
}
@media (max-width: 689.98px) {
  .section-preisvergleich .warenkorb .auswahl-liste {
    padding: 0;
  }
  .section-preisvergleich .warenkorb .auswahl-item {
    font-size: 0.8rem;
    grid-template-columns: 3rem 7rem 6rem 5rem 4rem auto;
  }
  .section-preisvergleich .warenkorb .auswahl-item .fach-icon {
    width: 1.5rem;
  }
  .section-preisvergleich .warenkorb .warenkorb-preis {
    grid-template-columns: 19rem 5rem auto;
  }
}
@media (max-width: 529.98px) {
  .section-preisvergleich .warenkorb {
    max-width: 95%;
    padding: 0.5rem;
  }
  .section-preisvergleich .warenkorb .auswahl-item {
    grid-template-columns: 2.5rem 7rem 6rem 4rem auto;
  }
  .section-preisvergleich .warenkorb .auswahl-item .warenkorb-auswahl-abo {
    display: none;
  }
  .section-preisvergleich .warenkorb .warenkorb-preis {
    display: flex;
    justify-content: space-around;
    padding: 0.5rem;
  }
}
@media (max-width: 379.98px) {
  .section-preisvergleich .warenkorb .auswahl-item {
    grid-template-columns: 7rem 6rem 4rem auto;
  }
  .section-preisvergleich .warenkorb .auswahl-item .fach-icon {
    display: none;
  }
}

.auswahl-item-delete {
  background-color: white;
  border: none;
  border-radius: 10px;
  color: #393339;
  width: 2rem;
  height: 2rem;
  justify-self: end;
  transition: all 0.1s ease-in-out;
}
.auswahl-item-delete > i {
  transition: all 0.1s ease-in-out;
}

.abo-switch-button {
  background: #D7BFD7;
  border: 3px solid #D7BFD7;
  border-radius: 50px;
  overflow: hidden;
  width: 130px;
  text-align: center;
  color: #632263;
  position: relative;
  padding-right: 130px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.abo-switch-button:before {
  content: "Monats-Abo";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
  font-size: 1rem;
  font-weight: bold;
}
.abo-switch-button .abo-switch-button-checkbox {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  margin: 0;
}
.abo-switch-button .abo-switch-button-checkbox:checked + .abo-switch-button-label:before {
  transform: translateX(130px);
  transition: transform 300ms linear;
}
.abo-switch-button .abo-switch-button-label {
  position: relative;
  padding: 15px 0;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  text-transform: none;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}
.abo-switch-button .abo-switch-button-label:before {
  content: "";
  background: white;
  height: 100%;
  width: 100%;
  position: absolute;
  left: -1px;
  top: -1px;
  border-radius: 50px;
  border: 2px solid white;
  transform: translateX(0);
  transition: transform 300ms;
}
.abo-switch-button .abo-switch-button-label .abo-switch-button-label-span {
  position: relative;
}
@media (max-width: 1199.98px) {
  .abo-switch-button {
    width: 110px;
    padding-right: 110px;
  }
  .abo-switch-button:before {
    font-size: 0.8rem;
    width: 110px;
  }
  .abo-switch-button .abo-switch-button-label {
    font-size: 0.8rem;
    padding: 10px 0;
  }
  .abo-switch-button .abo-switch-button-checkbox:checked + .abo-switch-button-label:before {
    transform: translateX(110px);
  }
}

.section-lernpakete {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 4rem 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-lernpakete .lernpakete-faecher-auswahl-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1280px;
  position: relative;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 800px;
  margin: 3rem auto;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card {
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 2rem;
  padding: 1rem 2rem 2rem;
  min-width: 200px;
  width: 220px;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card.fachcolor-mathe {
  background-color: #FDE1EE;
  border: 2px solid #FEC3DE;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card.fachcolor-deutsch {
  background-color: #DAF3FB;
  border: 2px solid #B7E4F5;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card.fachcolor-alpha {
  background-color: #E3F4E1;
  border: 2px solid #C6EED6;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card.fachcolor-englisch {
  background-color: #F5EFF5;
  border: 2px solid #D7BFD7;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card.fachcolor-su {
  background-color: #E3F4E1;
  border: 2px solid #C6E9C3;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card.fachcolor-nawi {
  background-color: #F0F4FF;
  border: 2px solid #C8D4FC;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card.fachcolor-daz {
  background-color: #FEF7EB;
  border: 2px solid #FEEFD7;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card.fachcolor-daz2 {
  background-color: #E3F4F7;
  border: 2px solid #DEF3F8;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card .fach-img-schulstufe {
  font-size: 1.2rem;
  text-align: left;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card .fach-img-schulstufe img {
  width: 4rem;
  margin-right: 1rem;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card .fach-img-schulstufe .fach-card-inhalt-fachname {
  font-weight: bold;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card .fach-img-schulstufe .fach-card-schulstufe {
  font-size: 1rem;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card .fach-card-inhalt-schulstufe-dropdown {
  position: relative;
  margin: 1rem 0 2rem;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card .fach-card-inhalt-schulstufe-dropdown::before {
  pointer-events: none;
  content: url(https://app.lernmax.eu/media/images/Arrows/arrow_grey.svg);
  position: absolute;
  right: 1.5rem;
  top: 15px;
  color: #393339;
  z-index: 30;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card .fach-card-inhalt-schulstufe-dropdown::before {
    top: 11px;
  }
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card .fach-card-inhalt-schulstufe-dropdown > .einzelfach-schulstufen-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: none;
  font-size: 1rem;
  color: #393339;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 0 3.5rem 0 1.5rem;
  border-radius: 10px;
  cursor: pointer;
  height: 3rem;
  outline: none;
  width: 100%;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card .fach-card-inhalt-schulstufe-dropdown > img {
  width: 1rem;
  margin-left: 0.5rem;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 350px;
  min-width: 280px;
  margin: 5rem auto;
  margin-right: 2rem;
  padding: 2rem;
  border: 2px solid #632263;
  border-radius: 10px;
  position: sticky;
  top: 150px;
  text-align: left;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  display: flex;
  flex-direction: column;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl p {
  font-size: 0.8rem;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl p.preiszusatz {
  font-size: 0.6rem;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-liste {
  margin-bottom: 2rem;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-liste .lernpaket-fach {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  border-radius: 10px;
  margin: 1rem 0;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-liste .lernpaket-fach.fach-mathe {
  background-color: #FDE1EE;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-liste .lernpaket-fach.fach-deutsch {
  background-color: #DAF3FB;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-liste .lernpaket-fach.fach-alpha {
  background-color: #E3F4E1;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-liste .lernpaket-fach.fach-englisch {
  background-color: #F5EFF5;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-liste .lernpaket-fach.fach-su {
  background-color: #E3F4E1;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-liste .lernpaket-fach.fach-nawi {
  background-color: #F0F4FF;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-liste .lernpaket-fach.fach-daz {
  background-color: #FEF7EB;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-liste .lernpaket-fach.fach-daz2 {
  background-color: #E3F4F7;
}
.section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-kaufen-button {
  margin: 0 auto;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  cursor: pointer;
}
@media (max-width: 1199.98px) {
  .section-lernpakete .lernpakete-faecher-auswahl-container {
    transform: scale(0.9);
  }
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher {
    margin: 0;
  }
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card {
    margin: 1rem;
  }
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl {
    margin: 2rem 0;
    margin-right: 2rem;
  }
}
@media (max-width: 1079.98px) {
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card {
    margin: 0.5rem;
  }
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl {
    margin: 1rem;
    margin-right: 2rem;
  }
}
@media (max-width: 1023.98px) {
  .section-lernpakete .lernpakete-faecher-auswahl-container {
    flex-direction: column-reverse;
  }
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher {
    max-width: unset;
  }
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-faecher .shop-fach-card {
    margin: 0.5rem;
  }
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl {
    max-width: unset;
    min-width: unset;
    position: unset;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin: 2rem;
  }
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl h2 {
    margin-top: 0;
  }
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl .lernpaket-preis {
    width: -moz-max-content;
    width: max-content;
    margin-left: 4rem;
  }
}
@media (max-width: 689.98px) {
  .section-lernpakete .lernpakete-faecher-auswahl-container .lernpakete-auswahl {
    flex-direction: column;
  }
}

.schule-preise-banner {
  background-color: #632263;
  width: 100%;
  padding: 1rem;
  margin: 0 auto;
  text-align: center;
}
.schule-preise-banner a {
  color: white;
}

.preisvergleich-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2rem auto;
}
.preisvergleich-container .radio {
  display: none;
}
.preisvergleich-container .tab {
  cursor: pointer;
  padding: 1rem 1.5rem;
  margin: 0px 2px;
  background-color: white;
  display: inline-block;
  color: #393339;
  text-transform: none;
  font-size: 1rem;
  border-radius: 10px 10px 0px 0px;
}
.preisvergleich-container .schulstufen-inhalte {
  background: #F5EFF5;
  min-height: 200px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  padding: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.preisvergleich-container .schulstufen-inhalte .panel {
  display: none;
  animation: fadein 0.8s linear 1;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-kombi-card {
  background-color: white;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10px;
  padding: 2rem;
  width: 250px;
  height: -moz-fit-content;
  height: fit-content;
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-kombi-card h4 {
  font-size: 1.5rem;
  padding: 0;
  color: #393339;
  margin-left: 1rem;
  font-family: "Inter", sans-serif;
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-kombi-card .fach-icon {
  max-width: 2rem;
  margin-right: 1rem;
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-kombi-card .kombi-inhalte-container {
  margin: 2.5rem 0 2.5rem 1rem;
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-kombi-card .kombi-inhalt-fachname {
  font-size: 1rem;
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-kombi-card .kombi-inhalt-schulstufe {
  font-size: 0.8rem;
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container, .preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container-einfach {
  display: grid;
  grid-template-columns: repeat(2, 284px);
  grid-auto-rows: 245px;
  grid-gap: 1rem;
  align-items: center;
  justify-content: space-around;
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container .shop-fach-card, .preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container-einfach .shop-fach-card {
  background-color: white;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10px;
  padding: 1rem 2rem 2rem;
  min-width: 200px;
  width: 220px;
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container .shop-fach-card .fach-icon, .preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container-einfach .shop-fach-card .fach-icon {
  width: 4rem;
  min-height: 4rem;
  margin-right: 1rem;
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container .shop-fach-card .fach-card-inhalt-fachname, .preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container-einfach .shop-fach-card .fach-card-inhalt-fachname {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0;
  color: #393339;
  font-family: "Inter", sans-serif;
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container .shop-fach-card .einzelfach-preis-container, .preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container-einfach .shop-fach-card .einzelfach-preis-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container-einfach {
  grid-template-columns: 284px;
}
.preisvergleich-container .schulstufen-inhalte .daz-panel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.preisvergleich-container .schulstufen-inhalte .daz-panel .shop-daz-card {
  background-color: white;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10px;
  padding: 1rem 2rem 2rem;
  min-width: 200px;
  width: 220px;
}
.preisvergleich-container .schulstufen-inhalte .daz-panel .shop-daz-card .fach-icon {
  width: 4rem;
  min-height: 4rem;
  margin-right: 1rem;
}
.preisvergleich-container .schulstufen-inhalte .daz-panel .shop-daz-card .fach-card-inhalt-fachname {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0;
  color: #393339;
  font-family: "Inter", sans-serif;
}
.preisvergleich-container .schulstufen-inhalte .daz-panel .shop-daz-card .einzelfach-preis-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.preisvergleich-container .schulstufen-inhalte .daz-panel .shop-daz-infos {
  width: 400px;
  margin: 2rem;
  text-align: center;
  align-self: center;
}
.preisvergleich-container .schulstufen-inhalte .site-link {
  margin: 0.5rem auto 0;
  padding: 0.8rem 1.5rem;
}
.preisvergleich-container .schulstufen-inhalte .preiszusatz {
  margin: 0;
}
@media (max-width: 1079.98px) {
  .preisvergleich-container .schulstufen-inhalte {
    width: 90%;
  }
  .preisvergleich-container .schulstufen-inhalte .schulstufe-kombi-card {
    margin: 1rem;
  }
  .preisvergleich-container .schulstufen-inhalte .schulstufe-kombi-card h4 {
    font-size: 1.2rem;
  }
  .preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container, .preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container-einfach {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1rem;
  }
  .preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container h4, .preisvergleich-container .schulstufen-inhalte .schulstufe-einzelfaecher-container-einfach h4 {
    font-size: 1.2rem;
  }
}
.preisvergleich-container #one-vs:checked ~ .schulstufen-inhalte #one-panel-vs,
.preisvergleich-container #two-vs:checked ~ .schulstufen-inhalte #two-panel-vs,
.preisvergleich-container #three-vs:checked ~ .schulstufen-inhalte #three-panel-vs,
.preisvergleich-container #four-vs:checked ~ .schulstufen-inhalte #four-panel-vs,
.preisvergleich-container #one-ms:checked ~ .schulstufen-inhalte #one-panel-ms,
.preisvergleich-container #two-ms:checked ~ .schulstufen-inhalte #two-panel-ms,
.preisvergleich-container #three-ms:checked ~ .schulstufen-inhalte #three-panel-ms,
.preisvergleich-container #four-ms:checked ~ .schulstufen-inhalte #four-panel-ms {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .preisvergleich-container #one-vs:checked ~ .schulstufen-inhalte #one-panel-vs,
  .preisvergleich-container #two-vs:checked ~ .schulstufen-inhalte #two-panel-vs,
  .preisvergleich-container #three-vs:checked ~ .schulstufen-inhalte #three-panel-vs,
  .preisvergleich-container #four-vs:checked ~ .schulstufen-inhalte #four-panel-vs,
  .preisvergleich-container #one-ms:checked ~ .schulstufen-inhalte #one-panel-ms,
  .preisvergleich-container #two-ms:checked ~ .schulstufen-inhalte #two-panel-ms,
  .preisvergleich-container #three-ms:checked ~ .schulstufen-inhalte #three-panel-ms,
  .preisvergleich-container #four-ms:checked ~ .schulstufen-inhalte #four-panel-ms {
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
}
.preisvergleich-container #one-vs:checked ~ .schulstufen-tabs #one-tab-vs,
.preisvergleich-container #two-vs:checked ~ .schulstufen-tabs #two-tab-vs,
.preisvergleich-container #three-vs:checked ~ .schulstufen-tabs #three-tab-vs,
.preisvergleich-container #four-vs:checked ~ .schulstufen-tabs #four-tab-vs,
.preisvergleich-container #one-ms:checked ~ .schulstufen-tabs #one-tab-ms,
.preisvergleich-container #two-ms:checked ~ .schulstufen-tabs #two-tab-ms,
.preisvergleich-container #three-ms:checked ~ .schulstufen-tabs #three-tab-ms,
.preisvergleich-container #four-ms:checked ~ .schulstufen-tabs #four-tab-ms {
  background-color: #F5EFF5;
}
.preisvergleich-container.preisvergleich-daz .schulstufen-inhalte {
  background-color: #FEEFD7;
}
.preisvergleich-container .shop-infos {
  background-color: #DB0567;
  color: white;
  padding: 4rem;
  border-radius: 10px;
}
.preisvergleich-container .shop-infos h4 {
  color: white;
  padding: 0;
}
.preisvergleich-container .shop-infos .section-kontaktdetails a {
  color: white;
}

.fach-card-inhalt-abo {
  opacity: 0.8;
  font-size: 0.8rem;
  padding: 0;
}

.fach-img-schulstufe {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1rem 0;
}

.shop-preis {
  font-size: 1rem;
  text-align: center;
}
.shop-preis > b {
  font-size: 1.5rem;
}

.kauf-erfolgreich, .checkout-error {
  max-width: 800px;
  margin: 2rem auto;
  padding: 2rem;
  border: 2px solid #FEC3DE;
  background-color: #FDE1EE;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.kauf-erfolgreich h1, .kauf-erfolgreich h4, .checkout-error h1, .checkout-error h4 {
  margin: 0;
}
.kauf-erfolgreich p, .checkout-error p {
  margin: 0;
  padding: 1rem;
}

.warenkorb-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 4rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .warenkorb-container {
    transform: scale(0.9);
  }
}
@media (max-width: 881.98px) {
  .warenkorb-container {
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
  }
}

.warenkorb-user {
  width: 300px;
  margin: 0 0 2rem;
  border: 2px solid #CFCFCF;
  border-radius: 10px;
  padding: 2rem;
  text-align: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.warenkorb-user > .user-email {
  margin: 2rem 0;
}
.warenkorb-user > .falscher-user {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 881.98px) {
  .warenkorb-user {
    width: 100%;
  }
}

.checkout-header {
  margin: 1rem 0;
  padding: 0;
  text-align: center;
}

.abo-auswahl-container {
  margin: 1rem auto;
  text-align: center;
}

.abo-auswahl-zusatzinfo {
  font-size: 0.8rem;
}

.checkout-login-container {
  width: 400px;
  border: 2px solid #CFCFCF;
  border-radius: 10px;
  padding: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.checkout-login-container.lm-login-container {
  margin: 0 0 2rem;
}
.checkout-login-container .text-for-arrow, .checkout-login-container .akk-arrow {
  display: none;
}
@media (max-width: 881.98px) {
  .checkout-login-container {
    width: 100%;
  }
  .checkout-login-container .text-for-arrow, .checkout-login-container .akk-arrow {
    display: block;
    text-align: center;
    margin-top: 1rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
}

.checkout-container {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 2rem 3rem;
  border: 2px solid #CFCFCF;
  border-radius: 10px;
  padding: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.checkout-container.zahlung-erfolgreich {
  margin: 4rem auto;
}
.checkout-container .auswahl-item {
  display: grid;
  grid-template-columns: 4rem 10rem auto 8rem 2.5rem;
  align-items: center;
  padding: 0.5rem;
  margin: 1rem 0;
  border-radius: 10px;
}
.checkout-container .auswahl-item .warenkorb-auswahl-preis {
  text-align: right;
}
.checkout-container .auswahl-item .auswahl-item-delete {
  font-size: 0.7rem;
  width: 1.5rem;
  height: 1.5rem;
}
.checkout-container .fach-icon {
  width: 2rem;
}
.checkout-container .auswahl-produkttext {
  display: flex;
  flex-direction: column;
}
.checkout-container .auswahl-produkttext p {
  padding: 0;
  margin: 0;
}
.checkout-container .warenkorb-preis {
  display: grid;
  grid-template-columns: 24rem 8rem;
  align-items: center;
  padding: 0.5rem;
  font-weight: bold;
}
.checkout-container .warenkorb-preis .warenkorb-preis-text {
  text-align: right;
  margin-right: 2rem;
}
.checkout-container .warenkorb-preis .js-fill-warenkorb-gesamt, .checkout-container .warenkorb-preis .js-fill-warenkorb-zwischen {
  text-align: right;
  font-size: 1.2rem;
  font-weight: bold;
}
.checkout-container .js-fill-warenkorb-gesamt-monatlich {
  text-align: right;
  font-size: 0.7rem;
  margin-right: 0.5rem;
}
.checkout-container .warenkorb-gutschein {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.checkout-container .warenkorb-gutschein button {
  font-family: "Inter", sans-serif;
}
.checkout-container .warenkorb-gutschein .gutschein-button, .checkout-container .warenkorb-gutschein .gutschein-einloesen-button {
  border: none;
  padding: 0.8rem 1.2rem;
  border-radius: 10px;
}
.checkout-container .warenkorb-gutschein .gutschein-input {
  display: none;
}
.checkout-container .warenkorb-gutschein .gutschein-input input {
  border-radius: 10px;
  width: 10rem;
}
.checkout-container .warenkorb-gutschein-eingeloest-container {
  display: none;
}
.checkout-container .warenkorb-gutschein-eingeloest-container.show {
  display: block;
}
.checkout-container .warenkorb-gutschein-eingeloest-container .warenkorb-gutschein-eingeloest {
  display: grid;
  grid-template-columns: 24rem 8rem;
  padding: 0 0.5rem;
  justify-content: space-between;
  align-items: center;
  text-align: right;
}
.checkout-container .warenkorb-gutschein-error {
  display: none;
  font-size: 0.8rem;
  color: #DB0567;
  text-align: center;
}
.checkout-container .warenkorb-checkboxen {
  margin: 1rem auto;
  width: -moz-fit-content;
  width: fit-content;
}
.checkout-container .checkbox-label {
  text-transform: none;
  display: block;
  width: 440px;
  position: relative;
  padding: 0.5rem 2.5rem;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.checkout-container .checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkout-container .warenkorb-login-notification {
  text-align: center;
  font-size: 0.8rem;
  width: 75%;
  margin: 0.2rem auto;
}
.checkout-container .warenkorb-login-notification > i {
  color: #DB0567;
  margin-right: 0.5rem;
}
.checkout-container .zahlungs-anbieter-logo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 85%;
}
.checkout-container .zahlungs-anbieter-logo img {
  width: 130px;
}
@media (max-width: 1199.98px) {
  .checkout-container {
    margin: 0 0 2rem 2rem;
  }
  .checkout-container.zahlung-erfolgreich {
    margin: 3rem auto;
  }
}
@media (max-width: 1079.98px) {
  .checkout-container {
    max-width: 440px;
  }
  .checkout-container .auswahl-item {
    grid-template-columns: 3rem 8rem 7rem minmax(max-content, auto) 2rem;
  }
  .checkout-container .warenkorb-preis {
    grid-template-columns: auto max-content;
  }
  .checkout-container .warenkorb-gutschein-eingeloest-container .warenkorb-gutschein-eingeloest {
    grid-template-columns: auto max-content;
  }
  .checkout-container .checkbox-label {
    width: 80%;
  }
  .checkout-container .zahlungs-anbieter-logo {
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 881.98px) {
  .checkout-container {
    margin: 1rem 0;
    max-width: unset;
  }
  .checkout-container.zahlung-erfolgreich {
    margin: 2rem auto;
  }
}
@media (max-width: 469.98px) {
  .checkout-container .auswahl-item {
    grid-template-columns: 3rem 10rem minmax(max-content, auto) 2rem;
  }
  .checkout-container .auswahl-item .warenkorb-auswahl-abo {
    display: none;
  }
  .checkout-container .warenkorb-preis {
    grid-template-columns: 10rem auto;
  }
  .checkout-container .warenkorb-gutschein-eingeloest-container .warenkorb-gutschein-eingeloest {
    grid-template-columns: auto auto;
  }
  .checkout-container .warenkorb-gutschein {
    justify-content: center;
  }
  .checkout-container .warenkorb-gutschein .gutschein-button {
    padding: 0.7rem 1rem;
  }
}

/* Bestpreis Ribbon */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  border-radius: 5px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .ribbon {
    display: none;
  }
}

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid #022B9E;
}

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #347FC4;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: white;
  font: 700 18px/1 "Inter", sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}

.ribbon-top-right::before {
  top: 0;
  left: 0;
}

.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 10px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border: 2px solid #D7BFD7;
  border-radius: 10px;
}

/* On mouse-over, add a grey background color */
body.hasHover .checkbox-label:hover input ~ .checkmark {
  background-color: #D7BFD7;
}

/* When the checkbox is checked, add a blue background */
.checkbox-label input:checked ~ .checkmark {
  background-color: #632263;
  border-color: #632263;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

body.hasHover .auswahl-item-delete:hover {
  cursor: pointer;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  transition: all 0.1s ease-in-out;
}
body.hasHover .auswahl-item-delete:hover > i {
  font-size: 1rem;
  transition: all 0.1s ease-in-out;
  color: #DB0567;
}
body.hasHover .auswahl-item:hover {
  background-color: #F5EFF5;
}
body.hasHover .auswahl-item .auswahl-item-delete:hover > i {
  font-size: 0.8rem;
  color: #632263;
}
body.hasHover .gutschein-button:hover, body.hasHover .gutschein-einloesen-button:hover {
  cursor: pointer;
}
body.hasHover .checkbox-label:hover input {
  background-color: #D7BFD7;
}
body.hasHover .schule-preise-banner a:hover {
  color: white;
  text-decoration: underline;
}

/* Parent wrapper to carousel. Width can be changed as needed. */
.carousel-wrapper {
  overflow: hidden;
  width: 100%;
  margin: auto;
}

/* Apply 'border-box' to 'box-sizing' so border and padding is included in the width and height. */
.carousel-wrapper * {
  box-sizing: border-box;
}

/* We'll be using the 'transform' property to move the carousel's items, so setting the 'transform-style' to 'preserve-3d' will make sure our nested elements are rendered properly in the 3D space. */
.carousel {
  transform-style: preserve-3d;
  margin: 0 auto 2rem;
}

/* By default we're hiding items (except the initial one) until the JS initiates. Elements are absolutely positioned with a width of 100% (as we're styling for mobile first), letting the content's height dictate the height of the carousel. Our magic property here for all our animation needs is 'transition', taking the properties we wish to animate 'transform' and 'opacity', along with the length of time in seconds. */
.carousel-item {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 960px;
  height: 350px;
  margin: auto;
  padding: 0 4rem;
  z-index: 100;
  display: flex;
  transition: transform 0.5s, opacity 0.5s, z-index 0.5s;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.carousel-item > .carousel-item-frame {
  height: -moz-fit-content;
  height: fit-content;
  min-height: 250px;
  align-self: center;
  background-color: #D7BFD7;
  border-radius: 10px;
  margin: 2rem;
  transform: rotate(1deg);
}
.carousel-item > .carousel-item-frame > .carousel-item-content {
  background-color: white;
  margin: 1rem;
  padding: 0 1rem;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transform: rotate(-1deg);
}
.carousel-item > .carousel-item-frame > .carousel-item-content > .carousel__photo {
  width: 6rem;
  margin-left: 2rem;
}
.carousel-item > .carousel-item-frame > .carousel-item-content > .carousel__text {
  text-align: left;
  margin: 2rem;
}
.carousel-item > .carousel-item-frame > .carousel-item-content > .carousel__text > h3 {
  margin-top: 0;
}
.carousel-item > .carousel-item-frame > .carousel-item-content > .carousel__text > p {
  margin: 0;
}
.carousel-item > .carousel-item-frame.pink-frame {
  background-color: #FEC3DE;
}
.carousel-item > .carousel-item-frame.blau-frame {
  background-color: #B7E4F5;
}
.carousel-item > .carousel-item-frame.green-frame {
  background-color: #C6E9C3;
}
.carousel-item > .carousel-item-frame.alpha-frame {
  background-color: #C6EED6;
}
.carousel-item > .carousel-item-frame.bio-frame {
  background-color: #FDDBC8;
}
.carousel-item > .carousel-item-frame.red-frame {
  background-color: #E4B4B6;
}
.carousel-item > .carousel-item-frame.chem-frame {
  background-color: #FEECFE;
}
.carousel-item > .carousel-item-frame.geo-frame {
  background-color: #C8D4FC;
}
@media (max-width: 1023.98px) {
  .carousel-item {
    width: unset;
    height: 450px;
  }
}
@media (max-width: 881.98px) {
  .carousel-item > .carousel-item-frame {
    margin: 2rem 1rem;
  }
  .carousel-item > .carousel-item-frame > .carousel-item-content {
    padding: 0;
  }
  .carousel-item > .carousel-item-frame > .carousel-item-content > .carousel__photo {
    display: none;
  }
  .carousel-item > .carousel-item-frame > .carousel-item-content > .carousel__text {
    margin: 1rem;
  }
}
@media (max-width: 575.98px) {
  .carousel-item {
    height: 500px;
    padding: 3.5rem;
  }
  .carousel-item > .carousel-item-frame {
    transform: rotate(0deg);
    margin: 2rem 0.5rem;
  }
  .carousel-item > .carousel-item-frame > .carousel-item-content {
    transform: rotate(0deg);
    margin: 0.2rem;
  }
}
@media (max-width: 469.98px) {
  .carousel-item {
    height: 625px;
  }
}

/* Display the initial item and bring it to the front using 'z-index'. These styles also apply to the 'active' item. */
.carousel-item.initial,
.carousel-item.active {
  opacity: 1;
  position: relative;
  z-index: 900;
}

/* Set 'z-index' to sit behind our '.active' item. */
.carousel-item.prev,
.carousel-item.next {
  z-index: 800;
}

/* Translate previous item to the left */
.carousel-item.prev {
  transform: translateX(-100%);
}

/* Translate next item to the right */
.carousel-item.next {
  transform: translateX(100%);
}

/* Style navigation buttons to sit in the middle, either side of the carousel. */
.carousel__button--prev,
.carousel__button--next {
  position: absolute;
  top: 50%;
  width: 3rem;
  height: 3rem;
  background-color: #D7BFD7;
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  z-index: 1001; /* Sit on top of everything */
  /*  opacity: 0;  Hide buttons until carousel is initialised
    transition:opacity 1s;*/
}

.carousel__button--prev {
  left: 5px;
}

.carousel__button--next {
  right: 5px;
}

/* Use pseudo elements to insert arrows inside of navigation buttons */
.carousel__button--prev::after,
.carousel__button--next::after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 54%;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: translate(-50%, -50%) rotate(135deg);
}

.carousel__button--next::after {
  left: 47%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

body.hasHover .carousel__button--prev:hover, body.hasHover .carousel__button--next:hover {
  background-color: #632263;
  transition: all 0.2s ease-in-out;
}

.page-not-found {
  width: 60vw;
  margin: 0 20vw;
  padding: 5vh 0;
  display: flex;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.page-not-found > .welcome-Maus {
  max-width: 15vw;
  min-width: 15rem;
  height: auto;
  margin: 0 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .page-not-found > .welcome-Maus {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .page-not-found {
    width: 80vw;
    margin: 0 10vw;
  }
}
.page-not-found .page-not-found-text {
  align-self: center;
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.page-not-found .page-not-found-text > h1 {
  font-size: 2rem;
  padding: 0;
  margin: 2rem 0 1rem;
}
.page-not-found .page-not-found-text > h3 {
  color: #707070;
}
.page-not-found .page-not-found-text > p {
  margin: 0.5rem 0 2rem;
  font-size: 1rem;
}
.page-not-found .page-not-found-text > a {
  padding: 1rem 1.5rem;
  margin: 1rem auto 0.5rem 0;
  border-radius: 2rem;
}
.page-not-found .page-not-found-text .backToMainButton {
  background-color: #FEC3DE;
  color: #DB0567;
  transition-property: background-color, box-shadow;
  transition-duration: 0.5s;
}
.page-not-found .page-not-found-text .toDownloadPage {
  background-color: #D7BFD7;
  color: #632263;
  transition-property: background-color, box-shadow;
  transition-duration: 0.5s;
}
@media (max-width: 1079.98px) {
  .page-not-found .page-not-found-text > h1 {
    font-size: 2rem;
  }
  .page-not-found .page-not-found-text > p {
    font-size: 1rem;
  }
}
@media (max-width: 819.98px) {
  .page-not-found .page-not-found-text {
    text-align: left;
    padding: 0;
  }
  .page-not-found .page-not-found-text > h1 {
    margin: 1rem 0 0.5rem;
  }
}
@media (max-width: 469.98px) {
  .page-not-found .page-not-found-text {
    text-align: left;
    max-width: 90vw;
  }
  .page-not-found .page-not-found-text > h1 {
    font-size: 1.5rem;
    margin: 0.5rem 0;
  }
  .page-not-found .page-not-found-text > p {
    font-size: 0.8rem;
  }
}

body.hasHover .page-not-found .page-not-found-text .toDownloadPage:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #632263;
  color: white;
  transition-property: background-color, box-shadow;
  transition-duration: 0.5s;
}
body.hasHover .page-not-found .page-not-found-text .backToMainButton:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #DB0567;
  color: white;
  transition-property: background-color, box-shadow;
  transition-duration: 0.5s;
}

.footer-absolute {
  position: absolute;
}

.loginHeader {
  margin-bottom: 1rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.loginHeader > h1 {
  margin: 0;
}
.loginHeader > p {
  padding-left: 1rem;
  font-size: 20px;
  margin-top: 0;
}
@media (max-width: 819.98px) {
  .loginHeader {
    width: 30rem;
  }
}
@media (max-width: 529.98px) {
  .loginHeader {
    width: 80vw;
  }
}

.mainLogin {
  display: flex;
  width: 1000px;
  margin: 0 auto;
  height: auto;
  padding-top: 2rem;
  justify-content: space-around;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .mainLogin {
    width: 90vw;
  }
}

.login-Maus {
  max-width: 40vw;
  min-width: 10rem;
  height: auto;
  margin: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .login-Maus {
    display: none;
  }
}

.login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.loginText {
  justify-self: center;
}

.loginForm {
  align-self: start;
  background-color: white;
  border-radius: 1rem;
  padding: 2rem 2.5rem;
  margin: 0 2.5rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.loginForm > .loginSchuelernr > label {
  text-transform: none;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1023.98px) {
  .loginForm > .loginSchuelernr > label {
    font-size: 1rem;
  }
}
.loginForm > .loginSchuelernr > label > label {
  cursor: pointer;
}
.loginForm > .loginSchuelernr > label > #schuelernr-visible-checkbox {
  display: none;
  width: 1rem;
  height: 1rem;
}
.loginForm > .login-merken {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.loginForm > .login-merken > #login-merken-checkbox {
  width: 1.2rem;
  height: 1.2rem;
  margin: auto 0 auto 2rem;
  border-radius: 5px;
  cursor: pointer;
}
.loginForm > .login-merken > label {
  padding: 0.5rem;
  text-transform: none;
}
@media (max-width: 1079.98px) {
  .loginForm {
    margin: 0 auto;
    padding: 2rem 1.5rem;
  }
}
@media (max-width: 379.98px) {
  .loginForm #schuelernr, .loginForm #schulkennzahl, .loginForm #submission {
    width: 12rem;
    height: 2.5rem;
  }
}

.aktivierung-erfolgreich-banner {
  text-align: center;
  color: #632263;
}

.registrierung-container, .lm-login-container {
  max-width: 35rem;
  margin: 2rem auto;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 8px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.registrierung-container.white-bg, .lm-login-container.white-bg {
  background-color: white;
  color: #393339;
}
.registrierung-container > .registrierung-text h1, .registrierung-container > .lm-login-text h1, .lm-login-container > .registrierung-text h1, .lm-login-container > .lm-login-text h1 {
  margin: 0 0 1rem;
  text-align: center;
}
.registrierung-container hr, .lm-login-container hr {
  width: 100%;
}
.registrierung-container > .registrierung, .registrierung-container > .lm-login-form-container, .lm-login-container > .registrierung, .lm-login-container > .lm-login-form-container {
  background-color: white;
  color: #393339;
  text-align: left;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1023.98px) {
  .registrierung-container > .registrierung, .registrierung-container > .lm-login-form-container, .lm-login-container > .registrierung, .lm-login-container > .lm-login-form-container {
    margin: 1rem auto;
  }
}
@media (max-width: 469.98px) {
  .registrierung-container > .registrierung, .registrierung-container > .lm-login-form-container, .lm-login-container > .registrierung, .lm-login-container > .lm-login-form-container {
    min-width: 98%;
  }
}
.registrierung-container > .registrierung > .registrierungForm, .registrierung-container > .registrierung > .lm-login-form, .registrierung-container > .lm-login-form-container > .registrierungForm, .registrierung-container > .lm-login-form-container > .lm-login-form, .lm-login-container > .registrierung > .registrierungForm, .lm-login-container > .registrierung > .lm-login-form, .lm-login-container > .lm-login-form-container > .registrierungForm, .lm-login-container > .lm-login-form-container > .lm-login-form {
  align-self: center;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
.registrierung-container > .registrierung > .registrierungForm > .login-error, .registrierung-container > .registrierung > .lm-login-form > .login-error, .registrierung-container > .lm-login-form-container > .registrierungForm > .login-error, .registrierung-container > .lm-login-form-container > .lm-login-form > .login-error, .lm-login-container > .registrierung > .registrierungForm > .login-error, .lm-login-container > .registrierung > .lm-login-form > .login-error, .lm-login-container > .lm-login-form-container > .registrierungForm > .login-error, .lm-login-container > .lm-login-form-container > .lm-login-form > .login-error {
  font-size: 0.8rem;
  text-align: center;
  color: #DB0567;
}
.registrierung-container > .registrierung > .registrierungForm > div > label, .registrierung-container > .registrierung > .lm-login-form > div > label, .registrierung-container > .lm-login-form-container > .registrierungForm > div > label, .registrierung-container > .lm-login-form-container > .lm-login-form > div > label, .lm-login-container > .registrierung > .registrierungForm > div > label, .lm-login-container > .registrierung > .lm-login-form > div > label, .lm-login-container > .lm-login-form-container > .registrierungForm > div > label, .lm-login-container > .lm-login-form-container > .lm-login-form > div > label {
  text-transform: none;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1023.98px) {
  .registrierung-container > .registrierung > .registrierungForm > div > label, .registrierung-container > .registrierung > .lm-login-form > div > label, .registrierung-container > .lm-login-form-container > .registrierungForm > div > label, .registrierung-container > .lm-login-form-container > .lm-login-form > div > label, .lm-login-container > .registrierung > .registrierungForm > div > label, .lm-login-container > .registrierung > .lm-login-form > div > label, .lm-login-container > .lm-login-form-container > .registrierungForm > div > label, .lm-login-container > .lm-login-form-container > .lm-login-form > div > label {
    font-size: 1rem;
  }
}
.registrierung-container > .registrierung > .registrierungForm > div > label > label, .registrierung-container > .registrierung > .lm-login-form > div > label > label, .registrierung-container > .lm-login-form-container > .registrierungForm > div > label > label, .registrierung-container > .lm-login-form-container > .lm-login-form > div > label > label, .lm-login-container > .registrierung > .registrierungForm > div > label > label, .lm-login-container > .registrierung > .lm-login-form > div > label > label, .lm-login-container > .lm-login-form-container > .registrierungForm > div > label > label, .lm-login-container > .lm-login-form-container > .lm-login-form > div > label > label {
  cursor: pointer;
}
.registrierung-container > .registrierung > .registrierungForm > div > label > #password-visible-checkbox, .registrierung-container > .registrierung > .registrierungForm > div > label > #new-password-visible-checkbox, .registrierung-container > .registrierung > .lm-login-form > div > label > #password-visible-checkbox, .registrierung-container > .registrierung > .lm-login-form > div > label > #new-password-visible-checkbox, .registrierung-container > .lm-login-form-container > .registrierungForm > div > label > #password-visible-checkbox, .registrierung-container > .lm-login-form-container > .registrierungForm > div > label > #new-password-visible-checkbox, .registrierung-container > .lm-login-form-container > .lm-login-form > div > label > #password-visible-checkbox, .registrierung-container > .lm-login-form-container > .lm-login-form > div > label > #new-password-visible-checkbox, .lm-login-container > .registrierung > .registrierungForm > div > label > #password-visible-checkbox, .lm-login-container > .registrierung > .registrierungForm > div > label > #new-password-visible-checkbox, .lm-login-container > .registrierung > .lm-login-form > div > label > #password-visible-checkbox, .lm-login-container > .registrierung > .lm-login-form > div > label > #new-password-visible-checkbox, .lm-login-container > .lm-login-form-container > .registrierungForm > div > label > #password-visible-checkbox, .lm-login-container > .lm-login-form-container > .registrierungForm > div > label > #new-password-visible-checkbox, .lm-login-container > .lm-login-form-container > .lm-login-form > div > label > #password-visible-checkbox, .lm-login-container > .lm-login-form-container > .lm-login-form > div > label > #new-password-visible-checkbox {
  display: none;
  width: 1rem;
  height: 1rem;
}
.registrierung-container > .registrierung > .registrierungForm > div > input, .registrierung-container > .registrierung > .lm-login-form > div > input, .registrierung-container > .lm-login-form-container > .registrierungForm > div > input, .registrierung-container > .lm-login-form-container > .lm-login-form > div > input, .lm-login-container > .registrierung > .registrierungForm > div > input, .lm-login-container > .registrierung > .lm-login-form > div > input, .lm-login-container > .lm-login-form-container > .registrierungForm > div > input, .lm-login-container > .lm-login-form-container > .lm-login-form > div > input {
  width: 20rem;
  border-radius: 10px;
  border: 1px solid #632263;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.registrierung-container > .registrierung > .registrierungForm > div > input:focus, .registrierung-container > .registrierung > .lm-login-form > div > input:focus, .registrierung-container > .lm-login-form-container > .registrierungForm > div > input:focus, .registrierung-container > .lm-login-form-container > .lm-login-form > div > input:focus, .lm-login-container > .registrierung > .registrierungForm > div > input:focus, .lm-login-container > .registrierung > .lm-login-form > div > input:focus, .lm-login-container > .lm-login-form-container > .registrierungForm > div > input:focus, .lm-login-container > .lm-login-form-container > .lm-login-form > div > input:focus {
  border-width: 3px;
}
@media (max-width: 469.98px) {
  .registrierung-container > .registrierung > .registrierungForm > div > input, .registrierung-container > .registrierung > .lm-login-form > div > input, .registrierung-container > .lm-login-form-container > .registrierungForm > div > input, .registrierung-container > .lm-login-form-container > .lm-login-form > div > input, .lm-login-container > .registrierung > .registrierungForm > div > input, .lm-login-container > .registrierung > .lm-login-form > div > input, .lm-login-container > .lm-login-form-container > .registrierungForm > div > input, .lm-login-container > .lm-login-form-container > .lm-login-form > div > input {
    width: 90%;
  }
}
.registrierung-container > .registrierung > .registrierungForm > div > .email-taken, .registrierung-container > .registrierung > .lm-login-form > div > .email-taken, .registrierung-container > .lm-login-form-container > .registrierungForm > div > .email-taken, .registrierung-container > .lm-login-form-container > .lm-login-form > div > .email-taken, .lm-login-container > .registrierung > .registrierungForm > div > .email-taken, .lm-login-container > .registrierung > .lm-login-form > div > .email-taken, .lm-login-container > .lm-login-form-container > .registrierungForm > div > .email-taken, .lm-login-container > .lm-login-form-container > .lm-login-form > div > .email-taken {
  border-color: #DB0567;
}
.registrierung-container > .registrierung > .registrierungForm > div > .passwort-bedingungen, .registrierung-container > .registrierung > .registrierungForm > div > .email-error, .registrierung-container > .registrierung > .lm-login-form > div > .passwort-bedingungen, .registrierung-container > .registrierung > .lm-login-form > div > .email-error, .registrierung-container > .lm-login-form-container > .registrierungForm > div > .passwort-bedingungen, .registrierung-container > .lm-login-form-container > .registrierungForm > div > .email-error, .registrierung-container > .lm-login-form-container > .lm-login-form > div > .passwort-bedingungen, .registrierung-container > .lm-login-form-container > .lm-login-form > div > .email-error, .lm-login-container > .registrierung > .registrierungForm > div > .passwort-bedingungen, .lm-login-container > .registrierung > .registrierungForm > div > .email-error, .lm-login-container > .registrierung > .lm-login-form > div > .passwort-bedingungen, .lm-login-container > .registrierung > .lm-login-form > div > .email-error, .lm-login-container > .lm-login-form-container > .registrierungForm > div > .passwort-bedingungen, .lm-login-container > .lm-login-form-container > .registrierungForm > div > .email-error, .lm-login-container > .lm-login-form-container > .lm-login-form > div > .passwort-bedingungen, .lm-login-container > .lm-login-form-container > .lm-login-form > div > .email-error {
  font-size: 0.8rem;
  text-align: center;
}
.registrierung-container > .registrierung > .registrierungForm > div > .email-error, .registrierung-container > .registrierung > .lm-login-form > div > .email-error, .registrierung-container > .lm-login-form-container > .registrierungForm > div > .email-error, .registrierung-container > .lm-login-form-container > .lm-login-form > div > .email-error, .lm-login-container > .registrierung > .registrierungForm > div > .email-error, .lm-login-container > .registrierung > .lm-login-form > div > .email-error, .lm-login-container > .lm-login-form-container > .registrierungForm > div > .email-error, .lm-login-container > .lm-login-form-container > .lm-login-form > div > .email-error {
  color: #DB0567;
}
.registrierung-container > .registrierung > .registrierungForm .klassen-faecher-auswahl-header, .registrierung-container > .registrierung > .lm-login-form .klassen-faecher-auswahl-header, .registrierung-container > .lm-login-form-container > .registrierungForm .klassen-faecher-auswahl-header, .registrierung-container > .lm-login-form-container > .lm-login-form .klassen-faecher-auswahl-header, .lm-login-container > .registrierung > .registrierungForm .klassen-faecher-auswahl-header, .lm-login-container > .registrierung > .lm-login-form .klassen-faecher-auswahl-header, .lm-login-container > .lm-login-form-container > .registrierungForm .klassen-faecher-auswahl-header, .lm-login-container > .lm-login-form-container > .lm-login-form .klassen-faecher-auswahl-header {
  font-size: 1.2rem;
  margin: 1rem 0;
  text-align: center;
}
.registrierung-container > .registrierung > .registrierungForm .faecher-auswahl-container, .registrierung-container > .registrierung > .registrierungForm .klassen-auswahl-container, .registrierung-container > .registrierung > .lm-login-form .faecher-auswahl-container, .registrierung-container > .registrierung > .lm-login-form .klassen-auswahl-container, .registrierung-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container, .registrierung-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container, .registrierung-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container, .registrierung-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container, .lm-login-container > .registrierung > .registrierungForm .faecher-auswahl-container, .lm-login-container > .registrierung > .registrierungForm .klassen-auswahl-container, .lm-login-container > .registrierung > .lm-login-form .faecher-auswahl-container, .lm-login-container > .registrierung > .lm-login-form .klassen-auswahl-container, .lm-login-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container, .lm-login-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container, .lm-login-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container, .lm-login-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.registrierung-container > .registrierung > .registrierungForm .faecher-auswahl-container .fach-checkbox-container, .registrierung-container > .registrierung > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container, .registrierung-container > .registrierung > .registrierungForm .klassen-auswahl-container .fach-checkbox-container, .registrierung-container > .registrierung > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container, .registrierung-container > .registrierung > .lm-login-form .faecher-auswahl-container .fach-checkbox-container, .registrierung-container > .registrierung > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container, .registrierung-container > .registrierung > .lm-login-form .klassen-auswahl-container .fach-checkbox-container, .registrierung-container > .registrierung > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container, .registrierung-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .fach-checkbox-container, .registrierung-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container, .registrierung-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .fach-checkbox-container, .registrierung-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container, .registrierung-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .fach-checkbox-container, .registrierung-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container, .registrierung-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .fach-checkbox-container, .registrierung-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container, .lm-login-container > .registrierung > .registrierungForm .faecher-auswahl-container .fach-checkbox-container, .lm-login-container > .registrierung > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container, .lm-login-container > .registrierung > .registrierungForm .klassen-auswahl-container .fach-checkbox-container, .lm-login-container > .registrierung > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container, .lm-login-container > .registrierung > .lm-login-form .faecher-auswahl-container .fach-checkbox-container, .lm-login-container > .registrierung > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container, .lm-login-container > .registrierung > .lm-login-form .klassen-auswahl-container .fach-checkbox-container, .lm-login-container > .registrierung > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container, .lm-login-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .fach-checkbox-container, .lm-login-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container, .lm-login-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .fach-checkbox-container, .lm-login-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container, .lm-login-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .fach-checkbox-container, .lm-login-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container, .lm-login-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .fach-checkbox-container, .lm-login-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0.5rem 0;
  padding: 0.5rem 1rem;
}
.registrierung-container > .registrierung > .registrierungForm .faecher-auswahl-container .fach-checkbox-container > input, .registrierung-container > .registrierung > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container > input, .registrierung-container > .registrierung > .registrierungForm .klassen-auswahl-container .fach-checkbox-container > input, .registrierung-container > .registrierung > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container > input, .registrierung-container > .registrierung > .lm-login-form .faecher-auswahl-container .fach-checkbox-container > input, .registrierung-container > .registrierung > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container > input, .registrierung-container > .registrierung > .lm-login-form .klassen-auswahl-container .fach-checkbox-container > input, .registrierung-container > .registrierung > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container > input, .registrierung-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .fach-checkbox-container > input, .registrierung-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container > input, .registrierung-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .fach-checkbox-container > input, .registrierung-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container > input, .registrierung-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .fach-checkbox-container > input, .registrierung-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container > input, .registrierung-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .fach-checkbox-container > input, .registrierung-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container > input, .lm-login-container > .registrierung > .registrierungForm .faecher-auswahl-container .fach-checkbox-container > input, .lm-login-container > .registrierung > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container > input, .lm-login-container > .registrierung > .registrierungForm .klassen-auswahl-container .fach-checkbox-container > input, .lm-login-container > .registrierung > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container > input, .lm-login-container > .registrierung > .lm-login-form .faecher-auswahl-container .fach-checkbox-container > input, .lm-login-container > .registrierung > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container > input, .lm-login-container > .registrierung > .lm-login-form .klassen-auswahl-container .fach-checkbox-container > input, .lm-login-container > .registrierung > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container > input, .lm-login-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .fach-checkbox-container > input, .lm-login-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container > input, .lm-login-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .fach-checkbox-container > input, .lm-login-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container > input, .lm-login-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .fach-checkbox-container > input, .lm-login-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container > input, .lm-login-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .fach-checkbox-container > input, .lm-login-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container > input {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5rem;
  cursor: pointer;
}
.registrierung-container > .registrierung > .registrierungForm .faecher-auswahl-container .fach-checkbox-container > label, .registrierung-container > .registrierung > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container > label, .registrierung-container > .registrierung > .registrierungForm .klassen-auswahl-container .fach-checkbox-container > label, .registrierung-container > .registrierung > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container > label, .registrierung-container > .registrierung > .lm-login-form .faecher-auswahl-container .fach-checkbox-container > label, .registrierung-container > .registrierung > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container > label, .registrierung-container > .registrierung > .lm-login-form .klassen-auswahl-container .fach-checkbox-container > label, .registrierung-container > .registrierung > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container > label, .registrierung-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .fach-checkbox-container > label, .registrierung-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container > label, .registrierung-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .fach-checkbox-container > label, .registrierung-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container > label, .registrierung-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .fach-checkbox-container > label, .registrierung-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container > label, .registrierung-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .fach-checkbox-container > label, .registrierung-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container > label, .lm-login-container > .registrierung > .registrierungForm .faecher-auswahl-container .fach-checkbox-container > label, .lm-login-container > .registrierung > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container > label, .lm-login-container > .registrierung > .registrierungForm .klassen-auswahl-container .fach-checkbox-container > label, .lm-login-container > .registrierung > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container > label, .lm-login-container > .registrierung > .lm-login-form .faecher-auswahl-container .fach-checkbox-container > label, .lm-login-container > .registrierung > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container > label, .lm-login-container > .registrierung > .lm-login-form .klassen-auswahl-container .fach-checkbox-container > label, .lm-login-container > .registrierung > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container > label, .lm-login-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .fach-checkbox-container > label, .lm-login-container > .lm-login-form-container > .registrierungForm .faecher-auswahl-container .klasse-checkbox-container > label, .lm-login-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .fach-checkbox-container > label, .lm-login-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container .klasse-checkbox-container > label, .lm-login-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .fach-checkbox-container > label, .lm-login-container > .lm-login-form-container > .lm-login-form .faecher-auswahl-container .klasse-checkbox-container > label, .lm-login-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .fach-checkbox-container > label, .lm-login-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container .klasse-checkbox-container > label {
  font-size: 1rem;
  padding: 0;
  text-transform: none;
  cursor: pointer;
}
.registrierung-container > .registrierung > .registrierungForm .klassen-auswahl-container > .klasse-checkbox-container, .registrierung-container > .registrierung > .lm-login-form .klassen-auswahl-container > .klasse-checkbox-container, .registrierung-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container > .klasse-checkbox-container, .registrierung-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container > .klasse-checkbox-container, .lm-login-container > .registrierung > .registrierungForm .klassen-auswahl-container > .klasse-checkbox-container, .lm-login-container > .registrierung > .lm-login-form .klassen-auswahl-container > .klasse-checkbox-container, .lm-login-container > .lm-login-form-container > .registrierungForm .klassen-auswahl-container > .klasse-checkbox-container, .lm-login-container > .lm-login-form-container > .lm-login-form .klassen-auswahl-container > .klasse-checkbox-container {
  width: 40%;
  margin: 0.5rem 0;
  justify-content: flex-start;
}
.registrierung-container > .registrierung > .registrierungForm .klassen-faecher-auswahl-submit, .registrierung-container > .registrierung > .lm-login-form .klassen-faecher-auswahl-submit, .registrierung-container > .lm-login-form-container > .registrierungForm .klassen-faecher-auswahl-submit, .registrierung-container > .lm-login-form-container > .lm-login-form .klassen-faecher-auswahl-submit, .lm-login-container > .registrierung > .registrierungForm .klassen-faecher-auswahl-submit, .lm-login-container > .registrierung > .lm-login-form .klassen-faecher-auswahl-submit, .lm-login-container > .lm-login-form-container > .registrierungForm .klassen-faecher-auswahl-submit, .lm-login-container > .lm-login-form-container > .lm-login-form .klassen-faecher-auswahl-submit {
  display: flex;
  justify-content: center;
  align-items: center;
}
.registrierung-container > .registrierung .login-zur-registrierung, .registrierung-container > .lm-login-form-container .login-zur-registrierung, .lm-login-container > .registrierung .login-zur-registrierung, .lm-login-container > .lm-login-form-container .login-zur-registrierung {
  text-align: center;
  font-size: 0.8rem;
  margin: 1rem;
}
.registrierung-container > .registrierung .login-registrierung-switch, .registrierung-container > .lm-login-form-container .login-registrierung-switch, .lm-login-container > .registrierung .login-registrierung-switch, .lm-login-container > .lm-login-form-container .login-registrierung-switch {
  text-align: center;
  margin: 2rem 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.registrierung-container > .registrierung > hr, .registrierung-container > .lm-login-form-container > hr, .lm-login-container > .registrierung > hr, .lm-login-container > .lm-login-form-container > hr {
  margin-top: 2rem;
}

.registrierung-icons {
  font-size: 4rem;
  color: #632263;
}
.registrierung-icons > i {
  margin: 1rem;
}

.email-neu-senden {
  font-size: 0.8rem;
  margin: 1rem 0 0;
}

.login-container {
  display: grid;
  grid-template-columns: 50% 50%;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.login-container.verwaltung {
  grid-template-columns: 100%;
}
.login-container > div {
  display: flex;
  flex-direction: column;
  color: white;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.login-container > div.email-login-bg {
  background-color: #632263;
  grid-area: 1/1/2/2;
  padding: 2rem 6rem 2rem 0rem;
}
.login-container > div.email-login-bg > .email-login-container {
  align-self: flex-end;
}
.login-container > div.schul-login-bg {
  background-color: #DB0567;
  grid-area: 1/2/2/3;
  padding: 2rem 0rem 2rem 6rem;
}
.login-container > div.schul-login-bg > .schul-login-container {
  align-self: flex-start;
}
.login-container > div.verwaltung-login-bg {
  background-color: #632263;
}
.login-container > div > div {
  width: 80%;
  max-width: 570px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.login-container > div > div.verwaltung-login-container {
  max-width: 1000px;
  flex-direction: row;
  margin: 2rem auto 1rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.login-container > div > div.verwaltung-login-container > .login-text {
  max-width: 500px;
  margin-right: 2rem;
}
.login-container > div > div.verwaltung-login-container .verwaltung-login-text-liste {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.login-container > div > div.verwaltung-login-container .verwaltung-login-text-liste div {
  margin: 0.5rem;
}
.login-container > div > div.verwaltung-login-container .verwaltung-login-text-liste i {
  margin-right: 0.5rem;
}
@media (max-width: 819.98px) {
  .login-container > div > div.verwaltung-login-container {
    width: 90%;
  }
}
@media (max-width: 689.98px) {
  .login-container > div > div.verwaltung-login-container {
    flex-direction: column;
    margin: 0 auto 1rem;
  }
  .login-container > div > div.verwaltung-login-container > .login-text {
    max-width: 100%;
    margin: auto;
  }
  .login-container > div > div.verwaltung-login-container .verwaltung-login-text-liste {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  .login-container > div > div {
    width: 85%;
  }
}
.login-container > div > div > .login-text > h1 {
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1199.98px) {
  .login-container > div > div > .login-text > h1 {
    font-size: 1.5rem;
    margin-top: 1rem;
  }
}
.login-container > div > div > .login-text > h3 {
  font-weight: normal;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .login-container > div > div > .login-text > h3 {
    font-size: 1rem;
  }
}
.login-container > div > div > .login {
  background-color: white;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2rem auto;
  padding: 1.5rem 1rem;
  border-radius: 15px;
  color: #393339;
  text-align: left;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.login-container > div > div > .login.verwaltung {
  height: -moz-fit-content;
  height: fit-content;
  padding: 2rem 1rem;
}
@media (max-width: 1023.98px) {
  .login-container > div > div > .login {
    margin: 1rem auto;
  }
}
.login-container > div > div > .login > .loginForm {
  align-self: center;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.login-container > div > div > .login > .loginForm > div > label {
  text-transform: none;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1023.98px) {
  .login-container > div > div > .login > .loginForm > div > label {
    font-size: 1rem;
  }
}
.login-container > div > div > .login > .loginForm > div > label > label {
  cursor: pointer;
}
.login-container > div > div > .login > .loginForm > div > label > #password-visible-checkbox, .login-container > div > div > .login > .loginForm > div > label > #password-visible-checkbox-2, .login-container > div > div > .login > .loginForm > div > label > #schuelernr-visible-checkbox {
  display: none;
  width: 1rem;
  height: 1rem;
}
.login-container > div > div > .login > .loginForm > div input {
  width: 18rem;
}
@media (max-width: 379.98px) {
  .login-container > div > div > .login > .loginForm #schuelernr, .login-container > div > div > .login > .loginForm #schulkennzahl, .login-container > div > div > .login > .loginForm #submission-schule, .login-container > div > div > .login > .loginForm #userEmail, .login-container > div > div > .login > .loginForm #userPasswort, .login-container > div > div > .login > .loginForm #submission-email {
    width: 14rem;
    font-size: 0.8rem;
  }
}
.login-container > div > div .alt-login-text {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border-top: 2px solid #393339;
  padding-top: 1rem;
}
.login-container > div > div > .akk-arrow, .login-container > div > div > .text-for-arrow {
  display: none;
}
@media (max-width: 1023.98px) {
  .login-container > div.email-login-bg {
    padding: 2rem 4rem 2rem 0rem;
  }
  .login-container > div.schul-login-bg {
    padding: 2rem 0rem 2rem 4rem;
  }
}
.login-container > img {
  grid-area: 1/1/2/3;
  height: 8rem;
  justify-self: center;
  margin: auto 1rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .login-container > img {
    height: 6rem;
    margin: 6rem 0;
  }
}
@media (max-width: 881.98px) {
  .login-container > img {
    display: none;
  }
}
@media (max-width: 881.98px) {
  .login-container {
    display: flex;
    flex-direction: column-reverse;
  }
  .login-container > div {
    padding: 2rem 0rem;
  }
  .login-container > div.email-login-bg {
    padding: 2rem 0rem;
  }
  .login-container > div.email-login-bg > .email-login-container {
    align-self: center;
  }
  .login-container > div.schul-login-bg {
    padding: 2rem 0rem;
  }
  .login-container > div.schul-login-bg > .schul-login-container {
    align-self: center;
  }
  .login-container > div > div > .text-for-arrow {
    display: block;
    text-align: center;
    margin-top: 1rem;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
  }
  .login-container > div > div > .akk-arrow {
    display: block;
    cursor: pointer;
    align-self: center;
    width: 100%;
    transition: transform 1s;
  }
  .login-container > div > div > .akk-arrow > img {
    width: 2rem;
    margin: 1rem auto;
  }
  .login-container > div > div > .login-collapsible {
    cursor: pointer;
  }
}

.forgot-password {
  font-size: 0.8rem;
  text-decoration: underline;
  text-align: center;
  margin-top: 0.5rem;
  cursor: pointer;
}

.cvw-login-hr {
  margin: 2rem 1rem 0;
}

.cvw-login-switch {
  align-self: center;
  margin: 1.5rem 0 0;
  cursor: pointer;
  transition: all 0.2s;
}

.error-meldung {
  background-color: #FEC3DE;
  text-align: center;
  padding: 1rem;
}
.error-meldung.verifizierung-error {
  font-weight: bold;
  color: #DB0567;
}

.login-error-meldung {
  font-size: 0.8rem;
  color: #DB0567;
  text-align: center;
}

.login-info-section {
  width: 80%;
  margin: 4rem auto 3rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.login-info-section > h1, .login-info-section > h3 {
  margin: 1rem auto;
  text-align: center;
}
.login-info-section > .login-info-cards {
  display: grid;
  grid-template: 250px/250px 250px 250px;
  grid-column-gap: 5%;
  margin: 2rem auto;
  justify-content: center;
}
.login-info-section > .login-info-cards > .info-card {
  box-sizing: border-box;
  width: 250px;
  height: 250px;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem 1rem;
  align-items: center;
  text-align: center;
}
.login-info-section > .login-info-cards > .info-card > h3 {
  margin: 0;
}
.login-info-section > .login-info-cards > .info-card > .logo-link {
  width: 80%;
  transition: all 0.2s ease-in-out;
}
.login-info-section > .login-info-cards > .info-card > .info-card-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid #D7BFD7;
  border-radius: 50px;
  color: #632263;
  min-height: 2.5rem;
  max-height: 3.5rem;
  padding: 0 1rem;
  transition: all 0.2s ease-in-out;
}
.login-info-section > .login-info-cards > .info-card > .info-card-button > svg {
  width: 1.5rem;
  padding-left: 1rem;
}
.login-info-section > .login-info-cards > .info-card > .info-card-button > img {
  width: 2rem;
  padding-left: 1rem;
}
.login-info-section > hr {
  color: #CFCFCF;
  width: 60%;
  margin: 5rem auto 3rem;
}
@media (max-width: 881.98px) {
  .login-info-section {
    width: 85%;
  }
  .login-info-section > .login-info-cards {
    grid-template: repeat(3, 1fr)/70%;
  }
  .login-info-section > .login-info-cards > .info-card {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    margin: 1rem auto;
  }
  .login-info-section > .login-info-cards > .info-card > .logo-link {
    max-width: 250px;
  }
}

.link-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid #D7BFD7;
  border-radius: 50px;
  color: #632263;
  width: -moz-max-content;
  width: max-content;
  min-height: 2.5rem;
  max-height: 3.5rem;
  padding: 0 1rem;
  margin: auto;
  transition: all 0.2s ease-in-out;
}
.link-button > svg {
  width: 1.5rem;
  padding-left: 1rem;
}
.link-button > img {
  width: 2rem;
  padding-left: 1rem;
}

.login-faq-section {
  display: grid;
  grid-template: 6rem 1fr/50% 50%;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.login-faq-section > h1 {
  grid-area: 1/1/2/3;
  margin: 0 auto;
  text-align: center;
}
.login-faq-section > div {
  display: flex;
  flex-direction: column;
  color: #393339;
  padding: 2rem 4rem;
}
.login-faq-section > div.faq-vv-bg {
  grid-area: 2/1/3/2;
  background-color: #D7BFD7;
  align-items: flex-end;
}
.login-faq-section > div.faq-schule-bg {
  grid-area: 2/2/3/3;
  background-color: #FEC3DE;
}
.login-faq-section > div > div {
  width: 80%;
  max-width: 570px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.login-faq-section > div > div > .faq-item {
  margin: 0.5rem 0;
}
.login-faq-section > div > div > .faq-item > h4 {
  margin: 0 auto;
  padding: 1rem 0 0;
}
.login-faq-section > div > div > .faq-item > p {
  margin: 0.5rem 0;
}
@media (max-width: 1023.98px) {
  .login-faq-section > div > div {
    width: 95%;
  }
}
@media (max-width: 689.98px) {
  .login-faq-section {
    display: flex;
    flex-direction: column;
  }
  .login-faq-section > h1 {
    margin-bottom: 1rem;
  }
  .login-faq-section > div {
    padding: 2rem;
  }
  .login-faq-section > div.faq-vv-bg, .login-faq-section > div.faq-schule-bg {
    align-items: center;
  }
}

.dev-logout {
  margin: 3rem auto;
  font-size: 10px;
  padding: 0.5rem 1rem;
  border: 1px solid #D7BFD7;
  border-radius: 20px;
  width: 4rem;
  text-align: center;
}
.dev-logout > a {
  color: #D7BFD7;
}

.app-index-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0 auto 10rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.app-index-hero .app-index-hero-image {
  position: absolute;
  width: 10rem;
  transform: rotate(20deg);
  right: 0;
}
.app-index-hero h1 {
  font-size: 2.5rem;
  margin: 2rem;
  padding: 3rem;
  color: #632263;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: bold;
}

body.hasHover > .login-info-section .login-info-cards .info-card > .info-card-button:hover {
  background-color: #D7BFD7;
  transform: scale(1.08);
}
body.hasHover > .login-info-section .login-info-cards .info-card > .logo-link:hover {
  transform: scale(1.08);
}
body.hasHover > .login-info-section > .link-button:hover {
  background-color: #D7BFD7;
  transform: scale(1.08);
  color: #632263;
}
body.hasHover .cvw-login-switch:hover {
  color: #DB0567;
  transform: scale(1.08);
  transition: all 0.2s;
}
body.hasHover > .dev-logout:hover {
  border: 1px solid #632263;
  cursor: pointer;
}
body.hasHover > .dev-logout:hover > a {
  color: #632263;
}
body.hasHover .forgot-password:hover {
  color: #DB0567;
}

#schulkennzahl:focus, #schuelernr:focus, #userEmail:focus, #userPasswort:focus,
#lehrerEmail:focus, #lehrerEmailPW:focus,
.login-input#cloudnummer:focus, .login-input#lehrerID:focus, .login-input#lehrerPW:focus {
  border: 2px solid #632263;
}

.faqs {
  display: flex;
  flex-direction: column;
  width: 35rem;
  margin: 3rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .faqs {
    width: 80vw;
    margin: 3.5rem auto;
  }
}

.frage {
  color: #393339;
  font-size: 20px;
  margin-bottom: 0.5rem;
}

.antwort {
  color: #393339;
  font-size: 14px;
  margin-bottom: 2rem;
}

.faq-container {
  cursor: pointer;
}
.faq-container .faq-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.faq-container .faq-header h3 {
  padding: 1rem;
  margin: 0;
}
.faq-container .faq-header .akk-arrow {
  width: 1rem;
}
.faq-container .faq-content {
  margin: 0 1rem 2rem;
  display: none;
}
.faq-container a {
  color: #632263;
  text-decoration: underline;
}

.errorMessage, .infoMessage {
  margin: auto;
  background: #DB0567;
  color: white;
  padding: 2rem;
  text-align: center;
}
.errorMessage > h3, .infoMessage > h3 {
  margin: 0;
}

.infoMessage {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.infoMessage > p {
  max-width: 60rem;
  margin-left: 1rem;
}
.infoMessage > p > a {
  color: white;
}
.infoMessage > .fas {
  font-size: 3rem;
}

body.hasHover .infoMessage > p > a:hover {
  color: #632263;
}

.mainSite {
  min-height: 100vh;
  display: grid;
  grid-template: 12rem 22rem 22rem 1fr/1fr repeat(3, 16rem) 1fr;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  margin-bottom: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .mainSite {
    grid-template: 12rem 18rem 18rem 1fr/1fr repeat(3, 13rem) 1fr;
    grid-row-gap: 2rem;
  }
}
@media (max-width: 819.98px) {
  .mainSite {
    grid-template: 1fr repeat(2, 18rem) 1fr/1fr repeat(2, 13rem) 1fr;
  }
}
.mainSite .welcomeText {
  grid-area: 1/2/2/5;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .mainSite .welcomeText {
    grid-area: 1/2/2/4;
  }
}
.mainSite .gridIndex_1 {
  grid-area: 2/2/3/3;
}
.mainSite .gridIndex_2 {
  grid-area: 2/3/3/4;
}
.mainSite .gridIndex_3 {
  grid-area: 2/4/3/5;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .mainSite .gridIndex_3 {
    grid-area: 3/2/4/3;
  }
}
.mainSite .gridIndex_4 {
  grid-area: 3/2/4/3;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .mainSite .gridIndex_4 {
    grid-area: 3/3/4/4;
  }
}
.mainSite .reload-button {
  margin: auto;
  text-align: center;
  grid-area: 3/3/4/4;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.mainSite .reload-button > a {
  background-color: #FEC3DE;
  color: white;
  padding: 1rem 2rem;
  border-radius: 2rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition-property: background-color, box-shadow;
  transition-duration: 0.2s;
}
@media (max-width: 819.98px) {
  .mainSite .reload-button {
    grid-area: 4/2/5/4;
  }
}
.mainSite .mathe, .mainSite .deutsch, .mainSite .englisch, .mainSite .alpha, .mainSite .sachunterricht {
  background-color: white;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition-property: background-color;
  transition-duration: 0.5s;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.mainSite .mathe > p, .mainSite .deutsch > p, .mainSite .englisch > p, .mainSite .alpha > p, .mainSite .sachunterricht > p {
  margin-bottom: 1rem;
}
@media (max-width: 1079.98px) {
  .mainSite .mathe, .mainSite .deutsch, .mainSite .englisch, .mainSite .alpha, .mainSite .sachunterricht {
    font-size: 1.5rem;
  }
  .mainSite .mathe > p, .mainSite .deutsch > p, .mainSite .englisch > p, .mainSite .alpha > p, .mainSite .sachunterricht > p {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .mainSite .mathe, .mainSite .deutsch, .mainSite .englisch, .mainSite .alpha, .mainSite .sachunterricht {
    margin: 1rem auto;
  }
}
.mainSite .mathe {
  color: #DB0567;
}
.mainSite .mathe > #matheAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #DB0567;
}
.mainSite .deutsch {
  color: #347FC4;
}
.mainSite .deutsch > #deutschAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #347FC4;
}
.mainSite .englisch {
  color: #632263;
}
.mainSite .englisch > #englischAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #632263;
}
.mainSite .englisch > #englishIcon {
  height: 6.6rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .mainSite .englisch > #englishIcon {
    height: 5.5rem;
  }
}
.mainSite .alpha {
  color: #007A5E;
}
.mainSite .alpha > #alphaAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #007A5E;
}
.mainSite .sachunterricht {
  color: #3D9537;
}
.mainSite .sachunterricht > #sachunterrichtAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #3D9537;
}
@media (max-width: 575.98px) {
  .mainSite {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mainSite .welcomeText, .mainSite .gridIndex_1, .mainSite .gridIndex_2, .mainSite .gridIndex_3, .mainSite .gridIndex_4 {
    min-width: 17rem;
    max-width: 80%;
    font-size: 80%;
  }
  .mainSite .mathe, .mainSite .deutsch, .mainSite .englisch, .mainSite .alpha, .mainSite .sachunterricht {
    background-color: white;
    text-align: left;
    font-weight: bold;
    font-size: 1.2rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .mainSite .mathe > p, .mainSite .deutsch > p, .mainSite .englisch > p, .mainSite .alpha > p, .mainSite .sachunterricht > p {
    margin-bottom: 0;
    color: white;
    padding: 0.8rem 1rem;
  }
  .mainSite .mathe > img, .mainSite .deutsch > img, .mainSite .englisch > img, .mainSite .alpha > img, .mainSite .sachunterricht > img {
    display: none;
  }
  .mainSite .mathe > #matheAufgabenInfoBG, .mainSite .mathe > #deutschAufgabenInfoBG, .mainSite .mathe > #englischAufgabenInfoBG, .mainSite .mathe > #alphaAufgabenInfoBG, .mainSite .deutsch > #matheAufgabenInfoBG, .mainSite .deutsch > #deutschAufgabenInfoBG, .mainSite .deutsch > #englischAufgabenInfoBG, .mainSite .deutsch > #alphaAufgabenInfoBG, .mainSite .englisch > #matheAufgabenInfoBG, .mainSite .englisch > #deutschAufgabenInfoBG, .mainSite .englisch > #englischAufgabenInfoBG, .mainSite .englisch > #alphaAufgabenInfoBG, .mainSite .alpha > #matheAufgabenInfoBG, .mainSite .alpha > #deutschAufgabenInfoBG, .mainSite .alpha > #englischAufgabenInfoBG, .mainSite .alpha > #alphaAufgabenInfoBG, .mainSite .sachunterricht > #matheAufgabenInfoBG, .mainSite .sachunterricht > #deutschAufgabenInfoBG, .mainSite .sachunterricht > #englischAufgabenInfoBG, .mainSite .sachunterricht > #alphaAufgabenInfoBG {
    display: none;
  }
  .mainSite .mathe > p {
    background-color: #DB0567;
  }
  .mainSite .deutsch > p {
    background-color: #347FC4;
  }
  .mainSite .englisch > p {
    background-color: #632263;
  }
  .mainSite .alpha > p {
    background-color: #007A5E;
  }
}
@media (max-width: 529.98px) {
  .mainSite .mathe, .mainSite .deutsch, .mainSite .englisch, .mainSite .alpha {
    font-size: 1rem;
  }
  .mainSite .mathe > p, .mainSite .deutsch > p, .mainSite .englisch > p, .mainSite .alpha > p {
    padding: 0.4rem 1rem;
  }
}
@media (max-width: 379.98px) {
  .mainSite .mathe, .mainSite .deutsch, .mainSite .englisch, .mainSite .alpha {
    font-size: 0.9rem;
  }
}

body.hasHover .mainSite .mathe:hover, body.hasHover .mainSite .deutsch:hover, body.hasHover .mainSite .englisch:hover, body.hasHover .mainSite .alpha:hover {
  transition-property: background-color;
  transition-duration: 0.5s;
  cursor: pointer;
}
body.hasHover .mainSite .mathe:hover {
  background-color: #FEC3DE;
}
body.hasHover .mainSite .deutsch:hover {
  background-color: #B7E4F5;
}
body.hasHover .mainSite .englisch:hover {
  background-color: #D7BFD7;
}
body.hasHover .mainSite .alpha:hover {
  background-color: #C6EED6;
}
body.hasHover .mainSite .reload-button > a:hover {
  background-color: #DB0567;
  color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition-property: background-color, box-shadow;
  transition-duration: 0.2s;
}

.fachInfo {
  display: grid;
  grid-template: 1fr 3fr 0.7fr 0.7fr 5.5rem 0.3rem/1fr 1fr;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .fachInfo {
    grid-template: 2fr 3fr 0.7fr 0.7fr 4.5rem 0.3rem/1fr 1fr;
  }
}
.fachInfo > a {
  grid-area: 1/1/8/3;
  z-index: 10;
}
.fachInfo > .not-active {
  background-color: #393339;
  opacity: 0.3;
  cursor: not-allowed;
}
.fachInfo > p {
  grid-area: 1/1/2/3;
}
.fachInfo > img {
  grid-area: 2/1/3/3;
  justify-self: center;
  height: 100px;
  width: auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .fachInfo > img {
    height: 80px;
    width: auto;
  }
}
@media (max-width: 575.98px) {
  .fachInfo {
    grid-template: 3rem 1fr/1fr 1fr 1fr;
  }
  .fachInfo > a {
    grid-area: 1/1/3/4;
  }
  .fachInfo > p {
    grid-area: 1/1/2/4;
    padding: 0.7rem 1rem;
    margin-top: 0;
  }
}
@media (max-width: 529.98px) {
  .fachInfo {
    grid-template: 2rem 1fr/1fr 1fr 1fr;
  }
}
.fachInfo .anzahlAufgabenMathe {
  background-color: #FEC3DE;
  color: #DB0567;
}
.fachInfo .anzahlAufgabenDeutsch {
  background-color: #B7E4F5;
  color: #347FC4;
}
.fachInfo .anzahlAufgabenEnglisch {
  background-color: #D7BFD7;
  color: #632263;
}
.fachInfo .anzahlAufgabenAlpha {
  background-color: #C6EED6;
  color: #007A5E;
}
.fachInfo .anzahlAufgabenMathe, .fachInfo .anzahlAufgabenDeutsch, .fachInfo .anzahlAufgabenEnglisch, .fachInfo .anzahlAufgabenAlpha {
  grid-area: 3/1/5/3;
  justify-self: center;
  align-self: center;
  width: 13rem;
  font-size: 1.6rem;
  padding: 0.5rem;
  border-radius: 0.8rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.fachInfo .anzahlAufgabenMathe .aufgabenAnzahl, .fachInfo .anzahlAufgabenMathe .aufgabenAnzahlText, .fachInfo .anzahlAufgabenDeutsch .aufgabenAnzahl, .fachInfo .anzahlAufgabenDeutsch .aufgabenAnzahlText, .fachInfo .anzahlAufgabenEnglisch .aufgabenAnzahl, .fachInfo .anzahlAufgabenEnglisch .aufgabenAnzahlText, .fachInfo .anzahlAufgabenAlpha .aufgabenAnzahl, .fachInfo .anzahlAufgabenAlpha .aufgabenAnzahlText {
  display: inline;
}
@media (max-width: 1079.98px) {
  .fachInfo .anzahlAufgabenMathe, .fachInfo .anzahlAufgabenDeutsch, .fachInfo .anzahlAufgabenEnglisch, .fachInfo .anzahlAufgabenAlpha {
    width: 10rem;
    font-size: 1.2rem;
  }
}
@media (max-width: 575.98px) {
  .fachInfo .anzahlAufgabenMathe, .fachInfo .anzahlAufgabenDeutsch, .fachInfo .anzahlAufgabenEnglisch, .fachInfo .anzahlAufgabenAlpha {
    grid-area: 2/1/3/2;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
    width: auto;
  }
  .fachInfo .anzahlAufgabenMathe .aufgabenAnzahl, .fachInfo .anzahlAufgabenDeutsch .aufgabenAnzahl, .fachInfo .anzahlAufgabenEnglisch .aufgabenAnzahl, .fachInfo .anzahlAufgabenAlpha .aufgabenAnzahl {
    display: block;
    font-size: 2rem;
    text-align: center;
  }
  .fachInfo .anzahlAufgabenMathe .aufgabenAnzahlText, .fachInfo .anzahlAufgabenDeutsch .aufgabenAnzahlText, .fachInfo .anzahlAufgabenEnglisch .aufgabenAnzahlText, .fachInfo .anzahlAufgabenAlpha .aufgabenAnzahlText {
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: normal;
  }
}
@media (max-width: 379.98px) {
  .fachInfo .anzahlAufgabenMathe .aufgabenAnzahlText, .fachInfo .anzahlAufgabenDeutsch .aufgabenAnzahlText, .fachInfo .anzahlAufgabenEnglisch .aufgabenAnzahlText, .fachInfo .anzahlAufgabenAlpha .aufgabenAnzahlText {
    font-size: 0.8rem;
  }
}
.fachInfo #abgabeDatumMathe, .fachInfo #abgabeDatumDeutsch, .fachInfo #abgabeDatumEnglisch, .fachInfo #abgabeDatumAlpha {
  grid-area: 5/1/6/2;
  font-size: 1rem;
  color: white;
  line-height: 1rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.fachInfo #abgabeDatumMathe > p, .fachInfo #abgabeDatumDeutsch > p, .fachInfo #abgabeDatumEnglisch > p, .fachInfo #abgabeDatumAlpha > p {
  margin: 0;
}
.fachInfo #abgabeDatumMathe .kalenderIcon-invers, .fachInfo #abgabeDatumDeutsch .kalenderIcon-invers, .fachInfo #abgabeDatumEnglisch .kalenderIcon-invers, .fachInfo #abgabeDatumAlpha .kalenderIcon-invers {
  display: none;
}
.fachInfo #abgabeDatumMathe > .kalenderIcon, .fachInfo #abgabeDatumDeutsch > .kalenderIcon, .fachInfo #abgabeDatumEnglisch > .kalenderIcon, .fachInfo #abgabeDatumAlpha > .kalenderIcon {
  margin-top: 0.4rem;
  margin-left: 0.3rem;
  max-width: 4.5rem;
}
@media (max-width: 1079.98px) {
  .fachInfo #abgabeDatumMathe, .fachInfo #abgabeDatumDeutsch, .fachInfo #abgabeDatumEnglisch, .fachInfo #abgabeDatumAlpha {
    font-size: 0.8rem;
    line-height: 0.8rem;
  }
  .fachInfo #abgabeDatumMathe > .kalenderIcon, .fachInfo #abgabeDatumDeutsch > .kalenderIcon, .fachInfo #abgabeDatumEnglisch > .kalenderIcon, .fachInfo #abgabeDatumAlpha > .kalenderIcon {
    max-width: 4rem;
    margin-top: 0.3rem;
  }
}
@media (max-width: 575.98px) {
  .fachInfo #abgabeDatumMathe, .fachInfo #abgabeDatumDeutsch, .fachInfo #abgabeDatumEnglisch, .fachInfo #abgabeDatumAlpha {
    grid-area: 2/2/3/3;
    justify-self: center;
    align-self: center;
    padding: 0 1rem;
    font-weight: normal;
    font-size: 1rem;
  }
  .fachInfo #abgabeDatumMathe > .kalenderIcon, .fachInfo #abgabeDatumDeutsch > .kalenderIcon, .fachInfo #abgabeDatumEnglisch > .kalenderIcon, .fachInfo #abgabeDatumAlpha > .kalenderIcon {
    display: none;
  }
  .fachInfo #abgabeDatumMathe > .kalenderIcon-invers, .fachInfo #abgabeDatumDeutsch > .kalenderIcon-invers, .fachInfo #abgabeDatumEnglisch > .kalenderIcon-invers, .fachInfo #abgabeDatumAlpha > .kalenderIcon-invers {
    display: block;
    margin: 0 auto 0.5rem auto;
    max-width: 3.5rem;
  }
}
@media (max-width: 529.98px) {
  .fachInfo #abgabeDatumMathe, .fachInfo #abgabeDatumDeutsch, .fachInfo #abgabeDatumEnglisch, .fachInfo #abgabeDatumAlpha {
    font-size: 0.8rem;
  }
}
.fachInfo #fortschrittMathe, .fachInfo #fortschrittDeutsch, .fachInfo #fortschrittEnglisch, .fachInfo #fortschrittAlpha {
  grid-area: 5/2/6/3;
  font-size: 1rem;
  color: white;
  padding: 0.8rem 1rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .fachInfo #fortschrittMathe, .fachInfo #fortschrittDeutsch, .fachInfo #fortschrittEnglisch, .fachInfo #fortschrittAlpha {
    font-size: 0.8rem;
  }
}
@media (max-width: 575.98px) {
  .fachInfo #fortschrittMathe, .fachInfo #fortschrittDeutsch, .fachInfo #fortschrittEnglisch, .fachInfo #fortschrittAlpha {
    grid-area: 2/3/3/4;
    justify-self: center;
    align-self: center;
    font-weight: normal;
    font-size: 1rem;
  }
}
@media (max-width: 529.98px) {
  .fachInfo #fortschrittMathe, .fachInfo #fortschrittDeutsch, .fachInfo #fortschrittEnglisch, .fachInfo #fortschrittAlpha {
    font-size: 0.8rem;
  }
}
.fachInfo #abgabeDatumMathe {
  border-right: 1px solid #FEC3DE;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .fachInfo #abgabeDatumMathe {
    color: #DB0567;
    border-right: 2px solid #FEC3DE;
    border-left: 2px solid #FEC3DE;
  }
}
.fachInfo #abgabeDatumDeutsch {
  border-right: 1px solid #B7E4F5;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .fachInfo #abgabeDatumDeutsch {
    color: #347FC4;
    border-right: 2px solid #B7E4F5;
    border-left: 2px solid #B7E4F5;
  }
}
.fachInfo #abgabeDatumEnglisch {
  border-right: 1px solid #D7BFD7;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .fachInfo #abgabeDatumEnglisch {
    color: #632263;
    border-right: 2px solid #D7BFD7;
    border-left: 2px solid #D7BFD7;
  }
}
.fachInfo #abgabeDatumAlpha {
  border-right: 1px solid #C6EED6;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .fachInfo #abgabeDatumAlpha {
    color: #007A5E;
    border-right: 2px solid #C6EED6;
    border-left: 2px solid #C6EED6;
  }
}
.fachInfo #fortschrittMathe {
  border-left: 2px solid #FEC3DE;
}
.fachInfo #fortschrittDeutsch {
  border-left: 2px solid #B7E4F5;
}
.fachInfo #fortschrittEnglisch {
  border-left: 2px solid #D7BFD7;
}
.fachInfo #fortschrittAlpha {
  border-left: 2px solid #C6EED6;
}
@media (max-width: 575.98px) {
  .fachInfo #fortschrittMathe, .fachInfo #fortschrittDeutsch, .fachInfo #fortschrittEnglisch, .fachInfo #fortschrittAlpha {
    border: none;
  }
  .fachInfo #fortschrittMathe {
    color: #DB0567;
  }
  .fachInfo #fortschrittDeutsch {
    color: #347FC4;
  }
  .fachInfo #fortschrittEnglisch {
    color: #632263;
  }
  .fachInfo #fortschrittAlpha {
    color: #007A5E;
  }
}

.progress {
  border-radius: 5px;
  position: relative;
  margin: 0.6rem 0;
  height: 1.6rem;
}

.progressMatheCard {
  background-color: #FEC3DE;
}

.progressDeutschCard {
  background-color: #B7E4F5;
}

.progressEnglischCard {
  background-color: #D7BFD7;
}

.progressAlphaCard {
  background-color: #C6EED6;
}

.progress-done {
  background-color: white;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  opacity: 0;
  transition: 1s ease 0.3s;
  font-size: 12px;
}

.progress-done-MatheCard {
  color: #DB0567;
}

.progress-done-DeutschCard {
  color: #347FC4;
}

.progress-done-EnglischCard {
  color: #632263;
}

.progress-done-AlphaCard {
  color: #007A5E;
}

.progress-done-SachunterrichtCard {
  color: #3D9537;
}

.progress-done-BioCard {
  color: #FF600A;
}

.progress-done-PhysikCard {
  color: #9A0308;
}

.progress-done-ChemieCard {
  color: #A34DA3;
}

.progress-done-GeoCard {
  color: #347FC4;
}

.progress-done-Daz2Card {
  color: #28ACCC;
}

/* Very Large Desktop */
/* Large Desktop */
/* Desktop / Big Tablet */
/* Tablet lg */
/* Tablet md */
/* Tablet */
/* Mobile */
@media (max-width: 575.98px) {
  .progress {
    height: 1.4rem;
  }
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) and (max-width: 529.98px) {
  .progress {
    height: 1.2rem;
  }
}
.disable-click * {
  pointer-events: none;
}

.fachHeader {
  width: 100%;
  color: white;
  font-size: 1.6rem;
  font-weight: bold;
  margin: auto;
}

.fachHeaderMathe {
  background-color: #DB0567;
}

.fachHeaderDeutsch {
  background-color: #347FC4;
}

.fachHeaderEnglisch {
  background-color: #632263;
}

.fachHeaderAlpha {
  background-color: #007A5E;
}

.fachHeaderSachunterricht {
  background-color: #3D9537;
}

.fachHeaderBio {
  background-color: #FF600A;
}

.fachHeaderPhysik {
  background-color: #9A0308;
}

.fachHeaderChemie {
  background-color: #A34DA3;
}

.fachHeaderGeo {
  background-color: #022B9E;
}

.fachHeaderDaz2 {
  background-color: #28ACCC;
}

.stickyHeader {
  position: sticky;
  top: 0;
  z-index: 100;
}

.fachHeaderContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: white;
  overflow: hidden;
  height: 3.75rem;
  width: 55rem;
  max-width: 100%;
  padding: 0.7rem 4rem;
  margin: 0 auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.fachHeaderContainer .back-arrow {
  display: none;
}
@media (max-width: 1079.98px) {
  .fachHeaderContainer {
    height: 2.4rem;
    width: 90%;
    font-size: 1.3rem;
  }
}
@media (max-width: 575.98px) {
  .fachHeaderContainer {
    width: 90vw;
    padding: 0.7rem 1rem;
    justify-content: space-between;
  }
  .fachHeaderContainer .back-arrow {
    display: block;
    height: 100%;
  }
  .fachHeaderContainer .back-arrow > img {
    height: 100%;
    padding: 0 0.5rem;
  }
}

.aufgabenName {
  display: flex;
  flex-direction: column;
  width: 80%;
  height: 100%;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.aufgabenName > p {
  font-size: 1rem;
  margin: 0;
  margin-bottom: 0.5rem;
  opacity: 75%;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .aufgabenName > p {
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
  }
}
.aufgabenName > span {
  font-size: clamp(12px, 1.8vw, 25px);
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  .aufgabenName {
    text-align: right;
    font-size: 1rem;
  }
  .aufgabenName > span {
    white-space: normal !important;
  }
}

.breadcrumbsMathe, .breadcrumbsDeutsch, .breadcrumbsEnglisch, .breadcrumbsAlpha, .breadcrumbsSachunterricht {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 1.9rem;
  width: 55rem;
  max-width: 100%;
  padding-top: 0.3rem;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: bold;
  opacity: 50%;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.breadcrumbsMathe > a, .breadcrumbsDeutsch > a, .breadcrumbsEnglisch > a, .breadcrumbsAlpha > a, .breadcrumbsSachunterricht > a {
  display: flex;
  align-items: center;
}
.breadcrumbsMathe > a > img, .breadcrumbsDeutsch > a > img, .breadcrumbsEnglisch > a > img, .breadcrumbsAlpha > a > img, .breadcrumbsSachunterricht > a > img {
  width: 0.5rem;
  padding-right: 0.7rem;
}
.breadcrumbsMathe > a > .back-arrow-fachcolor, .breadcrumbsDeutsch > a > .back-arrow-fachcolor, .breadcrumbsEnglisch > a > .back-arrow-fachcolor, .breadcrumbsAlpha > a > .back-arrow-fachcolor, .breadcrumbsSachunterricht > a > .back-arrow-fachcolor {
  display: none;
}
@media (max-width: 1079.98px) {
  .breadcrumbsMathe, .breadcrumbsDeutsch, .breadcrumbsEnglisch, .breadcrumbsAlpha, .breadcrumbsSachunterricht {
    height: 2.4rem;
    width: 47rem;
    padding: 0.3rem 4rem;
  }
}
@media (max-width: 575.98px) {
  .breadcrumbsMathe, .breadcrumbsDeutsch, .breadcrumbsEnglisch, .breadcrumbsAlpha, .breadcrumbsSachunterricht {
    display: none;
  }
}

body.hasHover .breadcrumbsMathe > a:hover > .back-arrow-grey, body.hasHover .breadcrumbsDeutsch > a:hover > .back-arrow-grey, body.hasHover .breadcrumbsEnglisch > a:hover > .back-arrow-grey, body.hasHover .breadcrumbsAlpha > a:hover > .back-arrow-grey, body.hasHover .breadcrumbsSachunterricht > a:hover > .back-arrow-grey {
  display: none;
}
body.hasHover .breadcrumbsMathe > a:hover > .back-arrow-fachcolor, body.hasHover .breadcrumbsDeutsch > a:hover > .back-arrow-fachcolor, body.hasHover .breadcrumbsEnglisch > a:hover > .back-arrow-fachcolor, body.hasHover .breadcrumbsAlpha > a:hover > .back-arrow-fachcolor, body.hasHover .breadcrumbsSachunterricht > a:hover > .back-arrow-fachcolor {
  display: block;
}

body.hasHover .breadcrumbsMathe a:hover {
  color: #DB0567;
}

body.hasHover .breadcrumbsDeutsch a:hover {
  color: #347FC4;
}

body.hasHover .breadcrumbsEnglisch a:hover {
  color: #632263;
}

body.hasHover .breadcrumbsAlpha a:hover {
  color: #E89005;
}

body.hasHover .breadcrumbsSachunterricht a:hover {
  color: #3D9537;
}

.fachseite-info-section {
  max-width: 960px;
  text-align: left;
  margin: 0 auto 6rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.fachseite-info-section > .fachseite-header {
  color: #393339;
  padding: 0;
  padding-top: 1rem;
}
.fachseite-info-section hr {
  border: 2px solid #FEC3DE;
  border-radius: 10px;
}
.fachseite-info-section hr.fachseite-deutsch {
  border-color: #B7E4F5;
}
.fachseite-info-section hr.fachseite-englisch {
  border-color: #D7BFD7;
}
.fachseite-info-section hr.fachseite-alpha, .fachseite-info-section hr.fachseite-nawi {
  border-color: #C6EED6;
}
.fachseite-info-section hr.fachseite-daz {
  border-color: #FEEFD7;
}
.fachseite-info-section hr.fachseite-sachunterricht {
  border-color: #C6E9C3;
}
.fachseite-info-section > .fachseite-stichpunkte-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 2rem 0;
}
.fachseite-info-section > .fachseite-stichpunkte-container > .fachseite-stichpunkte-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 250px;
  margin: 2rem;
}
.fachseite-info-section > .fachseite-stichpunkte-container > .fachseite-stichpunkte-item > .fachseite-stichpunkte-img-container {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  display: flex;
  place-content: center;
}
.fachseite-info-section > .fachseite-stichpunkte-container > .fachseite-stichpunkte-item > .fachseite-stichpunkte-img-container > img {
  width: 80%;
}
.fachseite-info-section > .fachseite-stichpunkte-container > .fachseite-stichpunkte-item > .fachseite-stichpunkte-img-container > img[data-width="60"] {
  width: 60%;
}
.fachseite-info-section > .fachseite-stichpunkte-container > .fachseite-stichpunkte-item > .fachseite-stichpunkte-img-container > img[data-width="65"] {
  width: 65%;
}
.fachseite-info-section > .fachseite-stichpunkte-container > .fachseite-stichpunkte-item > .fachseite-stichpunkte-img-container > img[data-width="70"] {
  width: 70%;
}
.fachseite-info-section > .fachseite-stichpunkte-container > .fachseite-stichpunkte-item > .fachseite-stichpunkte-item-text > h4 {
  color: #393339;
  padding: 1rem 0 0.5rem;
}
.fachseite-info-section > .fachseite-stichpunkte-container > .fachseite-stichpunkte-item > .fachseite-stichpunkte-item-text > p {
  margin: 0;
}
.fachseite-info-section > .fachseite-schulstufen-info-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 4rem 0;
}
.fachseite-info-section > .fachseite-schulstufen-info-container > .fachseite-schulstufen-info-item {
  text-align: left;
  width: 40%;
  margin-right: 4rem;
  margin-left: 2rem;
}
.fachseite-info-section > .fachseite-schulstufen-info-container > .fachseite-schulstufen-info-item > h4 {
  padding: 0 0 0.5rem;
}
.fachseite-info-section > .fachseite-schulstufen-info-container > .fachseite-schulstufen-info-item > h4.color-pink {
  color: #DB0567;
}
.fachseite-info-section > .fachseite-schulstufen-info-container > .fachseite-schulstufen-info-item > h4.color-blau {
  color: #347FC4;
}
.fachseite-info-section > .fachseite-schulstufen-info-container > .fachseite-schulstufen-info-item > h4.color-yellow {
  color: #E89005;
}
.fachseite-info-section > .fachseite-schulstufen-info-container > .fachseite-schulstufen-info-item > h4.color-green {
  color: #3D9537;
}
.fachseite-info-section > .fachseite-schulstufen-info-container > .fachseite-schulstufen-info-item > h4.color-alpha {
  color: #007A5E;
}
.fachseite-info-section > .fachseite-schulstufen-info-container > .fachseite-schulstufen-info-item > p {
  margin: 0;
}
.fachseite-info-section > .fachseite-schulstufen-info-container > .fachseite-schulstufen-info-item > i {
  font-size: 0.8rem;
  opacity: 0.5;
}
.fachseite-info-section > .fachseite-schulstufen-themen {
  background-color: #FDE1EE;
  border-radius: 10px;
  width: 100%;
  margin: 2rem 0;
}
.fachseite-info-section > .fachseite-schulstufen-themen.fachseite-deutsch {
  background-color: #DAF3FB;
}
.fachseite-info-section > .fachseite-schulstufen-themen.fachseite-englisch {
  background-color: #F5EFF5;
}
.fachseite-info-section > .fachseite-schulstufen-themen.fachseite-alpha, .fachseite-info-section > .fachseite-schulstufen-themen.fachseite-nawi {
  background-color: #E3F4E1;
}
.fachseite-info-section > .fachseite-schulstufen-themen.fachseite-daz {
  background-color: #FEF7EB;
}
.fachseite-info-section > .fachseite-schulstufen-themen.fachseite-sachunterricht {
  background-color: #E3F4E1;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .fachseite-schulstufen-themen-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .fachseite-schulstufen-themen-header > h4 {
  color: #393339;
  margin: 1rem;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .fachseite-schulstufen-themen-header > .schulstufen {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .fachseite-schulstufen-themen-header > .schulstufen::before {
  pointer-events: none;
  content: url(https://app.lernmax.eu/media/images/Arrows/arrow_grey.svg);
  position: absolute;
  right: 1.5rem;
  top: 15px;
  color: #393339;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .fachseite-info-section > .fachseite-schulstufen-themen > .fachseite-schulstufen-themen-header > .schulstufen::before {
    top: 11px;
  }
}
.fachseite-info-section > .fachseite-schulstufen-themen > .fachseite-schulstufen-themen-header > .schulstufen > .schulstufen-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: none;
  font-size: 1rem;
  color: #393339;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 0 3.5rem 0 1.5rem;
  border-radius: 10px;
  cursor: pointer;
  height: 3rem;
  outline: none;
  width: 100%;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .fachseite-schulstufen-themen-header > .schulstufen > img {
  width: 1rem;
  margin-left: 0.5rem;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon {
  display: none;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected {
  display: block;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 1rem 1rem;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected > .thema {
  background-color: white;
  padding: 0;
  width: 275px;
  min-height: 80px;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected > .thema > .thema-title {
  font-size: 1.2rem;
  font-weight: normal;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected > .thema > .thema-title.mathe-color {
  color: #DB0567;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected > .thema > .thema-title.deutsch-color {
  color: #347FC4;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected > .thema > .thema-title.englisch-color {
  color: #632263;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected > .thema > .thema-title.alpha-color {
  color: #007A5E;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected > .thema > .thema-title.daz-color {
  color: #E89005;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected > .thema > .thema-title > .akk-arrow {
  width: 1.5rem;
  transition: transform 1s;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container {
  display: none;
  margin-top: 0;
  padding: 0 2rem;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben-listitem {
  font-size: 1rem;
  color: #393339;
  list-style-type: circle;
}
.fachseite-info-section > .fachseite-schulstufen-themen > .schulstufen-akkordeon.selected > .daz-sprache {
  margin: 1rem;
  width: 140px;
}
@media (max-width: 1023.98px) {
  .fachseite-info-section > .fachseite-header {
    margin: 2rem 2rem 0;
    width: 90%;
  }
  .fachseite-info-section hr {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .fachseite-info-section > .fachseite-stichpunkte-container {
    justify-content: center;
  }
}
@media (max-width: 689.98px) {
  .fachseite-info-section > .fachseite-stichpunkte-container > .fachseite-stichpunkte-item {
    max-width: 70%;
    min-width: 300px;
    flex-direction: row;
    align-items: center;
    margin: 1rem;
  }
  .fachseite-info-section > .fachseite-stichpunkte-container > .fachseite-stichpunkte-item > .fachseite-stichpunkte-img-container {
    padding: 0 1rem;
    margin: 1rem;
    margin-left: 0;
  }
  .fachseite-info-section > .fachseite-stichpunkte-container > .fachseite-stichpunkte-item > .fachseite-stichpunkte-img-container > img {
    width: 3rem !important;
    max-width: 5rem !important;
  }
  .fachseite-info-section > .fachseite-schulstufen-info-container {
    margin: 2rem 0;
    flex-direction: column;
  }
  .fachseite-info-section > .fachseite-schulstufen-info-container > .fachseite-schulstufen-info-item {
    width: unset;
    margin: 1rem 2rem;
  }
}

.fachseite-videos-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 3rem 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.fachseite-videos-container.einzel-column {
  flex-direction: column;
}
.fachseite-videos-container > .fachseite-video-item {
  padding: 1rem;
  margin: 2rem;
}
.fachseite-videos-container > .fachseite-video-item.crooked-frame {
  transform: rotate(1deg);
}
.fachseite-videos-container > .fachseite-video-item.crooked-frame > .inside-frame-element {
  transform: rotate(-1deg);
}
@media (max-width: 689.98px) {
  .fachseite-videos-container {
    margin: 2rem 0;
  }
  .fachseite-videos-container > .fachseite-video-item {
    padding: 0.8rem;
    margin: 1rem;
  }
}
@media (max-width: 469.98px) {
  .fachseite-videos-container > .fachseite-video-item {
    padding: 0.2rem;
  }
  .fachseite-videos-container > .fachseite-video-item.crooked-frame {
    transform: rotate(0deg);
  }
  .fachseite-videos-container > .fachseite-video-item.crooked-frame > .inside-frame-element {
    transform: rotate(0deg);
  }
}

.section-screenshots-container {
  display: grid;
  grid-template-columns: repeat(4, 250px);
  grid-gap: 1rem;
  margin: 3rem 0;
  align-items: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-screenshots-container > .section-screenshots-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.section-screenshots-container > .section-screenshots-column > .screenshot-gallery-image {
  width: inherit;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem 0;
  transition: all 0.2s ease-in-out;
}
.section-screenshots-container > .section-screenshots-column > .screenshot-gallery-image.screenshot-lg, .section-screenshots-container > .section-screenshots-column > .screenshot-gallery-image.screenshot-md, .section-screenshots-container > .section-screenshots-column > .screenshot-gallery-image.screenshot-s {
  display: none;
}
@media (max-width: 1079.98px) {
  .section-screenshots-container {
    grid-template-columns: repeat(3, 250px);
  }
  .section-screenshots-container > .section-screenshots-column.column-4 {
    display: none;
  }
  .section-screenshots-container > .section-screenshots-column > .screenshot-gallery-image.screenshot-lg {
    display: block;
  }
}
@media (max-width: 819.98px) {
  .section-screenshots-container {
    grid-template-columns: repeat(2, 250px);
  }
  .section-screenshots-container > .section-screenshots-column.column-3 {
    display: none;
  }
  .section-screenshots-container > .section-screenshots-column > .screenshot-gallery-image.screenshot-md {
    display: block;
  }
}
@media (max-width: 529.98px) {
  .section-screenshots-container {
    grid-template-columns: 250px;
  }
  .section-screenshots-container > .section-screenshots-column.column-2 {
    display: none;
  }
  .section-screenshots-container > .section-screenshots-column > .screenshot-gallery-image.screenshot-s {
    display: block;
  }
}

body.hasHover .screenshot-gallery-image:hover {
  transform: scale(1.5);
  transition: all 0.2s ease-in-out;
}

.Fach-Schulstufen-Auswahl {
  width: 80vw;
  max-width: 700px;
  display: grid;
  grid-template-rows: repeat(8, 5rem);
  grid-row-gap: 1.5rem;
  margin: 2rem auto;
}
.Fach-Schulstufen-Auswahl .schulstufe {
  background-color: rgba(207, 207, 207, 0.3);
  color: #393339;
  font-size: 1.2rem;
  padding: 1.6rem;
  align-self: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.Fach-Schulstufen-Auswahl .schulstufe:hover {
  cursor: pointer;
}

.aufgabenseite {
  min-height: 100vh;
}

.top-link {
  transition: all 0.25s ease-in-out;
  position: fixed;
  right: 0;
  top: 90%;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin: 0 3em 3em 0;
  z-index: 20;
  border-radius: 50%;
  padding: 0.25em;
  width: 50px;
  height: 50px;
  background-color: #FEC3DE;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.top-link-sachunterricht {
  background-color: #C6E9C3;
}
.top-link.show {
  visibility: visible;
  opacity: 1;
}
.top-link.hide {
  visibility: hidden;
  opacity: 0;
}
.top-link svg {
  fill: #393339;
  width: 24px;
  height: 12px;
}

body.hasHover .top-link:hover {
  background-color: #DB0567;
}
body.hasHover .top-link:hover svg {
  fill: white;
}
body.hasHover .top-link-sachunterricht:hover {
  background-color: #3D9537;
}

.screen-reader-text {
  position: absolute;
  clip-path: inset(50%);
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus {
  display: block;
  top: 5px;
  left: 5px;
  z-index: 100000;
  clip-path: none;
  background-color: #eee;
  padding: 15px 23px 14px;
  width: auto;
  height: auto;
  text-decoration: none;
  line-height: normal;
  color: #444;
  font-size: 1em;
  clip: auto !important;
}

.Aufgaben-Auswahl-Wrapper-VV {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 2rem;
  width: 90vw;
  max-width: 700px;
  margin: 2rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl {
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 1rem 0;
  height: -moz-max-content;
  height: max-content;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl ul li {
  display: block;
  padding: 1rem 1rem 1rem 2rem;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl ul li.active {
  color: #DB0567;
  border-left: 0.4rem solid #DB0567;
  font-weight: bold;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl ul li:hover {
  cursor: pointer;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl ul li[rel=hide] {
  display: none;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl-Select {
  display: none;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion {
  display: none;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion.selected {
  display: block;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion.selected .akk-thema {
  background-color: rgba(207, 207, 207, 0.3);
  padding: 0.5rem 1rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 2rem;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion.selected .akk-thema .subthema-title {
  padding: 1rem 1rem;
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion.selected .akk-thema .subthema-title .akk-arrow {
  width: 1.5rem;
  transition: transform 1s;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion.selected .akk-thema .akk-aufgaben {
  display: none;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion.selected .akk-thema .akk-aufgaben .akk-aufgabe {
  background-color: white;
  padding: 0.5rem 1rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px;
  margin: 0.5rem 0 1.5rem 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion.selected .akk-thema .akk-aufgaben .akk-aufgabe > p {
  font-size: 14px;
  padding-right: 1rem;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion.selected .akk-thema .akk-aufgaben .akk-aufgabe > a {
  font-size: 14px;
  padding: 0.7rem 1rem;
  border: none;
  border-radius: 3px;
  background-color: #DB0567;
  color: white;
  margin: 0 0.5rem;
}
.Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion.selected .akk-thema .akk-aufgaben .akk-aufgabe body.hasHover a:hover {
  cursor: pointer;
  color: white;
}
@media (max-width: 575.98px) {
  .Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion.selected .akk-thema .akk-aufgaben .akk-aufgabe > p, .Aufgaben-Auswahl-Wrapper-VV .Themen-Akkordion.selected .akk-thema .akk-aufgaben .akk-aufgabe > a {
    font-size: 1rem;
  }
}
@media (max-width: 575.98px) {
  .Aufgaben-Auswahl-Wrapper-VV {
    grid-template: 3rem 1fr/1fr;
    grid-row-gap: 3rem;
  }
  .Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl {
    display: none;
  }
  .Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl-Select {
    display: block;
    justify-self: center;
    width: 100%;
  }
  .Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl-Select > select {
    border: none;
    padding: 1rem 2rem;
    margin: auto;
    width: 100%;
    font-size: 20px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.02), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("../media/images/arrow_grey_2x.png"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right 2rem top 50%, 0 0;
    background-size: 1.5rem auto, 100%;
    border-radius: 20px;
    /* Very Large Desktop */
    /* Large Desktop */
    /* Desktop / Big Tablet */
    /* Tablet lg */
    /* Tablet md */
    /* Tablet */
    /* Mobile */
  }
  .Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl-Select > select > option {
    padding: 1rem;
  }
}
@media (max-width: 575.98px) and (max-width: 469.98px) {
  .Aufgaben-Auswahl-Wrapper-VV .Themen-Auswahl-Select > select {
    font-size: 1rem;
    background-size: 1.3rem auto, 100%;
  }
}

.sachunterricht-Themen-Auswahl-VV {
  width: 90vw;
  max-width: 65rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 5rem auto;
}
.sachunterricht-Themen-Auswahl-VV > .sachunterricht-thema {
  display: grid;
  grid-template: 1fr/minmax(auto, 30%) 1fr;
  margin: 2rem;
  background-color: rgba(207, 207, 207, 0.3);
}
.sachunterricht-Themen-Auswahl-VV > .sachunterricht-thema > .sachunterricht-thema-text {
  padding: 1rem 2rem;
  grid-column: 2;
}
.sachunterricht-Themen-Auswahl-VV > .sachunterricht-thema > .sachunterricht-thema-img {
  grid-column: 1;
}
.sachunterricht-Themen-Auswahl-VV > .sachunterricht-thema > .sachunterricht-thema-img > img {
  height: 100%;
}
.sachunterricht-Themen-Auswahl-VV > .sachunterricht-thema > .sachunterricht-thema-link {
  grid-column: 1/3;
  z-index: 10;
}
.sachunterricht-Themen-Auswahl-VV > .sachunterricht-thema:hover {
  background-color: #C6E9C3;
  cursor: pointer;
  color: #393339;
}

.alpha-bg-container {
  background-color: #53dbf3;
}

.alpha-themen-auswahl-container {
  width: 90%;
  max-width: 55rem;
  min-height: 100vh;
  background-color: #6be4f5;
  margin: 1rem auto;
  border-radius: 3rem;
}

.aufgabenseite {
  min-height: 100vh;
}

.top-link {
  transition: all 0.25s ease-in-out;
  position: fixed;
  right: 0;
  top: 90%;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin: 0 3em 3em 0;
  z-index: 20;
  border-radius: 50%;
  padding: 0.25em;
  width: 50px;
  height: 50px;
  background-color: #FEC3DE;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.top-link.show {
  visibility: visible;
  opacity: 1;
}
.top-link.hide {
  visibility: hidden;
  opacity: 0;
}
.top-link svg {
  fill: #393339;
  width: 24px;
  height: 12px;
}

body.hasHover .top-link:hover {
  background-color: #DB0567;
}
body.hasHover .top-link:hover svg {
  fill: white;
}

.screen-reader-text {
  position: absolute;
  clip-path: inset(50%);
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus {
  display: block;
  top: 5px;
  left: 5px;
  z-index: 100000;
  clip-path: none;
  background-color: #eee;
  padding: 15px 23px 14px;
  width: auto;
  height: auto;
  text-decoration: none;
  line-height: normal;
  color: #444;
  font-size: 1em;
  clip: auto !important;
}

.aufgabenliste {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
  color: #393339;
  width: 45rem;
  max-width: 100%;
  padding-top: 3.5rem;
  margin: 0 auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.aufgabenliste > a {
  color: #393339;
}
@media (max-width: 1079.98px) {
  .aufgabenliste {
    width: 80vw;
  }
}
@media (max-width: 819.98px) {
  .aufgabenliste {
    padding-top: 2rem;
  }
}

body.hasHover .aufgabenliste > a:hover {
  color: #393339;
}

.aufgabenListeInfos {
  font-size: 1.25rem;
  opacity: 75%;
  width: inherit;
  padding-bottom: 2.5rem;
  padding-left: 1.6rem;
}

.aufgabenlisteTitle {
  width: inherit;
  padding-bottom: 1.5rem;
  padding-left: 1.6rem;
  font-size: 1.9rem;
  font-weight: bold;
}

/* Very Large Desktop */
/* Large Desktop */
/* Desktop / Big Tablet */
/* Tablet lg */
/* Tablet md */
/* Tablet */
@media (max-width: 819.98px) {
  .aufgabenListeInfos {
    font-size: 1rem;
    padding-bottom: 2rem;
  }
  .aufgabenlisteTitle {
    font-size: 1.3rem;
    padding-bottom: 0.8rem;
  }
}
/* Mobile */
.aufgabe {
  width: inherit;
  min-height: 4rem;
  height: auto;
  font-size: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
}
.aufgabe > p {
  padding: 0 1rem;
}
.aufgabe .progress {
  background-color: white;
  border-radius: 0 0 8px 8px;
  position: relative;
  height: 2rem;
  min-width: 220px;
  width: 100%;
  margin: 0;
}
.aufgabe .progress .progress-done {
  border-radius: 5px;
  color: #393339;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  width: 0;
  opacity: 0;
  transition: 1s ease 0.3s;
  font-size: 1.25rem;
  box-sizing: border-box;
  padding-right: 1.5rem;
  transition: all ease 1s;
}
.aufgabe .progress .progress-done-Mathe {
  background-color: #FEC3DE;
}
.aufgabe .progress .progress-done-Deutsch {
  background-color: #B7E4F5;
}
.aufgabe .progress .progress-done-Englisch {
  background-color: #D7BFD7;
}
.aufgabe .progress .progress-done-Alpha {
  background-color: #FEEFD7;
}
.aufgabe .progress .progress-done-Daz2 {
  background-color: #DEF3F8;
}
.aufgabe .progress .progress-start {
  width: 0;
  opacity: 1;
}

.aufgabeMathe {
  border: 2px solid #FEC3DE;
}

.aufgabeDeutsch {
  border: 2px solid #B7E4F5;
}

.aufgabeEnglisch {
  border: 2px solid #D7BFD7;
}

.aufgabeAlpha {
  border: 2px solid #FEEFD7;
}

.aufgabeDaz2 {
  border: 2px solid #DEF3F8;
}

.progress-done > img {
  width: 8%;
  min-width: 2rem;
}
.progress-done > img.aufgaben-start-button {
  width: 12%;
  min-width: 4rem;
  margin-bottom: 1rem;
  transition: all ease 0.5s;
}

body.hasHover .aufgabeMathe:hover {
  border: 2px solid #DB0567;
  cursor: pointer;
}
body.hasHover .aufgabeMathe:hover > .progress > .progress-done.widthUnder100 {
  width: 100% !important;
  background-color: #DB0567;
  color: white;
  transition: all ease 1s;
}
body.hasHover .aufgabeMathe:hover > .progress > .progress-done.widthUnder100 > .start-button-pfeil {
  min-width: 1%;
  width: 4rem;
}
body.hasHover .aufgabeMathe:hover > .progress > .progress-done > img.aufgaben-start-button {
  width: 14%;
  transition: all ease 0.5s;
}

body.hasHover .aufgabeDeutsch:hover, body.hasHover .aufgabeDeutsch:hover > .progressDeutsch {
  border: 2px solid #347FC4;
  cursor: pointer;
}

body.hasHover .aufgabeEnglisch:hover, body.hasHover .aufgabeEnglisch:hover > .progressEnglisch {
  border: 2px solid #632263;
  cursor: pointer;
}

body.hasHover .aufgabeAlpha:hover, body.hasHover .aufgabeAlpha:hover > .progressAlpha {
  border: 2px solid #E89005;
  cursor: pointer;
}

body.hasHover .aufgabeDaz2:hover, body.hasHover .aufgabeDaz2:hover > .progressDaz2 {
  border: 2px solid #28ACCC;
  cursor: pointer;
}

.uebung-container {
  width: 100%;
  height: auto;
  margin: 0.5rem auto 5rem;
  display: grid;
  grid-template: 20px 20px 1fr 22px 22px/100%;
  text-align: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .uebung-container {
    margin: 1.5rem auto;
  }
}

.uebung-rahmen-single, .uebung-rahmen-double, .uebung-rahmen-symbole {
  border: 2px solid #707070;
  border-radius: 10px;
  box-sizing: border-box;
  grid-area: 2/1/5/2;
  padding: 3rem 2.5rem;
  align-content: center;
  justify-content: center;
  text-align: center;
  display: grid;
  font-size: 20px;
  margin: auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .uebung-rahmen-single, .uebung-rahmen-double, .uebung-rahmen-symbole {
    border: none;
    padding: 0 1rem 3rem;
  }
}
@media (max-width: 379.98px) {
  .uebung-rahmen-single, .uebung-rahmen-double, .uebung-rahmen-symbole {
    padding: 0 0 2rem;
  }
}

.uebung-rahmen-double {
  grid-template: 1fr/1fr 1fr;
  grid-column-gap: 30px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .uebung-rahmen-double {
    grid-template: 1fr 1fr/1fr;
  }
}

.uebung-rahmen-single, .rechnung-container-1, .rechnung-container-2 {
  display: grid;
  grid-template: repeat(auto-fit, 3rem)/12.5rem 1rem 5rem 2rem 5rem;
  grid-row-gap: 1rem;
  padding-bottom: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .uebung-rahmen-single, .rechnung-container-1, .rechnung-container-2 {
    grid-template: repeat(auto-fit, 3rem)/11rem 1rem 5rem 2rem 5rem;
  }
}
@media (max-width: 529.98px) {
  .uebung-rahmen-single, .rechnung-container-1, .rechnung-container-2 {
    grid-template: repeat(auto-fit, 2.5rem)/10rem 1rem 5rem 2rem 5rem;
    font-size: 18px;
  }
}
@media (max-width: 379.98px) {
  .uebung-rahmen-single, .rechnung-container-1, .rechnung-container-2 {
    grid-template: repeat(auto-fit, 2.5rem)/10rem 0.5rem 3.5rem 1.5rem 4rem;
  }
}

.uebung-ergaenzen-rahmen-single, .ergaenzen-container-1, .ergaenzen-container-2 {
  display: grid;
  grid-template: repeat(auto-fit, 3rem)/6.5rem 4rem 6.5rem 2rem 5rem;
  grid-row-gap: 1rem;
  padding-bottom: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .uebung-ergaenzen-rahmen-single, .ergaenzen-container-1, .ergaenzen-container-2 {
    grid-template: repeat(auto-fit, 3rem)/6.5rem 4rem 6.5rem 2rem 5rem;
    font-size: 18px;
  }
}
@media (max-width: 529.98px) {
  .uebung-ergaenzen-rahmen-single, .ergaenzen-container-1, .ergaenzen-container-2 {
    grid-template: repeat(auto-fit, 2.5rem)/6rem 3rem 6rem 2rem 5rem;
    font-size: 18px;
  }
}
@media (max-width: 379.98px) {
  .uebung-ergaenzen-rahmen-single, .ergaenzen-container-1, .ergaenzen-container-2 {
    grid-template: repeat(auto-fit, 2.5rem)/6rem 3rem 6rem 1.5rem 5rem;
  }
}

.uebung-rahmen-symbole {
  display: flex;
  flex-direction: column;
  padding: 3rem 5rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .uebung-rahmen-symbole {
    padding: 0.5rem 5rem 3rem;
  }
}
@media (max-width: 575.98px) {
  .uebung-rahmen-symbole {
    padding: 0rem 2rem 3rem;
  }
}

.rechnung-container-1 {
  grid-area: 1/1/2/2;
}

.rechnung-container-2 {
  grid-area: 1/2/2/3;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .rechnung-container-2 {
    grid-area: 2/1/3/2;
  }
}

.help-button {
  display: none;
  box-sizing: border-box;
  border: 2px solid #707070;
  border-radius: 25px;
  width: 30px;
  height: 30px;
  grid-area: 1/1/3/2;
  justify-self: center;
  align-self: center;
  padding: 4px 0;
  background-color: white;
  transition: all 0.5s;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.help-button:hover {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  width: 33px;
  height: 33px;
  font-size: 20px;
  padding: 3px 0;
  cursor: pointer;
  transition: all 0.5s;
}
@media (max-width: 575.98px) {
  .help-button {
    float: right;
    position: fixed;
  }
}

.buttons-flex {
  display: flex;
  grid-area: 4/1/6/2;
  justify-content: space-around;
  align-items: center;
  width: 55rem;
  max-width: 90%;
  margin: 0 auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.buttons-flex .fertig-button, .buttons-flex .Speichern-button, .buttons-flex .Nochmal-button, .buttons-flex .fertig-2-button,
.buttons-flex .Auswahl-Button, .buttons-flex .start-button, .buttons-flex .next-button, .buttons-flex .Abbruch-Button, .buttons-flex .loesung-button, .buttons-flex .neustart-button {
  background-color: #FEC3DE;
  color: #DB0567;
  border: none;
  border-radius: 10px;
  font-size: 1.5rem;
  font-weight: normal;
  font-family: inherit;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  box-sizing: border-box;
  padding: 10px 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  transition: all 0.5s;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.buttons-flex .fertig-button.start-button, .buttons-flex .fertig-button.fertig-button, .buttons-flex .Speichern-button.start-button, .buttons-flex .Speichern-button.fertig-button, .buttons-flex .Nochmal-button.start-button, .buttons-flex .Nochmal-button.fertig-button, .buttons-flex .fertig-2-button.start-button, .buttons-flex .fertig-2-button.fertig-button,
.buttons-flex .Auswahl-Button.start-button,
.buttons-flex .Auswahl-Button.fertig-button, .buttons-flex .start-button.start-button, .buttons-flex .start-button.fertig-button, .buttons-flex .next-button.start-button, .buttons-flex .next-button.fertig-button, .buttons-flex .Abbruch-Button.start-button, .buttons-flex .Abbruch-Button.fertig-button, .buttons-flex .loesung-button.start-button, .buttons-flex .loesung-button.fertig-button, .buttons-flex .neustart-button.start-button, .buttons-flex .neustart-button.fertig-button {
  min-width: 200px;
}
.buttons-flex .fertig-button.alpha-button, .buttons-flex .Speichern-button.alpha-button, .buttons-flex .Nochmal-button.alpha-button, .buttons-flex .fertig-2-button.alpha-button,
.buttons-flex .Auswahl-Button.alpha-button, .buttons-flex .start-button.alpha-button, .buttons-flex .next-button.alpha-button, .buttons-flex .Abbruch-Button.alpha-button, .buttons-flex .loesung-button.alpha-button, .buttons-flex .neustart-button.alpha-button {
  background-color: #C6EED6;
  color: #007A5E;
}
.buttons-flex .fertig-button.deutsch-button, .buttons-flex .Speichern-button.deutsch-button, .buttons-flex .Nochmal-button.deutsch-button, .buttons-flex .fertig-2-button.deutsch-button,
.buttons-flex .Auswahl-Button.deutsch-button, .buttons-flex .start-button.deutsch-button, .buttons-flex .next-button.deutsch-button, .buttons-flex .Abbruch-Button.deutsch-button, .buttons-flex .loesung-button.deutsch-button, .buttons-flex .neustart-button.deutsch-button {
  background-color: #B7E4F5;
  color: #347FC4;
}
.buttons-flex .fertig-button.su-button, .buttons-flex .Speichern-button.su-button, .buttons-flex .Nochmal-button.su-button, .buttons-flex .fertig-2-button.su-button,
.buttons-flex .Auswahl-Button.su-button, .buttons-flex .start-button.su-button, .buttons-flex .next-button.su-button, .buttons-flex .Abbruch-Button.su-button, .buttons-flex .loesung-button.su-button, .buttons-flex .neustart-button.su-button {
  background-color: #C6E9C3;
  color: #3D9537;
}
.buttons-flex .fertig-button.bio-button, .buttons-flex .Speichern-button.bio-button, .buttons-flex .Nochmal-button.bio-button, .buttons-flex .fertig-2-button.bio-button,
.buttons-flex .Auswahl-Button.bio-button, .buttons-flex .start-button.bio-button, .buttons-flex .next-button.bio-button, .buttons-flex .Abbruch-Button.bio-button, .buttons-flex .loesung-button.bio-button, .buttons-flex .neustart-button.bio-button {
  background-color: #FDDBC8;
  color: #FF600A;
}
.buttons-flex .fertig-button.physik-button, .buttons-flex .Speichern-button.physik-button, .buttons-flex .Nochmal-button.physik-button, .buttons-flex .fertig-2-button.physik-button,
.buttons-flex .Auswahl-Button.physik-button, .buttons-flex .start-button.physik-button, .buttons-flex .next-button.physik-button, .buttons-flex .Abbruch-Button.physik-button, .buttons-flex .loesung-button.physik-button, .buttons-flex .neustart-button.physik-button {
  background-color: #E4B4B6;
  color: #9A0308;
}
.buttons-flex .fertig-button.chemie-button, .buttons-flex .Speichern-button.chemie-button, .buttons-flex .Nochmal-button.chemie-button, .buttons-flex .fertig-2-button.chemie-button,
.buttons-flex .Auswahl-Button.chemie-button, .buttons-flex .start-button.chemie-button, .buttons-flex .next-button.chemie-button, .buttons-flex .Abbruch-Button.chemie-button, .buttons-flex .loesung-button.chemie-button, .buttons-flex .neustart-button.chemie-button {
  background-color: #FEECFE;
  color: #A34DA3;
}
.buttons-flex .fertig-button.geo-button, .buttons-flex .Speichern-button.geo-button, .buttons-flex .Nochmal-button.geo-button, .buttons-flex .fertig-2-button.geo-button,
.buttons-flex .Auswahl-Button.geo-button, .buttons-flex .start-button.geo-button, .buttons-flex .next-button.geo-button, .buttons-flex .Abbruch-Button.geo-button, .buttons-flex .loesung-button.geo-button, .buttons-flex .neustart-button.geo-button {
  background-color: #C8D4FC;
  color: #022B9E;
}
.buttons-flex .fertig-button.daz2-button, .buttons-flex .Speichern-button.daz2-button, .buttons-flex .Nochmal-button.daz2-button, .buttons-flex .fertig-2-button.daz2-button,
.buttons-flex .Auswahl-Button.daz2-button, .buttons-flex .start-button.daz2-button, .buttons-flex .next-button.daz2-button, .buttons-flex .Abbruch-Button.daz2-button, .buttons-flex .loesung-button.daz2-button, .buttons-flex .neustart-button.daz2-button {
  background-color: #DEF3F8;
  color: #28ACCC;
}
.buttons-flex .fertig-button.smaller-font, .buttons-flex .Speichern-button.smaller-font, .buttons-flex .Nochmal-button.smaller-font, .buttons-flex .fertig-2-button.smaller-font,
.buttons-flex .Auswahl-Button.smaller-font, .buttons-flex .start-button.smaller-font, .buttons-flex .next-button.smaller-font, .buttons-flex .Abbruch-Button.smaller-font, .buttons-flex .loesung-button.smaller-font, .buttons-flex .neustart-button.smaller-font {
  font-size: 1rem;
}
.buttons-flex .fertig-button:disabled, .buttons-flex .Speichern-button:disabled, .buttons-flex .Nochmal-button:disabled, .buttons-flex .fertig-2-button:disabled,
.buttons-flex .Auswahl-Button:disabled, .buttons-flex .start-button:disabled, .buttons-flex .next-button:disabled, .buttons-flex .Abbruch-Button:disabled, .buttons-flex .loesung-button:disabled, .buttons-flex .neustart-button:disabled {
  background-color: #707070;
  color: #393339;
}
.buttons-flex .fertig-button i:not(.no-margin), .buttons-flex .Speichern-button i:not(.no-margin), .buttons-flex .Nochmal-button i:not(.no-margin), .buttons-flex .fertig-2-button i:not(.no-margin),
.buttons-flex .Auswahl-Button i:not(.no-margin), .buttons-flex .start-button i:not(.no-margin), .buttons-flex .next-button i:not(.no-margin), .buttons-flex .Abbruch-Button i:not(.no-margin), .buttons-flex .loesung-button i:not(.no-margin), .buttons-flex .neustart-button i:not(.no-margin) {
  margin-left: 1rem;
  font-size: 1.5rem;
}
@media (max-width: 819.98px) {
  .buttons-flex .fertig-button, .buttons-flex .Speichern-button, .buttons-flex .Nochmal-button, .buttons-flex .fertig-2-button,
  .buttons-flex .Auswahl-Button, .buttons-flex .start-button, .buttons-flex .next-button, .buttons-flex .Abbruch-Button, .buttons-flex .loesung-button, .buttons-flex .neustart-button {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0.8rem;
  }
}
@media (max-width: 689.98px) {
  .buttons-flex .fertig-button, .buttons-flex .Speichern-button, .buttons-flex .Nochmal-button, .buttons-flex .fertig-2-button,
  .buttons-flex .Auswahl-Button, .buttons-flex .start-button, .buttons-flex .next-button, .buttons-flex .Abbruch-Button, .buttons-flex .loesung-button, .buttons-flex .neustart-button {
    font-size: 1rem;
    font-weight: bold;
    margin: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .buttons-flex {
    flex-wrap: wrap-reverse;
    height: -moz-min-content;
    height: min-content;
  }
}

body.hasHover .buttons-flex .fertig-button:hover, body.hasHover .buttons-flex .Speichern-button:hover, body.hasHover .buttons-flex .Nochmal-button:hover, body.hasHover .buttons-flex .fertig-2-button:hover,
body.hasHover .buttons-flex .Auswahl-Button:hover, body.hasHover .buttons-flex .start-button:hover, body.hasHover .buttons-flex .next-button:hover, body.hasHover .buttons-flex .Abbruch-Button:hover, body.hasHover .buttons-flex .loesung-button:hover, body.hasHover .buttons-flex .neustart-button:hover {
  background-color: #DB0567 !important;
  color: white;
  cursor: pointer;
  transform: scale(1.1);
  transition: all 0.5s;
}
body.hasHover .buttons-flex .fertig-button.alpha-button:hover, body.hasHover .buttons-flex .Speichern-button.alpha-button:hover, body.hasHover .buttons-flex .Nochmal-button.alpha-button:hover, body.hasHover .buttons-flex .fertig-2-button.alpha-button:hover,
body.hasHover .buttons-flex .Auswahl-Button.alpha-button:hover, body.hasHover .buttons-flex .start-button.alpha-button:hover, body.hasHover .buttons-flex .next-button.alpha-button:hover, body.hasHover .buttons-flex .Abbruch-Button.alpha-button:hover, body.hasHover .buttons-flex .loesung-button.alpha-button:hover, body.hasHover .buttons-flex .neustart-button.alpha-button:hover {
  background-color: #007A5E !important;
}
body.hasHover .buttons-flex .fertig-button.deutsch-button:hover, body.hasHover .buttons-flex .Speichern-button.deutsch-button:hover, body.hasHover .buttons-flex .Nochmal-button.deutsch-button:hover, body.hasHover .buttons-flex .fertig-2-button.deutsch-button:hover,
body.hasHover .buttons-flex .Auswahl-Button.deutsch-button:hover, body.hasHover .buttons-flex .start-button.deutsch-button:hover, body.hasHover .buttons-flex .next-button.deutsch-button:hover, body.hasHover .buttons-flex .Abbruch-Button.deutsch-button:hover, body.hasHover .buttons-flex .loesung-button.deutsch-button:hover, body.hasHover .buttons-flex .neustart-button.deutsch-button:hover {
  background-color: #347FC4 !important;
}
body.hasHover .buttons-flex .fertig-button.englisch-button:hover, body.hasHover .buttons-flex .Speichern-button.englisch-button:hover, body.hasHover .buttons-flex .Nochmal-button.englisch-button:hover, body.hasHover .buttons-flex .fertig-2-button.englisch-button:hover,
body.hasHover .buttons-flex .Auswahl-Button.englisch-button:hover, body.hasHover .buttons-flex .start-button.englisch-button:hover, body.hasHover .buttons-flex .next-button.englisch-button:hover, body.hasHover .buttons-flex .Abbruch-Button.englisch-button:hover, body.hasHover .buttons-flex .loesung-button.englisch-button:hover, body.hasHover .buttons-flex .neustart-button.englisch-button:hover {
  background-color: #632263 !important;
}
body.hasHover .buttons-flex .fertig-button.su-button:hover, body.hasHover .buttons-flex .Speichern-button.su-button:hover, body.hasHover .buttons-flex .Nochmal-button.su-button:hover, body.hasHover .buttons-flex .fertig-2-button.su-button:hover,
body.hasHover .buttons-flex .Auswahl-Button.su-button:hover, body.hasHover .buttons-flex .start-button.su-button:hover, body.hasHover .buttons-flex .next-button.su-button:hover, body.hasHover .buttons-flex .Abbruch-Button.su-button:hover, body.hasHover .buttons-flex .loesung-button.su-button:hover, body.hasHover .buttons-flex .neustart-button.su-button:hover {
  background-color: #3D9537 !important;
}
body.hasHover .buttons-flex .fertig-button.bio-button:hover, body.hasHover .buttons-flex .Speichern-button.bio-button:hover, body.hasHover .buttons-flex .Nochmal-button.bio-button:hover, body.hasHover .buttons-flex .fertig-2-button.bio-button:hover,
body.hasHover .buttons-flex .Auswahl-Button.bio-button:hover, body.hasHover .buttons-flex .start-button.bio-button:hover, body.hasHover .buttons-flex .next-button.bio-button:hover, body.hasHover .buttons-flex .Abbruch-Button.bio-button:hover, body.hasHover .buttons-flex .loesung-button.bio-button:hover, body.hasHover .buttons-flex .neustart-button.bio-button:hover {
  background-color: #FF600A !important;
}
body.hasHover .buttons-flex .fertig-button.physik-button:hover, body.hasHover .buttons-flex .Speichern-button.physik-button:hover, body.hasHover .buttons-flex .Nochmal-button.physik-button:hover, body.hasHover .buttons-flex .fertig-2-button.physik-button:hover,
body.hasHover .buttons-flex .Auswahl-Button.physik-button:hover, body.hasHover .buttons-flex .start-button.physik-button:hover, body.hasHover .buttons-flex .next-button.physik-button:hover, body.hasHover .buttons-flex .Abbruch-Button.physik-button:hover, body.hasHover .buttons-flex .loesung-button.physik-button:hover, body.hasHover .buttons-flex .neustart-button.physik-button:hover {
  background-color: #9A0308 !important;
}
body.hasHover .buttons-flex .fertig-button.chemie-button:hover, body.hasHover .buttons-flex .Speichern-button.chemie-button:hover, body.hasHover .buttons-flex .Nochmal-button.chemie-button:hover, body.hasHover .buttons-flex .fertig-2-button.chemie-button:hover,
body.hasHover .buttons-flex .Auswahl-Button.chemie-button:hover, body.hasHover .buttons-flex .start-button.chemie-button:hover, body.hasHover .buttons-flex .next-button.chemie-button:hover, body.hasHover .buttons-flex .Abbruch-Button.chemie-button:hover, body.hasHover .buttons-flex .loesung-button.chemie-button:hover, body.hasHover .buttons-flex .neustart-button.chemie-button:hover {
  background-color: #A34DA3 !important;
}
body.hasHover .buttons-flex .fertig-button.geo-button:hover, body.hasHover .buttons-flex .Speichern-button.geo-button:hover, body.hasHover .buttons-flex .Nochmal-button.geo-button:hover, body.hasHover .buttons-flex .fertig-2-button.geo-button:hover,
body.hasHover .buttons-flex .Auswahl-Button.geo-button:hover, body.hasHover .buttons-flex .start-button.geo-button:hover, body.hasHover .buttons-flex .next-button.geo-button:hover, body.hasHover .buttons-flex .Abbruch-Button.geo-button:hover, body.hasHover .buttons-flex .loesung-button.geo-button:hover, body.hasHover .buttons-flex .neustart-button.geo-button:hover {
  background-color: #022B9E !important;
}
body.hasHover .buttons-flex .fertig-button.daz2-button:hover, body.hasHover .buttons-flex .Speichern-button.daz2-button:hover, body.hasHover .buttons-flex .Nochmal-button.daz2-button:hover, body.hasHover .buttons-flex .fertig-2-button.daz2-button:hover,
body.hasHover .buttons-flex .Auswahl-Button.daz2-button:hover, body.hasHover .buttons-flex .start-button.daz2-button:hover, body.hasHover .buttons-flex .next-button.daz2-button:hover, body.hasHover .buttons-flex .Abbruch-Button.daz2-button:hover, body.hasHover .buttons-flex .loesung-button.daz2-button:hover, body.hasHover .buttons-flex .neustart-button.daz2-button:hover {
  background-color: #28ACCC !important;
}
body.hasHover .buttons-flex .fertig-button:disabled:hover, body.hasHover .buttons-flex .Speichern-button:disabled:hover, body.hasHover .buttons-flex .Nochmal-button:disabled:hover, body.hasHover .buttons-flex .fertig-2-button:disabled:hover,
body.hasHover .buttons-flex .Auswahl-Button:disabled:hover, body.hasHover .buttons-flex .start-button:disabled:hover, body.hasHover .buttons-flex .next-button:disabled:hover, body.hasHover .buttons-flex .Abbruch-Button:disabled:hover, body.hasHover .buttons-flex .loesung-button:disabled:hover, body.hasHover .buttons-flex .neustart-button:disabled:hover {
  background-color: #707070 !important;
  color: #393339;
  transform: scale(1);
  cursor: default;
}

:not(body.hasHover .buttons-flex) .fertig-button, :not(body.hasHover .buttons-flex) .Speichern-button, :not(body.hasHover .buttons-flex) .Nochmal-button, :not(body.hasHover .buttons-flex) .fertig-2-button,
:not(body.hasHover .buttons-flex) .Auswahl-Button, :not(body.hasHover .buttons-flex) .start-button, :not(body.hasHover .buttons-flex) .next-button, :not(body.hasHover .buttons-flex) .Abbruch-Button, :not(body.hasHover .buttons-flex) .loesung-button, :not(body.hasHover .buttons-flex) .neustart-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/*
#Speichern-button, #Auswahl-button {
  margin-left: 15rem;
  @include responsive(lm){
    margin-left: 12rem;
  }
  @include responsive(xs){
    margin-left: 10rem;
  }
}

#Nochmal-button{
  margin-right: 15rem;
  @include responsive(lm){
    margin-right: 12rem;
  }
  @include responsive(xs){
    margin-right: 10rem;
  }
}
*/
.rechnung-1, .rechnung-6 {
  grid-area: 1/1/2/2;
  text-align: right;
  padding: 10px 0;
}

.rechnung-1-1, .rechnung-6-1 {
  grid-area: 1/3/2/4;
  text-align: left;
  padding: 10px 0;
}

#erg-1, #erg-6 {
  grid-area: 1/3/2/4;
}

#erg-ergaenzen-1, #erg-ergaenzen-6 {
  grid-area: 1/2/2/3;
}

#rightFalse-1, #rightFalse-6 {
  grid-area: 1/4/2/5;
}

#correction-1, #correction-6 {
  grid-area: 1/5/2/6;
}

#rightFalse-symbole-1 {
  grid-column: 6;
}

#erg-symbole-1 {
  grid-column: 5;
  height: 4rem;
  font-size: 2rem;
  line-height: 4rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  #erg-symbole-1 {
    height: 2.5rem;
    font-size: 1.8rem;
    line-height: initial;
  }
}
@media (max-width: 575.98px) {
  #erg-symbole-1 {
    font-size: 1.2rem;
    line-height: initial;
  }
}

.rechnung-2, .rechnung-7 {
  grid-area: 2/1/3/2;
  text-align: right;
  padding: 10px 0;
}

.rechnung-2-1, .rechnung-7-1 {
  grid-area: 2/3/3/4;
  text-align: left;
  padding: 10px 0;
}

#erg-2, #erg-7 {
  grid-area: 2/3/3/4;
}

#erg-ergaenzen-2, #erg-ergaenzen-7 {
  grid-area: 2/2/3/3;
}

#rightFalse-2, #rightFalse-7 {
  grid-area: 2/4/3/5;
}

#correction-2, #correction-7 {
  grid-area: 2/5/3/6;
}

#rightFalse-symbole-2 {
  grid-column: 6;
}

#erg-symbole-2 {
  grid-column: 5;
  height: 4rem;
  font-size: 2rem;
  line-height: 4rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  #erg-symbole-2 {
    height: 2.5rem;
    font-size: 1.8rem;
    line-height: initial;
  }
}
@media (max-width: 575.98px) {
  #erg-symbole-2 {
    font-size: 1.2rem;
    line-height: initial;
  }
}

.rechnung-3, .rechnung-8 {
  grid-area: 3/1/4/2;
  text-align: right;
  padding: 10px 0;
}

.rechnung-3-1, .rechnung-8-1 {
  grid-area: 3/3/4/4;
  text-align: left;
  padding: 10px 0;
}

#erg-3, #erg-8 {
  grid-area: 3/3/4/4;
}

#erg-ergaenzen-3, #erg-ergaenzen-8 {
  grid-area: 3/2/4/3;
}

#rightFalse-3, #rightFalse-8 {
  grid-area: 3/4/4/5;
}

#correction-3, #correction-8 {
  grid-area: 3/5/4/6;
}

#rightFalse-symbole-3 {
  grid-column: 6;
}

#erg-symbole-3 {
  grid-column: 5;
  height: 4rem;
  font-size: 2rem;
  line-height: 4rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  #erg-symbole-3 {
    height: 2.5rem;
    font-size: 1.8rem;
    line-height: initial;
  }
}
@media (max-width: 575.98px) {
  #erg-symbole-3 {
    font-size: 1.2rem;
    line-height: initial;
  }
}

.rechnung-4, .rechnung-9 {
  grid-area: 4/1/5/2;
  text-align: right;
  padding: 10px 0;
}

.rechnung-4-1, .rechnung-9-1 {
  grid-area: 4/3/5/4;
  text-align: left;
  padding: 10px 0;
}

#erg-4, #erg-9 {
  grid-area: 4/3/5/4;
}

#erg-ergaenzen-4, #erg-ergaenzen-9 {
  grid-area: 4/2/5/3;
}

#rightFalse-4, #rightFalse-9 {
  grid-area: 4/4/5/5;
}

#correction-4, #correction-9 {
  grid-area: 4/5/5/6;
}

#rightFalse-symbole-4 {
  grid-column: 6;
}

#erg-symbole-4 {
  grid-column: 5;
  height: 4rem;
  font-size: 2rem;
  line-height: 4rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  #erg-symbole-4 {
    height: 2.5rem;
    font-size: 1.8rem;
    line-height: initial;
  }
}
@media (max-width: 575.98px) {
  #erg-symbole-4 {
    font-size: 1.2rem;
    line-height: initial;
  }
}

.rechnung-5, .rechnung-10 {
  grid-area: 5/1/6/2;
  text-align: right;
  padding: 10px 0;
}

.rechnung-5-1, .rechnung-10-1 {
  grid-area: 5/3/6/4;
  text-align: left;
  padding: 10px 0;
}

#erg-5, #erg-10 {
  grid-area: 5/3/6/4;
}

#erg-ergaenzen-5, #erg-ergaenzen-10 {
  grid-area: 5/2/6/3;
}

#rightFalse-5, #rightFalse-10 {
  grid-area: 5/4/6/5;
}

#correction-5, #correction-10 {
  grid-area: 5/5/6/6;
}

#rightFalse-symbole-5 {
  grid-column: 6;
}

#erg-symbole-5 {
  grid-column: 5;
  height: 4rem;
  font-size: 2rem;
  line-height: 4rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  #erg-symbole-5 {
    height: 2.5rem;
    font-size: 1.8rem;
    line-height: initial;
  }
}
@media (max-width: 575.98px) {
  #erg-symbole-5 {
    font-size: 1.2rem;
    line-height: initial;
  }
}

.rechnung-symbole {
  margin: 2rem 0;
  display: grid;
  grid-template: 6rem/auto 4rem auto 4rem 5rem 3rem 5rem;
  align-items: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.rechnung-symbole .mathe-symbole-operant-1 {
  grid-column: 1;
}
.rechnung-symbole .mathe-symbole-operator {
  grid-column: 2;
  font-size: 2rem;
}
.rechnung-symbole .mathe-symbole-operant-2 {
  grid-column: 3;
}
.rechnung-symbole .mathe-symbole-equals {
  grid-column: 4;
  font-size: 2rem;
}
@media (max-width: 819.98px) {
  .rechnung-symbole {
    grid-template: 5rem/auto 3rem auto 3rem 4rem 2rem 4rem;
  }
  .rechnung-symbole .mathe-symbole-operator, .rechnung-symbole .mathe-symbole-equals {
    font-size: 1.5rem;
  }
  .rechnung-symbole .mathe-symbole-operant-1 > img, .rechnung-symbole .mathe-symbole-operant-2 > img {
    min-width: 30px;
    width: 5vw;
  }
}
@media (max-width: 575.98px) {
  .rechnung-symbole {
    grid-template: 5rem/auto 3rem auto 3rem 4rem 1.5rem 4rem;
  }
  .rechnung-symbole .mathe-symbole-operator, .rechnung-symbole .mathe-symbole-equals {
    font-size: 1.2rem;
  }
  .rechnung-symbole .mathe-symbole-operant-1 > img, .rechnung-symbole .mathe-symbole-operant-2 > img {
    min-width: 20px;
    width: 6vw;
  }
}

.ergebnis-input {
  border-radius: 3px;
  box-sizing: border-box;
  border: 2px solid #FEC3DE;
  background-color: white;
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 20px;
  color: #393339;
  font-weight: bold;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.ergebnis-input:focus {
  border: 2px solid #DB0567;
}
.ergebnis-input.richtig-geloest {
  border: none;
  font-weight: bold;
  font-size: 25px;
  color: #4CB944;
}
@media (max-width: 529.98px) {
  .ergebnis-input {
    font-size: 1rem;
  }
}

.ergebnis, .correction, .correction-symbole {
  width: 100%;
  height: 100%;
  text-align: left;
  font-size: 25px;
  color: #393339;
  font-weight: bold;
  padding: 6px 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 529.98px) {
  .ergebnis, .correction, .correction-symbole {
    font-size: 20px;
  }
}

.correction, .correction-symbole {
  color: #3D9537;
  text-align: center;
}

.correction-symbole {
  grid-column: 7;
  font-size: 2rem;
  height: 4rem;
  line-height: 4rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .correction-symbole {
    height: 2.5rem;
    font-size: 1.8rem;
    line-height: initial;
  }
}
@media (max-width: 575.98px) {
  .correction-symbole {
    height: 1.5rem;
    font-size: 1.2rem;
    line-height: initial;
  }
}

.ergaenzen {
  text-align: center;
}

.rightFalse > img {
  width: 60%;
  height: auto;
  padding-top: 0.5rem;
}
.rightFalse > .xv {
  width: 80%;
  height: auto;
}
.rightFalse > .xx {
  width: 60%;
  height: auto;
}

.kopfrechnen-aufgabe, .mathetest-kopfrechnen {
  display: flex;
  flex-direction: column;
  margin: 1rem auto 2rem;
  align-items: center;
  justify-content: space-between;
}
.kopfrechnen-aufgabe > .kopfrechnen-rechnung, .mathetest-kopfrechnen > .kopfrechnen-rechnung, .kopfrechnen-aufgabe > .kopfrechnen-symbole, .mathetest-kopfrechnen > .kopfrechnen-symbole, .kopfrechnen-aufgabe > .kopfrechnen-rechenregeln, .mathetest-kopfrechnen > .kopfrechnen-rechenregeln, .kopfrechnen-aufgabe > .kopfrechnen-drei-summanden, .mathetest-kopfrechnen > .kopfrechnen-drei-summanden, .kopfrechnen-aufgabe > .kopfrechnen-zahlenreihe, .mathetest-kopfrechnen > .kopfrechnen-zahlenreihe {
  display: grid;
  grid-template-columns: repeat(8, 3rem);
  grid-gap: 0.2rem;
  margin: 1rem 0;
  align-items: center;
}
.kopfrechnen-aufgabe > .kopfrechnen-rechnung > .rechtsbuendig, .mathetest-kopfrechnen > .kopfrechnen-rechnung > .rechtsbuendig, .kopfrechnen-aufgabe > .kopfrechnen-symbole > .rechtsbuendig, .mathetest-kopfrechnen > .kopfrechnen-symbole > .rechtsbuendig, .kopfrechnen-aufgabe > .kopfrechnen-rechenregeln > .rechtsbuendig, .mathetest-kopfrechnen > .kopfrechnen-rechenregeln > .rechtsbuendig, .kopfrechnen-aufgabe > .kopfrechnen-drei-summanden > .rechtsbuendig, .mathetest-kopfrechnen > .kopfrechnen-drei-summanden > .rechtsbuendig, .kopfrechnen-aufgabe > .kopfrechnen-zahlenreihe > .rechtsbuendig, .mathetest-kopfrechnen > .kopfrechnen-zahlenreihe > .rechtsbuendig {
  text-align: right;
}
.kopfrechnen-aufgabe > .kopfrechnen-rechnung > .linksbuendig, .mathetest-kopfrechnen > .kopfrechnen-rechnung > .linksbuendig, .kopfrechnen-aufgabe > .kopfrechnen-symbole > .linksbuendig, .mathetest-kopfrechnen > .kopfrechnen-symbole > .linksbuendig, .kopfrechnen-aufgabe > .kopfrechnen-rechenregeln > .linksbuendig, .mathetest-kopfrechnen > .kopfrechnen-rechenregeln > .linksbuendig, .kopfrechnen-aufgabe > .kopfrechnen-drei-summanden > .linksbuendig, .mathetest-kopfrechnen > .kopfrechnen-drei-summanden > .linksbuendig, .kopfrechnen-aufgabe > .kopfrechnen-zahlenreihe > .linksbuendig, .mathetest-kopfrechnen > .kopfrechnen-zahlenreihe > .linksbuendig {
  text-align: left;
}
.kopfrechnen-aufgabe > .kopfrechnen-rechnung > input, .mathetest-kopfrechnen > .kopfrechnen-rechnung > input, .kopfrechnen-aufgabe > .kopfrechnen-symbole > input, .mathetest-kopfrechnen > .kopfrechnen-symbole > input, .kopfrechnen-aufgabe > .kopfrechnen-rechenregeln > input, .mathetest-kopfrechnen > .kopfrechnen-rechenregeln > input, .kopfrechnen-aufgabe > .kopfrechnen-drei-summanden > input, .mathetest-kopfrechnen > .kopfrechnen-drei-summanden > input, .kopfrechnen-aufgabe > .kopfrechnen-zahlenreihe > input, .mathetest-kopfrechnen > .kopfrechnen-zahlenreihe > input {
  width: 95%;
  padding: 0;
  font-size: 20px;
}
.kopfrechnen-aufgabe > .kopfrechnen-rechnung > input.richtige-eingabe, .mathetest-kopfrechnen > .kopfrechnen-rechnung > input.richtige-eingabe, .kopfrechnen-aufgabe > .kopfrechnen-symbole > input.richtige-eingabe, .mathetest-kopfrechnen > .kopfrechnen-symbole > input.richtige-eingabe, .kopfrechnen-aufgabe > .kopfrechnen-rechenregeln > input.richtige-eingabe, .mathetest-kopfrechnen > .kopfrechnen-rechenregeln > input.richtige-eingabe, .kopfrechnen-aufgabe > .kopfrechnen-drei-summanden > input.richtige-eingabe, .mathetest-kopfrechnen > .kopfrechnen-drei-summanden > input.richtige-eingabe, .kopfrechnen-aufgabe > .kopfrechnen-zahlenreihe > input.richtige-eingabe, .mathetest-kopfrechnen > .kopfrechnen-zahlenreihe > input.richtige-eingabe {
  color: #3D9537;
  font-weight: bold;
}
.kopfrechnen-aufgabe > .kopfrechnen-rechnung > .img-feedback, .mathetest-kopfrechnen > .kopfrechnen-rechnung > .img-feedback, .kopfrechnen-aufgabe > .kopfrechnen-symbole > .img-feedback, .mathetest-kopfrechnen > .kopfrechnen-symbole > .img-feedback, .kopfrechnen-aufgabe > .kopfrechnen-rechenregeln > .img-feedback, .mathetest-kopfrechnen > .kopfrechnen-rechenregeln > .img-feedback, .kopfrechnen-aufgabe > .kopfrechnen-drei-summanden > .img-feedback, .mathetest-kopfrechnen > .kopfrechnen-drei-summanden > .img-feedback, .kopfrechnen-aufgabe > .kopfrechnen-zahlenreihe > .img-feedback, .mathetest-kopfrechnen > .kopfrechnen-zahlenreihe > .img-feedback {
  width: 1.5rem;
}
.kopfrechnen-aufgabe > .kopfrechnen-zahlenreihe, .mathetest-kopfrechnen > .kopfrechnen-zahlenreihe {
  justify-items: center;
  grid-gap: 0.6rem;
}
.kopfrechnen-aufgabe > .kopfrechnen-zahlenreihe > span, .mathetest-kopfrechnen > .kopfrechnen-zahlenreihe > span {
  padding: 0.6rem 0;
  width: 90%;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 5rem;
}
.kopfrechnen-aufgabe > .kopfrechnen-drei-summanden, .mathetest-kopfrechnen > .kopfrechnen-drei-summanden {
  grid-gap: 0.8rem;
}
.kopfrechnen-aufgabe > .kopfrechnen-drei-summanden > input, .mathetest-kopfrechnen > .kopfrechnen-drei-summanden > input {
  max-width: 5rem;
}
.kopfrechnen-aufgabe > .kopfrechnen-rechenregeln, .mathetest-kopfrechnen > .kopfrechnen-rechenregeln {
  text-align: right;
  grid-gap: 0.6rem;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole, .mathetest-kopfrechnen > .kopfrechnen-symbole {
  font-size: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container > span, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container > span {
  margin: 0 0.2rem;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container > span > .fa-apple-alt, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container > span > .fa-apple-alt {
  color: #3D9537;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container > span > .fa-fish, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container > span > .fa-fish {
  color: #347FC4;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container > span > .fa-cookie, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container > span > .fa-cookie {
  color: chocolate;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container > span > .fa-crown, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container > span > .fa-crown {
  color: #E89005;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container > span > .fa-bolt, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container > span > .fa-bolt {
  color: gold;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container > span > .fa-frog, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container > span > .fa-frog {
  color: darkgreen;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container > span > .fa-guitar, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container > span > .fa-guitar {
  color: maroon;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container > span > .fa-hammer, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container > span > .fa-hammer {
  color: darkgrey;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container > span > .fa-heart, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container > span > .fa-heart {
  color: crimson;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > .symbol-container > span > .fa-ice-cream, .mathetest-kopfrechnen > .kopfrechnen-symbole > .symbol-container > span > .fa-ice-cream {
  color: darksalmon;
}
.kopfrechnen-aufgabe > .kopfrechnen-symbole > input, .mathetest-kopfrechnen > .kopfrechnen-symbole > input {
  width: 3rem;
  font-size: 2rem;
}
@media (max-width: 689.98px) {
  .kopfrechnen-aufgabe > .kopfrechnen-symbole, .mathetest-kopfrechnen > .kopfrechnen-symbole {
    font-size: 1.5rem;
  }
  .kopfrechnen-aufgabe > .kopfrechnen-symbole > input, .mathetest-kopfrechnen > .kopfrechnen-symbole > input {
    font-size: 1.5rem;
  }
}
.kopfrechnen-aufgabe > hr, .mathetest-kopfrechnen > hr {
  border: 1px solid #CFCFCF;
  width: 80%;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 529.98px) {
  .kopfrechnen-aufgabe > hr, .mathetest-kopfrechnen > hr {
    width: 90%;
  }
}

.mathetest-kopfrechnen {
  margin: 3rem auto 4rem;
}
.mathetest-kopfrechnen .kopfrechnen-rechnung, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-zahlenreihe, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-drei-summanden, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-rechenregeln, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-symbole, .mathetest-kopfrechnen > .kopfrechnen-zahlenreihe, .mathetest-kopfrechnen > .kopfrechnen-drei-summanden, .mathetest-kopfrechnen > .kopfrechnen-rechenregeln, .mathetest-kopfrechnen > .kopfrechnen-symbole {
  display: flex;
  font-size: 1.5rem;
}
.mathetest-kopfrechnen .kopfrechnen-rechnung .kopfrechnen-input, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-zahlenreihe .kopfrechnen-input, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-drei-summanden .kopfrechnen-input, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-rechenregeln .kopfrechnen-input, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-symbole .kopfrechnen-input, .mathetest-kopfrechnen > .kopfrechnen-zahlenreihe .kopfrechnen-input, .mathetest-kopfrechnen > .kopfrechnen-drei-summanden .kopfrechnen-input, .mathetest-kopfrechnen > .kopfrechnen-rechenregeln .kopfrechnen-input, .mathetest-kopfrechnen > .kopfrechnen-symbole .kopfrechnen-input {
  max-width: 6rem;
  font-size: 1.5rem;
  background-color: rgba(218, 243, 251, 0.5);
  margin: 0 0.2rem;
}
.mathetest-kopfrechnen .kopfrechnen-rechnung > div, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-zahlenreihe > div, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-drei-summanden > div, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-rechenregeln > div, .mathetest-kopfrechnen .kopfrechnen-aufgabe > .kopfrechnen-symbole > div, .mathetest-kopfrechnen > .kopfrechnen-zahlenreihe > div, .mathetest-kopfrechnen > .kopfrechnen-drei-summanden > div, .mathetest-kopfrechnen > .kopfrechnen-rechenregeln > div, .mathetest-kopfrechnen > .kopfrechnen-symbole > div {
  min-width: 2rem;
  margin: 0 0.2rem;
}

.mc-uebung-rahmen {
  border: 2px solid #707070;
  border-radius: 10px;
  box-sizing: border-box;
  grid-area: 2/1/5/2;
  padding: 3rem 2.5rem;
  align-content: center;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  margin: auto;
  width: 55rem;
  max-width: 90%;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.mc-uebung-rahmen > .raster-feedback > .sachaufgaben-textaufgabe-loesung {
  padding: 1rem;
  font-size: 1.5rem;
  color: #4CB944;
  font-weight: bold;
}
.mc-uebung-rahmen > .aufgabe-feedback {
  margin: 2.5rem auto;
}
.mc-uebung-rahmen .raster-feedback.fehlerhafte-eingabe {
  color: #DB0567;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .mc-uebung-rahmen {
    border: none;
    padding: 1rem 1rem 3rem;
    max-width: 95%;
  }
}
@media (max-width: 379.98px) {
  .mc-uebung-rahmen {
    padding: 1rem 0.2rem 2rem;
  }
}

.mc-frage, .mc-erklaerung, .mc-aussage {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 1rem 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .mc-frage, .mc-erklaerung, .mc-aussage {
    font-size: 1rem;
  }
}

.mc-aussage {
  color: #347FC4;
  font-weight: normal;
}
.mc-aussage.linksbuendig, .mc-aussage .linksbuendig {
  text-align: left;
}
.mc-aussage .mc-zeilenumbruch {
  height: 2rem;
}

.mc-angabe {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
  margin: auto;
}
.mc-angabe div {
  margin: 0.5rem;
}

.mc-erklaerung {
  color: #3D9537;
  font-weight: normal;
}
.mc-erklaerung .linksbuendig {
  text-align: left;
}

.hilfsraster-text {
  font-size: 1rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .hilfsraster-text {
    font-size: 0.8rem;
  }
}

.mc-antworten, .mc-antworten-wahrscheinlichkeit {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem auto;
  justify-content: space-around;
  align-items: center;
  max-width: 80%;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.mc-antworten.mc-antworten-aussage, .mc-antworten-aussage.mc-antworten-wahrscheinlichkeit {
  margin: 0 auto 2rem;
  justify-content: center;
}
.mc-antworten.mc-antworten-aussage > .mc-antwort-container, .mc-antworten-aussage.mc-antworten-wahrscheinlichkeit > .mc-antwort-container {
  margin: 0.5rem;
}
.mc-antworten.mc-lesescreening, .mc-lesescreening.mc-antworten-wahrscheinlichkeit {
  justify-content: center;
}
.mc-antworten.mc-lesescreening > .mc-antwort-container, .mc-lesescreening.mc-antworten-wahrscheinlichkeit > .mc-antwort-container {
  margin: 0.5rem;
}
.mc-antworten.mc-lesetest, .mc-lesetest.mc-antworten-wahrscheinlichkeit {
  justify-content: flex-start;
  margin: 0 2rem;
  max-width: 95%;
}
.mc-antworten.mc-lesetest > .mc-antwort-container, .mc-lesetest.mc-antworten-wahrscheinlichkeit > .mc-antwort-container {
  width: 100%;
  margin: 0;
  padding: 0.5rem;
}
.mc-antworten.mc-lesetest > .mc-antwort-container > p, .mc-lesetest.mc-antworten-wahrscheinlichkeit > .mc-antwort-container > p {
  font-size: 1.2rem;
}
.mc-antworten.mc-lesetest > .mc-antwort-container > .mc-checkbox, .mc-lesetest.mc-antworten-wahrscheinlichkeit > .mc-antwort-container > .mc-checkbox {
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
}
.mc-antworten.platzsparen, .platzsparen.mc-antworten-wahrscheinlichkeit {
  max-width: 100%;
  margin: 0 0 2rem;
}
@media (max-width: 529.98px) {
  .mc-antworten:not(.platzsparen), .mc-antworten-wahrscheinlichkeit:not(.platzsparen) {
    max-width: 90%;
  }
}

.mc-antworten-sachaufgaben {
  margin: 2rem auto 0;
}
.mc-antworten-sachaufgaben.flex-start {
  justify-content: flex-start;
}

.mc-antworten-wahrscheinlichkeit {
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.mc-angabe-bruch {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2rem auto;
  padding: 2rem 3rem !important;
  background-color: rgba(183, 228, 245, 0.5);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10rem;
  color: black;
}
.mc-angabe-bruch .mc-angabe-ganzzahl {
  font-size: 3.5rem;
  font-weight: bold;
  padding-right: 0.5rem;
}
.mc-angabe-bruch .mc-angabe-frac {
  font-size: 2rem;
  font-weight: bold;
  padding: 0;
}

.mc-angabe-antworten.mc-artikel {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
.mc-angabe-antworten.mc-artikel > .mc-antworten, .mc-angabe-antworten.mc-artikel > .mc-antworten-wahrscheinlichkeit {
  flex-direction: column;
  align-items: flex-start;
  margin: 2rem;
}
.mc-angabe-antworten.mc-artikel > .mc-antworten > .mc-antwort-container, .mc-angabe-antworten.mc-artikel > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container {
  margin: 0.5rem 0;
}
.mc-angabe-antworten.mc-artikel > .mc-aussage {
  font-size: 2rem;
  margin: 2rem;
}
.mc-angabe-antworten > .mc-antworten.linksbuendig, .mc-angabe-antworten > .linksbuendig.mc-antworten-wahrscheinlichkeit, .mc-angabe-antworten > .bildbeschreibung-antworten.linksbuendig {
  justify-content: flex-start;
}
.mc-angabe-antworten > .mc-antworten.linksbuendig > .mc-antwort-container, .mc-angabe-antworten > .linksbuendig.mc-antworten-wahrscheinlichkeit > .mc-antwort-container, .mc-angabe-antworten > .bildbeschreibung-antworten.linksbuendig > .mc-antwort-container {
  margin: 0.5rem 0;
}

.bildbeschreibung-antworten {
  text-align: left;
  margin: 2rem 2rem 4rem;
}
.bildbeschreibung-antworten > .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.bildbeschreibung-antworten > .bildbeschreibung-antwort {
  line-height: 2.5rem;
}
.bildbeschreibung-antworten > .bildbeschreibung-antwort.selected {
  color: #347FC4;
}
.bildbeschreibung-antworten > .bildbeschreibung-antwort.richtige-antwort {
  color: #4CB944;
}
.bildbeschreibung-antworten > .bildbeschreibung-antwort.falsche-antwort {
  color: #DB0567;
}
.bildbeschreibung-antworten > .bildbeschreibung-antwort img {
  width: 1rem;
  margin: 0 0.5rem 0 1.5rem;
}

/* für Deutsch vor allem bei Texten */
.mc-medien {
  line-height: 2;
  text-align: left;
  margin: 2rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.mc-medien.platzsparen {
  margin: 0;
  line-height: 1;
}
.mc-medien.platzsparen .mc-aussage {
  font-size: 1.4rem;
}
.mc-medien p {
  margin: 0;
}
.mc-medien h4 {
  padding: 0;
}
.mc-medien #audio-element {
  width: 80%;
  border-radius: 10px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .mc-medien #audio-element {
    width: 95%;
  }
}

.zeitbalken {
  height: 10px;
  margin: 1rem auto;
  background-color: #DAF3FB;
  border: 1px solid #393339;
  border-radius: 2px;
}
.zeitbalken > .zeit {
  height: 10px;
  background-color: #4CB944;
  margin: 0;
  border-radius: 2px;
}

.umformung-aufgabe, .hsr-angabe {
  font-size: 2rem;
  margin: 3rem 0 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .umformung-aufgabe, .hsr-angabe {
    font-size: 1.5rem;
  }
}

.hsr-angabe {
  margin: 0 2rem;
}

.hsr-raster, .hsr-raster-addition, .hsr-aufteilung {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  margin: 2rem auto 3rem;
  width: -moz-fit-content;
  width: fit-content;
}
.hsr-raster .hsr-raster-zeile, .hsr-raster-addition .hsr-raster-zeile, .hsr-aufteilung .hsr-raster-zeile {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
}
.hsr-raster .hsr-raster-zeile.unterstrichen, .hsr-raster-addition .hsr-raster-zeile.unterstrichen, .hsr-aufteilung .hsr-raster-zeile.unterstrichen {
  border-bottom: 2px solid #393339;
}
.hsr-raster hr, .hsr-raster-addition hr, .hsr-aufteilung hr {
  width: 100%;
}
.hsr-raster .hsr-ergebnis-zeile, .hsr-raster-addition .hsr-ergebnis-zeile, .hsr-aufteilung .hsr-ergebnis-zeile {
  color: #4CB944;
  font-weight: bold;
  font-size: 1.5rem;
  margin: 1rem auto;
}
.hsr-raster .hsr-raster-feld, .hsr-raster-addition .hsr-raster-feld, .hsr-aufteilung .hsr-raster-feld {
  padding: 0.5rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: normal;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.hsr-raster .hsr-raster-feld.hsr-raster-eingabe, .hsr-raster-addition .hsr-raster-feld.hsr-raster-eingabe, .hsr-aufteilung .hsr-raster-feld.hsr-raster-eingabe {
  border: 2px solid #B7E4F5;
  border-radius: 5px;
  color: #347FC4;
  font-weight: bold;
  min-width: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 10rem;
  height: 2rem;
  margin: 0.3rem;
  cursor: pointer;
}
.hsr-raster .hsr-raster-feld.hsr-raster-eingabe.hidden, .hsr-raster-addition .hsr-raster-feld.hsr-raster-eingabe.hidden, .hsr-aufteilung .hsr-raster-feld.hsr-raster-eingabe.hidden {
  display: none;
}
.hsr-raster .hsr-raster-feld.hsr-raster-eingabe.disabled, .hsr-raster-addition .hsr-raster-feld.hsr-raster-eingabe.disabled, .hsr-aufteilung .hsr-raster-feld.hsr-raster-eingabe.disabled {
  color: #393339;
  cursor: default;
  border: none;
}
.hsr-raster .hsr-raster-feld.hsr-raster-eingabe.focus, .hsr-raster-addition .hsr-raster-feld.hsr-raster-eingabe.focus, .hsr-aufteilung .hsr-raster-feld.hsr-raster-eingabe.focus {
  border: 2px solid #347FC4;
  background-color: #DAF3FB;
  outline: none;
}
.hsr-raster .hsr-raster-feld.hsr-raster-eingabe.richtig, .hsr-raster-addition .hsr-raster-feld.hsr-raster-eingabe.richtig, .hsr-aufteilung .hsr-raster-feld.hsr-raster-eingabe.richtig {
  border: 2px solid #4CB944;
  color: #4CB944;
  font-weight: bold;
}
.hsr-raster .hsr-raster-feld.hsr-raster-eingabe.falsch, .hsr-raster-addition .hsr-raster-feld.hsr-raster-eingabe.falsch, .hsr-aufteilung .hsr-raster-feld.hsr-raster-eingabe.falsch {
  border: 2px solid #DB0567;
  color: #DB0567;
  font-weight: bold;
}
@media (max-width: 575.98px) {
  .hsr-raster .hsr-raster-feld, .hsr-raster-addition .hsr-raster-feld, .hsr-aufteilung .hsr-raster-feld {
    font-size: 1.2rem;
  }
}

.hsr-aufteilung .hsr-raster-zeile {
  justify-content: flex-end;
  margin: 0.5rem 0;
}

.hsr-raster-addition .hsr-raster-zeile {
  justify-content: flex-end;
}
.hsr-raster-addition .hsr-raster-zeile.unterstrichen {
  border-bottom: 4px solid #393339;
}
.hsr-raster-addition .hsr-raster-feld.hsr-raster-eingabe {
  font-size: 1.5rem;
  min-width: 1.2rem;
  width: 1.2rem;
  height: 1.8rem;
  margin: 0.1rem;
}
.hsr-raster-addition .hsr-raster-feld.hsr-raster-eingabe.uebertragsfeld {
  height: 1rem;
  font-size: 1rem;
  border: 2px solid #DAF3FB;
  padding: 0.2rem 0.5rem;
}
.hsr-raster-addition .hsr-raster-feld.phantom-feld {
  border: none;
  background-color: transparent;
  width: 1.4rem;
  margin: 0.1rem;
}
.hsr-raster-addition .hsr-raster-feld.schriftliches-rechenzeichen {
  width: 2rem;
}

.figur-aufgaben-container > .teilaufgabe {
  margin: 2rem 0 0.5rem;
}
.figur-aufgaben-container > .teilaufgabe > .mc-frage > p, .figur-aufgaben-container > .teilaufgabe > .mc-aussage > p, .figur-aufgaben-container > .teilaufgabe > .mc-erklaerung > p {
  font-size: 1.2rem;
  font-weight: normal;
}
.figur-aufgaben-container > .teilaufgabe > .mc-frage > p > .scroll-up-button, .figur-aufgaben-container > .teilaufgabe > .mc-aussage > p > .scroll-up-button, .figur-aufgaben-container > .teilaufgabe > .mc-erklaerung > p > .scroll-up-button {
  font-size: 1.5rem;
  transition: all 0.2s;
}
.figur-aufgaben-container > .teilaufgabe > .mc-frage.bereits-geloest, .figur-aufgaben-container > .teilaufgabe > .bereits-geloest.mc-aussage, .figur-aufgaben-container > .teilaufgabe > .bereits-geloest.mc-erklaerung {
  font-size: 1rem;
  padding: 0.5rem 0;
}
.figur-aufgaben-container > .teilaufgabe > .mc-frage.bereits-geloest > p, .figur-aufgaben-container > .teilaufgabe > .bereits-geloest.mc-aussage > p, .figur-aufgaben-container > .teilaufgabe > .bereits-geloest.mc-erklaerung > p {
  font-size: 1rem;
}
.figur-aufgaben-container > .teilaufgabe > .mc-frage.bereits-geloest > p > .scroll-up-button, .figur-aufgaben-container > .teilaufgabe > .bereits-geloest.mc-aussage > p > .scroll-up-button, .figur-aufgaben-container > .teilaufgabe > .bereits-geloest.mc-erklaerung > p > .scroll-up-button {
  font-size: 1.2rem;
}
.figur-aufgaben-container > .teilaufgabe > .mc-antworten, .figur-aufgaben-container > .teilaufgabe > .mc-antworten-wahrscheinlichkeit {
  margin: 0 auto 0.5rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 85%;
}
.figur-aufgaben-container > .teilaufgabe > .mc-antworten > .mc-antwort-container, .figur-aufgaben-container > .teilaufgabe > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container {
  margin: 0;
}
.figur-aufgaben-container > .teilaufgabe > .mc-antworten.bereits-geloest, .figur-aufgaben-container > .teilaufgabe > .bereits-geloest.mc-antworten-wahrscheinlichkeit {
  max-width: 60%;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.figur-aufgaben-container > .teilaufgabe > .mc-antworten.bereits-geloest > .mc-antwort-container, .figur-aufgaben-container > .teilaufgabe > .bereits-geloest.mc-antworten-wahrscheinlichkeit > .mc-antwort-container {
  padding: 0.5rem;
}
.figur-aufgaben-container > .teilaufgabe > .mc-antworten.bereits-geloest > .mc-antwort-container > p, .figur-aufgaben-container > .teilaufgabe > .bereits-geloest.mc-antworten-wahrscheinlichkeit > .mc-antwort-container > p {
  font-size: 1rem;
  padding: 0;
}
.figur-aufgaben-container > .teilaufgabe > .mc-antworten.bereits-geloest > .mc-antwort-container > input, .figur-aufgaben-container > .teilaufgabe > .bereits-geloest.mc-antworten-wahrscheinlichkeit > .mc-antwort-container > input {
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
  margin: 0.2rem 0.5rem;
}
.figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-teilrechnung, .figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-gesamtrechnung {
  display: grid;
  grid-template-columns: 7rem 3rem 2rem 1rem 3rem 3rem 3rem 2rem;
  justify-content: center;
  align-items: center;
}
.figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-teilrechnung > input, .figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-gesamtrechnung > input {
  width: 95%;
  padding: 0;
  font-size: 20px;
}
.figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-teilrechnung > input.richtige-eingabe, .figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-gesamtrechnung > input.richtige-eingabe {
  color: #3D9537;
  font-weight: bold;
}
.figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-gesamtrechnung {
  grid-template-columns: 12rem 3rem 3rem;
}
.figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-teilrechnung-feedback {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-teilrechnung-feedback > img {
  margin: 0 0.5rem;
  width: 1rem;
}
.figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container.falsch-eingetragen {
  color: #DB0567;
  font-size: 1rem;
}
.figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container.falsch-eingetragen > .flaechenberechnung-teilrechnung, .figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container.falsch-eingetragen > .flaechenberechnung-gesamtrechnung {
  grid-template-columns: 6rem 2rem 2rem 2rem 2rem 3rem;
}
.figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .richtiges-ergebnis {
  color: #3D9537;
  font-weight: bold;
}
@media (max-width: 529.98px) {
  .figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container {
    padding: 0.5rem;
    flex-direction: column;
    align-items: inherit;
  }
  .figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-teilrechnung, .figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-gesamtrechnung {
    grid-template-columns: 7rem 2rem 2rem 1rem 2rem 2rem 2rem 2rem;
  }
  .figur-aufgaben-container > .teilaufgabe > .flaechenberechnung-teilrechnung-container > .flaechenberechnung-teilrechnung-feedback {
    justify-content: flex-end;
  }
}
.figur-aufgaben-container > .teilaufgabe > .umfangberechnung-rechnung-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.figur-aufgaben-container > .teilaufgabe > .umfangberechnung-rechnung-container.eckpunkte {
  flex-direction: column;
}
.figur-aufgaben-container > .teilaufgabe > .umfangberechnung-rechnung-container > .umfangberechnung-rechnung {
  display: grid;
  grid-template-columns: 8rem 3rem 2rem;
  justify-content: center;
  align-items: center;
}
.figur-aufgaben-container > .teilaufgabe > .umfangberechnung-rechnung-container > .umfangberechnung-rechnung > input {
  width: 95%;
  padding: 0;
  font-size: 20px;
}
.figur-aufgaben-container > .teilaufgabe > .umfangberechnung-rechnung-container > .umfangberechnung-rechnung > input.richtige-eingabe {
  color: #3D9537;
  font-weight: bold;
}
.figur-aufgaben-container > .teilaufgabe > .umfangberechnung-rechnung-container .umfangberechnung-eckpunkte {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem auto;
}
.figur-aufgaben-container > .teilaufgabe > .umfangberechnung-rechnung-container .umfangberechnung-eckpunkte input {
  width: 3rem;
  font-size: 20px;
  margin: 0 0.5rem;
}
.figur-aufgaben-container > .teilaufgabe > .umfangberechnung-rechnung-container .umfangberechnung-eckpunkte input.richtige-eingabe {
  color: #3D9537;
  font-weight: bold;
}
.figur-aufgaben-container > .teilaufgabe > .umfangberechnung-rechnung-container > .richtiger-umfang {
  color: #4CB944;
  font-weight: bold;
}
.figur-aufgaben-container > .teilaufgabe > .umfangberechnung-rechnung-container > .umfangberechnung-rechnung-feedback {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.figur-aufgaben-container > .teilaufgabe > .umfangberechnung-rechnung-container > .umfangberechnung-rechnung-feedback > img {
  margin: 0 0.5rem;
  width: 1rem;
}
.figur-aufgaben-container > .teilaufgabe > hr {
  color: #CFCFCF;
  width: 90%;
}
.figur-aufgaben-container > .sachaufgaben-feedback-inline {
  display: flex;
  justify-content: center;
  align-items: center;
}
.figur-aufgaben-container > .sachaufgaben-feedback-inline > .mc-img-feedback {
  margin: 0.5rem 1rem;
}
.figur-aufgaben-container > .sachaufgaben-feedback-inline.bereits-geloest {
  font-size: 1rem;
}
.figur-aufgaben-container > .sachaufgaben-feedback-inline.bereits-geloest > .mc-img-feedback {
  width: 1.2rem;
}

.mc-antwort-container {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  border: 2px solid rgba(207, 207, 207, 0.3);
  margin: 0.5rem auto;
  transition: all 0.2s;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.mc-antwort-container.linksbuendig {
  margin: 0.5rem 0;
}
.mc-antwort-container.figuren-platzsparen {
  margin: 0;
  padding: 0;
}
.mc-antwort-container > input[type=radio] {
  -moz-appearance: None;
  -webkit-appearance: none;
  margin: 0.5rem;
  min-width: 2rem;
  max-width: 2rem;
  height: 2rem;
  border-color: #FEC3DE;
}
.mc-antwort-container > input[type=radio].checkbox-deutsch {
  border-color: #B7E4F5;
}
.mc-antwort-container > input[type=radio]:checked, .mc-antwort-container > input[type=radio].protokoll-checked {
  background: #DB0567;
  border-color: #DB0567;
}
.mc-antwort-container > input[type=radio]:checked.checkbox-deutsch, .mc-antwort-container > input[type=radio].protokoll-checked.checkbox-deutsch {
  background: #347FC4;
  border-color: #347FC4;
}
.mc-antwort-container > input[type=radio]:checked.sachaufgaben-richtig-beantwortet, .mc-antwort-container > input[type=radio]:checked.richtige-mc-antwort, .mc-antwort-container > input[type=radio].protokoll-checked.sachaufgaben-richtig-beantwortet, .mc-antwort-container > input[type=radio].protokoll-checked.richtige-mc-antwort {
  background-color: #4CB944;
  border-color: #4CB944;
}
.mc-antwort-container > input[type=radio].sachaufgaben-richtige-antwort, .mc-antwort-container > input[type=radio].richtige-mc-antwort, .mc-antwort-container > input[type=radio].figur-mc-richtige-antwort {
  border: 4px solid #4CB944;
}
.mc-antwort-container > input[type=radio].figur-mc-richtig-beantwortet {
  background-color: #4CB944;
  border-color: #4CB944;
}
.mc-antwort-container > input[type=radio].figur-mc-falsch-beantwortet {
  background-color: #DB0567;
  border-color: #DB0567;
}
.mc-antwort-container > input[type=checkbox] {
  -moz-appearance: None;
  -webkit-appearance: none;
  margin: 0.5rem;
  min-width: 2rem;
  max-width: 2rem;
  height: 2rem;
  border-color: #FEC3DE;
  border-radius: 0;
}
.mc-antwort-container > input[type=checkbox].checkbox-deutsch {
  border-color: #B7E4F5;
}
.mc-antwort-container > input[type=checkbox]:checked, .mc-antwort-container > input[type=checkbox].protokoll-checked {
  background: #DB0567;
  border-color: #DB0567;
}
.mc-antwort-container > input[type=checkbox]:checked.checkbox-deutsch, .mc-antwort-container > input[type=checkbox].protokoll-checked.checkbox-deutsch {
  background: #347FC4;
  border-color: #347FC4;
}
.mc-antwort-container > input[type=checkbox].zeitrechnung-uhr-mc.richtige-mc-antwort {
  border: 4px solid #4CB944;
}
.mc-antwort-container > p {
  text-transform: none;
  padding: 0 1rem;
  text-align: left;
  margin: 0;
  font-size: 1.5rem;
  font-weight: normal;
}
.mc-antwort-container > p > .sachaufgaben-rechenart-mc {
  padding: 0.2rem 0.8rem;
  border: 2px solid rgba(207, 207, 207, 0.3);
  margin: 0 1rem;
  border-radius: 100px;
  background-color: rgba(207, 207, 207, 0.3);
}
.mc-antwort-container > p.align-centered {
  display: flex;
  align-items: center;
}
.mc-antwort-container > p.align-centered > span {
  margin-left: 0.5rem;
}
.mc-antwort-container.platzsparen > p {
  font-size: 1.2rem;
}
.mc-antwort-container > img {
  width: 1.5rem;
  height: auto;
}
.mc-antwort-container > img.img-figur {
  width: auto;
}
.mc-antwort-container > span.frac.mc-antwort-frac {
  font-size: 1.5rem;
  padding: 0 1rem;
}
@media (max-width: 575.98px) {
  .mc-antwort-container {
    padding: 0.5rem;
  }
  .mc-antwort-container > p {
    font-size: 1rem !important;
  }
  .mc-antwort-container > input[type=radio], .mc-antwort-container > input[type=checkbox] {
    margin: 0.2rem;
    min-width: 1.5rem;
    max-width: 1.5rem;
    height: 1.5rem;
  }
}

.mc-bild-antworten > .mc-bild {
  padding: 1rem 0 0;
}
.mc-bild-antworten > .mc-bild > img {
  width: 18rem;
}
.mc-bild-antworten > .mc-bild > img.kreisbruch-img {
  width: 14rem;
}
.mc-bild-antworten > .mc-bild > img.geometrie-img {
  width: auto;
}
.mc-bild-antworten > .mc-antworten > .mc-antwort-container, .mc-bild-antworten > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container {
  width: 100%;
}
.mc-bild-antworten > .mc-antworten > .width-auto, .mc-bild-antworten > .mc-antworten-wahrscheinlichkeit > .width-auto {
  width: auto;
}

.mc-gleichung {
  margin: 2rem auto;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.mc-gleichung .gleichung-zeile {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.mc-gleichung .gleichung-angabe {
  display: grid;
  grid-template-columns: auto 4rem 5rem;
  margin: 1rem 0;
}
.mc-gleichung .gleichung-richtig {
  color: #4CB944;
}
.mc-gleichung .rechenoperation.visible {
  border-left: 3px solid #393339;
}
.mc-gleichung .gleichung-input {
  font-size: 1.5rem;
  color: #347FC4;
  border-color: #B7E4F5;
}
.mc-gleichung .gleichung-input:focus {
  border: 2px solid #347FC4;
}
.mc-gleichung .gleichung-input.gleichung-links {
  text-align: right;
  padding-right: 1rem;
}
.mc-gleichung .gleichung-input.gleichung-rechts {
  text-align: left;
  padding-left: 1rem;
}
.mc-gleichung .gleichung-input.richtig-geloest {
  border-color: #4CB944;
  color: #4CB944;
}

body.hasHover .scroll-up-button:hover {
  cursor: pointer;
  color: #DB0567;
  transform: scale(1.1);
}
body.hasHover .mc-antwort-container:hover {
  border-color: #FEC3DE;
  transform: scale(1.1);
}
body.hasHover .mc-antwort-container > input[type=radio]:enabled:hover {
  background: #FEC3DE;
}
body.hasHover .mc-antwort-container > input[type=radio].checkbox-deutsch:enabled:hover {
  background: #B7E4F5;
}
body.hasHover .mc-antwort-container > input[type=radio]:disabled:hover {
  cursor: default;
}
body.hasHover .mc-antworten-1.bereits-geloest > .mc-antwort-container:hover {
  transform: none;
  cursor: default;
}

.ori-frage {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ori-frage > input[type=image] {
  -moz-appearance: None;
  -webkit-appearance: none;
  border: none;
  height: 3rem;
  width: 3rem;
}

.ori-kreise {
  display: grid;
  grid-template: repeat(3, 8rem)/repeat(3, 8rem);
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
.ori-kreise > input[type=radio] {
  -moz-appearance: None;
  -webkit-appearance: none;
  min-width: 5rem;
  max-width: 5rem;
  height: 5rem;
  border-color: #707070;
  margin: auto;
  border-radius: 50%;
}
.ori-kreise > input[type=radio]:checked {
  border-color: #FEC3DE;
}
.ori-kreise .ori-links, .ori-kreise #richtigHakerl-0, .ori-kreise #falschX-0 {
  grid-area: 2/1/3/2;
  display: block;
}
.ori-kreise .ori-rechts, .ori-kreise #richtigHakerl-1, .ori-kreise #falschX-1 {
  grid-area: 2/3/3/4;
  display: block;
}
.ori-kreise .ori-oben, .ori-kreise #richtigHakerl-2, .ori-kreise #falschX-2 {
  grid-area: 1/2/2/3;
  display: block;
}
.ori-kreise .ori-unten, .ori-kreise #richtigHakerl-3, .ori-kreise #falschX-3 {
  grid-area: 3/2/4/3;
  display: block;
}
.ori-kreise .ori-mitte, .ori-kreise #richtigHakerl-4, .ori-kreise #falschX-4 {
  grid-area: 2/2/3/3;
  display: block;
}
.ori-kreise .ori-kreis-korrekt, .ori-kreise .ori-kreis-inkorrekt {
  display: none;
  width: 2rem;
  justify-self: center;
}

body.hasHover .ori-kreise > input[type=radio]:hover {
  background: #707070;
}

/* Very Large Desktop */
/* Large Desktop */
/* Desktop / Big Tablet */
/* Tablet lg */
/* Tablet md */
/* Tablet */
@media (max-width: 819.98px) {
  .ori-frage {
    padding: 0;
  }
  .ori-kreise {
    grid-template: repeat(3, 7rem)/repeat(3, 7rem);
  }
}
/* Mobile */
/* Very Large Desktop */
/* Large Desktop */
/* Desktop / Big Tablet */
/* Tablet lg */
/* Tablet md */
/* Tablet */
/* Mobile */
@media (max-width: 469.98px) {
  .mc-fragen-count {
    font-size: 1.2rem;
  }
  .ori-frage {
    font-size: 1.2rem;
  }
  .ori-frage > input[type=image] {
    height: 2.5rem;
    width: 2.5rem;
  }
  .ori-kreise {
    grid-template: repeat(3, 6rem)/repeat(3, 6rem);
  }
  .ori-kreise > input[type=radio] {
    min-width: 4rem;
    max-width: 4rem;
    height: 4rem;
  }
}
.textaufgabe-antwort {
  padding: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.textaufgabe-antwort.sachaufgaben-textaufgabe {
  font-size: 1.5rem;
  font-weight: bold;
}
.textaufgabe-antwort.sachaufgaben-textaufgabe > #input-textauf {
  border: 2px solid #FEC3DE;
  width: 5rem;
  font-size: 1.5rem;
}
.textaufgabe-antwort.sachaufgaben-textaufgabe > #input-textauf:disabled {
  border: none;
  text-align: right;
}
.textaufgabe-antwort.geld-antwort > .img-feedback {
  width: 2rem;
  margin: 0.5rem 2rem;
}
.textaufgabe-antwort.tafel-textaufgabe {
  font-size: 2rem;
}
.textaufgabe-antwort.tafel-textaufgabe > .tafel-rechnung-container .tafel-summand-1 {
  color: #DB0567;
}
.textaufgabe-antwort.tafel-textaufgabe > .tafel-rechnung-container .tafel-summand-2 {
  color: #347FC4;
}
.textaufgabe-antwort.zeitrechnung-textaufgabe {
  flex-wrap: nowrap;
}
.textaufgabe-antwort > .richtiges-ergebnis {
  margin-left: 1rem;
  font-weight: bold;
  color: #4CB944;
}

#input-textauf {
  width: 4rem;
  height: 3rem;
  margin: 0 1rem 0 3rem;
}
#input-textauf.ergebnis-input-euro, #input-textauf.ergebnis-input-cent {
  width: 5rem;
}
#input-textauf.ergebnis-input-tafel {
  font-size: 2rem;
  width: 5rem;
  height: 4rem;
  font-weight: normal;
  margin: 0 1rem;
}
#input-textauf.ergebnis-input-tafel:disabled {
  text-align: left;
}
#input-textauf:disabled {
  border: none;
}
#input-textauf.doppel-input {
  margin: 0 1rem;
}

#erg-textauf, #correction-textauf {
  width: 4rem;
  text-align: right;
  margin: 0 1rem;
}

#rightFalse-textauf {
  width: 3rem;
}

/* Very Large Desktop */
/* Large Desktop */
/* Desktop / Big Tablet */
/* Tablet lg */
/* Tablet md */
/* Tablet */
/* Mobile */
@media (max-width: 529.98px) {
  #input-textauf {
    width: 3rem;
    margin: 0 1rem 0 2rem;
  }
  #input-textauf.ergebnis-input-tafel {
    font-size: 1.5rem;
    width: 4rem;
    height: 3rem;
    font-weight: normal;
    margin: 0 1rem;
  }
  #rightFalse-textauf {
    width: 1.5rem;
  }
  .textaufgabe-antwort {
    padding: 2rem;
    font-size: 1rem;
    display: grid;
    grid-template: 1fr 1fr/1fr 1fr 2fr 1fr;
    align-items: center;
    justify-content: center;
  }
  .textaufgabe-antwort.tafel-textaufgabe {
    display: flex;
  }
  .textaufgabe-antwort.tafel-textaufgabe > .tafel-rechnung-container {
    font-size: 1.5rem;
  }
  .textaufgabe-antwort.tafel-textaufgabe > .tafel-rechnung-container .tafel-summand-1 {
    color: #DB0567;
  }
  .textaufgabe-antwort.tafel-textaufgabe > .tafel-rechnung-container .tafel-summand-2 {
    color: #347FC4;
  }
  .textaufgabe-antwort.zeitrechnung-textaufgabe {
    display: flex;
    flex-wrap: nowrap;
  }
  .textaufgabe-antwort > .antwort-div {
    display: none;
  }
  #erg-textauf, #correction-textauf {
    width: 2.5rem;
    height: 2rem;
  }
}
.zs-6 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(7, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-6 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(7, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-7 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(8, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-7 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(8, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-8 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(9, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-8 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(9, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-9 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(10, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-9 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(10, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-10 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(11, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-10 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(11, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-11 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(12, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-11 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(12, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-12 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(13, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-12 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(13, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-13 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(14, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-13 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(14, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-14 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(15, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-14 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(15, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-15 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(16, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-15 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(16, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-16 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(17, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-16 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(17, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-17 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(18, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-17 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(18, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-18 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(19, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-18 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(19, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-19 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(20, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-19 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(20, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-20 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(21, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-20 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(21, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-21 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(22, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-21 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(22, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

.zs-22 {
  display: grid;
  grid-template: 3rem 3rem 0.5rem 1rem 1rem 0.5rem 3rem 3rem/repeat(23, minmax(2rem, 4rem));
  grid-gap: 0px;
  margin: 2rem auto;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-22 {
    grid-template: 2rem 2rem 0.3rem 1rem 1rem 0.3rem 2rem 2rem/repeat(23, minmax(1rem, 3rem));
    font-size: 1rem;
  }
}

#zs-pfeil-svg {
  grid-area: 4/1/6/2;
}
#zs-pfeil-svg > line {
  stroke: #707070;
  stroke-width: 2;
}

#zs-pfeil-recht-svg {
  grid-area: 4/-2/6/-1;
  justify-self: right;
}
#zs-pfeil-recht-svg > line {
  stroke: #707070;
  stroke-width: 2;
}

#zs-pfeil-svg > line, #zs-pfeil-recht-svg > line {
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  #zs-pfeil-svg > line, #zs-pfeil-recht-svg > line {
    stroke-width: 1;
  }
}

.zs-strahl-1-a, .zs-strahl-1-b {
  grid-column: 1;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-1-a, .zs-strahl-1-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-1-a, .zs-strahl-enddiv-1-b {
  grid-column: 1;
}

.zs-strahl-1-a, .zs-strahl-enddiv-1-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-1-a, .zs-strahl-enddiv-1-a {
    border-width: 1px;
  }
}

.zs-strahl-1-b, .zs-strahl-enddiv-1-b {
  grid-row: 5;
}

.zs-pos-1 {
  grid-row: 7;
  grid-column: 1/span 2;
  align-self: center;
}

.zs-rf-pos-1 {
  grid-row: 8;
  grid-column: 1/span 2;
}

.zs-strahl-2-a, .zs-strahl-2-b {
  grid-column: 2;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-2-a, .zs-strahl-2-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-2-a, .zs-strahl-enddiv-2-b {
  grid-column: 2;
}

.zs-strahl-2-a, .zs-strahl-enddiv-2-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-2-a, .zs-strahl-enddiv-2-a {
    border-width: 1px;
  }
}

.zs-strahl-2-b, .zs-strahl-enddiv-2-b {
  grid-row: 5;
}

.zs-pos-2 {
  grid-row: 2;
  grid-column: 2/span 2;
  align-self: center;
}

.zs-rf-pos-2 {
  grid-row: 1;
  grid-column: 2/span 2;
  align-self: center;
}

.zs-strahl-3-a, .zs-strahl-3-b {
  grid-column: 3;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-3-a, .zs-strahl-3-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-3-a, .zs-strahl-enddiv-3-b {
  grid-column: 3;
}

.zs-strahl-3-a, .zs-strahl-enddiv-3-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-3-a, .zs-strahl-enddiv-3-a {
    border-width: 1px;
  }
}

.zs-strahl-3-b, .zs-strahl-enddiv-3-b {
  grid-row: 5;
}

.zs-pos-3 {
  grid-row: 7;
  grid-column: 3/span 2;
  align-self: center;
}

.zs-rf-pos-3 {
  grid-row: 8;
  grid-column: 3/span 2;
}

.zs-strahl-4-a, .zs-strahl-4-b {
  grid-column: 4;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-4-a, .zs-strahl-4-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-4-a, .zs-strahl-enddiv-4-b {
  grid-column: 4;
}

.zs-strahl-4-a, .zs-strahl-enddiv-4-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-4-a, .zs-strahl-enddiv-4-a {
    border-width: 1px;
  }
}

.zs-strahl-4-b, .zs-strahl-enddiv-4-b {
  grid-row: 5;
}

.zs-pos-4 {
  grid-row: 2;
  grid-column: 4/span 2;
  align-self: center;
}

.zs-rf-pos-4 {
  grid-row: 1;
  grid-column: 4/span 2;
  align-self: center;
}

.zs-strahl-5-a, .zs-strahl-5-b {
  grid-column: 5;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-5-a, .zs-strahl-5-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-5-a, .zs-strahl-enddiv-5-b {
  grid-column: 5;
}

.zs-strahl-5-a, .zs-strahl-enddiv-5-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-5-a, .zs-strahl-enddiv-5-a {
    border-width: 1px;
  }
}

.zs-strahl-5-b, .zs-strahl-enddiv-5-b {
  grid-row: 5;
}

.zs-pos-5 {
  grid-row: 7;
  grid-column: 5/span 2;
  align-self: center;
}

.zs-rf-pos-5 {
  grid-row: 8;
  grid-column: 5/span 2;
}

.zs-strahl-6-a, .zs-strahl-6-b {
  grid-column: 6;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-6-a, .zs-strahl-6-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-6-a, .zs-strahl-enddiv-6-b {
  grid-column: 6;
}

.zs-strahl-6-a, .zs-strahl-enddiv-6-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-6-a, .zs-strahl-enddiv-6-a {
    border-width: 1px;
  }
}

.zs-strahl-6-b, .zs-strahl-enddiv-6-b {
  grid-row: 5;
}

.zs-pos-6 {
  grid-row: 2;
  grid-column: 6/span 2;
  align-self: center;
}

.zs-rf-pos-6 {
  grid-row: 1;
  grid-column: 6/span 2;
  align-self: center;
}

.zs-strahl-7-a, .zs-strahl-7-b {
  grid-column: 7;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-7-a, .zs-strahl-7-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-7-a, .zs-strahl-enddiv-7-b {
  grid-column: 7;
}

.zs-strahl-7-a, .zs-strahl-enddiv-7-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-7-a, .zs-strahl-enddiv-7-a {
    border-width: 1px;
  }
}

.zs-strahl-7-b, .zs-strahl-enddiv-7-b {
  grid-row: 5;
}

.zs-pos-7 {
  grid-row: 7;
  grid-column: 7/span 2;
  align-self: center;
}

.zs-rf-pos-7 {
  grid-row: 8;
  grid-column: 7/span 2;
}

.zs-strahl-8-a, .zs-strahl-8-b {
  grid-column: 8;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-8-a, .zs-strahl-8-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-8-a, .zs-strahl-enddiv-8-b {
  grid-column: 8;
}

.zs-strahl-8-a, .zs-strahl-enddiv-8-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-8-a, .zs-strahl-enddiv-8-a {
    border-width: 1px;
  }
}

.zs-strahl-8-b, .zs-strahl-enddiv-8-b {
  grid-row: 5;
}

.zs-pos-8 {
  grid-row: 2;
  grid-column: 8/span 2;
  align-self: center;
}

.zs-rf-pos-8 {
  grid-row: 1;
  grid-column: 8/span 2;
  align-self: center;
}

.zs-strahl-9-a, .zs-strahl-9-b {
  grid-column: 9;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-9-a, .zs-strahl-9-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-9-a, .zs-strahl-enddiv-9-b {
  grid-column: 9;
}

.zs-strahl-9-a, .zs-strahl-enddiv-9-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-9-a, .zs-strahl-enddiv-9-a {
    border-width: 1px;
  }
}

.zs-strahl-9-b, .zs-strahl-enddiv-9-b {
  grid-row: 5;
}

.zs-pos-9 {
  grid-row: 7;
  grid-column: 9/span 2;
  align-self: center;
}

.zs-rf-pos-9 {
  grid-row: 8;
  grid-column: 9/span 2;
}

.zs-strahl-10-a, .zs-strahl-10-b {
  grid-column: 10;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-10-a, .zs-strahl-10-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-10-a, .zs-strahl-enddiv-10-b {
  grid-column: 10;
}

.zs-strahl-10-a, .zs-strahl-enddiv-10-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-10-a, .zs-strahl-enddiv-10-a {
    border-width: 1px;
  }
}

.zs-strahl-10-b, .zs-strahl-enddiv-10-b {
  grid-row: 5;
}

.zs-pos-10 {
  grid-row: 2;
  grid-column: 10/span 2;
  align-self: center;
}

.zs-rf-pos-10 {
  grid-row: 1;
  grid-column: 10/span 2;
  align-self: center;
}

.zs-strahl-11-a, .zs-strahl-11-b {
  grid-column: 11;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-11-a, .zs-strahl-11-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-11-a, .zs-strahl-enddiv-11-b {
  grid-column: 11;
}

.zs-strahl-11-a, .zs-strahl-enddiv-11-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-11-a, .zs-strahl-enddiv-11-a {
    border-width: 1px;
  }
}

.zs-strahl-11-b, .zs-strahl-enddiv-11-b {
  grid-row: 5;
}

.zs-pos-11 {
  grid-row: 7;
  grid-column: 11/span 2;
  align-self: center;
}

.zs-rf-pos-11 {
  grid-row: 8;
  grid-column: 11/span 2;
}

.zs-strahl-12-a, .zs-strahl-12-b {
  grid-column: 12;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-12-a, .zs-strahl-12-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-12-a, .zs-strahl-enddiv-12-b {
  grid-column: 12;
}

.zs-strahl-12-a, .zs-strahl-enddiv-12-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-12-a, .zs-strahl-enddiv-12-a {
    border-width: 1px;
  }
}

.zs-strahl-12-b, .zs-strahl-enddiv-12-b {
  grid-row: 5;
}

.zs-pos-12 {
  grid-row: 2;
  grid-column: 12/span 2;
  align-self: center;
}

.zs-rf-pos-12 {
  grid-row: 1;
  grid-column: 12/span 2;
  align-self: center;
}

.zs-strahl-13-a, .zs-strahl-13-b {
  grid-column: 13;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-13-a, .zs-strahl-13-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-13-a, .zs-strahl-enddiv-13-b {
  grid-column: 13;
}

.zs-strahl-13-a, .zs-strahl-enddiv-13-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-13-a, .zs-strahl-enddiv-13-a {
    border-width: 1px;
  }
}

.zs-strahl-13-b, .zs-strahl-enddiv-13-b {
  grid-row: 5;
}

.zs-pos-13 {
  grid-row: 7;
  grid-column: 13/span 2;
  align-self: center;
}

.zs-rf-pos-13 {
  grid-row: 8;
  grid-column: 13/span 2;
}

.zs-strahl-14-a, .zs-strahl-14-b {
  grid-column: 14;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-14-a, .zs-strahl-14-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-14-a, .zs-strahl-enddiv-14-b {
  grid-column: 14;
}

.zs-strahl-14-a, .zs-strahl-enddiv-14-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-14-a, .zs-strahl-enddiv-14-a {
    border-width: 1px;
  }
}

.zs-strahl-14-b, .zs-strahl-enddiv-14-b {
  grid-row: 5;
}

.zs-pos-14 {
  grid-row: 2;
  grid-column: 14/span 2;
  align-self: center;
}

.zs-rf-pos-14 {
  grid-row: 1;
  grid-column: 14/span 2;
  align-self: center;
}

.zs-strahl-15-a, .zs-strahl-15-b {
  grid-column: 15;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-15-a, .zs-strahl-15-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-15-a, .zs-strahl-enddiv-15-b {
  grid-column: 15;
}

.zs-strahl-15-a, .zs-strahl-enddiv-15-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-15-a, .zs-strahl-enddiv-15-a {
    border-width: 1px;
  }
}

.zs-strahl-15-b, .zs-strahl-enddiv-15-b {
  grid-row: 5;
}

.zs-pos-15 {
  grid-row: 7;
  grid-column: 15/span 2;
  align-self: center;
}

.zs-rf-pos-15 {
  grid-row: 8;
  grid-column: 15/span 2;
}

.zs-strahl-16-a, .zs-strahl-16-b {
  grid-column: 16;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-16-a, .zs-strahl-16-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-16-a, .zs-strahl-enddiv-16-b {
  grid-column: 16;
}

.zs-strahl-16-a, .zs-strahl-enddiv-16-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-16-a, .zs-strahl-enddiv-16-a {
    border-width: 1px;
  }
}

.zs-strahl-16-b, .zs-strahl-enddiv-16-b {
  grid-row: 5;
}

.zs-pos-16 {
  grid-row: 2;
  grid-column: 16/span 2;
  align-self: center;
}

.zs-rf-pos-16 {
  grid-row: 1;
  grid-column: 16/span 2;
  align-self: center;
}

.zs-strahl-17-a, .zs-strahl-17-b {
  grid-column: 17;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-17-a, .zs-strahl-17-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-17-a, .zs-strahl-enddiv-17-b {
  grid-column: 17;
}

.zs-strahl-17-a, .zs-strahl-enddiv-17-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-17-a, .zs-strahl-enddiv-17-a {
    border-width: 1px;
  }
}

.zs-strahl-17-b, .zs-strahl-enddiv-17-b {
  grid-row: 5;
}

.zs-pos-17 {
  grid-row: 7;
  grid-column: 17/span 2;
  align-self: center;
}

.zs-rf-pos-17 {
  grid-row: 8;
  grid-column: 17/span 2;
}

.zs-strahl-18-a, .zs-strahl-18-b {
  grid-column: 18;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-18-a, .zs-strahl-18-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-18-a, .zs-strahl-enddiv-18-b {
  grid-column: 18;
}

.zs-strahl-18-a, .zs-strahl-enddiv-18-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-18-a, .zs-strahl-enddiv-18-a {
    border-width: 1px;
  }
}

.zs-strahl-18-b, .zs-strahl-enddiv-18-b {
  grid-row: 5;
}

.zs-pos-18 {
  grid-row: 2;
  grid-column: 18/span 2;
  align-self: center;
}

.zs-rf-pos-18 {
  grid-row: 1;
  grid-column: 18/span 2;
  align-self: center;
}

.zs-strahl-19-a, .zs-strahl-19-b {
  grid-column: 19;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-19-a, .zs-strahl-19-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-19-a, .zs-strahl-enddiv-19-b {
  grid-column: 19;
}

.zs-strahl-19-a, .zs-strahl-enddiv-19-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-19-a, .zs-strahl-enddiv-19-a {
    border-width: 1px;
  }
}

.zs-strahl-19-b, .zs-strahl-enddiv-19-b {
  grid-row: 5;
}

.zs-pos-19 {
  grid-row: 7;
  grid-column: 19/span 2;
  align-self: center;
}

.zs-rf-pos-19 {
  grid-row: 8;
  grid-column: 19/span 2;
}

.zs-strahl-20-a, .zs-strahl-20-b {
  grid-column: 20;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-20-a, .zs-strahl-20-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-20-a, .zs-strahl-enddiv-20-b {
  grid-column: 20;
}

.zs-strahl-20-a, .zs-strahl-enddiv-20-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-20-a, .zs-strahl-enddiv-20-a {
    border-width: 1px;
  }
}

.zs-strahl-20-b, .zs-strahl-enddiv-20-b {
  grid-row: 5;
}

.zs-pos-20 {
  grid-row: 2;
  grid-column: 20/span 2;
  align-self: center;
}

.zs-rf-pos-20 {
  grid-row: 1;
  grid-column: 20/span 2;
  align-self: center;
}

.zs-strahl-21-a, .zs-strahl-21-b {
  grid-column: 21;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-21-a, .zs-strahl-21-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-21-a, .zs-strahl-enddiv-21-b {
  grid-column: 21;
}

.zs-strahl-21-a, .zs-strahl-enddiv-21-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-21-a, .zs-strahl-enddiv-21-a {
    border-width: 1px;
  }
}

.zs-strahl-21-b, .zs-strahl-enddiv-21-b {
  grid-row: 5;
}

.zs-pos-21 {
  grid-row: 7;
  grid-column: 21/span 2;
  align-self: center;
}

.zs-rf-pos-21 {
  grid-row: 8;
  grid-column: 21/span 2;
}

.zs-strahl-22-a, .zs-strahl-22-b {
  grid-column: 22;
  border-right: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-22-a, .zs-strahl-22-b {
    border-width: 1px;
  }
}

.zs-strahl-enddiv-22-a, .zs-strahl-enddiv-22-b {
  grid-column: 22;
}

.zs-strahl-22-a, .zs-strahl-enddiv-22-a {
  grid-row: 4;
  border-bottom: 2px solid #707070;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-strahl-22-a, .zs-strahl-enddiv-22-a {
    border-width: 1px;
  }
}

.zs-strahl-22-b, .zs-strahl-enddiv-22-b {
  grid-row: 5;
}

.zs-pos-22 {
  grid-row: 2;
  grid-column: 22/span 2;
  align-self: center;
}

.zs-rf-pos-22 {
  grid-row: 1;
  grid-column: 22/span 2;
  align-self: center;
}

.zs-strahl-marked {
  border-right: 3px solid #347FC4;
}
.zs-strahl-marked-right {
  border-right: 3px solid #3D9537;
}
.zs-strahl-marked-wrong {
  border-right: 3px solid #DB0567;
}

.erg-input-zs {
  width: 90%;
  justify-self: center;
  border-width: 2px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .erg-input-zs {
    width: 100%;
    border-width: 1px;
    font-size: 0.8rem;
    font-weight: normal;
  }
  .erg-input-zs:focus {
    border: 1px solid #DB0567;
  }
}

.zs-antwort {
  text-align: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 819.98px) {
  .zs-antwort {
    font-size: 1rem;
  }
}

.zs-rf {
  width: 40%;
  justify-self: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.zs-rf-cor {
  display: flex;
  width: 100%;
}
.zs-rf-cor > .xx {
  padding-top: 0;
  height: 70%;
  width: 30%;
}
@media (max-width: 819.98px) {
  .zs-rf {
    width: 30%;
  }
  .zs-rf-cor {
    display: flex;
    width: 100%;
  }
  .zs-rf-cor > div {
    font-size: 1rem;
  }
  .zs-rf-cor > .xx {
    width: 50%;
  }
}
@media (max-width: 469.98px) {
  .zs-rf {
    width: 60%;
  }
}

.geometrie-figuren-ks #g-f-koordinatensystem > #ks-bg {
  fill: white;
  cursor: default;
  stroke-width: 0;
  stroke: white;
}
.geometrie-figuren-ks #g-f-koordinatensystem > .mark-kreis {
  stroke: #3D9537;
  stroke-width: 2;
  fill: none;
}
.geometrie-figuren-ks #g-f-koordinatensystem > .ks-linie {
  stroke: #707070;
  stroke-width: 1;
}
.geometrie-figuren-ks #g-f-koordinatensystem > .draggable-linie, .geometrie-figuren-ks #g-f-koordinatensystem > .fixe-linie {
  stroke: #347FC4;
  stroke-width: 3;
}

.geometrie-figuren-feedback > img, .geld-feedback > img, .tafel-feedback > img,
.pyramide-feedback > img, .relationen-feedback > img, .groessen-ordnen-feedback > img,
.raster-feedback > img, .mc-feedback > img, .aufgabe-feedback > img {
  width: 2rem;
  margin: 0.5rem 0;
}
.geometrie-figuren-feedback > .correction, .geometrie-figuren-feedback > .correction-symbole, .geld-feedback > .correction, .geld-feedback > .correction-symbole, .tafel-feedback > .correction, .tafel-feedback > .correction-symbole,
.pyramide-feedback > .correction,
.pyramide-feedback > .correction-symbole, .relationen-feedback > .correction, .relationen-feedback > .correction-symbole, .groessen-ordnen-feedback > .correction, .groessen-ordnen-feedback > .correction-symbole,
.raster-feedback > .correction,
.raster-feedback > .correction-symbole, .mc-feedback > .correction, .mc-feedback > .correction-symbole, .aufgabe-feedback > .correction, .aufgabe-feedback > .correction-symbole {
  font-size: 22px;
}
.geometrie-figuren-feedback .richtige-loesung, .geld-feedback .richtige-loesung, .tafel-feedback .richtige-loesung,
.pyramide-feedback .richtige-loesung, .relationen-feedback .richtige-loesung, .groessen-ordnen-feedback .richtige-loesung,
.raster-feedback .richtige-loesung, .mc-feedback .richtige-loesung, .aufgabe-feedback .richtige-loesung {
  font-size: 1.5rem;
  color: #4CB944;
  margin: 1rem;
}
.geometrie-figuren-feedback .zusatz-bemerkung, .geld-feedback .zusatz-bemerkung, .tafel-feedback .zusatz-bemerkung,
.pyramide-feedback .zusatz-bemerkung, .relationen-feedback .zusatz-bemerkung, .groessen-ordnen-feedback .zusatz-bemerkung,
.raster-feedback .zusatz-bemerkung, .mc-feedback .zusatz-bemerkung, .aufgabe-feedback .zusatz-bemerkung {
  font-size: 0.8rem;
  color: #393339;
  font-style: italic;
  margin-top: 0.5rem;
}

.bilder-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin: 2rem 0 3rem;
}

body.hasHover .hoverable:hover {
  cursor: pointer;
}

#geldBG {
  fill: white;
  cursor: default;
  stroke-width: 0;
  stroke: white;
}

.dragdropGeld {
  position: relative;
  width: inherit;
}

.draggable-geld {
  position: absolute;
  cursor: pointer;
}

#geldBox {
  position: absolute;
  fill: #B7E4F5;
  stroke: #347FC4;
  stroke-width: 2px;
}

#zahlentafelBG, #pyramideBG, #relationenBG, #groessenOrdnenBG, #rasterBG {
  fill: white;
  cursor: default;
  stroke-width: 0;
  stroke: white;
}

.tafelDragDrop {
  position: relative;
  width: inherit;
}

#tafelDragDrop {
  position: absolute;
  fill: #B7E4F5;
  stroke: #347FC4;
  stroke-width: 2px;
}

svg > .noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

svg > .svg-text {
  font-family: Verdana;
}

#zahlentafel-static {
  width: 550px;
  display: grid;
  grid-template-columns: 50% 50%;
  border: 2px solid #707070;
  margin: 2rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
#zahlentafel-static > .zahlentafel-bereich {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  border: 1px solid #707070;
  padding: 10px 0;
}
#zahlentafel-static > .zahlentafel-bereich > .tafel-kreis {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  justify-self: center;
}
#zahlentafel-static > .zahlentafel-bereich > .tafel-kreis.tafel-kreis-1 {
  background-color: #DB0567;
}
#zahlentafel-static > .zahlentafel-bereich > .tafel-kreis.tafel-kreis-2 {
  background-color: #347FC4;
}
@media (max-width: 689.98px) {
  #zahlentafel-static {
    width: 450px;
  }
  #zahlentafel-static > .zahlentafel-bereich {
    padding: 7px 0;
  }
  #zahlentafel-static > .zahlentafel-bereich > .tafel-kreis {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 529.98px) {
  #zahlentafel-static {
    width: 300px;
  }
  #zahlentafel-static > .zahlentafel-bereich {
    padding: 7px 0;
  }
  #zahlentafel-static > .zahlentafel-bereich > .tafel-kreis {
    width: 22px;
    height: 22px;
  }
}

.tafel-feedback {
  font-family: Verdana;
  font-size: 22px;
}

.pyramide-input, .raster-input, .brucheingabe-input, .umfang-figur-input, .wuerfel-input {
  margin: 0;
  font-weight: normal;
  border: 2px solid #B7E4F5;
  border-radius: 10px;
  color: #347FC4;
  padding: 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.pyramide-input:focus, .raster-input:focus, .brucheingabe-input:focus, .umfang-figur-input:focus, .wuerfel-input:focus {
  border: 3px solid #347FC4;
}
.pyramide-input:disabled, .raster-input:disabled, .brucheingabe-input:disabled, .umfang-figur-input:disabled, .wuerfel-input:disabled {
  background-color: white;
  border: none;
  opacity: 1; /* Safari */
}
@media (max-width: 1023.98px) {
  .pyramide-input, .raster-input, .brucheingabe-input, .umfang-figur-input, .wuerfel-input {
    padding: 0;
  }
}

.raster-input, .brucheingabe-input, .umfang-figur-input, .wuerfel-input {
  border: none;
  background-color: rgba(183, 228, 245, 0.5);
  font-size: 42px;
  text-align: center;
  border-radius: 5px;
  padding: 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.raster-input.uebertragseingabe, .uebertragseingabe.brucheingabe-input, .uebertragseingabe.umfang-figur-input, .uebertragseingabe.wuerfel-input {
  font-size: 1rem;
}
@media (max-width: 1023.98px) {
  .raster-input, .brucheingabe-input, .umfang-figur-input, .wuerfel-input {
    font-size: 30px;
  }
  .raster-input .uebertragseingabe, .brucheingabe-input .uebertragseingabe, .umfang-figur-input .uebertragseingabe, .wuerfel-input .uebertragseingabe {
    font-size: 12px;
  }
}

.wuerfel-input {
  width: inherit;
  height: inherit;
  border-radius: 0;
  box-sizing: border-box;
  background-color: rgba(183, 228, 245, 0.25);
  color: #393339;
}
.wuerfel-input:focus {
  background-color: rgba(183, 228, 245, 0.75);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.brucheingabe-input, .umfang-figur-input {
  width: inherit;
  height: inherit;
}
.brucheingabe-input.richtige-eingabe, .richtige-eingabe.umfang-figur-input {
  color: #3D9537;
  -webkit-text-fill-color: #3D9537;
}
.brucheingabe-input.richtig-geloest, .richtig-geloest.umfang-figur-input {
  color: #4CB944;
  -webkit-text-fill-color: #4CB944;
  background-color: white;
  border: 2px solid #4CB944;
}

.umfang-figur-input {
  background-color: white;
  border: 2px solid #393339;
  color: #393339;
  font-weight: bold;
}
.umfang-figur-input:focus {
  border: 3px solid #347FC4;
}

.primzahlen-tafel-container {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(10, 1fr);
  margin: 1rem auto;
}
.primzahlen-tafel-container.zahlenreihe-container {
  grid-template-rows: auto;
}
.primzahlen-tafel-container .tafel-zahl {
  cursor: pointer;
  background-color: #DAF3FB;
  border-radius: 50px;
  margin: 0.5rem auto;
  width: 3rem;
  height: 3rem;
  display: flex;
  place-items: center;
  place-content: center;
  align-self: center;
  transition: all 0.15s ease-in-out;
}
.primzahlen-tafel-container .tafel-zahl.markiert {
  background-color: #347FC4;
  color: white;
  transition: all 0.15s ease-in-out;
}
.primzahlen-tafel-container .tafel-zahl.richtig-markiert {
  background-color: #4CB944;
  color: white;
}
.primzahlen-tafel-container .tafel-zahl.falsch-markiert {
  background-color: #FEC3DE;
  color: #393339;
}
.primzahlen-tafel-container .tafel-zahl.loesung {
  border: 2px solid #4CB944;
}
.primzahlen-tafel-container .tafel-zahl.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}
.primzahlen-tafel-container .tafel-zahl-input {
  width: 3rem;
  border-radius: 50px;
  font-size: 20px;
  margin: 0.5rem auto;
}
.primzahlen-tafel-container .tafel-zahl-input:focus {
  border-color: #632263;
}
.primzahlen-tafel-container .tafel-zahl-input.richtig-geloest {
  color: #4CB944;
  border-color: #4CB944;
}
.primzahlen-tafel-container .tafel-zahl, .primzahlen-tafel-container .tafel-zahl-input {
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 689.98px) {
  .primzahlen-tafel-container .tafel-zahl, .primzahlen-tafel-container .tafel-zahl-input {
    font-size: 1rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (max-width: 469.98px) {
  .primzahlen-tafel-container .tafel-zahl, .primzahlen-tafel-container .tafel-zahl-input {
    width: 2.2rem;
    height: 2.2rem;
    margin: 0.2rem auto;
  }
}
@media (max-width: 379.98px) {
  .primzahlen-tafel-container .tafel-zahl, .primzahlen-tafel-container .tafel-zahl-input {
    font-size: 0.8rem;
    width: 2rem;
    height: 2rem;
  }
}

.kgv-raster-container {
  margin: 3rem auto;
}

.kgv-container {
  margin: 2rem auto;
}
.kgv-container > div {
  margin: 1rem auto;
}
.kgv-container .kgv-input-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.kgv-container .kgv-input-container .richtige-loesung {
  color: #4CB944;
  font-weight: bold;
  font-size: 1.5rem;
  margin-left: 1rem;
}
.kgv-container .kgv-input-container .richtige-loesung.normal-margin {
  margin: 0 0.5rem;
}
.kgv-container input {
  width: 5rem;
  font-size: 1.5rem;
}
.kgv-container input.primfaktoren-input {
  width: 4rem;
  font-size: 20px;
}
.kgv-container input.richtig-geloest {
  color: #4CB944;
}
.kgv-container .kgv-multiplikatoren {
  display: flex;
  align-content: center;
  align-items: center;
  margin: 0 2rem;
}

.primfaktorenzerlegung-container, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container, .primfaktorenzerlegung-double-container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  margin: 2rem 0 4rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.primfaktorenzerlegung-container .primfaktorenzerlegung-rechnung, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-rechnung, .primfaktorenzerlegung-double-container .primfaktorenzerlegung-rechnung {
  display: grid;
  grid-template-columns: 10% 40% 40% 10%;
  align-items: center;
  overflow: hidden;
}
.primfaktorenzerlegung-container .primfaktorenzerlegung-rechnung .primfaktorenzerlegung-feedback, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-rechnung .primfaktorenzerlegung-feedback, .primfaktorenzerlegung-double-container .primfaktorenzerlegung-rechnung .primfaktorenzerlegung-feedback {
  width: 1rem;
}
.primfaktorenzerlegung-container .primfaktorenzerlegung-rechnung.primfaktorenzerlegung-ohne-inputs, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-rechnung.primfaktorenzerlegung-ohne-inputs, .primfaktorenzerlegung-double-container .primfaktorenzerlegung-rechnung.primfaktorenzerlegung-ohne-inputs {
  overflow: visible;
}
.primfaktorenzerlegung-container .primfaktorenzerlegung-rechnung.primfaktorenzerlegung-ohne-inputs div, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-rechnung.primfaktorenzerlegung-ohne-inputs div, .primfaktorenzerlegung-double-container .primfaktorenzerlegung-rechnung.primfaktorenzerlegung-ohne-inputs div {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5rem;
}
.primfaktorenzerlegung-container .primfaktorenzerlegung-divident, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-divident, .primfaktorenzerlegung-double-container .primfaktorenzerlegung-divident {
  font-weight: bold;
  grid-column: 2;
  justify-self: end;
  padding-right: 1rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.primfaktorenzerlegung-container .primfaktorenzerlegung-divident.not-first, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-divident.not-first, .primfaktorenzerlegung-double-container .primfaktorenzerlegung-divident.not-first {
  font-weight: normal;
}
.primfaktorenzerlegung-container .primfaktorenzerlegung-divisor, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-divisor, .primfaktorenzerlegung-double-container .primfaktorenzerlegung-divisor {
  grid-column: 3;
  margin-left: 1rem;
}
.primfaktorenzerlegung-container .primfaktorenzerlegung-divisor.markiert, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-divisor.markiert, .primfaktorenzerlegung-double-container .primfaktorenzerlegung-divisor.markiert {
  color: #4CB944;
  font-weight: bold;
}
.primfaktorenzerlegung-container .primfaktorenzerlegung-divident-input, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-divident-input, .primfaktorenzerlegung-double-container .primfaktorenzerlegung-divident-input {
  width: 5rem;
  margin-right: 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 469.98px) {
  .primfaktorenzerlegung-container .primfaktorenzerlegung-divident-input, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-divident-input, .primfaktorenzerlegung-double-container .primfaktorenzerlegung-divident-input {
    width: 2rem;
  }
}
.primfaktorenzerlegung-container .border-item, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .border-item, .primfaktorenzerlegung-double-container .border-item {
  position: relative;
}
.primfaktorenzerlegung-container .border-item::after, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .border-item::after, .primfaktorenzerlegung-double-container .border-item::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background: #707070;
  right: 0;
}
.primfaktorenzerlegung-container input, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container input, .primfaktorenzerlegung-double-container input {
  width: inherit;
  min-width: 3rem;
  margin: 0.5rem;
  padding: 0.3rem;
  font-size: 1.2rem;
}
.primfaktorenzerlegung-container input:focus, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container input:focus, .primfaktorenzerlegung-double-container input:focus {
  border-color: #632263;
}
.primfaktorenzerlegung-container input:disabled, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container input:disabled, .primfaktorenzerlegung-double-container input:disabled {
  border: none;
}
@media (max-width: 689.98px) {
  .primfaktorenzerlegung-container, .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container, .primfaktorenzerlegung-double-container {
    grid-template-columns: 1fr 1fr;
  }
}

.primfaktorenzerlegung-double-container {
  grid-template-columns: 1fr 1fr;
  margin: 2rem 0;
}
.primfaktorenzerlegung-double-container .primfaktorenzerlegung-rechnung {
  grid-template-columns: 10% 6rem 6rem 10%;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 469.98px) {
  .primfaktorenzerlegung-double-container .primfaktorenzerlegung-rechnung {
    grid-template-columns: 10% 3rem 3rem 10%;
  }
}

.primfaktorenzerlegung-triple-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin: 2rem 0;
}
.primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container {
  grid-template-columns: 1fr;
  margin: 2rem;
}
.primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-divisor {
  width: 5rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 469.98px) {
  .primfaktorenzerlegung-triple-container .primfaktorenzerlegung-single-container .primfaktorenzerlegung-divisor {
    width: 2rem;
  }
}
.primfaktorenzerlegung-triple-container .frac-container {
  margin: 2rem;
  font-size: 2rem;
}

.primfaktorenzerlegung-loesung {
  margin: 1rem;
  font-weight: bold;
  color: #4CB944;
}

.primfaktoren-teilueberschrift {
  font-weight: bold;
}
.primfaktoren-teilueberschrift.kgv-teilueberschrift {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem auto;
}
.primfaktoren-teilueberschrift .img-feedback {
  width: 1.5rem;
  margin: 0 1rem;
}
.primfaktoren-teilueberschrift.bereits-geloest {
  color: #707070;
}

.primfaktoren-teiler-container {
  margin: 2rem 0;
}

.primfaktoren-teiler {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1rem;
  align-items: center;
  justify-content: center;
}
.primfaktoren-teiler .primfaktoren-teiler-input, .primfaktoren-teiler .primfaktoren-gemeinsame-teiler-input, .primfaktoren-teiler .primfaktoren-ggT-input {
  width: 4rem;
  margin: 0.5rem;
  font-size: 1.2rem;
}
.primfaktoren-teiler .primfaktoren-teiler-input.schmaler-input, .primfaktoren-teiler .primfaktoren-gemeinsame-teiler-input.schmaler-input, .primfaktoren-teiler .primfaktoren-ggT-input.schmaler-input {
  width: 2.5rem;
}
.primfaktoren-teiler .primfaktoren-teiler-input.richtig-geloest, .primfaktoren-teiler .primfaktoren-gemeinsame-teiler-input.richtig-geloest, .primfaktoren-teiler .primfaktoren-ggT-input.richtig-geloest {
  color: #4CB944;
  border-color: #4CB944;
}

.primfaktoren-teiler-loesung {
  color: #3D9537;
  font-weight: bold;
}

.primfaktoren-bruchzahl-kuerzen {
  display: flex;
  margin: 2rem;
  justify-content: center;
  align-items: center;
}
.primfaktoren-bruchzahl-kuerzen.margin-none {
  margin: 0;
}
.primfaktoren-bruchzahl-kuerzen input {
  width: 3rem;
  margin: 0.2rem;
  font-size: 1.2rem;
}
.primfaktoren-bruchzahl-kuerzen input:focus {
  border-color: #632263;
}
.primfaktoren-bruchzahl-kuerzen input.richtig-geloest {
  color: #4CB944;
  border-color: #4CB944;
}
.primfaktoren-bruchzahl-kuerzen .richtige-loesung {
  color: #4CB944;
  font-weight: bold;
}

#primfaktoren-bruchzahl-kuerzen-frac, .primfaktoren-bruchzahl-kuerzen-frac {
  margin: 0 1rem;
  padding-right: 0;
}
#primfaktoren-bruchzahl-kuerzen-frac.no-margin, .primfaktoren-bruchzahl-kuerzen-frac.no-margin {
  margin: 0;
}
#primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-zaehler, #primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-nenner, .primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-zaehler, .primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-nenner {
  display: flex;
  justify-content: center;
  align-items: center;
}
#primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-zaehler.align-bottom, #primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-nenner.align-bottom, .primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-zaehler.align-bottom, .primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-nenner.align-bottom {
  align-items: flex-end;
}
#primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-zaehler.align-top, #primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-nenner.align-top, .primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-zaehler.align-top, .primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-nenner.align-top {
  align-items: flex-start;
}
#primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-zaehler.display-block, #primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-nenner.display-block, .primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-zaehler.display-block, .primfaktoren-bruchzahl-kuerzen-frac .kuerzen-frac-nenner.display-block {
  display: block;
}

.kuerzen-clickable {
  margin: 0.2rem;
  font-size: 1.2rem;
  width: 3rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.kuerzen-clickable.clicked {
  position: relative;
  display: inline-block;
}
.kuerzen-clickable.clicked::after {
  content: "";
  width: 100%;
  position: absolute;
  right: 0;
  left: 0;
  top: 10px;
  border-bottom: 2px solid rgba(255, 0, 0, 0.5);
  transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
}
.kuerzen-clickable.erweitern {
  height: 3rem;
  font-size: 1.5rem;
}

.bruchkuerzen-container {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.bruchkuerzen-container.margin-auto {
  margin: 2rem auto;
}
.bruchkuerzen-container.flex-column {
  flex-direction: column;
}
.bruchkuerzen-container .bruch-container {
  min-height: 15rem;
  margin: 2rem;
  display: flex;
  align-items: center;
}
.bruchkuerzen-container .bruch-container.margin-auto {
  margin: 2rem auto;
}
.bruchkuerzen-container .bruch-container .kuerzen-clickable {
  font-size: 2rem;
  width: 3.5rem;
  margin: 0.5rem;
}
.bruchkuerzen-container .bruch-container .kuerzen-clickable.clicked::after {
  top: 15px;
}
.bruchkuerzen-container .mult-frac-zaehler, .bruchkuerzen-container .mult-frac-nenner {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.bruchkuerzen-container .mult-frac-nenner {
  align-items: flex-start;
}
.bruchkuerzen-container .bruchkuerzen-fragen {
  margin: 2rem;
}
.bruchkuerzen-container .bruchkuerzen-fragen .bruchkuerzen-teilfrage {
  display: flex;
  align-items: center;
  text-align: left;
  margin: 1rem 0;
}
.bruchkuerzen-container .bruchkuerzen-fragen .bruchkuerzen-teilfrage .beantwortet {
  opacity: 0.5;
}
.bruchkuerzen-container .bruchkuerzen-fragen .bruchkuerzen-eingaben {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.bruchkuerzen-container .bruchkuerzen-input {
  width: 3rem;
  margin: 0.2rem;
  font-size: 1.5rem;
}
.bruchkuerzen-container .bruchkuerzen-input:focus {
  border-color: #632263;
}
.bruchkuerzen-container .bruchkuerzen-input.richtig-geloest {
  color: #4CB944;
  border-color: #4CB944;
}
.bruchkuerzen-container .bruchkuerzen-input.falsch-geloest {
  border-color: #DB0567;
}
.bruchkuerzen-container .bruchkuerzen-input.smaller {
  width: 2rem;
  font-size: 1.2rem;
}
.bruchkuerzen-container .bruchkuerzen-input.wider {
  width: 4rem;
}
.bruchkuerzen-container .bruchkuerzen-input.smaller-font {
  font-size: 1rem;
}
.bruchkuerzen-container .richtige-loesung {
  color: #4CB944;
  font-weight: bold;
  margin: 0.2rem;
  font-size: 1.5rem;
}
.bruchkuerzen-container .malpunkt-container {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem;
}
.bruchkuerzen-container .malpunkt-container.smaller {
  width: 1rem;
  margin: 0.2rem;
}
.bruchkuerzen-container .gleichungs-angabe {
  color: #347FC4;
  font-size: 2rem;
  margin-top: 2rem;
}
.bruchkuerzen-container .bruch-non-input {
  height: 3rem;
  margin: 0.2rem;
}
.bruchkuerzen-container .flex-container {
  display: flex;
  align-items: center;
}

.kuerzen-zaehler-vertical-container, .kuerzen-nenner-vertical-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.kuerzen-zaehler-vertical-container .kuerzen-hidden, .kuerzen-nenner-vertical-container .kuerzen-hidden {
  visibility: hidden;
}

.diagramme-teilfrage.teilfrage-mit-zahleneingabe, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe {
  display: flex;
  justify-content: left;
  align-items: center;
  margin: 1rem 0;
  text-align: left;
}
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort,
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort,
.zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort,
.einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort {
  margin: 0 2rem;
  display: flex;
  align-items: center;
}
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.gleichung, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.gleichung,
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.gleichung, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.gleichung, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.gleichung, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.gleichung,
.zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.gleichung, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.gleichung,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.gleichung,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.gleichung,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.gleichung,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.gleichung, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.gleichung, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.gleichung,
.einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.gleichung, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.gleichung {
  font-size: 1.5rem;
  margin: 2rem auto;
}
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.gleichung > input, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.gleichung > input,
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.gleichung > input, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.gleichung > input, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.gleichung > input, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.gleichung > input,
.zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.gleichung > input, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.gleichung > input,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.gleichung > input,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.gleichung > input,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.gleichung > input,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.gleichung > input, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.gleichung > input, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.gleichung > input,
.einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.gleichung > input, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.gleichung > input {
  font-size: 1.5rem;
}
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.antwortsatz, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.antwortsatz,
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.antwortsatz, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.antwortsatz, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.antwortsatz, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.antwortsatz,
.zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.antwortsatz, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.antwortsatz,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.antwortsatz,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.antwortsatz,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.antwortsatz,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.antwortsatz, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort.antwortsatz, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort.antwortsatz,
.einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort.antwortsatz, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort.antwortsatz {
  color: #347FC4;
  flex-wrap: wrap;
}
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input,
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input,
.zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input,
.einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input {
  width: 5rem;
  height: 3rem;
  margin: 0 0.5rem;
  border: 2px solid #FEC3DE;
}
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input.richtige-eingabe, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input.richtig-geloest, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input.richtige-eingabe, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input.richtig-geloest,
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input.richtige-eingabe,
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input.richtig-geloest, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input.richtige-eingabe, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input.richtig-geloest, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input.richtige-eingabe, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input.richtig-geloest, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input.richtige-eingabe, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input.richtig-geloest,
.zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input.richtige-eingabe,
.zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input.richtig-geloest, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input.richtige-eingabe, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input.richtig-geloest,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input.richtige-eingabe,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input.richtig-geloest,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input.richtige-eingabe,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input.richtig-geloest,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input.richtige-eingabe,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input.richtig-geloest,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input.richtige-eingabe,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input.richtig-geloest, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input.richtige-eingabe, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input.richtig-geloest, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input.richtige-eingabe, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input.richtig-geloest,
.einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input.richtige-eingabe,
.einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input.richtig-geloest, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input.richtige-eingabe, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input.richtig-geloest {
  border-color: #4CB944;
}
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input:disabled, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input:disabled,
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input:disabled, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input:disabled, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input:disabled, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input:disabled,
.zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input:disabled, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input:disabled,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input:disabled,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input:disabled,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input:disabled,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input:disabled, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .diagramme-teilfrage-antwort > input:disabled, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .zeitrechnung-teilfrage-antwort > input:disabled,
.einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .sachaufgabe-teilfrage-antwort > input:disabled, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .einkaufsliste-teilfrage-antwort > input:disabled {
  opacity: 1;
  -webkit-text-fill-color: #393339;
}
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .img-feedback, .diagramme-teilfrage.teilfrage-mit-zahleneingabe > .mc-img-feedback, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .img-feedback, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .mc-img-feedback,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .img-feedback,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .mc-img-feedback, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .img-feedback, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .mc-img-feedback {
  width: 2rem;
}
.diagramme-teilfrage.teilfrage-mit-zahleneingabe > .richtiges-ergebnis, .zeitrechnung-teilfrage.teilfrage-mit-zahleneingabe > .richtiges-ergebnis,
.sachaufgabe-teilfrage.teilfrage-mit-zahleneingabe > .richtiges-ergebnis, .einkaufsliste-teilfrage.teilfrage-mit-zahleneingabe > .richtiges-ergebnis {
  margin-left: 1rem;
  font-weight: bold;
  color: #4CB944;
}
.diagramme-teilfrage.teilfrage-mit-MC, .zeitrechnung-teilfrage.teilfrage-mit-MC,
.sachaufgabe-teilfrage.teilfrage-mit-MC, .einkaufsliste-teilfrage.teilfrage-mit-MC {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 2rem 0;
}
.diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten, .diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit {
  margin: 1rem 0;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
.diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container, .diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container {
  padding: 0.5rem;
  margin: 0.5rem 1rem;
}
.diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > input[type=checkbox], .diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > input[type=checkbox], .diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > input[type=radio], .diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > input[type=radio], .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > input[type=checkbox], .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > input[type=checkbox], .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > input[type=radio], .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > input[type=radio],
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > input[type=checkbox],
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > input[type=checkbox],
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > input[type=radio],
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > input[type=radio], .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > input[type=checkbox], .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > input[type=checkbox], .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > input[type=radio], .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > input[type=radio] {
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
}
.diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > p, .diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > p, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > p, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > p,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > p,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > p, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container > p, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container > p {
  font-size: 20px;
}
.diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container.lower-height, .diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container.lower-height, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container.lower-height, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container.lower-height,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container.lower-height,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container.lower-height, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-antwort-container.lower-height, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-antwort-container.lower-height {
  padding: 0.2rem;
  margin: 0.2rem 1rem;
}
.diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten > .img-feedback, .diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .img-feedback, .diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-img-feedback, .diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-img-feedback, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten > .img-feedback, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .img-feedback, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-img-feedback, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-img-feedback,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten > .img-feedback,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .img-feedback,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-img-feedback,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-img-feedback, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten > .img-feedback, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .img-feedback, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten > .mc-img-feedback, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .mc-img-feedback {
  width: 2rem;
  margin: 0 2rem;
}
.diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten > .richtige-mc-antwort > input, .diagramme-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .richtige-mc-antwort > input, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten > .richtige-mc-antwort > input, .zeitrechnung-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .richtige-mc-antwort > input,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten > .richtige-mc-antwort > input,
.sachaufgabe-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .richtige-mc-antwort > input, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten > .richtige-mc-antwort > input, .einkaufsliste-teilfrage.teilfrage-mit-MC > .mc-antworten-wahrscheinlichkeit > .richtige-mc-antwort > input {
  border: 3px solid #4CB944;
}
.diagramme-teilfrage.teilfrage-mit-drag, .zeitrechnung-teilfrage.teilfrage-mit-drag,
.sachaufgabe-teilfrage.teilfrage-mit-drag, .einkaufsliste-teilfrage.teilfrage-mit-drag {
  margin: 2rem auto;
  border: 2px solid #FEC3DE;
  padding: 1rem 2rem;
}
.diagramme-teilfrage.teilfrage-mit-drag.richtig-eingetragen, .zeitrechnung-teilfrage.teilfrage-mit-drag.richtig-eingetragen,
.sachaufgabe-teilfrage.teilfrage-mit-drag.richtig-eingetragen, .einkaufsliste-teilfrage.teilfrage-mit-drag.richtig-eingetragen {
  border-color: #3D9537;
}

.diagramme-kennzahlen {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem;
}
.diagramme-kennzahlen .teilfeedback {
  width: 1rem;
  margin-left: 1rem;
}
.diagramme-kennzahlen.richtig-geloest {
  color: #4CB944;
}
.diagramme-kennzahlen.falsch-geloest {
  color: #DB0567;
}

.zeitrechnung-tabelle-container, .sachaufgabe-tabelle-container {
  margin: 2rem;
}
.zeitrechnung-tabelle-container.less-margin, .less-margin.sachaufgabe-tabelle-container {
  margin: 2rem 0;
}
.zeitrechnung-tabelle-container tbody, .sachaufgabe-tabelle-container tbody {
  background-color: white;
}

.sachaufgabe-tabelle-container > .sachaufgabe-tabelle {
  font-size: 1rem;
}

.zeitrechnung-fragen-container, .sachaufgabe-fragen-container, .einkaufsliste-fragen-container {
  margin: 4rem 0 2rem;
}
.zeitrechnung-fragen-container.less-margin, .sachaufgabe-fragen-container.less-margin, .einkaufsliste-fragen-container.less-margin {
  margin: 2rem 0;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage {
  margin: 1.5rem 0;
  flex-direction: column;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage.teilfrage-mit-MC, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage.teilfrage-mit-MC,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage.teilfrage-mit-MC, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage.teilfrage-mit-MC, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage.teilfrage-mit-MC,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage.teilfrage-mit-MC, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage.teilfrage-mit-MC, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage.teilfrage-mit-MC,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage.teilfrage-mit-MC {
  align-items: center;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage .scroll-up-button, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage .scroll-up-button,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage .scroll-up-button, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage .scroll-up-button, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage .scroll-up-button,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage .scroll-up-button, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage .scroll-up-button, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage .scroll-up-button,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage .scroll-up-button {
  font-size: 1.5rem;
  transition: all 0.2s;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-fragentext, .zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-fragentext,
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-fragentext, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-fragentext, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-fragentext,
.zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-fragentext,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-fragentext,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-fragentext,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-fragentext, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-fragentext, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-fragentext,
.sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-fragentext, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-fragentext, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-fragentext,
.sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-fragentext,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-fragentext,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-fragentext,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-fragentext, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-fragentext, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-fragentext,
.einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-fragentext, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-fragentext, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-fragentext,
.einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-fragentext,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-fragentext,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-fragentext,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-fragentext {
  font-weight: bold;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort, .zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort,
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort,
.zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort,
.sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort,
.sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort,
.einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort,
.einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort {
  margin: 1rem;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container, .zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container,
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container,
.zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container,
.sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container,
.sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container,
.einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container,
.einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-right: 1rem;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input, .zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input,
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input,
.zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input,
.sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input,
.sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input,
.einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input,
.einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input {
  width: 4rem;
  height: 3rem;
  margin: 0 0.5rem;
  border: 2px solid #FEC3DE;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input:disabled, .zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input:disabled,
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input:disabled, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input:disabled, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input:disabled,
.zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input:disabled,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input:disabled,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input:disabled,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input:disabled, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input:disabled, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input:disabled,
.sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input:disabled, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input:disabled, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input:disabled,
.sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input:disabled,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input:disabled,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input:disabled,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input:disabled, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input:disabled, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input:disabled,
.einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input:disabled, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input:disabled, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input:disabled,
.einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input:disabled,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input:disabled,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input:disabled,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input:disabled {
  opacity: 1;
  -webkit-text-fill-color: #393339;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.richtige-eingabe, .zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.richtige-eingabe, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.richtige-eingabe, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.richtige-eingabe, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.richtige-eingabe, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.richtige-eingabe, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.richtige-eingabe, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.richtige-eingabe, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.richtige-eingabe, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.richtige-eingabe, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.richtige-eingabe, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.richtige-eingabe,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.richtige-eingabe {
  border-color: #C6E9C3;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.falsche-eingabe, .zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.falsche-eingabe, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.falsche-eingabe, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.falsche-eingabe, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.falsche-eingabe, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.falsche-eingabe, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.falsche-eingabe, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.falsche-eingabe, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.falsche-eingabe, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.falsche-eingabe, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.falsche-eingabe, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .antwort-container > input.falsche-eingabe,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .antwort-container > input.falsche-eingabe {
  border-color: #FEC3DE;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .img-feedback, .zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .mc-img-feedback, .zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .img-feedback, .zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .mc-img-feedback,
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .img-feedback,
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .mc-img-feedback, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .img-feedback, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .mc-img-feedback, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .img-feedback, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .mc-img-feedback,
.zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .img-feedback,
.zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .mc-img-feedback,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .img-feedback,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .mc-img-feedback,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .img-feedback,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .mc-img-feedback,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .img-feedback,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .mc-img-feedback, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .img-feedback, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .mc-img-feedback, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .img-feedback, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .mc-img-feedback,
.sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .img-feedback,
.sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .mc-img-feedback, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .img-feedback, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .mc-img-feedback, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .img-feedback, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .mc-img-feedback,
.sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .img-feedback,
.sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .mc-img-feedback,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .img-feedback,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .mc-img-feedback,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .img-feedback,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .mc-img-feedback,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .img-feedback,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .mc-img-feedback, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .img-feedback, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .mc-img-feedback, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .img-feedback, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .mc-img-feedback,
.einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .img-feedback,
.einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .mc-img-feedback, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .img-feedback, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .mc-img-feedback, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .img-feedback, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .mc-img-feedback,
.einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .img-feedback,
.einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .mc-img-feedback,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .img-feedback,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .mc-img-feedback,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .img-feedback,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .mc-img-feedback,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .img-feedback,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .mc-img-feedback {
  width: 2rem;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .richtiges-ergebnis, .zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .richtiges-ergebnis,
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .richtiges-ergebnis, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .richtiges-ergebnis, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .richtiges-ergebnis,
.zeitrechnung-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .richtiges-ergebnis,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .richtiges-ergebnis,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .richtiges-ergebnis,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .richtiges-ergebnis, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .richtiges-ergebnis, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .richtiges-ergebnis,
.sachaufgabe-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .richtiges-ergebnis, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .richtiges-ergebnis, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .richtiges-ergebnis,
.sachaufgabe-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .richtiges-ergebnis,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .richtiges-ergebnis,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .richtiges-ergebnis,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .richtiges-ergebnis, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .zeitrechnung-teilfrage-antwort > .richtiges-ergebnis, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .sachaufgabe-teilfrage-antwort > .richtiges-ergebnis,
.einkaufsliste-fragen-container > .zeitrechnung-teilfrage > .einkaufsliste-teilfrage-antwort > .richtiges-ergebnis, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .zeitrechnung-teilfrage-antwort > .richtiges-ergebnis, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .sachaufgabe-teilfrage-antwort > .richtiges-ergebnis,
.einkaufsliste-fragen-container > .sachaufgabe-teilfrage > .einkaufsliste-teilfrage-antwort > .richtiges-ergebnis,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .zeitrechnung-teilfrage-antwort > .richtiges-ergebnis,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .sachaufgabe-teilfrage-antwort > .richtiges-ergebnis,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage > .einkaufsliste-teilfrage-antwort > .richtiges-ergebnis {
  margin-left: 1rem;
  font-weight: bold;
  color: #4CB944;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage .richtigstellung, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage .richtigstellung,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage .richtigstellung, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage .richtigstellung, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage .richtigstellung,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage .richtigstellung, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage .richtigstellung, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage .richtigstellung,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage .richtigstellung {
  font-weight: bold;
  color: #4CB944;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zeitrechnung-fragen-container > .zeitrechnung-teilfrage .richtigstellung .malpunkt-container, .zeitrechnung-fragen-container > .sachaufgabe-teilfrage .richtigstellung .malpunkt-container,
.zeitrechnung-fragen-container > .einkaufsliste-teilfrage .richtigstellung .malpunkt-container, .sachaufgabe-fragen-container > .zeitrechnung-teilfrage .richtigstellung .malpunkt-container, .sachaufgabe-fragen-container > .sachaufgabe-teilfrage .richtigstellung .malpunkt-container,
.sachaufgabe-fragen-container > .einkaufsliste-teilfrage .richtigstellung .malpunkt-container, .einkaufsliste-fragen-container > .zeitrechnung-teilfrage .richtigstellung .malpunkt-container, .einkaufsliste-fragen-container > .sachaufgabe-teilfrage .richtigstellung .malpunkt-container,
.einkaufsliste-fragen-container > .einkaufsliste-teilfrage .richtigstellung .malpunkt-container {
  margin: 0 0.5rem;
}

table {
  background-color: #FEC3DE;
  margin: 0 auto 2rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 0.2rem;
}
table > tr > th, table > tr > td {
  background-color: white;
  padding: 1rem 2rem;
}
table > tr > th > .ergebnis-input, table > tr > td > .ergebnis-input {
  height: 3rem;
}
table > tr > th > .ergebnis-input.richtige-eingabe, table > tr > td > .ergebnis-input.richtige-eingabe {
  border-color: #C6E9C3;
  border-width: 2px;
}
table > tr > th > .ergebnis-input:disabled, table > tr > td > .ergebnis-input:disabled {
  opacity: 1;
  -webkit-text-fill-color: #393339;
}
table > tr > th.geometrie-teilfrage, table > tr > td.geometrie-teilfrage {
  padding: 0.5rem 1rem;
}
table > tr > th.geometrie-teilfrage > .geometrie-teilfrage-zahleneingabe, table > tr > td.geometrie-teilfrage > .geometrie-teilfrage-zahleneingabe {
  height: 2rem;
  width: 3rem;
}
table > tr > th.geometrie-teilfrage > .geometrie-teilfrage-zahleneingabe.richtige-eingabe, table > tr > td.geometrie-teilfrage > .geometrie-teilfrage-zahleneingabe.richtige-eingabe {
  border: none;
  color: #3D9537;
  -webkit-text-fill-color: #3D9537;
}
table > tr > th.geometrie-teilfrage > .geometrie-teilfrage-zahleneingabe:disabled, table > tr > td.geometrie-teilfrage > .geometrie-teilfrage-zahleneingabe:disabled {
  opacity: 1;
  border: none;
}
table > tr > th > .img-feedback, table > tr > td > .img-feedback {
  width: 1rem;
  margin: auto 1rem;
}
table > tr > th > .richtiges-ergebnis, table > tr > td > .richtiges-ergebnis {
  display: inline;
  font-weight: bold;
  color: #3D9537;
}
table .less-padding {
  padding: 1rem 0.5rem;
}
table .center {
  text-align: center;
}

/* Very Large Desktop */
/* Large Desktop */
/* Desktop / Big Tablet */
/* Tablet lg */
/* Tablet md */
/* Tablet */
@media (max-width: 689.98px) {
  .geometrie-tabelle {
    font-size: 1rem;
  }
  .geometrie-tabelle > tr > th, .geometrie-tabelle > tr > td {
    padding: 1rem;
  }
}
/* Mobile */
.symbole-aufgabe {
  display: grid;
  grid-template: repeat(3, 1fr)/repeat(2, 1fr);
  grid-row-gap: 4rem;
  grid-column-gap: 4rem;
  font-size: 30px;
  margin: 2rem auto;
  padding: 1rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.symbole-aufgabe > .symbole-rechnung {
  display: grid;
  grid-template: repeat(2, 4rem)/repeat(5, 4rem);
  align-items: center;
  justify-content: center;
}
.symbole-aufgabe > .symbole-rechnung > input {
  max-width: 100%;
  font-size: 32px;
  border: none;
  background-color: rgba(183, 228, 245, 0.5);
  text-align: center;
  border-radius: 5px;
  margin: 0;
  font-weight: normal;
  color: #347FC4;
  font-family: sans-serif;
  padding: 0;
}
.symbole-aufgabe > .symbole-rechnung > input:focus {
  border: 2px solid #347FC4;
}
.symbole-aufgabe > .symbole-rechnung > input:disabled {
  background: rgba(207, 207, 207, 0.3);
  opacity: 1; /* Safari */
}
.symbole-aufgabe > .symbole-rechnung > input.richtiges-ergebnis {
  color: #3D9537;
}
.symbole-aufgabe > .symbole-rechnung > .fa-apple-alt {
  color: #3D9537;
}
.symbole-aufgabe > .symbole-rechnung > .fa-fish {
  color: #347FC4;
}
.symbole-aufgabe > .symbole-rechnung > .fa-cookie {
  color: chocolate;
}
.symbole-aufgabe > .symbole-rechnung > .fa-crown {
  color: #E89005;
}
.symbole-aufgabe > .symbole-rechnung > .fa-bolt {
  color: gold;
}
.symbole-aufgabe > .symbole-rechnung > .fa-frog {
  color: darkgreen;
}
.symbole-aufgabe > .symbole-rechnung > .fa-guitar {
  color: maroon;
}
.symbole-aufgabe > .symbole-rechnung > .fa-hammer {
  color: darkgrey;
}
.symbole-aufgabe > .symbole-rechnung > .fa-heart {
  color: crimson;
}
.symbole-aufgabe > .symbole-rechnung > .fa-ice-cream {
  color: darksalmon;
}
@media (max-width: 1023.98px) {
  .symbole-aufgabe {
    font-size: 24px;
  }
  .symbole-aufgabe > .symbole-rechnung {
    grid-template: repeat(2, 3rem)/repeat(5, 2.8rem);
  }
  .symbole-aufgabe > .symbole-rechnung > input {
    font-size: 26px;
  }
}
@media (max-width: 689.98px) {
  .symbole-aufgabe {
    grid-template: repeat(6, 1fr)/1fr;
    grid-row-gap: 3rem;
    font-size: 30px;
  }
  .symbole-aufgabe > .symbole-rechnung {
    grid-template: repeat(2, 4rem)/repeat(5, 4rem);
  }
  .symbole-aufgabe > .symbole-rechnung > input {
    font-size: 32px;
  }
}
@media (max-width: 529.98px) {
  .symbole-aufgabe {
    grid-template: repeat(6, 1fr)/1fr;
    grid-row-gap: 2rem;
    font-size: 20px;
  }
  .symbole-aufgabe > .symbole-rechnung {
    grid-template: repeat(2, 3rem)/repeat(5, 3rem);
  }
  .symbole-aufgabe > .symbole-rechnung > input {
    font-size: 24px;
  }
}

.einheiten-aufgabe {
  display: flex;
  flex-direction: column;
  margin: 1rem auto 2rem;
  align-items: center;
  justify-content: space-between;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.einheiten-aufgabe > .einheiten-rechnung {
  display: grid;
  grid-template-columns: minmax(10rem, auto) 3rem 10rem 4rem 3rem;
  margin: 1rem 0;
  align-items: center;
}
.einheiten-aufgabe > .einheiten-rechnung.drei-eingaben {
  grid-template-columns: 8rem 3rem 5rem 3rem 5rem 3rem 5rem 3rem 3rem;
}
.einheiten-aufgabe > .einheiten-rechnung.eingabe-links {
  grid-template-columns: 10rem 3rem 6rem 4rem;
}
.einheiten-aufgabe > .einheiten-rechnung > .rechtsbuendig {
  text-align: right;
}
.einheiten-aufgabe > .einheiten-rechnung > .linksbuendig {
  text-align: left;
}
.einheiten-aufgabe > .einheiten-rechnung > .bruch-einheit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.einheiten-aufgabe > .einheiten-rechnung > input {
  width: 95%;
  padding: 0 1rem;
  font-size: 20px;
  text-align: right;
}
.einheiten-aufgabe > .einheiten-rechnung > .img-feedback {
  width: 1.5rem;
}
@media (max-width: 689.98px) {
  .einheiten-aufgabe > .einheiten-rechnung.drei-eingaben {
    grid-template-columns: 8rem 2rem 4rem 3rem 4rem 3rem 4rem 3rem 3rem;
  }
  .einheiten-aufgabe > .einheiten-rechnung.drei-eingaben > input {
    font-size: 1.5rem;
    height: 2.5rem;
    padding: 0 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .einheiten-aufgabe {
    font-size: 1rem;
  }
  .einheiten-aufgabe > .einheiten-rechnung {
    grid-template-columns: minmax(6rem, auto) 1.5rem 6rem 3rem 2rem;
  }
  .einheiten-aufgabe > .einheiten-rechnung.drei-eingaben {
    grid-template-columns: 6.5rem 1.5rem 3rem 2rem 3rem 2rem 3rem 2rem 2rem;
  }
  .einheiten-aufgabe > .einheiten-rechnung.eingabe-links {
    grid-template-columns: 6rem 3rem 5rem 2rem;
  }
  .einheiten-aufgabe > .einheiten-rechnung > input, .einheiten-aufgabe > .einheiten-rechnung.drei-eingaben > input {
    font-size: 1rem;
    height: 2.5rem;
    padding: 0 0.2rem;
  }
  .einheiten-aufgabe > .einheiten-rechnung > .img-feedback {
    width: 1rem;
    justify-self: center;
  }
}

.umrechnung-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem auto;
}
.umrechnung-flex input {
  width: 5rem;
  margin: 0.5rem;
  font-size: 1.5rem;
}
.umrechnung-flex input.richtige-eingabe {
  color: #4CB944;
  font-weight: bold;
}

span.frac {
  display: inline-block;
  text-align: center;
  padding-right: 1rem;
}
span.frac.no-padding {
  padding: 0;
}
span.frac > sup {
  display: block;
  border-bottom: 1px solid;
  font: inherit;
}
span.frac > span {
  display: none;
}
span.frac > sub {
  display: block;
  font: inherit;
}
span.frac > sup.horizontal-flex, span.frac > sub.horizontal-flex {
  display: flex;
  align-items: center;
}

.mc-antwort-container {
  border: none;
}
.mc-antwort-container > input[type=checkbox].round-checkbox {
  -moz-appearance: None;
  -webkit-appearance: none;
  border-radius: 50%;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.mc-antwort-container > input[type=checkbox].round-checkbox.richtig-markiert {
  background-color: #3D9537;
  border-color: #3D9537;
}
@media (max-width: 689.98px) {
  .mc-antwort-container > input[type=checkbox].round-checkbox {
    min-width: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.mc-antwort-container > div {
  background-color: #FEC3DE;
  border: 2px solid #DB0567;
  margin-left: 1rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.mc-antwort-container > div.richtiges-rechteck {
  background-color: #C6E9C3;
  border: 2px solid #3D9537;
}
.mc-antwort-container > div.falsches-rechteck {
  background-color: #DB0567;
}
@media (max-width: 689.98px) {
  .mc-antwort-container > div {
    border: 1px solid #DB0567;
    margin-left: 0.5rem;
  }
  .mc-antwort-container > div.richtiges-rechteck {
    border: 1px solid #3D9537;
  }
}

.hidden-checkbox:checked + .mc-antwort-container {
  border-color: #DB0567;
}

.mc-aufgabe .lueckentext {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem;
  align-items: center;
}
.mc-aufgabe .lueckentext > p {
  font-size: 1.5rem;
  margin: 0 0.5rem;
  line-height: 3.2rem;
}
.mc-aufgabe .lueckentext > .drop-container {
  margin: 0 1rem;
  width: 2rem;
  height: 1.5rem;
  padding: 0.5rem 1rem;
  font-weight: bold;
  border-radius: 10px;
  background-color: rgba(183, 228, 245, 0.25);
}
.mc-aufgabe .lueckentext > .drop-container.dragover {
  border: 2px solid #347FC4;
}
.mc-aufgabe .lueckentext > .drop-container > img {
  width: 2rem;
  height: 2rem;
}
.mc-aufgabe .drag-container {
  isplay: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mc-aufgabe .drag-container .draggables-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1rem;
  justify-content: center;
  align-items: center;
}
.mc-aufgabe .drag-container .draggables-container > .draggable-item {
  margin: 1rem;
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
  background-color: rgba(183, 228, 245, 0.5);
  color: #347FC4;
  border-radius: 10px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}
.mc-aufgabe .drag-container .draggables-container > .draggable-item[draggable=true] {
  cursor: pointer;
}

.bauplan-aufgabe {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 2rem auto;
}
.bauplan-aufgabe > .bauplan-img {
  max-width: 300px;
  max-height: 300px;
  margin: 1rem;
}
.bauplan-aufgabe > .bauplan-container {
  display: grid;
  grid-template-columns: repeat(2, 4rem);
  grid-template-rows: repeat(2, 4rem);
  border: 2px solid #347FC4;
  margin: 1rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.bauplan-aufgabe > .bauplan-container > input {
  width: inherit;
  height: inherit;
  font-size: 1.5rem;
  background-color: rgba(183, 228, 245, 0.25);
  margin: 0;
  border: 1px solid #347FC4;
  border-radius: 0;
  color: #393339;
}
.bauplan-aufgabe > .bauplan-container > input:focus {
  border: 2px solid #347FC4;
  background-color: rgba(183, 228, 245, 0.75);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.bauplan-aufgabe > .bauplan-container > input.richtige-eingabe {
  background-color: rgba(198, 233, 195, 0.5);
  color: #4CB944;
}
.bauplan-aufgabe > .bauplan-container > input.falsche-eingabe {
  background-color: rgba(254, 195, 222, 0.5);
  color: #DB0567;
}
.bauplan-aufgabe > .bauplan-container > input:disabled {
  opacity: 1;
  -webkit-text-fill-color: #393339;
}

.draggables-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 1rem auto;
}

.drop-zone {
  display: inline-block;
  padding: 5px;
  margin: 5px;
  border-bottom: 1px solid #000;
  min-width: 50px;
  min-height: 20px;
}

.placed-word {
  display: inline-block;
  position: fixed;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  color: #393339;
  background-color: #DAF3FB;
  border: 2px solid #347FC4;
  border-radius: 10px;
  visibility: hidden;
  cursor: grabbing;
}

.zeiten-aufgabe {
  display: flex;
  flex-direction: column;
  margin: 3rem auto 1rem;
  align-items: flex-start;
  justify-content: space-between;
  width: 90%;
}
.zeiten-aufgabe .zeiten-angabesatz {
  text-align: left;
}
.zeiten-aufgabe .zeiten-angabesatz .zeiten-geschichte {
  margin: 0;
  line-height: 2rem;
}
.zeiten-aufgabe .zeiten-angabesatz.platzsparen {
  font-size: 1rem;
}
.zeiten-aufgabe .zeiten-eingabesatz {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
}
.zeiten-aufgabe .zeiten-eingabesatz p {
  margin: 0 0.2rem;
}
.zeiten-aufgabe .zeiten-eingabesatz.platzsparen {
  font-size: 1rem;
}
.zeiten-aufgabe .zeiten-eingabesatz input {
  margin: 0.5rem 0.1rem;
  font-size: 20px;
  width: 10rem;
  height: 2.5rem;
}
.zeiten-aufgabe .zeiten-eingabesatz input.platzsparen {
  font-size: 1rem;
}
.zeiten-aufgabe .zeiten-eingabesatz input.richtige-eingabe {
  color: #4CB944;
}
.zeiten-aufgabe .zeiten-eingabesatz input.mit-border.richtige-eingabe {
  border: 2px solid #3D9537;
  color: #3D9537;
}
.zeiten-aufgabe .zeiten-eingabesatz input.mit-border.falsche-eingabe {
  background-color: #DAF3FB;
}
.zeiten-aufgabe .zeiten-eingabesatz textarea {
  margin: 0.5rem 0.1rem;
  font-size: 1rem;
  width: 20rem;
  height: 2.2rem;
  padding: 0.5rem;
  text-align: left;
  font-family: sans-serif;
}
.zeiten-aufgabe .zeiten-eingabesatz textarea.platzsparen {
  font-size: 1rem;
}
.zeiten-aufgabe .zeiten-eingabesatz textarea.richtige-eingabe {
  color: #4CB944;
}
.zeiten-aufgabe .zeiten-eingabesatz textarea.mit-border.richtige-eingabe {
  border: 2px solid #3D9537;
  color: #3D9537;
}
.zeiten-aufgabe .zeiten-eingabesatz textarea.mit-border.falsche-eingabe {
  background-color: #DAF3FB;
}
.zeiten-aufgabe .zeiten-eingabesatz textarea:focus {
  border-radius: 1px;
}
.zeiten-aufgabe .zeiten-eingabesatz img {
  max-width: 1rem;
  margin: 0 1rem;
}
.zeiten-aufgabe .zeiten-richtige-antworten {
  font-size: 1rem;
  color: #4CB944;
  text-align: left;
}
.zeiten-aufgabe hr {
  width: 100%;
  margin: 2rem 0 2.5rem;
}
.zeiten-aufgabe .zeiten-angaben {
  width: 100%;
  text-align: left;
}
.zeiten-aufgabe .zeiten-angaben p {
  margin: 0;
  margin-bottom: 1rem;
}
.zeiten-aufgabe .zeiten-angaben hr {
  margin-top: 0;
}
.zeiten-aufgabe .zeiten-eingaben {
  width: 100%;
  text-align: left;
  margin-bottom: 2rem;
}

.zeiten-tabelle-aufgabe {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 90%;
  margin: 3rem auto;
  align-items: center;
  text-align: left;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.zeiten-tabelle-aufgabe .tabellen-ueberschrift {
  margin: 1rem 0;
  font-weight: bold;
}
.zeiten-tabelle-aufgabe .input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zeiten-tabelle-aufgabe .input-container input {
  margin-left: 0.4rem;
}
.zeiten-tabelle-aufgabe input {
  margin: 0.5rem 0;
  font-size: 20px;
  width: 85%;
  height: 2.5rem;
  text-align: left;
  padding: 0.5rem;
}
.zeiten-tabelle-aufgabe input.richtige-eingabe {
  color: #4CB944;
}
.zeiten-tabelle-aufgabe input:disabled {
  padding: 0;
  width: 100%;
}
@media (max-width: 1079.98px) {
  .zeiten-tabelle-aufgabe {
    font-size: 1rem;
    width: 100%;
  }
  .zeiten-tabelle-aufgabe input {
    font-size: 1rem;
    width: 90%;
  }
}
@media (max-width: 689.98px) {
  .zeiten-tabelle-aufgabe {
    font-size: 0.8rem;
    width: 100%;
  }
  .zeiten-tabelle-aufgabe input {
    font-size: 0.8rem;
    width: 95%;
    height: 2rem;
  }
}

.nomen-aufgabe {
  margin: 3rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.nomen-aufgabe .nomen-zeile-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 1rem;
}
.nomen-aufgabe .nomen-zeile-container .nomen-angabe {
  margin: 2rem 0 1rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5rem;
  font-weight: bold;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem;
  margin: 1rem 0;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container {
  display: flex;
  flex-direction: column;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .deutsch-input {
  font-size: 20px;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .deutsch-input.richtige-eingabe {
  color: #4CB944;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .deutsch-input:disabled {
  background-color: rgba(183, 228, 245, 0.2);
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .img-feedback {
  width: 1rem;
  margin: 0 0.5rem 0 0.1rem;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten-wahrscheinlichkeit {
  margin: 0;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  max-width: 100%;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten .mc-antwort-container, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten-wahrscheinlichkeit .mc-antwort-container {
  margin: 0;
  padding: 0;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten .mc-antwort-container p, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten-wahrscheinlichkeit .mc-antwort-container p {
  padding: 0;
  font-size: 1rem;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten .mc-antwort-container input[type=radio], .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten-wahrscheinlichkeit .mc-antwort-container input[type=radio] {
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
  border-radius: 5px;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten .mc-antwort-container input[type=radio]:checked.richtige-antwort, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten-wahrscheinlichkeit .mc-antwort-container input[type=radio]:checked.richtige-antwort, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten .mc-antwort-container input[type=radio].protokoll-checked.richtige-antwort, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten-wahrscheinlichkeit .mc-antwort-container input[type=radio].protokoll-checked.richtige-antwort {
  border: 4px solid #4CB944;
  background: #4CB944;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten .mc-antwort-container input[type=radio]:checked.falsche-antwort, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten-wahrscheinlichkeit .mc-antwort-container input[type=radio]:checked.falsche-antwort, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten .mc-antwort-container input[type=radio].protokoll-checked.falsche-antwort, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten-wahrscheinlichkeit .mc-antwort-container input[type=radio].protokoll-checked.falsche-antwort {
  border: 2px solid #DB0567;
  background: #DB0567;
}
.nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten .mc-antwort-container input[type=radio]:focus, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten-wahrscheinlichkeit .mc-antwort-container input[type=radio]:focus {
  border-color: #FEC3DE;
}
@media (max-width: 689.98px) {
  .nomen-aufgabe .nomen-zeile-container .nomen-angabe {
    font-size: 1rem;
    margin: 1rem 0 0.5rem;
  }
  .nomen-aufgabe .nomen-zeile-container .nomen-zeile {
    grid-column-gap: 1.5rem;
  }
  .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .deutsch-input {
    font-size: 1rem;
    width: 100%;
    height: 2.5rem;
  }
  .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .img-feedback {
    width: 0.8rem;
    margin: 0 0.3rem 0 0;
  }
  .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten .mc-antwort-container p, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten-wahrscheinlichkeit .mc-antwort-container p {
    font-size: 0.8rem;
  }
  .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten .mc-antwort-container input[type=radio], .nomen-aufgabe .nomen-zeile-container .nomen-zeile .nomen-input-container .mc-antworten-wahrscheinlichkeit .mc-antwort-container input[type=radio] {
    min-width: 1.2rem;
    max-width: 1.2rem;
    height: 1.2rem;
    margin: 0.2rem;
    margin-right: 0.5rem;
  }
}
@media (max-width: 469.98px) {
  .nomen-aufgabe .nomen-zeile-container .nomen-zeile {
    grid-column-gap: 0.8rem;
  }
  .nomen-aufgabe .nomen-zeile-container .nomen-zeile .mc-antworten, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .mc-antworten-wahrscheinlichkeit {
    justify-content: space-around;
  }
  .nomen-aufgabe .nomen-zeile-container .nomen-zeile .mc-antworten .mc-antwort-container, .nomen-aufgabe .nomen-zeile-container .nomen-zeile .mc-antworten-wahrscheinlichkeit .mc-antwort-container {
    flex-direction: column;
  }
}

.diktat-aufgabe {
  margin: 1rem 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.diktat-aufgabe .diktat-audio {
  margin: 1rem;
}
.diktat-aufgabe .diktat-audio img {
  width: 4rem;
  transition: 0.5s ease;
}
.diktat-aufgabe .diktat-eingabe, .diktat-aufgabe .diktat-loesung {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  flex-wrap: wrap;
}
.diktat-aufgabe .diktat-eingabe .deutsch-input, .diktat-aufgabe .diktat-loesung .deutsch-input {
  font-size: 1.5rem;
  margin: 0.5rem 0.5rem 0.7rem;
}
.diktat-aufgabe .diktat-eingabe .richtige-eingabe, .diktat-aufgabe .diktat-loesung .richtige-eingabe {
  color: #4CB944;
}
.diktat-aufgabe .diktat-eingabe span, .diktat-aufgabe .diktat-loesung span {
  margin: 0.3rem;
}

.logicals-aufgabe .logicals-saetze {
  text-align: left;
  font-size: 1.5rem;
  margin: 0 1rem 3rem;
  color: black;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.logicals-aufgabe .logicals-saetze > div {
  margin: 1rem 0;
}
.logicals-aufgabe .logicals-saetze > div.richtig-geloest {
  color: #4CB944;
}
.logicals-aufgabe .logicals-saetze > div.richtig-geloest img {
  width: 1rem;
  margin-left: 0.5rem;
}
@media (max-width: 575.98px) {
  .logicals-aufgabe .logicals-saetze {
    font-size: 1rem;
  }
}

.stammwort-ableitung-aufgabe {
  margin: 2rem 0;
}
.stammwort-ableitung-aufgabe .stammwort-ableitung-zeile {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 1rem;
}
.stammwort-ableitung-aufgabe .stammwort-ableitung-zeile .img-feedback {
  width: 1rem;
  margin: 0.5rem;
}
.stammwort-ableitung-aufgabe .stammwort-ableitung-zeile > div {
  margin: 0 0.2rem;
  line-height: 4rem;
}
.stammwort-ableitung-aufgabe .stammwort-ableitung-zeile > div.zeile-input-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.stammwort-ableitung-aufgabe .stammwort-ableitung-zeile > div.zeile-input-container .deutsch-input {
  width: 1.2rem;
  height: 2rem;
  font-size: 20px;
  font-weight: normal;
}
.stammwort-ableitung-aufgabe .stammwort-ableitung-zeile > div.zeile-input-container .deutsch-input.richtige-eingabe {
  color: #4CB944;
}
.stammwort-ableitung-aufgabe .stammwort-ableitung-zeile > div.zeile-input-container .deutsch-input:disabled {
  width: 0.8rem;
}

.mehrzahl-container {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  text-align: left;
  grid-column-gap: 3rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: 3rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.mehrzahl-container .tabellen-ueberschrift {
  margin: 1rem 0;
  font-weight: bold;
}
.mehrzahl-container input {
  margin: 0.5rem 0.1rem;
  padding: 0 0.5rem;
  font-size: 24px;
  width: 15rem;
  height: 3rem;
  text-align: left;
}
.mehrzahl-container input.richtige-eingabe {
  color: #4CB944;
}
@media (max-width: 575.98px) {
  .mehrzahl-container {
    font-size: 1rem;
    grid-column-gap: 2rem;
  }
  .mehrzahl-container input {
    font-size: 1rem;
    width: 10rem;
    height: 2.5rem;
  }
}

.woerter-container {
  width: 80%;
  position: relative;
  margin: 2rem auto;
}
.woerter-container .wort-div {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.woerter-container .wort-div.richtiges-wort {
  color: #4CB944;
  font-weight: bold;
}

.woerter-merken-angabe-container {
  font-size: 2rem;
  color: #347FC4;
  margin: 2rem auto;
  font-family: Verdana, sans-serif;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .woerter-merken-angabe-container {
    font-size: 1rem;
  }
}

.woerter-merken-anzahl-container {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 2rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .woerter-merken-anzahl-container {
    font-size: 1rem;
  }
}

.woerter-merken-container {
  width: 90%;
  margin: 2rem auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 1.5rem 1rem;
  border: 2px solid #CFCFCF;
  border-radius: 10px;
}
.woerter-merken-container .woerter-merken-wort {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5rem;
  margin: 0.2rem;
  padding: 0.5rem 1rem;
  border: 2px solid white;
  border-radius: 10px;
  white-space: nowrap;
  font-family: Verdana, sans-serif;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.woerter-merken-container .woerter-merken-wort.markiert {
  color: #347FC4;
  border-color: #347FC4;
}
.woerter-merken-container .woerter-merken-wort.markiert.richtiges-wort {
  border-color: #4CB944;
}
.woerter-merken-container .woerter-merken-wort.falsch-markiert {
  color: #DB0567;
  border-color: #DB0567;
}
.woerter-merken-container .woerter-merken-wort.richtiges-wort {
  color: #4CB944;
  font-weight: bold;
}
.woerter-merken-container .woerter-merken-wort img {
  width: 1rem;
  margin: 0 0.5rem;
}
@media (max-width: 575.98px) {
  .woerter-merken-container .woerter-merken-wort {
    font-size: 1rem;
  }
}

.blickspann-container {
  width: 80%;
  margin: 2rem auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0.2rem;
  place-items: center;
  place-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.blickspann-container .blickspann-wort {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
  grid-column: span 2;
  border: 2px solid white;
  border-radius: 10px;
  white-space: nowrap;
}
.blickspann-container .blickspann-wort.markiert {
  color: #347FC4;
  border-color: #347FC4;
}
.blickspann-container .blickspann-wort.markiert.richtiges-wort {
  border-color: #4CB944;
}
.blickspann-container .blickspann-wort.falsch-markiert {
  color: #DB0567;
  border-color: #DB0567;
}
.blickspann-container .blickspann-wort.richtiges-wort {
  color: #4CB944;
  font-weight: bold;
}
.blickspann-container .blickspann-wort img {
  width: 1rem;
  margin: 0 0.5rem;
}
@media (max-width: 689.98px) {
  .blickspann-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575.98px) {
  .blickspann-container {
    width: 90%;
    font-size: 1rem;
  }
}

.woerter-antwort-container input, .lernwoerter-container input, .lernwoerter-angabe-container input, .lernwoerter-loesung-container input {
  margin: 0.5rem 0.1rem;
  font-size: 24px;
  width: 15rem;
  height: 3rem;
}
.woerter-antwort-container input.richtige-eingabe, .lernwoerter-container input.richtige-eingabe, .lernwoerter-angabe-container input.richtige-eingabe, .lernwoerter-loesung-container input.richtige-eingabe {
  color: #4CB944;
}

.lernwoerter-container, .lernwoerter-angabe-container, .lernwoerter-loesung-container {
  margin: 4rem 2rem;
  font-size: 2rem;
}
.lernwoerter-container.zusammenfassung, .lernwoerter-angabe-container.zusammenfassung, .lernwoerter-loesung-container.zusammenfassung {
  font-size: 1.5rem;
}
.lernwoerter-container input, .lernwoerter-container span, .lernwoerter-angabe-container input, .lernwoerter-angabe-container span, .lernwoerter-loesung-container input, .lernwoerter-loesung-container span {
  margin: 0.5rem 1rem;
}
.lernwoerter-container input.richtige-eingabe, .lernwoerter-container span.richtige-eingabe, .lernwoerter-angabe-container input.richtige-eingabe, .lernwoerter-angabe-container span.richtige-eingabe, .lernwoerter-loesung-container input.richtige-eingabe, .lernwoerter-loesung-container span.richtige-eingabe {
  color: #4CB944;
}
.lernwoerter-container .noselect, .lernwoerter-angabe-container .noselect, .lernwoerter-loesung-container .noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fehlertexte-aufgabe {
  margin: 2rem auto;
}

.ueberschrift-zusatz {
  color: #347FC4;
  font-size: 1.2rem;
  font-weight: normal;
  margin-top: 1rem;
}

.luecken-aufgabe, .bildgeschichten-aufgabe {
  margin: 2rem 0;
}
.luecken-aufgabe .draggables-container .draggable, .bildgeschichten-aufgabe .draggables-container .draggable {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin: 0.5rem;
  font-size: 1.2rem;
  background-color: #DAF3FB;
  border: 2px solid #B7E4F5;
  border-radius: 10px;
  cursor: grab;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.luecken-aufgabe .draggables-container .draggable.used, .bildgeschichten-aufgabe .draggables-container .draggable.used {
  display: none;
}
.luecken-aufgabe .draggables-container .draggable.luecken-platzsparen, .bildgeschichten-aufgabe .draggables-container .draggable.luecken-platzsparen {
  padding: 0.3rem 0.6rem;
  font-size: 1rem;
  border-width: 1px;
  line-height: 2rem;
}
@media (max-width: 1023.98px) {
  .luecken-aufgabe .draggables-container .draggable, .bildgeschichten-aufgabe .draggables-container .draggable {
    padding: 0.5rem 0.8rem;
    font-size: 1rem;
  }
}
@media (max-width: 689.98px) {
  .luecken-aufgabe .draggables-container .draggable, .bildgeschichten-aufgabe .draggables-container .draggable {
    padding: 0.5rem;
    margin: 0.3rem;
    font-size: 0.8rem;
  }
}

.lueckentext-container, .luecken-platzsparen {
  margin: 1rem 2rem 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  line-height: 4rem;
  font-size: 1.2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.lueckentext-container .flowtext, .luecken-platzsparen .flowtext {
  margin-left: 0.5rem;
}
.lueckentext-container .flowtext.luecke-in-wort, .luecken-platzsparen .flowtext.luecke-in-wort {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lueckentext-container .nextline, .luecken-platzsparen .nextline {
  width: 100%;
}
.lueckentext-container .lueckendiktat-audio, .luecken-platzsparen .lueckendiktat-audio {
  width: 3rem;
  transition: 0.5s ease;
}
.lueckentext-container .lueckentext-drop, .luecken-platzsparen .lueckentext-drop {
  border: 2px solid #B7E4F5;
  padding: 0.8rem;
  margin: 0 0 0 0.5rem;
  min-width: 80px;
  min-height: 20px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  cursor: pointer;
}
.lueckentext-container .lueckentext-drop.draggable-over, .luecken-platzsparen .lueckentext-drop.draggable-over {
  background-color: rgba(183, 228, 245, 0.4);
}
.lueckentext-container .lueckentext-drop.hasContent, .luecken-platzsparen .lueckentext-drop.hasContent {
  padding: 0.5rem;
  height: 1.2rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
  background-color: #DAF3FB;
  border: 2px solid #B7E4F5;
  border-radius: 10px;
  cursor: grab;
}
.lueckentext-container .lueckentext-drop.richtig-geloest, .luecken-platzsparen .lueckentext-drop.richtig-geloest {
  border-color: #4CB944;
  background-color: #E3F4E1;
}
.lueckentext-container .lueckentext-drop.falsch-geloest, .luecken-platzsparen .lueckentext-drop.falsch-geloest {
  border-color: #DB0567;
}
.lueckentext-container .lueckentext-drop.satzzeichen, .luecken-platzsparen .lueckentext-drop.satzzeichen {
  min-width: 40px;
  margin-left: 0.2rem;
}
.lueckentext-container .lueckentext-drop.satzzeichen.hasContent, .luecken-platzsparen .lueckentext-drop.satzzeichen.hasContent {
  min-width: 30px;
  padding: 0.5rem;
  padding-left: 0.1rem;
  justify-content: left;
}
.lueckentext-container .lueckentext-drop.linksbuendig, .luecken-platzsparen .lueckentext-drop.linksbuendig {
  justify-content: left;
}
.lueckentext-container .lueckentext-drop.schmaler, .luecken-platzsparen .lueckentext-drop.schmaler {
  min-width: 30px;
}
.lueckentext-container .lueckentext-drop.schmaler.hasContent, .luecken-platzsparen .lueckentext-drop.schmaler.hasContent {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.lueckentext-container .lueckentext-drop.in-wort, .luecken-platzsparen .lueckentext-drop.in-wort {
  margin: 0;
  padding: 0.8rem 0.2rem;
}
.lueckentext-container .lueckentext-drop.unsichtbar, .luecken-platzsparen .lueckentext-drop.unsichtbar {
  border: none;
  min-width: 10px;
  padding: 0.2rem;
  margin: 0;
  background-color: white;
}
.lueckentext-container .lueckentext-drop.unsichtbar.draggable-over, .luecken-platzsparen .lueckentext-drop.unsichtbar.draggable-over {
  border: 2px solid #3D9537;
  background-color: rgba(198, 233, 195, 0.4);
  min-width: 50px;
  height: 3rem;
}
.lueckentext-container .lueckentext-drop.unsichtbar.hasContent, .luecken-platzsparen .lueckentext-drop.unsichtbar.hasContent {
  min-width: -moz-fit-content;
  min-width: fit-content;
  color: #347FC4;
  font-weight: bold;
  border: none;
  background-color: white;
}
.lueckentext-container .lueckentext-drop.unsichtbar.richtig-geloest, .luecken-platzsparen .lueckentext-drop.unsichtbar.richtig-geloest {
  color: #4CB944;
}
.lueckentext-container .lueckentext-drop.unsichtbar.falsch-geloest, .luecken-platzsparen .lueckentext-drop.unsichtbar.falsch-geloest {
  color: #DB0567;
}
.lueckentext-container .lueckentext-input, .luecken-platzsparen .lueckentext-input {
  font-size: 1.2rem;
  width: 5rem;
  height: 2.5rem;
}
.lueckentext-container .lueckentext-input.in-wort, .luecken-platzsparen .lueckentext-input.in-wort {
  width: 2.5rem;
  margin: 0;
}
.lueckentext-container .lueckentext-input:disabled, .luecken-platzsparen .lueckentext-input:disabled {
  background-color: rgba(183, 228, 245, 0.5);
}
.lueckentext-container .luecken-input-anzeige, .luecken-platzsparen .luecken-input-anzeige {
  display: none;
  font-size: 1.2rem;
  color: #347FC4;
}
.lueckentext-container .luecken-input-anzeige.richtige-eingabe, .luecken-platzsparen .luecken-input-anzeige.richtige-eingabe {
  color: #4CB944;
}
.lueckentext-container .luecken-input-anzeige.falsche-eingabe, .luecken-platzsparen .luecken-input-anzeige.falsche-eingabe {
  color: #DB0567;
}
@media (max-width: 1079.98px) {
  .lueckentext-container, .luecken-platzsparen {
    margin: 1rem auto;
  }
}
@media (max-width: 1023.98px) {
  .lueckentext-container, .luecken-platzsparen {
    font-size: 1rem;
    line-height: 3rem;
  }
  .lueckentext-container .flowtext, .luecken-platzsparen .flowtext {
    margin-left: 0.3rem;
  }
  .lueckentext-container .lueckentext-drop, .luecken-platzsparen .lueckentext-drop {
    padding: 0.6rem;
    font-size: 1rem;
    margin: 0 0 0 0.3rem;
    min-width: 70px;
    min-height: 15px;
  }
  .lueckentext-container .lueckentext-drop.hasContent, .luecken-platzsparen .lueckentext-drop.hasContent {
    font-size: 1rem;
    height: 1rem;
  }
  .lueckentext-container .lueckentext-drop.in-wort, .luecken-platzsparen .lueckentext-drop.in-wort {
    margin: 0;
    padding: 0.6rem 0.2rem;
  }
  .lueckentext-container .lueckentext-drop.unsichtbar.draggable-over, .luecken-platzsparen .lueckentext-drop.unsichtbar.draggable-over {
    height: 2.5rem;
  }
}
@media (max-width: 689.98px) {
  .lueckentext-container, .luecken-platzsparen {
    font-size: 0.8rem;
    line-height: 2rem;
  }
  .lueckentext-container .flowtext, .luecken-platzsparen .flowtext {
    margin-left: 0.2rem;
  }
  .lueckentext-container .lueckendiktat-audio, .luecken-platzsparen .lueckendiktat-audio {
    width: 2rem;
  }
  .lueckentext-container .lueckentext-drop, .luecken-platzsparen .lueckentext-drop {
    margin: 0 0 0 0.2rem;
    padding: 0.4rem;
    font-size: 0.8rem;
    min-width: 50px;
    min-height: 10px;
    border-width: 1px;
  }
  .lueckentext-container .lueckentext-drop.hasContent, .luecken-platzsparen .lueckentext-drop.hasContent {
    font-size: 0.8rem;
    height: 0.8rem;
    padding: 0.4rem;
    border-width: 1px;
  }
  .lueckentext-container .lueckentext-drop.in-wort, .luecken-platzsparen .lueckentext-drop.in-wort {
    margin: 0;
    padding: 0.4rem 0.1rem;
  }
  .lueckentext-container .lueckentext-drop.unsichtbar.draggable-over, .luecken-platzsparen .lueckentext-drop.unsichtbar.draggable-over {
    height: 2rem;
  }
}

.luecken-platzsparen {
  line-height: 3rem;
  font-size: 1rem;
}
.luecken-platzsparen .flowtext {
  margin: 0 0.2rem;
}
.luecken-platzsparen .lueckentext-drop {
  margin: 0;
  padding: 0.5rem 0.2rem;
  border: 1px solid #B7E4F5;
  font-size: 1rem;
}
.luecken-platzsparen .lueckentext-drop.platzsparen-mit-margin {
  margin: 0 0.2rem;
}
.luecken-platzsparen .lueckentext-drop.hasContent {
  padding: 0.5rem 0.2rem;
  height: 1rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border: 1px solid #B7E4F5;
}
.luecken-platzsparen .lueckentext-drop.in-wort {
  margin: 0;
  padding: 0.5rem 0.2rem;
}

.zuordnung-aufgabe {
  margin: 2rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.zuordnung-aufgabe .draggables-container .draggable {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin: 0.5rem;
  font-size: 1.2rem;
  background-color: #DAF3FB;
  border: 2px solid #B7E4F5;
  border-radius: 10px;
  cursor: grab;
}
.zuordnung-aufgabe .zuordnung-container {
  margin: 1rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.zuordnung-aufgabe .zuordnung-container .zuordnung-zeile {
  display: flex;
  justify-content: left;
  align-items: center;
  margin: 1rem auto;
}
.zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-text {
  min-width: 200px;
  border: 2px solid #B7E4F5;
  padding: 1rem;
  font-size: 1.2rem;
  border-radius: 10px;
  cursor: default;
}
.zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-verbindung {
  width: 3rem;
}
.zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-verbindung > hr {
  border: 1px solid #B7E4F5;
  width: 100%;
}
.zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-drop {
  border: 2px solid #B7E4F5;
  padding: 1rem;
  margin: 0;
  border-radius: 10px;
  min-width: 200px;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
}
.zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-drop.draggable-over {
  background-color: rgba(183, 228, 245, 0.4);
}
.zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-drop.hasContent {
  padding: 1rem;
  min-height: unset;
  font-size: 1.2rem;
  background-color: #DAF3FB;
  border: 2px solid #B7E4F5;
  border-radius: 10px;
  cursor: grab;
}
.zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-drop.richtig-geloest {
  border: 2px solid #4CB944;
  background-color: #E3F4E1;
}
.zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-drop.falsch-geloest {
  border: 2px solid #DB0567;
}
@media (max-width: 689.98px) {
  .zuordnung-aufgabe .draggables-container .draggable {
    padding: 0.5rem 0.8rem;
    margin: 0.5rem;
    font-size: 1rem;
  }
  .zuordnung-aufgabe .zuordnung-container {
    margin: 0.5rem auto;
  }
  .zuordnung-aufgabe .zuordnung-container .zuordnung-zeile {
    margin: 0.5rem auto;
  }
  .zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-text {
    min-width: 150px;
    padding: 0.8rem;
    font-size: 1rem;
  }
  .zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-verbindung {
    width: 2rem;
  }
  .zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-drop {
    min-width: 150px;
    padding: 0.8rem;
    font-size: 1rem;
  }
  .zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-drop.hasContent {
    padding: 0.8rem;
    font-size: 1rem;
  }
}
@media (max-width: 469.98px) {
  .zuordnung-aufgabe .draggables-container .draggable {
    padding: 0.5rem;
    margin: 0.3rem;
    font-size: 0.8rem;
  }
  .zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-text {
    min-width: 120px;
    padding: 0.5rem;
    font-size: 0.8rem;
  }
  .zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-verbindung {
    width: 1rem;
  }
  .zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-drop {
    min-width: 120px;
    min-height: 30px;
    padding: 0.5rem;
    font-size: 0.8rem;
  }
  .zuordnung-aufgabe .zuordnung-container .zuordnung-zeile .zuordnung-drop.hasContent {
    padding: 0.5rem;
    font-size: 0.8rem;
  }
}

.schlangensatz-aufgabe {
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.schlangensatz-aufgabe .schlangensatz-container {
  display: flex;
  flex-wrap: wrap;
  margin: 4rem auto;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  font-family: Verdana, sans-serif;
}
.schlangensatz-aufgabe .schlangensatz-container .schlangensatz-buchstabe {
  cursor: pointer;
}
.schlangensatz-aufgabe .schlangensatz-container .schlangensatz-buchstabe.markiert {
  color: #347FC4;
}
.schlangensatz-aufgabe .schlangensatz-container .schlangensatz-buchstabe.capitalize {
  text-transform: capitalize;
}
.schlangensatz-aufgabe .schlangensatz-container .schlangensatz-space {
  width: 8px;
  height: 4rem;
  cursor: pointer;
  background-color: white;
}
.schlangensatz-aufgabe .schlangensatz-container .schlangensatz-space.markiert {
  background-color: #347FC4;
  width: 5px;
  border-radius: 10px;
  margin: 0 5px;
}
.schlangensatz-aufgabe .schlangensatz-container .schlangensatz-wort {
  margin: 0 0.5rem;
  cursor: pointer;
}
.schlangensatz-aufgabe .schlangensatz-container .schlangensatz-wort.capitalize {
  text-transform: capitalize;
}
@media (max-width: 1079.98px) {
  .schlangensatz-aufgabe .schlangensatz-container {
    font-size: 1.5rem;
  }
}

.sda-container {
  display: grid;
  grid-template-columns: auto 4rem 4rem 3rem;
  align-items: center;
}
.sda-container .sda-ueberschrift {
  font-size: 1.5rem;
  font-weight: bold;
}
.sda-container .sda-aussage {
  text-align: left;
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #B7E4F5;
  border-radius: 10px;
}
.sda-container .sda-radiobutton {
  width: 1.5rem;
  height: 1.5rem;
  margin: auto;
}
.sda-container .img-feedback {
  width: 1.5rem;
  height: 1.5rem;
}

.luecken-beispielsatz {
  font-size: 1.5rem;
  padding: 1rem;
  padding-left: 0;
  border-bottom: 1px solid #393339;
  margin: 0;
  margin-bottom: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
}

body.hasHover .diktat-audio img:hover {
  cursor: pointer;
  transform: scale(1.2);
  transition: 0.5s ease;
}
body.hasHover .lueckendiktat-audio:hover {
  cursor: pointer;
  transform: scale(1.2);
  transition: 0.5s ease;
}
body.hasHover .blickspann-wort:hover {
  cursor: pointer;
}
body.hasHover .schlangensatz-buchstabe:hover, body.hasHover .schlangensatz-wort:hover {
  color: #347FC4;
}
body.hasHover .schlangensatz-space:hover {
  background-color: #B7E4F5;
  border-radius: 10px;
  width: 6px;
  margin: 0 1px;
}

.keine-programme-aktiv {
  color: #707070;
}

.platform-body-bg {
  background-color: rgba(215, 191, 215, 0.25);
}
.platform-body-bg > header {
  background-color: white;
}
.platform-body-bg > .dashboard-container {
  margin: 2rem auto;
  width: 90%;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1199.98px) {
  .platform-body-bg > .dashboard-container {
    width: 95%;
    justify-content: flex-start;
  }
}
.platform-body-bg > .dashboard-container.verwaltung-fachseite {
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1199.98px) {
  .platform-body-bg > .dashboard-container.verwaltung-fachseite {
    flex-direction: column;
  }
  .platform-body-bg > .dashboard-container.verwaltung-fachseite .csv-hausaufgaben-zusammenstellung {
    align-self: center;
  }
  .platform-body-bg > .dashboard-container.verwaltung-fachseite > .side-menu-mini {
    position: unset;
    width: auto;
    height: 4rem;
    margin: 0 auto;
  }
  .platform-body-bg > .dashboard-container.verwaltung-fachseite > .side-menu-mini > ul {
    flex-direction: row;
    margin: auto 0;
    height: inherit;
  }
}
.platform-body-bg > .dashboard-container > .side-menu {
  background-color: white;
  align-self: start;
  position: sticky;
  top: 10vh;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem 2rem;
  padding: 1rem 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.platform-body-bg > .dashboard-container > .side-menu > h4 {
  padding: 1rem 2rem 2rem;
  max-width: 12rem;
}
.platform-body-bg > .dashboard-container > .side-menu > ul {
  margin: 0;
  padding: 0;
}
.platform-body-bg > .dashboard-container > .side-menu > ul > li {
  padding: 1rem 2rem;
}
.platform-body-bg > .dashboard-container > .side-menu > ul > li > a {
  display: grid;
  grid-template: 1.5rem/1.8rem auto auto;
  align-items: center;
  justify-content: start;
  grid-gap: 1rem;
}
.platform-body-bg > .dashboard-container > .side-menu > ul > li > a > img {
  display: block;
  height: 1.4rem;
  max-width: 1.8rem;
  padding-right: 1rem;
  transition: all 0.2s ease-in-out;
}
.platform-body-bg > .dashboard-container > .side-menu > ul > li > a > img.img-invisible {
  display: none;
  transition: all 0.2s ease-in-out;
}
.platform-body-bg > .dashboard-container > .side-menu > ul > li > a > .notification {
  background-color: #FEC3DE;
  color: #DB0567;
  border-radius: 20px;
  padding: 0.2rem 0.5rem;
  font-size: 14px;
}
.platform-body-bg > .dashboard-container > .side-menu > ul > li > a > .notification.active-item {
  background-color: #DB0567;
  color: #FEC3DE;
}
.platform-body-bg > .dashboard-container > .side-menu > ul > li > a > .notification.no-notification {
  display: none;
}
.platform-body-bg > .dashboard-container > .side-menu > ul > li.active-item {
  background-color: #FEC3DE;
  border-left: 5px solid #DB0567;
}
.platform-body-bg > .dashboard-container > .side-menu > ul > li.active-item > a {
  color: #DB0567;
  font-weight: bold;
}
.platform-body-bg > .dashboard-container > .side-menu.hidden {
  display: none;
}
@media (max-width: 1079.98px) {
  .platform-body-bg > .dashboard-container > .side-menu {
    margin: 1rem;
  }
  .platform-body-bg > .dashboard-container > .side-menu > h4 {
    padding: 1rem 1.5rem 1.5rem;
  }
  .platform-body-bg > .dashboard-container > .side-menu > ul > li {
    padding: 1rem 1.5rem;
  }
  .platform-body-bg > .dashboard-container > .side-menu > ul > li > a {
    grid-template: 1.2rem/1.3rem auto auto;
    font-size: 0.8rem;
  }
  .platform-body-bg > .dashboard-container > .side-menu > ul > li > a > img {
    height: 1rem;
  }
  .platform-body-bg > .dashboard-container > .side-menu > ul > li > a > .notification {
    font-size: 0.8rem;
  }
}
@media (max-width: 881.98px) {
  .platform-body-bg > .dashboard-container > .side-menu > h4 {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .platform-body-bg > .dashboard-container > .side-menu > ul > li > a {
    grid-gap: 0.3rem;
  }
}
@media (max-width: 689.98px) {
  .platform-body-bg > .dashboard-container > .side-menu {
    margin: 1rem 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .platform-body-bg > .dashboard-container > .side-menu {
    display: none;
  }
}
.platform-body-bg > .dashboard-container > .dashboard-content {
  display: flex;
  flex-direction: column;
  max-width: 70%;
  min-width: 700px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert {
  width: inherit;
  max-width: 800px;
  background-color: #DB0567;
  color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  display: grid;
  grid-template: 4rem/4rem auto auto;
  align-items: center;
  margin: 1rem;
  padding: 0.8rem 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert.kimaro-alert, .platform-body-bg > .dashboard-container > .dashboard-content > .kimaro-alert.kein-fach-aktiv-alert {
  background: linear-gradient(to top right, rgba(2, 43, 158, 0.8), rgba(219, 5, 103, 0.8));
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-text, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 0 5rem 0 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-text > h4, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-text > h4 {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-text > p, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-text > p {
  margin: 0.5rem 0 0;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-button, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-button {
  background-color: white;
  color: #DB0567;
  padding: 0.8rem 2rem;
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-button.kimaro-alert-button, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-button.kimaro-alert-button {
  color: #632263;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-button > img, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-button > img {
  height: 1.5rem;
  padding-left: 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert.no-notification, .platform-body-bg > .dashboard-container > .dashboard-content > .no-notification.kein-fach-aktiv-alert {
  display: none;
}
@media (max-width: 1199.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert {
    grid-template: 3rem/3rem auto auto;
    padding: 0.8rem 1.5rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-text, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-text {
    margin: 0 3rem 0 1rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-text > h4, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-text > h4 {
    font-size: 1rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-text > p, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-text > p {
    font-size: 0.8rem;
    margin: 0.3rem 0 0;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-button, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-button {
    padding: 0.5rem 1.5rem;
    font-size: 0.8rem;
  }
}
@media (max-width: 575.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert {
    grid-template: 3rem/2.5rem auto 5rem;
    margin: 1rem 0;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-text, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-text {
    margin: 0 1.5rem 0 1rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-button, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-button {
    padding: 0.5rem;
    justify-content: center;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-button > div, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-button > div {
    display: none;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-button > img, .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-button > img {
    padding: 0;
  }
}
.platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert {
  display: flex;
  padding: 1.5rem 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .kein-fach-aktiv-alert-text {
  display: flex;
  flex-direction: column;
  color: white;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .kein-fach-aktiv-alert-text > h4 {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .kein-fach-aktiv-alert-text > p {
  margin: 0.5rem 0 0;
  line-height: 1.5rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .kein-fach-aktiv-alert-text > .site-link {
  border-radius: 50px;
  background-color: white;
  color: #DB0567;
  padding: 0.8rem 1.5rem;
  margin: 1.5rem 0 0;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > i {
  font-size: 5rem;
  margin: 2rem;
}
@media (max-width: 1199.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .kein-fach-aktiv-alert-text > h4 {
    font-size: 1rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .kein-fach-aktiv-alert-text > p {
    font-size: 0.8rem;
    line-height: normal;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .kein-fach-aktiv-alert-text > .site-link {
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > i {
    font-size: 4rem;
    margin: 1.5rem;
  }
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht {
  width: inherit;
  max-width: 800px;
  background-color: white;
  color: #393339;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem;
  padding: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > h4 {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > p {
  margin: 0.5rem 0 0;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 2rem 0.5rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card {
  width: 14rem;
  border-radius: 10px;
  padding: 1.5rem 2rem;
  margin: 1rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  transition: all 0.2s ease-in-out;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.mathe-card-vv, .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.matheMS-card-vv {
  background-color: #FEC3DE;
  color: #DB0567;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.englisch-card-vv {
  background-color: #D7BFD7;
  color: #632263;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.deutsch-card-vv, .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.deutschSPF-card-vv, .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.deutschMS-card-vv {
  background-color: #B7E4F5;
  color: #347FC4;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.alpha-card-vv {
  background-color: #C6EED6;
  color: #007A5E;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.daz-card-vv {
  background-color: #FEEFD7;
  color: #E89005;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.sachunterricht-card-vv {
  background-color: #C6E9C3;
  color: #3D9537;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.bio-card-vv {
  background-color: #FDDBC8;
  color: #FF600A;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.geo-card-vv {
  background-color: #C8D4FC;
  color: #022B9E;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.physik-card-vv {
  background-color: #E4B4B6;
  color: #9A0308;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.chemie-card-vv {
  background-color: #FEECFE;
  color: #A34DA3;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.daz2-card-vv {
  background-color: #DEF3F8;
  color: #28ACCC;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.not-active {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
  transition: none;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card > .faecher-card-title {
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  height: 4.5rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card > .faecher-card-title > .title-text > h4 {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card > .faecher-card-title > .title-text > p {
  margin: 0.2rem 0;
  font-size: 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card > .faecher-card-title > .title-text > .faecher-card-aktiv-bis {
  font-size: 0.6rem;
  margin: 1rem 0 0;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card > .faecher-card-title > img {
  max-width: 5rem;
  justify-self: center;
}
@media (max-width: 1199.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht {
    padding: 1.5rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > h4 {
    font-size: 1rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > p {
    font-size: 0.8rem;
    margin: 0.3rem 0 0;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container {
    margin: 1rem 0.5rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card {
    padding: 1rem 1.5rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card > .faecher-card-title {
    height: 3.5rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card > .faecher-card-title > .title-text > h4 {
    font-size: 1rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card > .faecher-card-title > .title-text > p {
    font-size: 0.8rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card > .faecher-card-title > img {
    max-width: 3.5rem;
  }
}
@media (max-width: 881.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container {
    margin: 1rem 0;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card {
    margin: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht {
    margin: 1rem 0;
  }
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container {
  background-color: #632263;
  width: inherit;
  max-width: 800px;
  border-radius: 10px;
  color: white;
  margin: 1rem;
  padding: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-title {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: flex-start;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-title > h4 {
  margin: 0 2rem 0 0;
  padding: 0;
  font-size: 1.2rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-title > .profil-color {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.5rem;
  border: 2px solid white;
  border-radius: 20px;
  transition: all 0.2s ease-in-out;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-title > .profil-color#profil-color-pink {
  background-color: #DB0567;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-title > .profil-color#profil-color-lila {
  background-color: #632263;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-title > .profil-color#profil-color-blau {
  background-color: #347FC4;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-title > .profil-color#profil-color-yellow {
  background-color: #E89005;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-title > .profil-color#profil-color-green {
  background-color: #3D9537;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-title > .profil-color.chosen-color {
  border: 4px solid white;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .schueler-username {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .schueler-username > p {
  margin: 1rem 0.5rem 0.5rem 0;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .schueler-username > .change-name-button {
  border: none;
  background-color: transparent;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0;
  margin: 1rem 0;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info {
  border-radius: 10px;
  background-color: white;
  color: #393339;
  margin: 1rem 0;
  padding: 1rem 2rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info h5 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme {
  display: grid;
  grid-template-rows: 3rem auto 4rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-info-programme-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div {
  border-radius: 20px;
  padding: 0.5rem 1rem;
  margin-right: 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.mathe-programm, .platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.matheMS-programm {
  border: 2px solid #DB0567;
  color: #DB0567;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.deutsch-programm, .platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.deutschMS-programm, .platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.deutschSPF-programm {
  border: 2px solid #347FC4;
  color: #347FC4;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.englisch-programm {
  border: 2px solid #632263;
  color: #632263;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.sachunterricht-programm {
  border: 2px solid #3D9537;
  color: #3D9537;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.daz-programm {
  border: 2px solid #E89005;
  color: #E89005;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.alpha-programm {
  border: 2px solid #007A5E;
  color: #007A5E;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.bio-programm {
  border: 2px solid #FF600A;
  color: #FF600A;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.geo-programm {
  border: 2px solid #022B9E;
  color: #022B9E;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.physik-programm {
  border: 2px solid #9A0308;
  color: #9A0308;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.chemie-programm {
  border: 2px solid #A34DA3;
  color: #A34DA3;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > .profil-programme > .profil-programm > div.daz2-programm {
  border: 2px solid #28ACCC;
  color: #28ACCC;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > a {
  display: flex;
  flex-direction: row;
  padding: 0.5rem 1.5rem;
  border: none;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  background-color: #D7BFD7;
  transition: all 0.2s ease-in-out;
  border-radius: 40px;
  align-items: center;
  justify-content: center;
  justify-self: center;
  margin: 0.5rem 0;
  font-weight: bold;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-programme > a > img {
  height: 1.5rem;
  margin-left: 2rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-accounts {
  display: grid;
  grid-template-rows: 3rem auto;
  align-items: center;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-accounts > .joined-accounts-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-accounts > .joined-accounts-info > img {
  width: 2rem;
  margin: 0 0.5rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-accounts > .joined-accounts-info > div {
  font-size: 0.8rem;
  padding: 0 1rem;
  border-radius: 10px;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-accounts > .joined-accounts-info > div.email-account-info {
  background-color: #D7BFD7;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-accounts > .joined-accounts-info > div.schul-account-info {
  background-color: #FEC3DE;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-accounts.deaktiviert {
  display: none;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-passwort {
  display: grid;
  grid-template-rows: 3rem 3rem 2rem;
  align-items: center;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-passwort > .passwort-verwalten {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-passwort > .passwort-verwalten > a > img {
  width: 2rem;
  margin: 0 1rem;
  transition: all 0.2s ease-in-out;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-passwort > .passwort-verwalten > input {
  font-size: 0.8rem;
  height: 2rem;
  margin: 0;
  border: 1px solid #393339;
  color: #393339;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-passwort > .passwort-verwalten > input:focus {
  border: 2px solid #393339;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-passwort > a {
  font-size: 0.6rem;
  color: #632263;
  text-align: left;
  transition: all 0.2s ease-in-out;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info.profil-info-passwort.deaktiviert {
  display: none;
}
@media (max-width: 1199.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content > .profil-container {
    padding: 1.5rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-title > h4 {
    font-size: 1rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-title > .profil-color {
    width: 1.3rem;
    height: 1.3rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .schueler-username > p {
    font-size: 0.8rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .schueler-username > input {
    width: 2rem;
    height: 1.3rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content > .profil-container {
    margin: 1rem 0;
  }
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick {
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  color: #393339;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem;
  padding: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick.full-width {
  width: auto;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick.hidden {
  display: none;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .cyberhomework-header-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .cyberhomework-header-title > img {
  width: 4rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .cyberhomework-header-title > .cyberhomework-text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 0 5rem 0 1rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .cyberhomework-header-title > .cyberhomework-text > h4 {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .cyberhomework-header-title > .cyberhomework-text > p {
  margin: 0.5rem 0 0;
}
@media (max-width: 1199.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .cyberhomework-header-title > .cyberhomework-text > h4 {
    font-size: 1rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .cyberhomework-header-title > .cyberhomework-text > p {
    margin: 0.3rem 0 0;
    font-size: 0.8rem;
  }
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .reload-button {
  background-color: white;
  margin-right: 3rem;
  padding: 1rem;
  border-radius: 50px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 24px;
  height: 24px;
  transition: all 0.2s ease-in-out;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .reload-button > a > img {
  height: 1.5rem;
  transition: transform 0.7s ease-in-out;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 2rem auto 0;
  max-width: 820px;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card {
  display: grid;
  grid-template: 3.5rem 5.5rem 1.5rem 1.5rem 5.5rem 0.3rem/1fr 1fr;
  justify-content: center;
  background-color: white;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  transition-property: background-color;
  transition-duration: 0.5s;
  margin: 1rem 1.5rem;
  width: 220px;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > a {
  grid-area: 1/1/8/3;
  z-index: 10;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .not-active {
  background-color: #393339;
  border-radius: 10px;
  opacity: 0.3;
  cursor: not-allowed;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > p {
  grid-area: 1/1/2/3;
  margin-bottom: 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > img {
  grid-area: 2/1/3/3;
  justify-self: center;
  height: 80px;
  width: auto;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-info-bg {
  border-radius: 10px;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-abgabe-datum {
  grid-area: 5/1/6/2;
  align-self: center;
  color: white;
  font-size: 0.8rem;
  line-height: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-abgabe-datum.abgabe-mathe {
  border-right: 1px solid #FEC3DE;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-abgabe-datum.abgabe-deutsch {
  border-right: 1px solid #B7E4F5;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-abgabe-datum.abgabe-englisch {
  border-right: 1px solid #D7BFD7;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-abgabe-datum.abgabe-alpha {
  border-right: 1px solid #C6EED6;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-abgabe-datum.abgabe-sachunterricht {
  border-right: 1px solid #C6E9C3;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-abgabe-datum.abgabe-daz2 {
  border-right: 1px solid #DEF3F8;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-abgabe-datum > .kalenderIcon {
  max-width: 4rem;
  margin-top: 0.1rem;
  margin-left: 0.3rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-abgabe-datum > .kalenderIcon-invers {
  display: none;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-abgabe-datum > p {
  margin: 0;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt {
  grid-area: 5/2/6/3;
  align-self: center;
  font-size: 0.8rem;
  color: white;
  padding: 0.5rem 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-mathe {
  border-left: 2px solid #FEC3DE;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-deutsch {
  border-left: 2px solid #B7E4F5;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-englisch {
  border-left: 2px solid #D7BFD7;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-alpha {
  border-left: 2px solid #C6EED6;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-alpha > .progressAlphaCard {
  background-color: #C6EED6;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-sachunterricht {
  border-left: 2px solid #C6E9C3;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-sachunterricht > .progressSachunterrichtCard {
  background-color: #C6E9C3;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-bio {
  border-left: 2px solid #FDDBC8;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-bio > .progressBioCard {
  background-color: #FDDBC8;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-chemie {
  border-left: 2px solid #FEECFE;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-chemie > .progressChemieCard {
  background-color: #FEECFE;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-physik {
  border-left: 2px solid #E4B4B6;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-physik > .progressPhysikCard {
  background-color: #E4B4B6;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-geo {
  border-left: 2px solid #C8D4FC;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-geo > .progressGeoCard {
  background-color: #C8D4FC;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-daz2 {
  border-left: 2px solid #DEF3F8;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .cyberhomework-card-fortschritt.fortschritt-daz2 > .progressDaZ2Card {
  background-color: #DEF3F8;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben {
  grid-area: 3/1/5/3;
  justify-self: center;
  align-self: center;
  width: 10rem;
  font-size: 1.2rem;
  padding: 0.5rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 50px;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben > .aufgabenAnzahl, .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben > .aufgabenAnzahlText {
  display: inline;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben.anzahlAufgabenMathe {
  background-color: #FEC3DE;
  color: #DB0567;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben.anzahlAufgabenDeutsch {
  background-color: #B7E4F5;
  color: #347FC4;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben.anzahlAufgabenEnglisch {
  background-color: #D7BFD7;
  color: #632263;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben.anzahlAufgabenAlpha {
  background-color: #C6EED6;
  color: #007A5E;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben.anzahlAufgabenSachunterricht {
  background-color: #C6E9C3;
  color: #3D9537;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben.anzahlAufgabenBio {
  background-color: #FDDBC8;
  color: #FF600A;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben.anzahlAufgabenChemie {
  background-color: #FEECFE;
  color: #A34DA3;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben.anzahlAufgabenPhysik {
  background-color: #E4B4B6;
  color: #9A0308;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben.anzahlAufgabenGeo {
  background-color: #C8D4FC;
  color: #022B9E;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card > .anzahl-aufgaben.anzahlAufgabenDaz2 {
  background-color: #DEF3F8;
  color: #28ACCC;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.mathe-card {
  color: #DB0567;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.mathe-card > #matheAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #DB0567;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.deutsch-card {
  color: #347FC4;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.deutsch-card > #deutschAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #347FC4;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.englisch-card {
  color: #632263;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.englisch-card > #englischAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #632263;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.alpha-card {
  color: #007A5E;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.alpha-card > #alphaAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #007A5E;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.sachunterricht-card {
  color: #3D9537;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.sachunterricht-card > #sachunterrichtAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #3D9537;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.bio-card {
  color: #FF600A;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.bio-card > #bioAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #FF600A;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.chemie-card {
  color: #A34DA3;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.chemie-card > #chemieAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #A34DA3;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.physik-card {
  color: #9A0308;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.physik-card > #physikAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #9A0308;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.geo-card {
  color: #022B9E;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.geo-card > #geoAufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #022B9E;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.daz2-card {
  color: #28ACCC;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.daz2-card > #daz2AufgabenInfoBG {
  grid-area: 4/1/7/3;
  background-color: #28ACCC;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.fach-card-hidden {
  display: none;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card.uebung-aktiv {
  order: 1;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .fach-card:not(.uebung-aktiv) {
  order: 2;
  opacity: 50%;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container {
  box-sizing: border-box;
  width: 100%;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10px;
  margin: 1rem 0;
  padding: 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container.kimaro-tests-deutsch-container {
  background-color: #DAF3FB;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container.kimaro-tests-mathe-container {
  background-color: #FDE1EE;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container.hidden {
  display: none;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .kimaro-tests-title-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .kimaro-tests-title-container .kimaro-tests-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .kimaro-tests-title-container .kimaro-tests-title > .kimaro-fach-icon {
  width: 4rem;
  margin-right: 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .kimaro-tests-title-container .kimaro-tests-title > h4 {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .kimaro-tests-title-container .akk-arrow {
  width: 1.5rem;
  margin-right: 1rem;
  transition: transform 1s;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .inhalt-container .kimaro-tests-liste {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .inhalt-container .kimaro-tests-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 0.5rem 2rem;
  margin: 0.7rem 0;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .inhalt-container .kimaro-tests-list-item.test-aktiv {
  order: 1;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .inhalt-container .kimaro-tests-list-item:not(.test-aktiv) {
  order: 2;
  opacity: 70%;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .inhalt-container .kimaro-test-startbutton {
  padding: 0.8rem 1rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  transition: all 0.2s ease-in-out;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .inhalt-container .kimaro-test-startbutton i {
  margin-left: 0.5rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .inhalt-container .kimaro-test-startbutton.deutsch-color {
  background-color: #347FC4;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .inhalt-container .kimaro-test-startbutton.mathe-color {
  background-color: #DB0567;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .kimaro-tests-container .kimaro-tests-fach-container .inhalt-container .kimaro-test-over {
  padding: 0.5rem 0.8rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  background-color: #E3F4E1;
  border: 2px solid #3D9537;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .keine-tests-note {
  font-size: 1rem;
  color: #393339;
  margin-top: 1rem;
  margin-left: 2rem;
  font-style: italic;
  opacity: 0.7;
}
.platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick .keine-tests-note.hidden {
  display: none;
}
@media (max-width: 575.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick {
    margin: 1rem 0;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .cyberhomework-header-title > img {
    width: 3rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .cyberhomework-header-title > .cyberhomework-text {
    margin: 0 1rem;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .cyberhomework-header > .reload-button {
    margin-right: 0;
  }
}
.platform-body-bg > .dashboard-container > .dashboard-content .kimaro-uebersicht-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 1rem;
  padding: 2rem;
  background-color: #B7E4F5;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.platform-body-bg > .dashboard-container > .dashboard-content .kimaro-uebersicht-container .kimaro-ueberschrift-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.platform-body-bg > .dashboard-container > .dashboard-content .kimaro-uebersicht-container .kimaro-ueberschrift-container img {
  width: 6rem;
  margin-right: 1rem;
}
.platform-body-bg > .dashboard-container > .dashboard-content .kimaro-uebersicht-container .kimaro-ueberschrift-container .kimaro-ueberschrift-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.platform-body-bg > .dashboard-container > .dashboard-content .kimaro-uebersicht-container .kimaro-ueberschrift-container .kimaro-ueberschrift-text h2 {
  margin: 0;
}
.platform-body-bg > .dashboard-container > .dashboard-content .kimaro-uebersicht-container .kimaro-ueberschrift-container .kimaro-ueberschrift-text p {
  margin: 0.5rem 1rem 0 0;
}
.platform-body-bg > .dashboard-container > .dashboard-content .kimaro-uebersicht-container .reload-button {
  background-color: white;
  margin-right: 2rem;
  padding: 1rem;
  border-radius: 50px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 24px;
  height: 24px;
  transition: all 0.2s ease-in-out;
}
.platform-body-bg > .dashboard-container > .dashboard-content .kimaro-uebersicht-container .reload-button > a > img {
  height: 1.5rem;
  transition: transform 0.7s ease-in-out;
}
@media (max-width: 881.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content {
    min-width: auto;
  }
  .platform-body-bg > .dashboard-container > .dashboard-content .hausaufgaben-verwaltung {
    min-width: unset;
  }
}
@media (max-width: 575.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content {
    max-width: 95%;
  }
  .platform-body-bg > .dashboard-container > .hausaufgaben-verwaltung {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
@media (max-width: 881.98px) {
  .platform-body-bg > .dashboard-container {
    flex-direction: column;
    align-items: center;
  }
  .platform-body-bg > .dashboard-container > .side-menu {
    position: unset;
    align-self: center;
    padding: 1.5rem 0 0;
    display: flex;
    flex-direction: column;
  }
  .platform-body-bg > .dashboard-container > .side-menu > h4 {
    align-self: flex-start;
    padding: 0 1.5rem 1.5rem;
  }
  .platform-body-bg > .dashboard-container > .side-menu > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
  }
  .platform-body-bg > .dashboard-container > .side-menu > ul > li {
    padding: 0.8rem;
  }
}
@media (max-width: 689.98px) {
  .platform-body-bg > .dashboard-container > .dashboard-content {
    max-width: 100%;
  }
}

.lehrer-profil #lehrerEmail,
.lehrer-profil #lehrerEmailPW, .lehrer-profil #profil-lehrer-email {
  width: 18rem;
}
.lehrer-profil #password-visible-checkbox {
  display: none;
  width: 1rem;
  height: 1rem;
}

.lehrer-email-verknuepfung-form {
  display: flex;
  flex-wrap: wrap;
}
.lehrer-email-verknuepfung-form #submission-email {
  font-size: 1rem;
  margin: 1rem;
  padding: 0.5rem 1rem;
}
.lehrer-email-verknuepfung-form #submission-email i {
  margin-left: 0.5rem;
}

.email-passwort-neu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.email-passwort-neu label {
  padding: 0;
}
.email-passwort-neu .passwort-aendern-buttons {
  display: flex;
  align-items: center;
  margin: 0 1rem;
}
.email-passwort-neu .passwort-aendern-buttons button {
  margin: 0.5rem;
}

.profil-message {
  font-size: 0.8rem;
  margin: 0 1rem;
}
.profil-message.success {
  color: #4CB944;
}
.profil-message.fail {
  color: #DB0567;
}

.dashboard-allg-container {
  width: inherit;
  max-width: 800px;
  background-color: white;
  color: #393339;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem;
  padding: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.dashboard-allg-container.hidden {
  display: none;
}
.dashboard-allg-container h4 {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}
.dashboard-allg-container p {
  margin: 0.5rem 0 0;
}
.dashboard-allg-container .dashboard-allg-container-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.dashboard-allg-container .dashboard-allg-container-title > .akk-arrow {
  width: 1.5rem;
  margin: 1rem;
  transition: transform 1s;
}
.dashboard-allg-container .dashboard-allg-container-title > .akk-arrow.flip {
  transform: rotate(180deg);
}
.dashboard-allg-container .klassenverwaltung, .dashboard-allg-container .schuelerverwaltung, .dashboard-allg-container .lehrerverwaltung {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 1rem 0;
}
.dashboard-allg-container .klassenverwaltung .klasse-hinzufuegen, .dashboard-allg-container .schuelerverwaltung .klasse-hinzufuegen, .dashboard-allg-container .lehrerverwaltung .klasse-hinzufuegen {
  align-self: flex-end;
}
.dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar.hidden, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar.hidden, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar.hidden, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar.hidden, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar.hidden, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar.hidden {
  display: none;
}
.dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form, .dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form {
  width: 50%;
}
.dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche, .dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche {
  background-image: url("../media/images/FunctionalIcons/SearchIcon_lilalight.svg"); /* Add a search icon to input */
  background-position: 10px; /* Position the search icon */
  background-size: 5% 50%;
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1rem;
  padding: 12px 20px 12px 40px;
  border: 1px solid #D7BFD7;
  margin-bottom: 12px;
  text-align: left;
  border-radius: 10px;
}
.dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche:focus, .dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .klassenverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche:focus, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche:focus, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .klassenverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche:focus, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche:focus, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .schuelerverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche:focus, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche:focus, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .schuelerverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche:focus, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche:focus, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .lehrerverwaltung .schuelerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche:focus, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar .schuelernamen-suche-form #lehrernamen-suche:focus, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #schuelernamen-suche:focus, .dashboard-allg-container .lehrerverwaltung .lehrerverwaltung-top-bar .lehrernamen-suche-form #lehrernamen-suche:focus {
  border-color: #632263;
  background-image: url("../media/images/FunctionalIcons/SearchIcon_lila.svg");
}
.dashboard-allg-container .verwaltung-table {
  width: 100%;
  border-collapse: separate;
  background-color: white;
  box-shadow: none;
  border-radius: 10px;
  border-spacing: 0;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 0;
}
.dashboard-allg-container .verwaltung-table.hidden {
  display: none;
}
.dashboard-allg-container .verwaltung-table thead {
  background-color: #F5EFF5;
}
.dashboard-allg-container .verwaltung-table thead th {
  padding: 1rem;
  text-align: left;
}
.dashboard-allg-container .verwaltung-table tr:nth-child(even) {
  background-color: rgba(207, 207, 207, 0.3);
}
.dashboard-allg-container .verwaltung-table tr.bearbeitungsmodus {
  background-color: #D7BFD7;
}
.dashboard-allg-container .verwaltung-table td {
  padding: 0.5rem 1rem;
}
.dashboard-allg-container .verwaltung-table td .schueler-klassen-id {
  max-width: 150px;
}
.dashboard-allg-container .verwaltung-table .klasse-bearbeiten-buttons, .dashboard-allg-container .verwaltung-table .schueler-bearbeiten-buttons, .dashboard-allg-container .verwaltung-table .lehrer-bearbeiten-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
.dashboard-allg-container .verwaltung-table .klasse-bearbeitungsmodus-buttons, .dashboard-allg-container .verwaltung-table .schueler-bearbeitungsmodus-buttons, .dashboard-allg-container .verwaltung-table .lehrer-bearbeitungsmodus-buttons {
  display: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-evenly;
}
.dashboard-allg-container .verwaltung-table .long-cell {
  overflow-x: scroll;
}
.dashboard-allg-container .verwaltung-table .high-cell {
  max-width: 5rem;
  max-height: 5rem;
  margin: 0;
  padding: 0.2rem 0.5rem;
  overflow: auto;
}
@media (max-width: 1023.98px) {
  .dashboard-allg-container .verwaltung-table .klasse-bearbeiten-buttons, .dashboard-allg-container .verwaltung-table .schueler-bearbeiten-buttons, .dashboard-allg-container .verwaltung-table .lehrer-bearbeiten-buttons {
    flex-direction: column;
  }
  .dashboard-allg-container .verwaltung-table .long-cell {
    width: 8rem;
    padding: 1rem 0.5rem;
  }
}
@media (max-width: 689.98px) {
  .dashboard-allg-container {
    margin: 0.5rem;
    padding: 1rem;
  }
  .dashboard-allg-container .verwaltung-table td {
    padding: 0.5rem;
  }
  .dashboard-allg-container .verwaltung-table .long-cell {
    width: 6rem;
    padding: 0.6rem 0.3rem;
  }
  .dashboard-allg-container .verwaltung-table .high-cell {
    max-width: 3rem;
    padding: 0 0.3rem;
  }
}
@media (max-width: 575.98px) {
  .dashboard-allg-container .verwaltung-table td {
    padding: 0.5rem;
  }
  .dashboard-allg-container .verwaltung-table .long-cell {
    width: 6rem;
    padding: 0.6rem 0.3rem;
  }
}

.dev-news-container {
  background-color: #E3F4E1;
  padding: 1.5rem 2rem;
}

.dev-news {
  background-color: white;
  color: #393339;
  padding: 1rem;
  margin: 1.5rem 0 0;
  text-align: left;
  max-height: 200px;
  overflow-y: scroll;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.dev-news h3 {
  margin: 0;
}
.dev-news div {
  margin: 0.5rem 0;
}
@media (max-width: 689.98px) {
  .dev-news {
    max-height: 70px;
  }
}

.cvw-hinweis {
  color: #DB0567;
  font-weight: bold;
  margin: 1rem;
}
.cvw-hinweis.hidden {
  display: none;
}

.cvw-tipp {
  display: flex;
  align-items: center;
  margin: 1rem 0;
  font-style: italic;
}
.cvw-tipp div {
  max-width: 70%;
}

.table-button {
  border-radius: 10px;
  padding: 0.5rem;
  margin: 0.2rem;
  border: 2px solid;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.table-button.farbcode-lila-full {
  background-color: #632263;
  color: white;
  border-color: #632263;
}
.table-button.farbcode-lila-light-full {
  background-color: #F5EFF5;
  color: #632263;
  border-color: #D7BFD7;
}
.table-button.farbcode-lila {
  background-color: white;
  color: #632263;
  border-color: #D7BFD7;
}
.table-button.farbcode-pink {
  background-color: white;
  color: #DB0567;
  border-color: #FEC3DE;
}
.table-button:disabled {
  opacity: 0.5;
}
.table-button.greater-margin {
  margin: 1rem;
}

.fa-plus.make-x {
  transform: rotate(45deg);
}

.change-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 1rem 0;
}
.change-input > input {
  margin: 0;
  width: 20rem;
  text-align: left;
  padding: 0 1rem;
}
.change-input > input:focus {
  border-color: #632263;
}
.change-input > input.name-taken {
  border-color: #DB0567;
}

.verwaltung-table-input {
  width: 12rem;
  margin: 0;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 0.2rem 1rem;
  text-align: left;
}
.verwaltung-table-input:focus {
  border-color: #632263;
}
.verwaltung-table-input#neuer-schueler {
  max-width: 17rem;
  width: 100%;
}
.verwaltung-table-input.name-taken {
  border-color: #DB0567;
}

.schueler-klassen-input-container, .neuer-schueler-klassen-input-container {
  display: none;
}
.schueler-klassen-input-container.bearbeitungsmodus, .neuer-schueler-klassen-input-container.bearbeitungsmodus {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.schueler-klassen-input-container.neuen-schueler-anlegen, .neuer-schueler-klassen-input-container.neuen-schueler-anlegen {
  margin: 1rem 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.schueler-klassen-input-container.neuen-schueler-anlegen label, .neuer-schueler-klassen-input-container.neuen-schueler-anlegen label {
  text-transform: none;
}
.schueler-klassen-input-container .schueler-klassen-checkbox-container, .neuer-schueler-klassen-input-container .schueler-klassen-checkbox-container {
  margin: 0.3rem 0.5rem;
}
.schueler-klassen-input-container .schueler-klassen-checkbox-container > .schueler-klassen-checkbox-label, .neuer-schueler-klassen-input-container .schueler-klassen-checkbox-container > .schueler-klassen-checkbox-label {
  padding: 0;
  text-transform: none;
}

.lehrer-klassen-faecher-table {
  width: 100%;
  border-collapse: separate;
  background-color: white;
  box-shadow: none;
  border-radius: 10px;
  border-spacing: 0;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 0;
  margin: 2rem auto;
}
.lehrer-klassen-faecher-table thead {
  background-color: #F5EFF5;
}
.lehrer-klassen-faecher-table thead th {
  padding: 1rem;
  text-align: left;
}
.lehrer-klassen-faecher-table tr:nth-child(even) {
  background-color: rgba(207, 207, 207, 0.3);
}
.lehrer-klassen-faecher-table td {
  padding: 0.5rem 1rem;
}
.lehrer-klassen-faecher-table .header-checkbox {
  font-size: 1rem;
  padding: 0;
  cursor: pointer;
}
.lehrer-klassen-faecher-table .ganze-spalte-checkbox, .lehrer-klassen-faecher-table .ganze-zeile-checkbox {
  width: 1rem;
  height: 1rem;
  margin: 0 0.3rem;
  cursor: pointer;
}
.lehrer-klassen-faecher-table .lehrer-neue-klasse-container {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.5rem;
}
.lehrer-klassen-faecher-table .lehrer-neue-klasse-container::before {
  pointer-events: none;
  content: url(https://www.lernmax.at/media/images/Arrows/arrow_grey.svg);
  position: absolute;
  right: 1.5rem;
  top: 12px;
  color: #393339;
  z-index: 30;
}
.lehrer-klassen-faecher-table .lehrer-neue-klasse-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: none;
  font-size: 1rem;
  color: #393339;
  padding: 0 3.5rem 0 1.5rem;
  border: 1px solid #393339;
  border-radius: 10px;
  cursor: pointer;
  height: 2.5rem;
  outline: none;
  width: -moz-fit-content;
  width: fit-content;
}
.lehrer-klassen-faecher-table .lehrer-neue-klasse-select:focus {
  border-color: #632263;
}

.schueler-klasse-select-container {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.5rem 0;
}
.schueler-klasse-select-container::before {
  pointer-events: none;
  content: url(https://www.lernmax.at/media/images/Arrows/arrow_grey.svg);
  position: absolute;
  right: 1rem;
  top: 4px;
  color: #393339;
  transform: scale(0.8);
  z-index: 30;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 689.98px) {
  .schueler-klasse-select-container::before {
    right: 0.5rem;
    top: 3px;
  }
}

.schueler-klasse-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: none;
  font-size: 1rem;
  padding: 0 3rem 0 1rem;
  border: 1px solid #393339;
  border-radius: 10px;
  cursor: pointer;
  height: 1.5rem;
  outline: none;
  width: -moz-fit-content;
  width: fit-content;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.schueler-klasse-select:focus {
  border-color: #632263;
}
@media (max-width: 689.98px) {
  .schueler-klasse-select {
    padding: 0 1.5rem 0 0.5rem;
  }
}

.qr-codes-erstellen-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  margin: 2rem 1rem;
  font-weight: bold;
}
.qr-codes-erstellen-container.hidden {
  display: none;
}
.qr-codes-erstellen-container .qr-codes-select-container {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1rem 0;
}
.qr-codes-erstellen-container .qr-codes-select-container::before {
  pointer-events: none;
  content: url(https://www.lernmax.at/media/images/Arrows/arrow_grey.svg);
  position: absolute;
  right: 1.5rem;
  top: 12px;
  color: #393339;
  z-index: 30;
}
.qr-codes-erstellen-container .qr-code-klasse-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: none;
  font-size: 1rem;
  color: #393339;
  padding: 0 3.5rem 0 1.5rem;
  border: 1px solid #393339;
  border-radius: 10px;
  cursor: pointer;
  height: 2.5rem;
  outline: none;
  width: -moz-fit-content;
  width: fit-content;
}
.qr-codes-erstellen-container .qr-code-klasse-select:focus {
  border-color: #632263;
}

.qr-code-info {
  font-size: 0.8rem;
  text-align: center;
}
.qr-code-info.hidden {
  display: none;
}

.verwaltung-table-checkbox {
  width: 1rem;
  height: 1rem;
  margin: 0.2rem;
}

.einstellungen-eintrag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 10px;
  margin: 1rem 0;
  padding: 0 0.5rem;
}
.einstellungen-eintrag.mathe-color {
  border: 2px solid #FEC3DE;
}
.einstellungen-eintrag.deutsch-color {
  border: 2px solid #B7E4F5;
}
.einstellungen-eintrag.englisch-color {
  border: 2px solid #D7BFD7;
}
.einstellungen-eintrag.alpha-color {
  border: 2px solid #C6EED6;
}
.einstellungen-eintrag p {
  margin: 0.5rem;
}

.einstellungen-auswahl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.einstellungen-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem;
}

.einstellungen-radiobutton {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.5rem;
}

.einstellungen-buttons {
  display: flex;
  justify-content: space-around;
}

.dialog-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0.5);
  position: fixed;
  z-index: 50;
  display: flex;
  place-content: center;
  display: none;
}

.dialog-container {
  max-width: 600px;
  background-color: white;
  border-radius: 10px;
  height: -moz-fit-content;
  height: fit-content;
  place-self: center;
  padding: 2rem;
  max-height: 90%;
  overflow: scroll;
}
.dialog-container.large {
  max-width: unset;
}

.dialog-extra .table-scroll {
  max-height: 400px;
  overflow: scroll;
  border: 2px solid rgba(207, 207, 207, 0.3);
  border-radius: 10px;
  margin: 1rem auto;
}
.dialog-extra .table-scroll table {
  padding: 1rem;
  background-color: white;
  margin: 1rem auto;
  box-shadow: none;
  text-align: left;
}
.dialog-extra .table-scroll table th, .dialog-extra .table-scroll table td {
  min-width: 70px;
}
.dialog-extra .table-scroll table.hue-schuelerliste-auswahl-table {
  width: 100%;
  margin: 1rem 0;
  padding: 0 1rem;
}
.dialog-extra .table-scroll table.hue-schuelerliste-auswahl-table .schueler-row .markiert {
  background-color: #F5EFF5;
}
.dialog-extra .table-scroll table.hue-schuelerliste-auswahl-table .schuelername {
  padding: 0.5rem;
}
.dialog-extra .csv-handling-abfrage-input {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dialog-extra .csv-handling-abfrage-inputs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 1rem 2rem;
}
.dialog-extra .csv-handling-abfrage-inputs label {
  text-transform: none;
  padding: 0.5rem;
  font-weight: normal;
  font-size: 1rem;
  text-align: left;
}
.dialog-extra .csv-handling-abfrage-inputs label > b {
  color: #DB0567;
}

.sort-table-header {
  cursor: pointer;
}

.neue-klasse-form {
  margin: 2rem;
}

.neuer-schueler-form {
  margin: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.schuelertransfer hr, .schueler-entfernen hr, .klassendaten-csv hr {
  width: 100%;
  color: #CFCFCF;
}
.schuelertransfer h3, .schueler-entfernen h3, .klassendaten-csv h3 {
  margin: 0 1rem;
}
.schuelertransfer h3 > b, .schueler-entfernen h3 > b, .klassendaten-csv h3 > b {
  font-size: 2rem;
}

.schuelertransfer-container .schuelertransfer, .schueler-entfernen-container .schueler-entfernen {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
}
.schuelertransfer-container .schuelertransfer .schuelertransfer-klassenauswahl-container, .schuelertransfer-container .schuelertransfer .schuelertransfer-switch-container,
.schuelertransfer-container .schuelertransfer .schueler-entfernen-klassenauswahl-container, .schuelertransfer-container .schuelertransfer .schueler-entfernen-switch-container, .schueler-entfernen-container .schueler-entfernen .schuelertransfer-klassenauswahl-container, .schueler-entfernen-container .schueler-entfernen .schuelertransfer-switch-container,
.schueler-entfernen-container .schueler-entfernen .schueler-entfernen-klassenauswahl-container, .schueler-entfernen-container .schueler-entfernen .schueler-entfernen-switch-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin: 1rem 2rem;
}
.schuelertransfer-container .schuelertransfer .schuelertransfer-klassenauswahl-container i.prominent, .schuelertransfer-container .schuelertransfer .schuelertransfer-switch-container i.prominent,
.schuelertransfer-container .schuelertransfer .schueler-entfernen-klassenauswahl-container i.prominent, .schuelertransfer-container .schuelertransfer .schueler-entfernen-switch-container i.prominent, .schueler-entfernen-container .schueler-entfernen .schuelertransfer-klassenauswahl-container i.prominent, .schueler-entfernen-container .schueler-entfernen .schuelertransfer-switch-container i.prominent,
.schueler-entfernen-container .schueler-entfernen .schueler-entfernen-klassenauswahl-container i.prominent, .schueler-entfernen-container .schueler-entfernen .schueler-entfernen-switch-container i.prominent {
  margin: auto;
  font-size: 2rem;
  color: #632263;
}
.schuelertransfer-container .schuelertransfer .schuelertransfer-switch-buttons, .schuelertransfer-container .schuelertransfer .schueler-entfernen-switch-buttons, .schueler-entfernen-container .schueler-entfernen .schuelertransfer-switch-buttons, .schueler-entfernen-container .schueler-entfernen .schueler-entfernen-switch-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 3rem 0.2rem;
}

.schuelertransfer-klassenauswahl > p, .schuelertransfer-schuelerauswahl > p,
.schueler-entfernen-klassenauswahl > p, .schueler-entfernen-schuelerauswahl > p {
  padding: 0 1rem;
}

.schuelertransfer-klassen, .schueler-entfernen-klassen {
  display: flex;
  flex-wrap: wrap;
  max-width: 250px;
  margin: 0.5rem 0;
  align-items: center;
  border: 2px solid #707070;
  padding: 1rem;
  border-radius: 10px;
}
.schuelertransfer-klassen .checkbox-container, .schueler-entfernen-klassen .checkbox-container {
  margin: 0.5rem;
}
.schuelertransfer-klassen .checkbox-container label, .schueler-entfernen-klassen .checkbox-container label {
  padding: 0.2rem;
  text-transform: none;
  font-size: 1rem;
}
.schuelertransfer-klassen .checkbox-container.verschoben, .schueler-entfernen-klassen .checkbox-container.verschoben {
  color: #632263;
  font-weight: bold;
}
.schuelertransfer-klassen .checkbox-container.geloescht, .schueler-entfernen-klassen .checkbox-container.geloescht {
  color: #DB0567;
  font-weight: bold;
}

.schuelertransfer-bestaetigung-container, .schueler-entfernen-bestaetigung-container {
  margin: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.schuelertransfer-bestaetigung-container .schuelertransfer-bestaetigung-text, .schuelertransfer-bestaetigung-container .schueler-entfernen-bestaetigung-text, .schueler-entfernen-bestaetigung-container .schuelertransfer-bestaetigung-text, .schueler-entfernen-bestaetigung-container .schueler-entfernen-bestaetigung-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.schuelertransfer-bestaetigung-container .schuelertransfer-bestaetigung-text .schuelertransfer-hinweis, .schuelertransfer-bestaetigung-container .schuelertransfer-bestaetigung-text .schueler-entfernen-hinweis, .schuelertransfer-bestaetigung-container .schueler-entfernen-bestaetigung-text .schuelertransfer-hinweis, .schuelertransfer-bestaetigung-container .schueler-entfernen-bestaetigung-text .schueler-entfernen-hinweis, .schueler-entfernen-bestaetigung-container .schuelertransfer-bestaetigung-text .schuelertransfer-hinweis, .schueler-entfernen-bestaetigung-container .schuelertransfer-bestaetigung-text .schueler-entfernen-hinweis, .schueler-entfernen-bestaetigung-container .schueler-entfernen-bestaetigung-text .schuelertransfer-hinweis, .schueler-entfernen-bestaetigung-container .schueler-entfernen-bestaetigung-text .schueler-entfernen-hinweis {
  font-size: 0.8rem;
  margin: 0.5rem 0;
}

.klassendaten-csv {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  margin: 1rem 0;
}
.klassendaten-csv p {
  margin: 0.5rem 1rem;
}
.klassendaten-csv .csv-vorlage {
  margin: 1rem;
}

.csv-drag-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.csv-drag-area {
  background-color: #F5EFF5;
  border: 2px dashed #D7BFD7;
  height: -moz-fit-content;
  height: fit-content;
  width: 400px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 1rem;
  padding: 1rem;
}
.csv-drag-area.active {
  border: 2px solid #632263;
}
.csv-drag-area .csv-drag-area-icon {
  font-size: 4rem;
  color: #632263;
}
.csv-drag-area .csv-drag-area-header {
  font-size: 1rem;
  font-weight: bold;
  color: #632263;
  margin: 1rem;
}
.csv-drag-area span {
  font-size: 1rem;
  color: #632263;
  margin: 0.5rem;
}
.csv-drag-area button {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.csv-drag-area img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}

.neue-klasse-error-message, .neuer-schueler-error-message, .schuelername-error,
.checkbox-error, .neuer-schueler-checkbox-error, .aufgabenpaket-name-error {
  font-size: 0.8rem;
  margin: 0.5rem;
  color: #DB0567;
  text-align: left;
}

.inhalt-container {
  display: none;
}

.cvw-fach-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: white;
  border-radius: 10px;
  padding: 1rem;
}
.cvw-fach-header h4 {
  margin: 0;
  font-size: 1.5rem;
}
.cvw-fach-header.mathe-color {
  background-color: #DB0567;
}
.cvw-fach-header.deutsch-color {
  background-color: #347FC4;
}
.cvw-fach-header.alpha-color {
  background-color: #007A5E;
}
.cvw-fach-header.englisch-color {
  background-color: #632263;
}
.cvw-fach-header.su-color {
  background-color: #3D9537;
}
.cvw-fach-header.bio-color {
  background-color: #FF600A;
}
.cvw-fach-header.chemie-color {
  background-color: #A34DA3;
}
.cvw-fach-header.physik-color {
  background-color: #9A0308;
}
.cvw-fach-header.geo-color {
  background-color: #022B9E;
}
.cvw-fach-header.daz2-color {
  background-color: #28ACCC;
}

.cvw-fach-header-schulstufen {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.5rem;
  margin-right: 4rem;
}
.cvw-fach-header-schulstufen::before {
  pointer-events: none;
  content: url(https://www.lernmax.at/media/images/Arrows/arrow_grey.svg);
  position: absolute;
  right: 1.5rem;
  top: 12px;
  color: #393339;
  z-index: 30;
}

.cvw-fach-header-schulstufen-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: none;
  font-size: 1rem;
  color: #393339;
  padding: 0 3.5rem 0 1.5rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10px;
  cursor: pointer;
  height: 2.5rem;
  outline: none;
  width: -moz-fit-content;
  width: fit-content;
}
.cvw-fach-header-schulstufen-select:focus {
  border-color: #632263;
}

.videoverzeichnis {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: none;
  color: #393339;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 0 1.5rem;
  border-radius: 10px;
  cursor: pointer;
  height: 3rem;
  outline: none;
  width: 20%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  font-weight: bold;
  margin: 0 1rem;
  transition: all 0.2s ease-in-out;
}

.videoverzeichnis-video {
  height: 50%;
}

.csv-hausaufgaben-zusammenstellung {
  margin: 1rem;
  background-color: white;
  padding: 1rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  position: sticky;
  top: 10vh;
  min-width: 200px;
  max-height: 85vh;
  height: -moz-fit-content;
  height: fit-content;
}
.csv-hausaufgaben-zusammenstellung .auswahl-aufgaben-container {
  max-width: 300px;
  max-height: 55vh;
  overflow-y: scroll;
  margin: 2rem 0;
}
.csv-hausaufgaben-zusammenstellung .auswahl-aufgaben-container .auswahl-aufgabe {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 1rem 0;
}
.csv-hausaufgaben-zusammenstellung .auswahl-aufgaben-container .auswahl-aufgabe .remove-button {
  margin-right: 0.5rem;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #D7BFD7;
  height: 1.4rem;
  width: 1.4rem;
  min-width: 1.4rem;
  color: #D7BFD7;
}
.csv-hausaufgaben-zusammenstellung .hue-erstellen {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.csv-hausaufgaben-zusammenstellung .hue-erstellen .hue-erstellen-button, .csv-hausaufgaben-zusammenstellung .hue-erstellen .lernwoerter-erstellen-button {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}
.csv-hausaufgaben-zusammenstellung .hue-erstellen .hue-erstellen-button i, .csv-hausaufgaben-zusammenstellung .hue-erstellen .lernwoerter-erstellen-button i {
  margin-left: 0.5rem;
}

.anzahl-auswahl-anzeige {
  background-color: #DB0567;
  color: white;
  border-radius: 10px;
}
.anzahl-auswahl-anzeige.anzeigen {
  padding: 0.5rem 1rem;
}

.zeitraum-auswahl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1rem 0.5rem;
}
.zeitraum-auswahl > label {
  padding: 0;
}

.hue-klassen-auswahl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.hue-klassen-auswahl h4 {
  margin: 0;
}
.hue-klassen-auswahl .schueler-klassen-checkbox-label {
  text-transform: none;
  font-size: 1rem;
  font-weight: normal;
  cursor: pointer;
}

.hue-aufgabenpaket-name {
  margin-bottom: 2rem;
}
.hue-aufgabenpaket-name.no-margin {
  margin-bottom: 0;
}
.hue-aufgabenpaket-name h4 {
  margin: 0;
}
.hue-aufgabenpaket-name .hue-aufgabenpaket-name-label {
  display: flex;
  flex-direction: column;
  text-transform: none;
  font-size: 1rem;
  font-weight: normal;
}
.hue-aufgabenpaket-name .hue-aufgabenpaket-name-label .hue-aufgabenpaket-name-input {
  border-radius: 10px;
  width: 25rem;
}
.hue-aufgabenpaket-name .hue-aufgabenpaket-name-label .hue-aufgabenpaket-name-input.name-taken {
  border-color: #DB0567;
}
.hue-aufgabenpaket-name .hue-aufgabenpaket-aufgaben-liste {
  padding: 1rem;
  border: 2px solid rgba(207, 207, 207, 0.3);
  border-radius: 10px;
}

.hue-lernwoerter-name-input.empty {
  border-color: #DB0567;
}

.hue-lernwoerter {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.hue-lernwoerter h4 {
  margin: 0;
}
.hue-lernwoerter p {
  margin: 0 1rem;
}

.hue-lernwoerter-input {
  width: 60%;
  height: 15rem;
  resize: none;
  padding: 1rem;
  border-radius: 10px;
  border: 2px solid #D7BFD7;
  box-sizing: border-box;
  margin: 1rem 0;
  font-family: "Inter", sans-serif;
  outline: none;
  align-self: center;
}
.hue-lernwoerter-input.empty {
  border-color: #DB0567;
}

.dialog-submit-button:disabled {
  background-color: #CFCFCF;
  border-color: #CFCFCF;
}

body.hasHover > .dashboard-container > .side-menu > ul li > a:hover > img {
  display: none;
  transform: scale(1.1);
}
body.hasHover > .dashboard-container > .side-menu > ul li > a:hover > img.img-invisible {
  display: block;
  transform: scale(1.1);
}
body.hasHover > .dashboard-container > .dashboard-content > .cyberhomework-alert > .cyberhomework-alert-button:hover, body.hasHover.platform-body-bg > .dashboard-container > .dashboard-content > .kein-fach-aktiv-alert > .cyberhomework-alert-button:hover {
  transform: scale(1.03);
}
body.hasHover > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card:hover {
  cursor: pointer;
  transform: scale(1.05);
}
body.hasHover > .dashboard-container > .dashboard-content > .aktive-programme-uebersicht > .faecher-container > .faecher-card.not-active:hover {
  cursor: not-allowed;
  transform: none;
}
body.hasHover > .dashboard-container > .dashboard-content > .profil-container > .profil-title > .profil-color:hover {
  cursor: pointer;
  transform: scale(1.1);
}
body.hasHover > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info-programme > a:hover {
  cursor: pointer;
  transform: scale(1.03);
  color: #393339;
}
body.hasHover > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info-passwort > .passwort-verwalten > a > img:hover {
  transform: scale(1.1);
}
body.hasHover > .dashboard-container > .dashboard-content > .profil-container > .profil-info-container > .profil-info-passwort > a:hover {
  transform: scale(1.03);
}
body.hasHover > .dashboard-container > .dashboard-content .reload-button:hover {
  cursor: pointer;
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}
body.hasHover > .dashboard-container > .dashboard-content .reload-button:hover > a > img {
  height: 1.5rem;
  transform: rotate(360deg);
}
body.hasHover > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .mathe-card:hover {
  background-color: #FEC3DE;
}
body.hasHover > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .deutsch-card:hover {
  background-color: #B7E4F5;
}
body.hasHover > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .englisch-card:hover {
  background-color: #D7BFD7;
}
body.hasHover > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .alpha-card:hover {
  background-color: #C6EED6;
}
body.hasHover > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .sachunterricht-card:hover {
  background-color: #C6E9C3;
}
body.hasHover > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .bio-card:hover {
  background-color: #FDDBC8;
}
body.hasHover > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .chemie-card:hover {
  background-color: #FEECFE;
}
body.hasHover > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .physik-card:hover {
  background-color: #E4B4B6;
}
body.hasHover > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .geo-card:hover {
  background-color: #C8D4FC;
}
body.hasHover > .dashboard-container > .dashboard-content > .cyberhomework-ueberblick > .hausaufgaben-faecher-container > .daz2-card:hover {
  background-color: #DEF3F8;
}
body.hasHover > .dashboard-container .kimaro-test-startbutton:hover {
  cursor: pointer;
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}
body.hasHover > .dashboard-container .klassenverwaltung-table:not(.bearbeitungsmodus) .table-button:hover, body.hasHover > .dashboard-container .schuelerverwaltung-table:not(.bearbeitungsmodus) .table-button:hover, body.hasHover > .dashboard-container .lehrerverwaltung-table:not(.bearbeitungsmodus) .table-button:hover {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
  border-color: #632263;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  cursor: pointer;
}
body.hasHover > .dashboard-container .klassenverwaltung-table:not(.bearbeitungsmodus) .klasse-row:hover, body.hasHover > .dashboard-container .klassenverwaltung-table:not(.bearbeitungsmodus) .schueler-row:hover, body.hasHover > .dashboard-container .klassenverwaltung-table:not(.bearbeitungsmodus) .lehrer-row:hover, body.hasHover > .dashboard-container .schuelerverwaltung-table:not(.bearbeitungsmodus) .klasse-row:hover, body.hasHover > .dashboard-container .schuelerverwaltung-table:not(.bearbeitungsmodus) .schueler-row:hover, body.hasHover > .dashboard-container .schuelerverwaltung-table:not(.bearbeitungsmodus) .lehrer-row:hover, body.hasHover > .dashboard-container .lehrerverwaltung-table:not(.bearbeitungsmodus) .klasse-row:hover, body.hasHover > .dashboard-container .lehrerverwaltung-table:not(.bearbeitungsmodus) .schueler-row:hover, body.hasHover > .dashboard-container .lehrerverwaltung-table:not(.bearbeitungsmodus) .lehrer-row:hover {
  background-color: #D7BFD7;
}
body.hasHover > .dashboard-container .schuelertransfer-button:not(:disabled):hover {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
  border-color: #632263;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  cursor: pointer;
}
body.hasHover > .dashboard-container .csv-drag-area .table-button:not(:disabled):hover, body.hasHover > .dashboard-container .cvw-thema-aufgaben .table-button:not(:disabled):hover, body.hasHover > .dashboard-container .cvw-aufgabenpaket-infos .table-button:not(:disabled):hover,
body.hasHover > .dashboard-container .profil-info-accounts .table-button:not(:disabled):hover, body.hasHover > .dashboard-container .einstellungen-buttons .table-button:not(:disabled):hover, body.hasHover > .dashboard-container .cvw-hausaufgaben-ueberschrift .table-button:not(:disabled):hover {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
  border-color: #632263;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  cursor: pointer;
}
body.hasHover > .dashboard-container .csv-drag-area .table-button:not(:disabled):hover.farbcode-pink, body.hasHover > .dashboard-container .cvw-thema-aufgaben .table-button:not(:disabled):hover.farbcode-pink, body.hasHover > .dashboard-container .cvw-aufgabenpaket-infos .table-button:not(:disabled):hover.farbcode-pink,
body.hasHover > .dashboard-container .profil-info-accounts .table-button:not(:disabled):hover.farbcode-pink, body.hasHover > .dashboard-container .einstellungen-buttons .table-button:not(:disabled):hover.farbcode-pink, body.hasHover > .dashboard-container .cvw-hausaufgaben-ueberschrift .table-button:not(:disabled):hover.farbcode-pink {
  border-color: #DB0567;
}
body.hasHover > .dashboard-container .csv-drag-area a:hover, body.hasHover > .dashboard-container .cvw-thema-aufgaben a:hover, body.hasHover > .dashboard-container .cvw-aufgabenpaket-infos a:hover,
body.hasHover > .dashboard-container .profil-info-accounts a:hover, body.hasHover > .dashboard-container .einstellungen-buttons a:hover, body.hasHover > .dashboard-container .cvw-hausaufgaben-ueberschrift a:hover {
  color: white;
}
body.hasHover > .dashboard-container .csv-drag-area a:hover.farbcode-lila, body.hasHover > .dashboard-container .cvw-thema-aufgaben a:hover.farbcode-lila, body.hasHover > .dashboard-container .cvw-aufgabenpaket-infos a:hover.farbcode-lila,
body.hasHover > .dashboard-container .profil-info-accounts a:hover.farbcode-lila, body.hasHover > .dashboard-container .einstellungen-buttons a:hover.farbcode-lila, body.hasHover > .dashboard-container .cvw-hausaufgaben-ueberschrift a:hover.farbcode-lila {
  color: #632263;
}
body.hasHover > .dashboard-container .csv-hausaufgaben-zusammenstellung .remove-button:hover {
  border-color: #632263;
  color: #632263;
  cursor: pointer;
}
body.hasHover > .dashboard-container .csv-hausaufgaben-zusammenstellung .hue-erstellen-button:hover, body.hasHover > .dashboard-container .csv-hausaufgaben-zusammenstellung .lernwoerter-erstellen-button:hover {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
  border-color: #632263;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  cursor: pointer;
}
body.hasHover .videoverzeichnis:hover {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  cursor: pointer;
  color: #393339;
}
body.hasHover .error-meldung .table-button:hover {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
  border-color: #632263;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  cursor: pointer;
}
body.hasHover .dialog-submit-button:disabled:hover {
  transform: none;
  cursor: not-allowed;
}
body.hasHover .dialog-submit-button:disabled:hover > i {
  transform: none;
  margin-left: 1rem;
  padding-right: 0.5rem;
}

.mathe-vv-body {
  background-color: rgba(254, 195, 222, 0.25);
}
.mathe-vv-body > .main-header {
  background-color: white;
}

.deutsch-vv-body {
  background-color: rgba(183, 228, 245, 0.25);
}
.deutsch-vv-body > .main-header {
  background-color: white;
}

.alpha-vv-body {
  background-color: rgba(198, 238, 214, 0.5);
}
.alpha-vv-body > .main-header {
  background-color: white;
}

.su-vv-body {
  background-color: rgba(198, 233, 195, 0.5);
}
.su-vv-body > .main-header {
  background-color: white;
}

.englisch-vv-body {
  background-color: rgba(215, 191, 215, 0.5);
}
.englisch-vv-body > .main-header {
  background-color: white;
}

.bio-vv-body {
  background-color: rgba(253, 219, 200, 0.5);
}
.bio-vv-body > .main-header {
  background-color: white;
}

.physik-vv-body {
  background-color: rgba(228, 180, 182, 0.5);
}
.physik-vv-body > .main-header {
  background-color: white;
}

.chem-vv-body {
  background-color: rgba(254, 236, 254, 0.5);
}
.chem-vv-body > .main-header {
  background-color: white;
}

.geo-vv-body {
  background-color: rgba(200, 212, 252, 0.5);
}
.geo-vv-body > .main-header {
  background-color: white;
}

.daz2-vv-body {
  background-color: rgba(222, 243, 248, 0.5);
}
.daz2-vv-body > .main-header {
  background-color: white;
}

.aufgabenseite .fachHeaderContainer.fachheader-container-plattform {
  justify-content: space-between;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.aufgabenseite .fachHeaderContainer.fachheader-container-plattform > h4 {
  margin: 0;
  font-size: 1.6rem;
}
.aufgabenseite .fachHeaderContainer.fachheader-container-plattform .schulstufen {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.aufgabenseite .fachHeaderContainer.fachheader-container-plattform .schulstufen::before {
  pointer-events: none;
  content: url(https://app.lernmax.eu/media/images/Arrows/arrow_grey.svg);
  position: absolute;
  right: 1.5rem;
  top: 7px;
  color: #393339;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1079.98px) {
  .aufgabenseite .fachHeaderContainer.fachheader-container-plattform .schulstufen::before {
    top: 11px;
  }
}
.aufgabenseite .fachHeaderContainer.fachheader-container-plattform .schulstufen > .schulstufen-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: none;
  font-size: 1rem;
  color: #393339;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 0 3.5rem 0 1.5rem;
  border-radius: 10px;
  cursor: pointer;
  height: 3rem;
  outline: none;
  width: 100%;
}
.aufgabenseite .fachHeaderContainer.fachheader-container-plattform .schulstufen > img {
  width: 1rem;
  margin-left: 0.5rem;
}
@media (max-width: 1079.98px) {
  .aufgabenseite .fachHeaderContainer.fachheader-container-plattform {
    padding: 0.7rem 2rem;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (max-width: 469.98px) {
  .aufgabenseite .fachHeaderContainer.fachheader-container-plattform {
    padding: 0.7rem 0;
  }
  .aufgabenseite .fachHeaderContainer.fachheader-container-plattform > .schulstufen::before {
    right: 1rem;
  }
  .aufgabenseite .fachHeaderContainer.fachheader-container-plattform > .schulstufen > .schulstufen-select {
    padding: 0 2.5rem 0 0.8rem;
  }
}
.aufgabenseite > .aufgabenauswahl-vv-container {
  display: grid;
  grid-template-columns: 5rem auto;
  grid-column-gap: 2rem;
  width: 90vw;
  max-width: 1000px;
  margin: 2rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini {
  background-color: white;
  align-self: start;
  position: sticky;
  top: 15vh;
  width: 4rem;
  border-radius: 50px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem auto;
}
.aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini > ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini > ul > li {
  padding: 1rem 1.5rem;
}
.aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini > ul > li > a > img {
  display: block;
  height: 1.4rem;
  max-width: 1.8rem;
  transition: all 0.2s ease-in-out;
}
.aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini > ul > li > a > img.img-invisible {
  display: none;
  transition: all 0.2s ease-in-out;
}
.aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini > ul > li.active-item a {
  color: #DB0567;
  font-weight: bold;
}
@media (max-width: 881.98px) {
  .aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini {
    height: -moz-fit-content;
    height: fit-content;
  }
  .aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini > ul {
    margin: 1rem 0;
  }
}
@media (max-width: 819.98px) {
  .aufgabenseite > .aufgabenauswahl-vv-container {
    grid-template-rows: 5rem auto;
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
  }
  .aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini {
    position: unset;
    width: auto;
    height: 4rem;
    margin: 0 auto;
  }
  .aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini > ul {
    flex-direction: row;
    margin: auto 0;
    height: inherit;
  }
}
@media (max-width: 575.98px) {
  .aufgabenseite > .aufgabenauswahl-vv-container {
    width: 95vw;
  }
}

.schulstufen-akkordeon {
  display: none;
}
.schulstufen-akkordeon.selected {
  display: block;
  border-radius: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.schulstufen-akkordeon.selected > .thema {
  background-color: white;
  padding: 0;
  width: 100%;
  min-height: 100px;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem;
}
.schulstufen-akkordeon.selected > .thema > .thema-title {
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > p {
  margin: 0.5rem 0;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4 {
  font-weight: bold;
  font-size: 1.2rem;
  padding: 0;
  margin: 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4.mathe-color {
  color: #DB0567;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4.deutsch-color {
  color: #347FC4;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4.englisch-color {
  color: #632263;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4.alpha-color {
  color: #007A5E;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4.su-color {
  color: #3D9537;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4.bio-color {
  color: #FF600A;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4.physik-color {
  color: #9A0308;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4.chemie-color {
  color: #A34DA3;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4.geo-color {
  color: #022B9E;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4.daz2-color {
  color: #28ACCC;
}
@media (max-width: 529.98px) {
  .schulstufen-akkordeon.selected > .thema > .thema-title > .title-text > h4 {
    font-size: 1rem;
  }
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text .progress {
  background-color: rgba(207, 207, 207, 0.3);
  height: 0.5rem;
  width: 250px;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .title-text .progress .progress-done {
  background-color: #4CB944;
}
.schulstufen-akkordeon.selected > .thema > .thema-title > .akk-arrow {
  width: 1.5rem;
  transition: transform 1s;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container {
  display: none;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben {
  padding: 2rem 4rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe {
  background-color: white;
  padding: 1rem;
  min-height: 100px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe.mathe-color {
  background-color: rgba(254, 195, 222, 0.25);
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe.deutsch-color {
  background-color: rgba(183, 228, 245, 0.25);
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe.englisch-color {
  background-color: rgba(215, 191, 215, 0.25);
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe.alpha-color {
  background-color: rgba(198, 238, 214, 0.25);
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe.su-color {
  background-color: rgba(198, 233, 195, 0.25);
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe.bio-color {
  background-color: rgba(253, 219, 200, 0.25);
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe.physik-color {
  background-color: rgba(228, 180, 182, 0.25);
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe.chemie-color {
  background-color: rgba(254, 236, 254, 0.25);
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe.geo-color {
  background-color: rgba(200, 212, 252, 0.25);
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe.daz2-color {
  background-color: rgba(222, 243, 248, 0.25);
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe p {
  font-size: 1rem;
  margin: 0.5rem 0;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe p.mathe-color {
  color: #DB0567;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe p.deutsch-color {
  color: #347FC4;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe p.englisch-color {
  color: #632263;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe p.alpha-color {
  color: #007A5E;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe p.su-color {
  color: #3D9537;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe p.bio-color {
  color: #FF600A;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe p.physik-color {
  color: #9A0308;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe p.chemie-color {
  color: #A34DA3;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe p.geo-color {
  color: #022B9E;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe p.daz2-color {
  color: #28ACCC;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe h4 {
  padding: 0;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe .progress {
  background-color: white;
  height: 0.5rem;
  margin: 1rem 0 0;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben .thema-aufgabe .progress .progress-done {
  background-color: #4CB944;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben.cvw-thema-aufgaben {
  grid-template-columns: 1fr;
  padding: 2rem;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben.cvw-thema-aufgaben .thema-aufgabe {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: unset;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben.cvw-thema-aufgaben .thema-aufgabe.markiert {
  border: 2px solid #DB0567;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben.cvw-thema-aufgaben .cvw-aufgabe-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben.cvw-thema-aufgaben .cvw-aufgabe-buttons > a {
  margin: 0 1rem;
  padding: 0.5rem 1rem;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben.cvw-thema-aufgaben .cvw-aufgabe-buttons > a i {
  margin-left: 0.5rem;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben.cvw-thema-aufgaben .cvw-aufgabe-buttons > button {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}
.schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben.cvw-thema-aufgaben .cvw-aufgabe-buttons > button.markiert {
  border-color: #632263;
}
@media (max-width: 575.98px) {
  .schulstufen-akkordeon.selected > .thema > .thema-aufgaben-container > .thema-aufgaben {
    padding: 2rem 1.5rem;
  }
}

.flip {
  transform: rotate(180deg);
}

body.hasHover .aufgabenseite > .fachHeader > .fachHeaderContainer > .schulstufen:hover {
  cursor: pointer;
}
body.hasHover .aufgabenseite > .fachHeader > .fachHeaderContainer > .schulstufen:hover > .schulstufen-select {
  cursor: pointer;
}
body.hasHover .aufgabenseite > .fachHeader > .fachHeaderContainer > .schulstufen > .schulstufen-select > option:hover {
  cursor: pointer;
}
body.hasHover .aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini > ul li > a:hover > img {
  display: none;
  transform: scale(1.1);
}
body.hasHover .aufgabenseite > .aufgabenauswahl-vv-container > .side-menu-mini > ul li > a:hover > img.img-invisible {
  display: block;
  transform: scale(1.1);
}
body.hasHover .aufgabenseite > .aufgabenauswahl-vv-container > .schulstufen-akkordeon > .thema > .thema-aufgaben-container > .thema-aufgaben > .thema-aufgabe:hover {
  color: #393339;
  transform: scale(1.1);
}
body.hasHover .aufgabenseite > .hausaufgaben-faecher-auswahl > a:hover {
  transform: scale(1.1);
}

.hausaufgaben-faecher-auswahl, .cvw-faecher-auswahl-mini {
  width: 90vw;
  max-width: 1000px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin: 0 auto 3rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.hausaufgaben-faecher-auswahl > a, .hausaufgaben-faecher-auswahl > button, .cvw-faecher-auswahl-mini > a, .cvw-faecher-auswahl-mini > button {
  margin: 1rem;
  border-radius: 50px;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  transition: all 0.2s ease-in-out;
  background-color: white;
  cursor: pointer;
}
.hausaufgaben-faecher-auswahl > a.mathe-color, .hausaufgaben-faecher-auswahl > button.mathe-color, .cvw-faecher-auswahl-mini > a.mathe-color, .cvw-faecher-auswahl-mini > button.mathe-color {
  border: 2px solid #DB0567;
}
.hausaufgaben-faecher-auswahl > a.deutsch-color, .hausaufgaben-faecher-auswahl > button.deutsch-color, .cvw-faecher-auswahl-mini > a.deutsch-color, .cvw-faecher-auswahl-mini > button.deutsch-color {
  border: 2px solid #347FC4;
}
.hausaufgaben-faecher-auswahl > a.englisch-color, .hausaufgaben-faecher-auswahl > button.englisch-color, .cvw-faecher-auswahl-mini > a.englisch-color, .cvw-faecher-auswahl-mini > button.englisch-color {
  border: 2px solid #632263;
}
.hausaufgaben-faecher-auswahl > a.alpha-color, .hausaufgaben-faecher-auswahl > button.alpha-color, .cvw-faecher-auswahl-mini > a.alpha-color, .cvw-faecher-auswahl-mini > button.alpha-color {
  border: 2px solid #007A5E;
}
.hausaufgaben-faecher-auswahl > a.sachunterricht-color, .hausaufgaben-faecher-auswahl > button.sachunterricht-color, .cvw-faecher-auswahl-mini > a.sachunterricht-color, .cvw-faecher-auswahl-mini > button.sachunterricht-color {
  border: 2px solid #3D9537;
}
.hausaufgaben-faecher-auswahl > a.bio-color, .hausaufgaben-faecher-auswahl > button.bio-color, .cvw-faecher-auswahl-mini > a.bio-color, .cvw-faecher-auswahl-mini > button.bio-color {
  border: 2px solid #FF600A;
}
.hausaufgaben-faecher-auswahl > a.chemie-color, .hausaufgaben-faecher-auswahl > button.chemie-color, .cvw-faecher-auswahl-mini > a.chemie-color, .cvw-faecher-auswahl-mini > button.chemie-color {
  border: 2px solid #A34DA3;
}
.hausaufgaben-faecher-auswahl > a.physik-color, .hausaufgaben-faecher-auswahl > button.physik-color, .cvw-faecher-auswahl-mini > a.physik-color, .cvw-faecher-auswahl-mini > button.physik-color {
  border: 2px solid #9A0308;
}
.hausaufgaben-faecher-auswahl > a.geo-color, .hausaufgaben-faecher-auswahl > button.geo-color, .cvw-faecher-auswahl-mini > a.geo-color, .cvw-faecher-auswahl-mini > button.geo-color {
  border: 2px solid #022B9E;
}
.hausaufgaben-faecher-auswahl > a.daz2-color, .hausaufgaben-faecher-auswahl > button.daz2-color, .cvw-faecher-auswahl-mini > a.daz2-color, .cvw-faecher-auswahl-mini > button.daz2-color {
  border: 2px solid #28ACCC;
}
.hausaufgaben-faecher-auswahl > a.allg-color, .hausaufgaben-faecher-auswahl > button.allg-color, .cvw-faecher-auswahl-mini > a.allg-color, .cvw-faecher-auswahl-mini > button.allg-color {
  background: linear-gradient(white, white) padding-box, linear-gradient(45deg, #022B9E 10%, #DB0567 90%) border-box;
  border: 2px solid transparent;
}
.hausaufgaben-faecher-auswahl > a.allg-color > i, .hausaufgaben-faecher-auswahl > button.allg-color > i, .cvw-faecher-auswahl-mini > a.allg-color > i, .cvw-faecher-auswahl-mini > button.allg-color > i {
  font-size: 1.3rem;
  background-image: linear-gradient(45deg, #022B9E, #DB0567);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hausaufgaben-faecher-auswahl > a.active, .hausaufgaben-faecher-auswahl > button.active, .cvw-faecher-auswahl-mini > a.active, .cvw-faecher-auswahl-mini > button.active {
  border-width: 4px;
  opacity: 1;
}
.hausaufgaben-faecher-auswahl > a > img, .hausaufgaben-faecher-auswahl > button > img, .cvw-faecher-auswahl-mini > a > img, .cvw-faecher-auswahl-mini > button > img {
  width: 2rem;
}
.hausaufgaben-faecher-auswahl > a.fach-shortcut-disabled, .hausaufgaben-faecher-auswahl > button.fach-shortcut-disabled, .cvw-faecher-auswahl-mini > a.fach-shortcut-disabled, .cvw-faecher-auswahl-mini > button.fach-shortcut-disabled {
  display: none;
  opacity: 50%;
  transition: none;
}
@media (max-width: 819.98px) {
  .hausaufgaben-faecher-auswahl, .cvw-faecher-auswahl-mini {
    justify-content: center;
    margin: 0 auto 2rem;
  }
}

.cvw-faecher-auswahl-mini {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 auto 2rem;
}
.cvw-faecher-auswahl-mini.kimaro-protokoll {
  width: 100%;
  font-weight: bold;
}
.cvw-faecher-auswahl-mini.aufgabenlisteFilter {
  margin: 0 auto;
}
.cvw-faecher-auswahl-mini.aufgabenlisteFilter > button {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1rem;
  padding: 0 1rem;
}
.cvw-faecher-auswahl-mini.aufgabenlisteFilter > button > i, .cvw-faecher-auswahl-mini.aufgabenlisteFilter > button > img {
  margin-right: 0.5rem;
}
.cvw-faecher-auswahl-mini.aufgabenlisteFilter > button > i {
  width: -moz-fit-content;
  width: fit-content;
}
.cvw-faecher-auswahl-mini img {
  padding: 0.2rem;
}
.cvw-faecher-auswahl-mini .scroll-to-paket {
  margin: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  transition: all 0.2s ease-in-out;
  background-color: white;
  color: #DB0567;
  border: 2px solid #DB0567;
  cursor: pointer;
  display: none;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.cvw-faecher-auswahl-mini .scroll-to-paket > i {
  margin-left: 1rem;
}
@media (max-width: 1199.98px) {
  .cvw-faecher-auswahl-mini .scroll-to-paket {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.cvw-neue-hausaufgabe {
  background-color: #DB0567;
  color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 0.5rem 2rem;
  margin: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.5s;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.cvw-neue-hausaufgabe.deutsch-color {
  background-color: #347FC4;
}
.cvw-neue-hausaufgabe.deutsch-color #neue-hausaufgabe-link {
  color: #347FC4;
}
.cvw-neue-hausaufgabe.englisch-color {
  background-color: #632263;
}
.cvw-neue-hausaufgabe.englisch-color #neue-hausaufgabe-link {
  color: #632263;
}
.cvw-neue-hausaufgabe.alpha-color {
  background-color: #007A5E;
}
.cvw-neue-hausaufgabe.alpha-color #neue-hausaufgabe-link {
  color: #007A5E;
}
.cvw-neue-hausaufgabe.sachunterricht-color {
  background-color: #3D9537;
}
.cvw-neue-hausaufgabe.sachunterricht-color #neue-hausaufgabe-link {
  color: #3D9537;
}
.cvw-neue-hausaufgabe.bio-color {
  background-color: #FF600A;
}
.cvw-neue-hausaufgabe.bio-color #neue-hausaufgabe-link {
  color: #FF600A;
}
.cvw-neue-hausaufgabe.physik-color {
  background-color: #9A0308;
}
.cvw-neue-hausaufgabe.physik-color #neue-hausaufgabe-link {
  color: #9A0308;
}
.cvw-neue-hausaufgabe.chemie-color {
  background-color: #A34DA3;
}
.cvw-neue-hausaufgabe.chemie-color #neue-hausaufgabe-link {
  color: #A34DA3;
}
.cvw-neue-hausaufgabe.geo-color {
  background-color: #022B9E;
}
.cvw-neue-hausaufgabe.geo-color #neue-hausaufgabe-link {
  color: #022B9E;
}
.cvw-neue-hausaufgabe.daz2-color {
  background-color: #28ACCC;
}
.cvw-neue-hausaufgabe.daz2-color #neue-hausaufgabe-link {
  color: #28ACCC;
}
.cvw-neue-hausaufgabe.kimaro-gradient {
  background: linear-gradient(to top right, rgba(2, 43, 158, 0.8), rgba(219, 5, 103, 0.8));
}
.cvw-neue-hausaufgabe.kimaro-gradient #neue-hausaufgabe-link {
  color: white;
  background-color: white;
}
.cvw-neue-hausaufgabe.kimaro-gradient #neue-hausaufgabe-link .kimaro-gradient {
  background: linear-gradient(to right, rgba(2, 43, 158, 0.8), #DB0567);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cvw-neue-hausaufgabe h3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 600px;
}
.cvw-neue-hausaufgabe .cvw-neue-hausaufgabe-select-container {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0.5rem;
}
.cvw-neue-hausaufgabe .cvw-neue-hausaufgabe-select-container::before {
  pointer-events: none;
  content: url(https://app.lernmax.eu/media/images/Arrows/arrow_grey.svg);
  position: absolute;
  right: 1.5rem;
  top: 9px;
  color: #393339;
}
.cvw-neue-hausaufgabe .cvw-neue-hausaufgabe-select-container .cvw-neue-hausaufgabe-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border: none;
  font-size: 1rem;
  color: #393339;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 0 3.5rem 0 1.5rem;
  border-radius: 10px;
  cursor: pointer;
  height: 2.5rem;
  outline: none;
  width: 100%;
}
.cvw-neue-hausaufgabe .cvw-neue-hausaufgabe-select-container > img {
  width: 1rem;
  margin-left: 0.5rem;
}
@media (max-width: 1023.98px) {
  .cvw-neue-hausaufgabe {
    flex-wrap: wrap;
  }
}

.cvw-hausaufgaben-ueberschrift {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 1rem;
}
.cvw-hausaufgaben-ueberschrift a {
  margin-left: 2rem;
}

.kompetenzchecks-container {
  margin-top: 2rem;
}

.cvw-aufgabenpaket, .cvw-protokolle-schueler {
  background-color: white;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 10px;
  margin: 1rem;
}
.cvw-aufgabenpaket.mathe-color, .cvw-protokolle-schueler.mathe-color {
  background-color: #FDE1EE;
}
.cvw-aufgabenpaket.deutsch-color, .cvw-protokolle-schueler.deutsch-color {
  background-color: #DAF3FB;
}
.cvw-aufgabenpaket.englisch-color, .cvw-protokolle-schueler.englisch-color {
  background-color: rgba(215, 191, 215, 0.5);
}
.cvw-aufgabenpaket.sachunterricht-color, .cvw-protokolle-schueler.sachunterricht-color {
  background-color: #E3F4E1;
}
.cvw-aufgabenpaket.alpha-color, .cvw-protokolle-schueler.alpha-color {
  background-color: #E3F4E1;
}
.cvw-aufgabenpaket.bio-color, .cvw-protokolle-schueler.bio-color {
  background-color: #FDDBC8;
}
.cvw-aufgabenpaket.physik-color, .cvw-protokolle-schueler.physik-color {
  background-color: #E4B4B6;
}
.cvw-aufgabenpaket.chemie-color, .cvw-protokolle-schueler.chemie-color {
  background-color: #FEECFE;
}
.cvw-aufgabenpaket.geo-color, .cvw-protokolle-schueler.geo-color {
  background-color: #F0F4FF;
}
.cvw-aufgabenpaket.daz2-color, .cvw-protokolle-schueler.daz2-color {
  background-color: #E3F4F7;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-header, .cvw-protokolle-schueler .cvw-aufgabenpaket-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-header.einzelprotokoll, .cvw-protokolle-schueler .cvw-aufgabenpaket-header.einzelprotokoll {
  padding: 1rem 2rem;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-header.einzelprotokoll .cvw-aufgabenpaket-header-title, .cvw-protokolle-schueler .cvw-aufgabenpaket-header.einzelprotokoll .cvw-aufgabenpaket-header-title {
  width: 100%;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-header.einzelprotokoll .cvw-aufgabenpaket-header-title .cvw-aufgabenpaket-header-text, .cvw-protokolle-schueler .cvw-aufgabenpaket-header.einzelprotokoll .cvw-aufgabenpaket-header-title .cvw-aufgabenpaket-header-text {
  width: inherit;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-header .cvw-aufgabenpaket-header-title, .cvw-protokolle-schueler .cvw-aufgabenpaket-header .cvw-aufgabenpaket-header-title {
  display: flex;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-header .cvw-aufgabenpaket-header-text, .cvw-protokolle-schueler .cvw-aufgabenpaket-header .cvw-aufgabenpaket-header-text {
  display: flex;
  flex-direction: column;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-header .cvw-aufgabenpaket-header-text h4, .cvw-aufgabenpaket .cvw-aufgabenpaket-header .cvw-aufgabenpaket-header-text h3, .cvw-protokolle-schueler .cvw-aufgabenpaket-header .cvw-aufgabenpaket-header-text h4, .cvw-protokolle-schueler .cvw-aufgabenpaket-header .cvw-aufgabenpaket-header-text h3 {
  margin: 0.2rem 0;
  padding: 0;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-header .cvw-aufgabenpaket-header-text.full-width, .cvw-protokolle-schueler .cvw-aufgabenpaket-header .cvw-aufgabenpaket-header-text.full-width {
  width: 80%;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-header img, .cvw-protokolle-schueler .cvw-aufgabenpaket-header img {
  width: 3rem;
  margin-right: 1rem;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-header img.akk-arrow, .cvw-protokolle-schueler .cvw-aufgabenpaket-header img.akk-arrow {
  width: 1.5rem;
  transition: transform 1s;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-infos-container, .cvw-protokolle-schueler .cvw-aufgabenpaket-infos-container {
  display: none;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-infos, .cvw-protokolle-schueler .cvw-aufgabenpaket-infos {
  display: flex;
  flex-direction: column;
  width: 90%;
  justify-content: start;
  align-content: flex-start;
  padding: 0 2rem 1rem 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-infos h4, .cvw-protokolle-schueler .cvw-aufgabenpaket-infos h4 {
  padding: 0;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-infos hr, .cvw-protokolle-schueler .cvw-aufgabenpaket-infos hr {
  width: 100%;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-infos .schueler-uebung, .cvw-protokolle-schueler .cvw-aufgabenpaket-infos .schueler-uebung {
  margin: 0.5rem 0;
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 1rem;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-infos .schueler-uebung .schueler-uebung-titel, .cvw-protokolle-schueler .cvw-aufgabenpaket-infos .schueler-uebung .schueler-uebung-titel {
  margin: 1rem 0;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-infos .schueler-uebung .schueler-uebung-titel p, .cvw-protokolle-schueler .cvw-aufgabenpaket-infos .schueler-uebung .schueler-uebung-titel p {
  margin: 0.5rem 0;
}
@media (max-width: 819.98px) {
  .cvw-aufgabenpaket .cvw-aufgabenpaket-infos, .cvw-protokolle-schueler .cvw-aufgabenpaket-infos {
    padding: 0 1rem 1rem;
  }
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-schuelerzuteilung, .cvw-aufgabenpaket .cvw-aufgabenpaket-aufgabenzuteilung, .cvw-protokolle-schueler .cvw-aufgabenpaket-schuelerzuteilung, .cvw-protokolle-schueler .cvw-aufgabenpaket-aufgabenzuteilung {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  max-height: 500px;
  overflow-y: scroll;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-schueler, .cvw-protokolle-schueler .cvw-aufgabenpaket-schueler {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.5rem 0;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-schueler > div, .cvw-protokolle-schueler .cvw-aufgabenpaket-schueler > div {
  margin: 0 1rem;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-schueler .cvw-aufgabenpaket-schueler-name, .cvw-protokolle-schueler .cvw-aufgabenpaket-schueler .cvw-aufgabenpaket-schueler-name {
  padding: 0.2rem 0.4rem;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-schueler .kimaro-test-status, .cvw-protokolle-schueler .cvw-aufgabenpaket-schueler .kimaro-test-status {
  padding: 0.3rem 0.5rem;
  border-radius: 10px;
  border: 1px solid;
  cursor: default;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-schueler .kimaro-test-status.kimaro-test-over, .cvw-protokolle-schueler .cvw-aufgabenpaket-schueler .kimaro-test-status.kimaro-test-over {
  border-color: #4CB944;
  background-color: #E3F4E1;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-schueler .kimaro-test-status.kimaro-test-open, .cvw-protokolle-schueler .cvw-aufgabenpaket-schueler .kimaro-test-status.kimaro-test-open {
  border-color: #347FC4;
  background-color: #DAF3FB;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-uebung, .cvw-protokolle-schueler .cvw-aufgabenpaket-uebung {
  margin: 0.5rem 1rem;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-buttons, .cvw-protokolle-schueler .cvw-aufgabenpaket-buttons {
  align-self: center;
  display: flex;
}
.cvw-aufgabenpaket .cvw-aufgabenpaket-buttons .table-button, .cvw-protokolle-schueler .cvw-aufgabenpaket-buttons .table-button {
  margin: 1rem;
  font-size: 14px;
}
.cvw-aufgabenpaket .protokoll-screenshot, .cvw-protokolle-schueler .protokoll-screenshot {
  max-width: 95%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  margin: 2rem 0 0;
  overflow: scroll;
  cursor: zoom-in;
}
.cvw-aufgabenpaket .protokoll-screenshot img, .cvw-protokolle-schueler .protokoll-screenshot img {
  max-height: 250px;
  font-size: 0.8rem;
}
.cvw-aufgabenpaket .protokoll-screenshot .protokoll-screenshot-text, .cvw-protokolle-schueler .protokoll-screenshot .protokoll-screenshot-text {
  width: 30%;
  text-align: center;
}
.cvw-aufgabenpaket .protokoll-screenshot-fullscreen, .cvw-protokolle-schueler .protokoll-screenshot-fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.95);
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  overflow: scroll;
}
.cvw-aufgabenpaket .protokoll-screenshot-fullscreen.hidden, .cvw-protokolle-schueler .protokoll-screenshot-fullscreen.hidden {
  display: none;
}
.cvw-aufgabenpaket .protokoll-screenshot-fullscreen .protokoll-exit, .cvw-protokolle-schueler .protokoll-screenshot-fullscreen .protokoll-exit {
  transition: all 0.25s ease-in-out;
  position: fixed;
  right: 0;
  top: 0;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin: 2rem 2rem 0 0;
  z-index: 20;
  border-radius: 50%;
  padding: 0.25em;
  width: 50px;
  height: 50px;
  background-color: #DB0567;
  color: white;
  font-size: 2rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1199.98px) {
  .cvw-aufgabenpaket .protokoll-screenshot-fullscreen .protokoll-exit, .cvw-protokolle-schueler .protokoll-screenshot-fullscreen .protokoll-exit {
    font-size: 1.2rem;
    margin: 1rem 1rem 0 0;
    width: 40px;
    height: 40px;
  }
}
.cvw-aufgabenpaket .protokoll-screenshot-fullscreen .screenshot-fullscreen-image, .cvw-protokolle-schueler .protokoll-screenshot-fullscreen .screenshot-fullscreen-image {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: auto;
  height: 100%;
  margin: 1rem;
  cursor: zoom-out;
}
.cvw-aufgabenpaket .protokoll-screenshot-fullscreen .screenshot-fullscreen-image .screenshot-fullscreen-infos, .cvw-protokolle-schueler .protokoll-screenshot-fullscreen .screenshot-fullscreen-image .screenshot-fullscreen-infos {
  text-align: left;
  font-size: 1rem;
  color: white;
  margin: 1rem 0;
}
.cvw-aufgabenpaket .protokoll-screenshot-fullscreen .protokoll-infos, .cvw-protokolle-schueler .protokoll-screenshot-fullscreen .protokoll-infos {
  font-size: 1.5rem;
  color: white;
  text-align: center;
  margin: 2rem 1rem 1rem;
}
.cvw-aufgabenpaket .protokoll-screenshot-fullscreen .protokoll-bilder-container, .cvw-protokolle-schueler .protokoll-screenshot-fullscreen .protokoll-bilder-container {
  margin: 1rem;
  display: flex;
  flex-direction: column;
}
.cvw-aufgabenpaket .protokoll-screenshot-fullscreen .protokoll-teilaufgabe, .cvw-protokolle-schueler .protokoll-screenshot-fullscreen .protokoll-teilaufgabe {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1rem;
}
.cvw-aufgabenpaket .protokoll-screenshot-fullscreen .mc-uebung-rahmen, .cvw-protokolle-schueler .protokoll-screenshot-fullscreen .mc-uebung-rahmen {
  background-color: white;
  padding: 2rem;
  margin: 0 auto;
}
.cvw-aufgabenpaket .protokoll-screenshot-fullscreen .mc-uebung-rahmen .protokoll-versuch, .cvw-protokolle-schueler .protokoll-screenshot-fullscreen .mc-uebung-rahmen .protokoll-versuch {
  font-size: 1.5rem;
  text-align: left;
  color: #DB0567;
  font-weight: bold;
}
.cvw-aufgabenpaket .progress, .cvw-protokolle-schueler .progress {
  width: 70%;
  border-radius: 5px;
  position: relative;
  height: 1rem;
}
.cvw-aufgabenpaket .progress.mathe-color, .cvw-protokolle-schueler .progress.mathe-color {
  background-color: #FDE1EE;
}
.cvw-aufgabenpaket .progress.deutsch-color, .cvw-protokolle-schueler .progress.deutsch-color {
  background-color: #DAF3FB;
}
.cvw-aufgabenpaket .progress.englisch-color, .cvw-protokolle-schueler .progress.englisch-color {
  background-color: #F5EFF5;
}
.cvw-aufgabenpaket .progress.alpha-color, .cvw-protokolle-schueler .progress.alpha-color {
  background-color: #E3F4E1;
}
.cvw-aufgabenpaket .progress.sachunterricht-color, .cvw-protokolle-schueler .progress.sachunterricht-color {
  background-color: #E3F4E1;
}
.cvw-aufgabenpaket .progress.bio-color, .cvw-protokolle-schueler .progress.bio-color {
  background-color: #FDDBC8;
}
.cvw-aufgabenpaket .progress.physik-color, .cvw-protokolle-schueler .progress.physik-color {
  background-color: #E4B4B6;
}
.cvw-aufgabenpaket .progress.chemie-color, .cvw-protokolle-schueler .progress.chemie-color {
  background-color: #FEECFE;
}
.cvw-aufgabenpaket .progress.geo-color, .cvw-protokolle-schueler .progress.geo-color {
  background-color: #F0F4FF;
}
.cvw-aufgabenpaket .progress.daz2-color, .cvw-protokolle-schueler .progress.daz2-color {
  background-color: #E3F4F7;
}
.cvw-aufgabenpaket .progress.white-color, .cvw-protokolle-schueler .progress.white-color {
  background-color: white;
}
.cvw-aufgabenpaket .progress.full-width, .cvw-protokolle-schueler .progress.full-width {
  width: 100%;
}
.cvw-aufgabenpaket .progress .progress-done, .cvw-protokolle-schueler .progress .progress-done {
  color: white;
  background-color: #4CB944;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  box-sizing: border-box;
  padding-right: 1%;
  transition: all ease 1s;
}

.bewertete-uebungen-zeitraum {
  margin: 2rem 1rem;
}

.freies-ueben-ueberschrift {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.freies-ueben-ueberschrift .freies-ueben-hue-icon {
  width: 1.5rem;
}

.cvw-schueler-aufgabenpaket {
  background-color: white;
  margin: 0.5rem 0;
  padding: 1rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cvw-schueler-aufgabenpaket .cvw-schueler-aufgabenpaket-daten {
  width: 80%;
}
.cvw-schueler-aufgabenpaket .cvw-schueler-aufgabenpaket-daten .progress {
  width: 90%;
}
.cvw-schueler-aufgabenpaket .cvw-schueler-aufgabenpaket-button {
  width: -moz-max-content;
  width: max-content;
}

.freies-ueben-filter {
  margin-top: 2rem;
}

.freies-ueben-uebung {
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.freies-ueben-uebung .progress {
  width: 90%;
}
.freies-ueben-uebung.mathe-color {
  background-color: #FDE1EE;
}
.freies-ueben-uebung.deutsch-color {
  background-color: #DAF3FB;
}
.freies-ueben-uebung.englisch-color {
  background-color: #F5EFF5;
}
.freies-ueben-uebung.alpha-color {
  background-color: #E3F4E1;
}
.freies-ueben-uebung.su-color {
  background-color: #E3F4E1;
}
.freies-ueben-uebung.bio-color {
  background-color: #FDDBC8;
}
.freies-ueben-uebung.chemie-color {
  background-color: #FEECFE;
}
.freies-ueben-uebung.physik-color {
  background-color: #E4B4B6;
}
.freies-ueben-uebung.geo-color {
  background-color: #F0F4FF;
}
.freies-ueben-uebung.daz2-color {
  background-color: #E3F4F7;
}

.kimaro-kompetenzen .kompetenzen-gesamt-fach {
  margin: 0.5rem 0;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.kimaro-kompetenzen .kompetenzen-gesamt-fach .sternebewertung {
  color: gold;
}
.kimaro-kompetenzen .kompetenzen-gesamt-fach .sternebewertung.mathe-color {
  color: #DB0567;
}
.kimaro-kompetenzen .kompetenzen-gesamt-fach .sternebewertung.deutsch-color {
  color: #347FC4;
}

.aufgabenseite > .aufgabenauswahl-hausaufgaben-container {
  width: 90vw;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini {
  background-color: white;
  align-self: start;
  position: sticky;
  top: 10vh;
  width: 4rem;
  border-radius: 50px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem auto;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini > ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini > ul > li {
  padding: 1rem 1.5rem;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini > ul > li > a > img {
  display: block;
  height: 1.4rem;
  max-width: 1.8rem;
  transition: all 0.2s ease-in-out;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini > ul > li > a > img.img-invisible {
  display: none;
  transition: all 0.2s ease-in-out;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini > ul > li.active-item a {
  color: #DB0567;
  font-weight: bold;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  color: #393339;
  width: 70%;
  max-width: 100%;
  margin: 0 auto;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement {
  width: 100%;
  padding: 0;
  margin: 1rem 0;
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement > hr {
  width: 100%;
  margin: 2rem 0;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement a {
  color: #393339;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader {
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader .aufgabenlisteElementHeaderText {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader .aufgabenlisteElementHeaderText .progress {
  background-color: rgba(207, 207, 207, 0.3);
  height: 1rem;
  border-radius: 5px;
  position: relative;
  margin: 1rem 0 0;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader .aufgabenlisteElementHeaderText .progress .progress-done {
  background-color: #4CB944;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  opacity: 0;
  transition: 1s ease 0.3s;
  font-size: 12px;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader > .akk-arrow {
  width: 1.5rem;
  transition: transform 1s;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader .aufgabenlisteTitle {
  width: inherit;
  padding-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: flex-start;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader .aufgabenlisteTitle > img {
  width: 2rem;
  margin-right: 1rem;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader .aufgabenListeInfos {
  font-size: 1.2rem;
  opacity: 75%;
  width: inherit;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .thema-aufgaben-container {
  display: none;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent {
  padding: 1rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe {
  background-color: white;
  width: inherit;
  min-height: 4rem;
  height: auto;
  font-size: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  transition: all 0.2s ease-in-out;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe > p {
  padding: 0 1rem;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress {
  border-radius: 10px;
  position: relative;
  height: 1.5rem;
  min-width: 220px;
  width: 100%;
  margin: 0;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done {
  border-radius: 10px;
  color: #393339;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  width: 0;
  opacity: 0;
  transition: 1s ease 0.3s;
  box-sizing: border-box;
  padding-right: 1.5rem;
  transition: all ease 1s;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done > img {
  width: 8%;
  min-width: 2rem;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done > img.aufgaben-start-button {
  width: 12%;
  min-width: 4rem;
  margin-bottom: 1rem;
  transition: all ease 0.5s;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done-Mathe {
  background-color: #FEC3DE;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done-Deutsch {
  background-color: #B7E4F5;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done-Englisch {
  background-color: #D7BFD7;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done-Alpha {
  background-color: #C6EED6;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done-Sachunterricht {
  background-color: #C6E9C3;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done-Bio {
  background-color: #FDDBC8;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done-Chemie {
  background-color: #FEECFE;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done-Physik {
  background-color: #E4B4B6;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done-Geo {
  background-color: #C8D4FC;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-done-DaZ2 {
  background-color: #DEF3F8;
}
.aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementContent .aufgabe .progress .progress-start {
  width: 0;
  opacity: 1;
}
@media (max-width: 881.98px) {
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini {
    height: -moz-fit-content;
    height: fit-content;
    margin: 1rem;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini > ul {
    margin: 1rem 0;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste {
    width: 80%;
  }
}
@media (max-width: 819.98px) {
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container {
    flex-direction: column;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini {
    position: unset;
    width: auto;
    height: 4rem;
    margin: 0 auto 2rem;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini > ul {
    flex-direction: row;
    margin: auto 0;
    height: inherit;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste {
    width: 100%;
    align-items: center;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste .aufgabenlisteFilter {
    margin: 0 0 1rem;
    justify-content: center;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste .aufgabenlisteFilter .fach-filter {
    margin: 0.5rem;
    padding: 0 0.5rem;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste .aufgabenlisteFilter .fach-filter img {
    width: 1.5rem;
    margin-right: 0.2rem;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader .aufgabenlisteTitle {
    font-size: 1.2rem;
    padding-bottom: 0.8rem;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader .aufgabenListeInfos {
    font-size: 1rem;
  }
}
@media (max-width: 689.98px) {
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader {
    padding: 1rem 1.5rem;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader .aufgabenlisteTitle {
    font-size: 1rem;
    padding-bottom: 0.5rem;
  }
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste > .aufgabenlisteElement .aufgabenlisteElementHeader .aufgabenListeInfos {
    font-size: 0.8rem;
  }
}
@media (max-width: 575.98px) {
  .aufgabenseite > .aufgabenauswahl-hausaufgaben-container {
    width: 95vw;
  }
}

body.hasHover .hausaufgaben-faecher-auswahl > a:hover, body.hasHover .hausaufgaben-faecher-auswahl > button:hover, body.hasHover .cvw-faecher-auswahl-mini > a:hover, body.hasHover .cvw-faecher-auswahl-mini > button:hover {
  transform: scale(1.1);
}
body.hasHover .hausaufgaben-faecher-auswahl > a:hover.fach-shortcut-disabled, body.hasHover .hausaufgaben-faecher-auswahl > button:hover.fach-shortcut-disabled, body.hasHover .cvw-faecher-auswahl-mini > a:hover.fach-shortcut-disabled, body.hasHover .cvw-faecher-auswahl-mini > button:hover.fach-shortcut-disabled {
  transform: none;
  cursor: default;
}
body.hasHover .scroll-to-paket:hover {
  transform: scale(1.1);
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini > ul li > a:hover > img {
  display: none;
  transform: scale(1.1);
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .side-menu-mini > ul li > a:hover > img.img-invisible {
  display: block;
  transform: scale(1.1);
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover {
  color: #393339;
  transform: scale(1.05);
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover > .progress > .progress-done.widthUnder100 {
  width: 100% !important;
  color: white;
  transition: all ease 1s;
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover > .progress > .progress-done.widthUnder100.progress-done-Mathe {
  background-color: #DB0567;
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover > .progress > .progress-done.widthUnder100.progress-done-Alpha {
  background-color: #007A5E;
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover > .progress > .progress-done.widthUnder100.progress-done-Englisch {
  background-color: #632263;
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover > .progress > .progress-done.widthUnder100.progress-done-Sachunterricht {
  background-color: #3D9537;
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover > .progress > .progress-done.widthUnder100.progress-done-Bio {
  background-color: #FF600A;
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover > .progress > .progress-done.widthUnder100.progress-done-Chemie {
  background-color: #A34DA3;
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover > .progress > .progress-done.widthUnder100.progress-done-Physik {
  background-color: #9A0308;
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover > .progress > .progress-done.widthUnder100.progress-done-Geo {
  background-color: #022B9E;
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover > .progress > .progress-done.widthUnder100.progress-done-Daz2 {
  background-color: #28ACCC;
}
body.hasHover .aufgabenseite > .aufgabenauswahl-hausaufgaben-container > .aufgabenliste a:hover > .progress > .progress-done.widthUnder100 > .start-button-pfeil {
  min-width: 1%;
  width: 4rem;
}
body.hasHover .cvw-aufgabenpaket-schueler:hover .cvw-aufgabenpaket-schueler-name {
  background-color: #E3F4E1;
  padding: 0.2rem 0.4rem;
  border-radius: 5px;
}
body.hasHover .protokoll-exit:hover {
  transform: scale(1.2);
}

.aufgabenseite-plattform {
  min-height: 100vh;
}
.aufgabenseite-plattform > .fachHeader > .fachHeaderContainer > h4 {
  margin: 0;
  padding: 1rem 0;
}
.aufgabenseite-plattform > .aufgaben-container {
  display: grid;
  grid-template-columns: auto minmax(400px, auto);
  grid-column-gap: 2rem;
  width: 90vw;
  max-width: 1100px;
  margin: 2rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .ueberschrift-container {
  margin: auto;
  padding: 1rem 1rem 0;
  width: 55rem;
  max-width: 90%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .ueberschrift-container > h4 {
  font-size: 1.6rem;
  text-align: center;
  margin: 0.5rem auto;
  padding: 0;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 575.98px) {
  .aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .ueberschrift-container > h4 {
    font-size: 1.3rem;
  }
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .ueberschrift-container > .aufgaben-nummer-anzeige {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0.5rem auto;
  font-size: 1.5rem;
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .ueberschrift-container > .aufgaben-nummer-anzeige > .aufgaben-nummer-anzeige-kugel {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50px;
  background-color: #CFCFCF;
  margin: 0.5rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  display: flex;
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .ueberschrift-container > .aufgaben-nummer-anzeige > .aufgaben-nummer-anzeige-kugel.active-kugel {
  background-color: white;
  width: 1.8rem;
  height: 1.8rem;
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .ueberschrift-container > .aufgaben-nummer-anzeige > .aufgaben-nummer-anzeige-kugel.erst-falsch-kugel {
  background-color: #FEC3DE;
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .ueberschrift-container > .aufgaben-nummer-anzeige > .aufgaben-nummer-anzeige-kugel.falsch-kugel {
  background-color: #DB0567;
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .ueberschrift-container > .aufgaben-nummer-anzeige > .aufgaben-nummer-anzeige-kugel.richtig-kugel {
  background-color: #4CB944;
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .ueberschrift-container > .aufgaben-nummer-anzeige > .aufgaben-nummer-anzeige-kugel > .erste-haelfte {
  width: 50%;
  height: 100%;
  border-radius: 50px 0 0 50px;
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .ueberschrift-container > .aufgaben-nummer-anzeige > .aufgaben-nummer-anzeige-kugel > .zweite-haelfte {
  width: 50%;
  height: 100%;
  border-radius: 0 50px 50px 0;
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .uebung-container {
  margin: 1rem auto 5rem;
  grid-template: 0px 20px 1fr 22px 22px/100%;
}
.aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .uebung-container > .mc-uebung-rahmen {
  border: none;
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 689.98px) {
  .aufgabenseite-plattform > .aufgaben-container > .uebung-ueberschrift-container > .uebung-container > .mc-uebung-rahmen {
    padding: 2rem 1rem 3rem;
  }
}
@media (max-width: 881.98px) {
  .aufgabenseite-plattform > .aufgaben-container {
    grid-template-rows: 5rem auto;
    grid-template-columns: 100%;
    grid-row-gap: 2rem;
    width: 100vw;
  }
}

.side-menu-mini {
  background-color: white;
  align-self: start;
  position: sticky;
  top: 10vh;
  width: 4rem;
  border-radius: 50px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem auto;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.side-menu-mini.side-menu-verwaltung {
  margin: 1rem 4rem;
}
.side-menu-mini > ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.side-menu-mini > ul > li {
  padding: 1rem 1.5rem;
}
.side-menu-mini > ul > li > a > img {
  display: block;
  height: 1.4rem;
  max-width: 1.8rem;
  transition: all 0.2s ease-in-out;
}
.side-menu-mini > ul > li > a > img.img-invisible {
  display: none;
  transition: all 0.2s ease-in-out;
}
.side-menu-mini > ul > li.active-item a {
  color: #DB0567;
  font-weight: bold;
}
@media (max-width: 1023.98px) {
  .side-menu-mini.side-menu-verwaltung {
    margin: 1rem 2rem;
  }
}
@media (max-width: 881.98px) {
  .side-menu-mini {
    position: unset;
    width: auto;
    height: 4rem;
    margin: 0 auto;
  }
  .side-menu-mini > ul {
    flex-direction: row;
    margin: auto 0;
    height: inherit;
  }
}

#lesetest-start-container .daz2_helpVideoContainer .daz2_helpVideoContainerInner {
  width: min(90%, 800px);
}

.erst-falsch-kugel {
  background-color: #FEC3DE;
}

.falsch-kugel {
  background-color: #DB0567;
}

.richtig-kugel {
  background-color: #4CB944;
}

body.hasHover .side-menu-mini > ul li > a:hover > img {
  display: none;
  transform: scale(1.1);
}
body.hasHover .side-menu-mini > ul li > a:hover > img.img-invisible {
  display: block;
  transform: scale(1.1);
}

.sachunterricht-aufgabe-bild {
  width: 90vw;
  max-width: 65rem;
  height: auto;
  margin: 2rem auto;
  background-color: #C6E9C3;
  box-sizing: border-box;
  padding: 2rem;
  display: grid;
  grid-template: auto/1fr 1fr;
  grid-column-gap: 2rem;
  border-radius: 1rem;
}
.sachunterricht-aufgabe-bild-text {
  grid-column: 2;
}
.sachunterricht-aufgabe-bild > img {
  max-height: 100%;
}

.site-content {
  min-height: 100vh;
}

.lm-profil {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: inherit;
}
.lm-profil > div {
  width: 100%;
  box-sizing: border-box;
  margin: 1rem;
}
.lm-profil > div > h3 {
  margin: 0;
}

.plattform-verlinkung {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #632263;
  color: white;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.plattform-verlinkung > .plattform-verlinkung-text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 0 5rem 0 0;
}
.plattform-verlinkung > .plattform-verlinkung-text > h3 {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
}
.plattform-verlinkung > .plattform-verlinkung-text > p {
  margin: 0.5rem 0 0;
}
.plattform-verlinkung > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #632263;
  padding: 0.8rem 2rem;
  background-color: white;
  border-radius: 50px;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.plattform-verlinkung > a > i {
  padding-left: 1rem;
}
.plattform-verlinkung > .fas {
  font-size: 3rem;
}

.lm-profil-container-item {
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 2rem;
  background-color: white;
}

.lm-profildaten-container > .lm-profildaten > .lm-profildaten-item {
  display: grid;
  grid-template-columns: 8rem auto 10rem;
  align-items: center;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-item > input {
  border-radius: 10px;
  width: 20rem;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-item > input:disabled {
  border: none;
  color: #632263;
  text-align: left;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-item > .profildaten-bearbeiten {
  padding: 0.5rem 1rem;
  background-color: rgba(207, 207, 207, 0.3);
  border-radius: 50px;
  border: 1px solid #CFCFCF;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-item > .profildaten-speichern-button, .lm-profildaten-container > .lm-profildaten > .lm-profildaten-item > .bearbeitung-abbrechen-button {
  padding: 0.5rem 1rem;
  margin: 0 0.5rem;
  justify-self: right;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-item .profil-message {
  grid-area: 2/1/3/3;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-nickname.in-bearbeitung {
  grid-template-columns: 8rem auto 4rem 4rem;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung {
  grid-template-columns: 20rem auto 12rem;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung > .profil-verknuepfung {
  grid-area: 1/1/2/3;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1rem;
  font-size: 14px;
  text-align: justify;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung > .keine-verknuepfung {
  color: #707070;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.verknuepfung-vorhanden, .lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.in-bearbeitung {
  grid-template-rows: auto auto;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.verknuepfung-vorhanden > .verknuepfung-erstellen-form, .lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.in-bearbeitung > .verknuepfung-erstellen-form {
  grid-area: 2/1/3/4;
  display: grid;
  grid-template: 1fr 1fr 1fr/10rem 20rem auto;
  align-items: center;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.verknuepfung-vorhanden > .verknuepfung-erstellen-form > input, .lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.in-bearbeitung > .verknuepfung-erstellen-form > input {
  border-radius: 10px;
  width: inherit;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.verknuepfung-vorhanden > .verknuepfung-erstellen-form > input:focus, .lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.in-bearbeitung > .verknuepfung-erstellen-form > input:focus {
  border-color: #632263;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.verknuepfung-vorhanden > .verknuepfung-erstellen-form > .profildaten-bearbeiten-buttons, .lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.in-bearbeitung > .verknuepfung-erstellen-form > .profildaten-bearbeiten-buttons {
  grid-column: 1/3;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.verknuepfung-vorhanden > .verknuepfung-erstellen-form > .profildaten-bearbeiten-buttons > .profildaten-bearbeiten, .lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung.in-bearbeitung > .verknuepfung-erstellen-form > .profildaten-bearbeiten-buttons > .profildaten-bearbeiten {
  background-color: rgba(207, 207, 207, 0.3);
  border-radius: 50px;
  border: 1px solid #CFCFCF;
  padding: 0.5rem 1rem;
  margin: 0 0.5rem;
  justify-self: right;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung #verknuepfung-passwort-label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lm-profildaten-container > .lm-profildaten > .lm-profildaten-verknuepfung #password-visible-checkbox {
  display: none;
  width: 1rem;
  height: 1rem;
}
.lm-profildaten-container > .lm-profildaten > hr {
  background-color: rgba(207, 207, 207, 0.3);
}

.hidden-button, .form-hidden {
  display: none !important;
}

.lm-abos-container .lm-kauf-uebersicht-container {
  display: flex;
  flex-direction: column;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf {
  background-color: rgba(207, 207, 207, 0.3);
  border-radius: 10px;
  padding: 2rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem 0;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf.in-bearbeitung {
  background-color: #F5EFF5;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf .lm-kauf-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf .lm-kauf-header h4 {
  padding: 0;
  margin: 0;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf .lm-kauf-infos {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf .lm-kauf-infos h4 {
  padding: 1rem 0;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf .lm-kauf-preis-info-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf .lm-kauf-preis-info-container .lm-kauf-preis {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.2rem;
  padding: 0.8rem 1rem;
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin-bottom: 1rem;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf .lm-kauf-preis-info-container h4 {
  padding: 1rem 0;
  margin: 0;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf button {
  background-color: #632263;
  color: white;
  border-radius: 50px;
  border: 1px solid #CFCFCF;
  padding: 0.5rem 1rem;
  margin: 0 0.5rem;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf button.abo-kuendigen-button, .lm-abos-container .lm-kauf-uebersicht-container .lm-kauf button.abo-wieder-aktivieren-button {
  padding: 0.8rem 1rem;
  margin: 1rem 0 0;
  font-size: 1rem;
  font-family: "Inter", sans-serif;
}
.lm-abos-container .lm-kauf-uebersicht-container .lm-kauf button.abo-kuendigen-button > i, .lm-abos-container .lm-kauf-uebersicht-container .lm-kauf button.abo-wieder-aktivieren-button > i {
  margin-left: 0.5rem;
}
.lm-abos-container > .lm-abos-table-container {
  background-color: rgba(207, 207, 207, 0.3);
  padding: 1rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.lm-abos-container > .lm-abos-table-container > .lm-abos {
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  margin: 0;
  box-shadow: none;
}
.lm-abos-container > .lm-abos-table-container > .lm-abos > thead {
  text-align: left;
}
.lm-abos-container > .lm-abos-table-container > .lm-abos > thead > tr {
  height: 2rem;
}
.lm-abos-container > .lm-abos-table-container > .lm-abos > thead > tr > th {
  padding: 0.4rem;
}
.lm-abos-container > .lm-abos-table-container > .lm-abos > tbody > .lm-abos-item {
  border-bottom: 1px solid #CFCFCF;
  height: 3rem;
}
.lm-abos-container > .lm-abos-table-container > .lm-abos > tbody > .lm-abos-item > td {
  padding: 0.4rem;
}
.lm-abos-container > .lm-abos-table-container > .lm-abos > tbody > .lm-abos-item > td.align-right {
  text-align: right;
}
.lm-abos-container > .lm-abos-table-container > .lm-abos > tbody > .lm-abos-item > td > button {
  padding: 0.5rem 1rem;
  background-color: white;
  border-radius: 50px;
  border: 1px solid #CFCFCF;
}

.lm-rechnungsdaten-container .lm-rechnungen-table-container {
  background-color: rgba(207, 207, 207, 0.3);
  padding: 1rem;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.lm-rechnungsdaten-container .lm-rechnungen-table-container > .lm-rechnungen {
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  margin: 0;
  box-shadow: none;
}
.lm-rechnungsdaten-container .lm-rechnungen-table-container > .lm-rechnungen > thead {
  text-align: left;
}
.lm-rechnungsdaten-container .lm-rechnungen-table-container > .lm-rechnungen > thead > tr {
  height: 2rem;
}
.lm-rechnungsdaten-container .lm-rechnungen-table-container > .lm-rechnungen > thead > tr > th {
  padding: 0.4rem;
}
.lm-rechnungsdaten-container .lm-rechnungen-table-container > .lm-rechnungen > tbody .lm-rechnung {
  border-bottom: 1px solid #CFCFCF;
  height: 4rem;
}
.lm-rechnungsdaten-container .lm-rechnungen-table-container > .lm-rechnungen > tbody .lm-rechnung > td {
  padding: 0.4rem;
}
.lm-rechnungsdaten-container .lm-rechnungen-table-container > .lm-rechnungen > tbody .lm-rechnung > td.align-right {
  text-align: right;
}
.lm-rechnungsdaten-container .lm-rechnungen-table-container > .lm-rechnungen > tbody .lm-rechnung > td > button {
  padding: 0.5rem 1rem;
  background-color: white;
  border-radius: 50px;
  border: 1px solid #CFCFCF;
}
.lm-rechnungsdaten-container .lm-rechnungen-table-container > .lm-rechnungen > tbody .lm-rechnung a {
  background-color: white;
  padding: 0.8rem 1rem;
  border-radius: 10px;
}
.lm-rechnungsdaten-container .lm-rechnungen-table-container > .lm-rechnungen > tbody .lm-rechnung a > i {
  margin-left: 0.5rem;
}

body.hasHover .lm-profil > .plattform-verlinkung > a:hover {
  transform: scale(1.05);
  color: #632263;
}
body.hasHover .lm-profil .lm-profildaten-container button:hover, body.hasHover .lm-profil .lm-kauf button:hover {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  cursor: pointer;
}
body.hasHover .lm-profil .lm-rechnung:hover {
  background-color: rgba(215, 191, 215, 0.3);
}
body.hasHover .lm-profil .lm-rechnung button:hover {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  cursor: pointer;
}
body.hasHover .lm-profil .lm-rechnung a:hover {
  color: #632263;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.chance-hero {
  width: 100vw;
  background-color: #632263;
  padding: 5vh 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.chance-hero .chance-hero-text {
  text-align: center;
}
.chance-hero .chance-hero-text h1 {
  color: white;
  padding: 0;
  font-size: 3rem;
  margin: 2rem 0 0.5rem 0;
}
.chance-hero .chance-hero-text p {
  color: white;
  font-size: 1.5rem;
  font-style: italic;
}
.chance-hero .chance-hero-text .beschreibungstext {
  color: white;
  font-size: 1rem;
  max-width: 900px;
}
.chance-hero #hero-video {
  width: 960px;
  height: 540px;
  border-radius: 10px;
}
.chance-hero #hero-video.extracontrols {
  height: auto;
}
.chance-hero .chance-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1400.98px) {
  .chance-hero .fachseite-videos-container {
    margin: 2rem 0;
  }
  .chance-hero #hero-video {
    width: 640px;
    height: 360px;
  }
}
@media (max-width: 1079.98px) {
  .chance-hero .fachseite-videos-container {
    margin: 1rem 0;
  }
  .chance-hero .chance-links {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (max-width: 819.98px) {
  .chance-hero .chance-hero-text h1 {
    font-size: 2rem;
    margin: 1rem;
  }
  .chance-hero .chance-hero-text p {
    font-size: 1rem;
    margin: 1rem;
  }
}
@media (max-width: 689.98px) {
  .chance-hero #hero-video {
    width: 320px;
    height: 180px;
  }
}

.section-schulstufen-info .schulstufen-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.section-schulstufen-info .schulstufen-container .stufen-container {
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 2rem;
  min-width: 540px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.section-schulstufen-info .schulstufen-container .stufen-container .container-ueberschrift {
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-align: left;
}
.section-schulstufen-info .schulstufen-container .stufen-container .container-ueberschrift p {
  margin: 0;
}
.section-schulstufen-info .schulstufen-container .stufen-container .container-ueberschrift h4 {
  padding: 0.5rem 0;
}
.section-schulstufen-info .schulstufen-container .stufen-container .container-ueberschrift .akk-arrow {
  width: 1.5rem;
  transition: transform 1s;
}
.section-schulstufen-info .schulstufen-container .stufen-container .faecher-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.section-schulstufen-info .schulstufen-container .stufen-container .fach-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 1rem;
  padding: 1rem;
  text-align: left;
  transition: all 0.3s ease-in-out;
}
.section-schulstufen-info .schulstufen-container .stufen-container .fach-container .fach-icon {
  width: 3rem;
  margin-right: 1rem;
}
@media (max-width: 689.98px) {
  .section-schulstufen-info .schulstufen-container .stufen-container {
    min-width: 370px;
    margin: 1rem auto;
  }
  .section-schulstufen-info .schulstufen-container .stufen-container .faecher-container {
    grid-template-columns: 1fr;
  }
  .section-schulstufen-info .schulstufen-container .stufen-container .fach-container {
    margin: 0.5rem;
    padding: 0.5rem;
  }
  .section-schulstufen-info .schulstufen-container .stufen-container .fach-container h3 {
    font-size: 1rem;
  }
}

.vorstellungsvideo {
  width: 960px;
  height: 540px;
  border-radius: 10px;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
@media (max-width: 1279.98px) {
  .vorstellungsvideo {
    width: 640px;
    height: 360px;
  }
}
@media (max-width: 689.98px) {
  .vorstellungsvideo {
    width: 320px;
    height: 180px;
  }
}

body.hasHover .startchance-fach-container:hover {
  color: #393339;
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
}

.virtual-keyboard {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 1rem auto 2rem;
  /* Very Large Desktop */
  /* Large Desktop */
  /* Desktop / Big Tablet */
  /* Tablet lg */
  /* Tablet md */
  /* Tablet */
  /* Mobile */
}
.virtual-keyboard .keyboard-key {
  background-color: #DAF3FB;
  border: 2px solid #B7E4F5;
  border-radius: 5px;
  padding: 12px 18px;
  margin: 0.5rem;
  font-size: 2rem;
  color: #393339;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.2s ease;
}
.virtual-keyboard .keyboard-key i {
  font-size: 1.5rem;
}
.virtual-keyboard .keyboard-key.smaller-key {
  padding: 10px 15px;
  font-size: 1.5rem;
  margin: 0.3rem;
}
.virtual-keyboard .keyboard-key.smaller-key i {
  font-size: 1rem;
}
@media (max-width: 689.98px) {
  .virtual-keyboard .keyboard-key {
    padding: 10px 15px;
    font-size: 1.5rem;
    margin: 0.3rem;
  }
  .virtual-keyboard .keyboard-key i {
    font-size: 1rem;
  }
}

body.hasHover .virtual-keyboard .keyboard-key:hover {
  border-color: #347FC4;
  transition: all 0.2s ease;
  transform: scale(1.05);
}/*# sourceMappingURL=scssStyle.css.map */