@charset "UTF-8";
@font-face {
  font-family: "Roboto";
  src: url("../resources/fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../resources/fonts/roboto/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../resources/fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../resources/fonts/roboto/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../resources/fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../resources/fonts/roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../resources/fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../resources/fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("../resources/fonts/robotocondensed/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("../resources/fonts/robotocondensed/RobotoCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("../resources/fonts/merriweather/Merriweather-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("../resources/fonts/merriweather/Merriweather-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Merriweather";
  src: url("../resources/fonts/merriweather/Merriweather-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("../resources/fonts/merriweather/Merriweather-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Merriweather";
  src: url("../resources/fonts/merriweather/Merriweather-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("../resources/fonts/merriweather/Merriweather-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Merriweather";
  src: url("../resources/fonts/merriweather/Merriweather-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("../resources/fonts/merriweather/Merriweather-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Bootstrap Icons";
  src: url("../resources/fonts/bootstrap-icons/fonts/bootstrap-icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --white: #fff;
  --black: #1e1f20;
  --drkred: #E30613;
  --red: #e46450;
  --green: #26B57E;
  --orange: #f9aa07;
  --blue: #0075a9;
  --blue-70: #4098bf;
  --blue-40: #cce3ee;
  --blue-20: #e9f6fc;
  --blue-10: #f2f8fb;
  --grey-10: #f6f5f3;
  --grey-20: #dadfe4;
  --grey-30: #C4C8CC;
  --grey-50: #777A7C;
  --grey-66: #444647;
  --grey-75: #343536;
  --fontsize-poster-md: 1.8rem;
  --fontsize-poster-lg: 2.33rem;
  --fontsize-poster-xl: 3rem;
  --fontsize-xl: 2rem;
  --fontsize-lg: 1.66rem;
  --fontsize-md: 1.33rem;
  --fontsize-mdbold: 1.25rem;
  --fontsize-book: 1.125rem;
  --fontsize-normal: 1rem;
  --fontsize-sm: 0.85rem;
  --fontsize-xs: 0.7rem;
}

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fff;
  color: #343536;
}

h1, h2, h3 {
  line-height: 1.33;
}

.bg-info {
  background-color: #cce3ee !important;
  color: rgb(0%, 34.8054298643%, 50.2745098039%);
}
.bg-info a {
  text-underline-offset: 0.2rem;
  color: currentcolor;
}

#lc-header {
  background: #fff;
  z-index: 100;
  padding: 1.33rem 2rem;
  position: relative;
}
#lc-header .headerlogo {
  height: 3.5rem;
  display: inline-block;
}
#lc-header .headerlogo:not(:first-of-type) {
  margin-left: 3rem;
}
#lc-header a:not(.drklc-shop-button) {
  color: #777A7C;
  text-decoration: none;
  font-size: 0.85rem;
  transition: 0.2s all;
  font-weight: 300;
}
#lc-header a:not(.drklc-shop-button):hover {
  color: #0075a9;
}
#lc-header .legal a {
  margin-left: 0.33rem;
}
#lc-header .login {
  font-size: 1.33rem;
  letter-spacing: 0.033rem;
}
#lc-header .login svg {
  width: 1.33rem;
}
#lc-header #lcshop {
  border-radius: 1.5rem;
  background: #f6f5f3;
  transition: 0.2s all;
}
#lc-header #lcshop:hover, #lc-header #lcshop:focus {
  outline: none;
  background: #e9f6fc;
}
#lc-header #lcshop:hover #lcshoplogo, #lc-header #lcshop:focus #lcshoplogo {
  background: #4098bf;
}
#lc-header #lcshop #lcshoplabel {
  font-size: 1rem;
  margin: 0 1rem;
}
#lc-header #lcshop #lcshoplogo {
  background: #0075a9;
  height: 3.5rem;
  width: 3.5rem;
}
#lc-header #lcshop #lcshoplogo img {
  width: 2.5rem;
  margin-left: -0.25rem;
}
#lc-header #toggle-burger {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 3051;
  background: #f6f5f3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 4rem;
  height: 4rem;
}
#lc-header #toggle-burger::after {
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  width: 3rem;
  height: 3rem;
  background-size: 3rem;
}
#lc-header #toggle-burger[aria-expanded=true] {
  background-color: #0075a9;
}
#lc-header #toggle-burger[aria-expanded=true]::after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='rgb(255,255,255)' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>");
}
#lc-header #toggle-burger[aria-expanded=false]::after {
  margin-top: 0.15rem;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='rgb(79,79,79)' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z' clip-rule='evenodd'/></svg>");
}
#lc-header #sidebar {
  overflow-y: auto;
  scrollbar-color: #4098bf;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100vh;
  width: 33%;
  min-height: 100vh;
  max-height: 100vh;
  padding: 1rem 5rem 0.5rem 1.5rem;
  position: fixed;
  z-index: 3020;
  top: 0;
  right: -33%;
  background: #e9f6fc;
  transition: 0.18s ease;
}
#lc-header #sidebar.collapse.show {
  height: 100vh;
  width: 33%;
  min-height: 100vh;
  max-height: 100vh;
  right: 0;
  transform: translate3d(0, 0, 0);
  transition: 0.18s ease;
  visibility: initial;
}
#lc-header #sidebar.collapse.show a {
  display: block;
}
#lc-header #sidebar #staticsmenu a {
  display: inline;
  color: #777A7C;
}
#lc-header #sidebar #staticsmenu a:not(:last-child)::after {
  content: " • ";
}
#lc-header #sidebar #staticsmenu #avatar-navmenu {
  font-weight: 300;
}
#lc-header #sidebar #staticsmenu #avatar-navmenu img {
  width: 4rem;
  height: 4rem;
  margin-bottom: 0.33rem;
}
#lc-header #sidebar #staticsmenu #avatar-navmenu .name {
  font-size: 1.125rem;
  color: #444647;
  font-weight: 400;
}
#lc-header #sidebar #staticsmenu #avatar-navmenu .lvkv {
  font-weight: 300;
  color: #777A7C;
  font-size: 0.85rem;
}
#lc-header #sidebar #staticsmenu #loginlink svg, #lc-header #sidebar #staticsmenu #logoutlink svg {
  width: 0.85rem;
}
#lc-header #sidebar #coremenu {
  margin: 2rem 2rem 4rem 0rem;
}
#lc-header #sidebar #coremenu h3 {
  color: #444647;
  font-size: 0.85rem;
  margin-top: 1.5rem;
  font-weight: 400;
}
#lc-header #sidebar #coremenu a {
  color: #4098bf;
  font-size: 1.125rem;
  transition: 0.2s all;
  margin-bottom: 0.2rem;
  margin-left: 1.5rem;
  font-weight: 400;
}
#lc-header #sidebar #coremenu a:hover {
  color: #0075a9;
}
#lc-header #sidebar #marginalmenu a {
  display: inline;
  font-size: 0.85rem;
}
#lc-header #sidebar #marginalmenu a:not(:last-child)::after {
  content: " • ";
}

.drklc-shop-button, a.drklc-shop-button {
  color: #E30613;
}
.drklc-shop-button:hover, a.drklc-shop-button:hover {
  color: #0075a9;
}
.drklc-shop-button:not(#home-menu .drklc-shop-button, #home-menu a.drklc-shop-button), a.drklc-shop-button:not(#home-menu .drklc-shop-button, #home-menu a.drklc-shop-button) {
  position: absolute;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  right: 135px;
}

.pageheading-campus-sub {
  background: #cce3ee;
}
.pageheading-campus-sub h1 {
  font-family: Merriweather, serif;
  font-size: 2.33rem;
  font-weight: 400;
  color: #E30613;
  margin-top: 0.66rem;
}
.pageheading-campus-sub .row {
  height: 7rem;
}

.pageintro-standard {
  box-shadow: inset 0 1rem 1rem -0.5rem rgba(30, 31, 32, 0.2), inset 0 -1rem 1rem -0.5rem rgba(30, 31, 32, 0.2);
  background: #cce3ee;
}
.pageintro-standard .row {
  min-height: 28vw;
}
.pageintro-standard h1 {
  font-family: Merriweather, serif;
  font-size: 1.8rem;
  color: #E30613;
}
.pageintro-standard h2 {
  font-family: Merriweather, serif;
  font-size: 3rem;
  font-weight: 700;
  color: #E30613;
}
.pageintro-standard img {
  max-height: 20vw;
  margin: auto;
  border-radius: 1.5rem;
  transform: rotate(5deg);
  box-shadow: 10px 10px 10px rgba(30, 31, 32, 0.2);
  transition: 0.2s all;
  background: #e9f6fc;
  object-fit: cover;
}
.pageintro-standard img:hover {
  transform: rotate(0deg);
}
.pageintro-standard a > img:hover {
  transform: rotate(0deg);
}
.pageintro-standard#buchungsportal-intro img, .pageintro-standard#online-angebote-buchen-intro img {
  transform: rotate(5deg);
  box-shadow: 10px 10px 10px rgba(30, 31, 32, 0.2);
  transition: 0.2s all;
}
.pageintro-standard#buchungsportal-intro img:hover, .pageintro-standard#online-angebote-buchen-intro img:hover {
  transform: rotate(0deg);
}

.standardpage-intro .intro {
  font-size: 1.25rem;
  font-weight: 300;
  margin-bottom: -2rem;
}

#dashboard {
  margin-top: 1.5rem;
}
#dashboard #menucol {
  min-width: 23rem;
  max-width: 23rem;
  margin-left: -20rem;
  transition: 0.2s all;
}
#dashboard #menucol .menuelement {
  background: #4098bf;
  color: #fff;
  margin-bottom: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
#dashboard #menucol .menuelement .body {
  width: 20rem;
  padding: 2rem 1rem;
}
#dashboard #menucol .menuelement .toggler {
  width: 3rem;
  padding: 0.66rem 0 0 0;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  cursor: pointer;
}
#dashboard #menucol .menuelement .toggler svg {
  width: 1.33rem;
  margin-left: 0.76rem;
  margin-bottom: 0.5rem;
  display: block;
}
#dashboard #menucol .menuelement#user_profile .imgrow {
  display: flex;
}
#dashboard #menucol .menuelement#user_profile .imgrow img {
  border-radius: 1.5rem;
  display: block;
  min-width: 50%;
  height: 8rem;
  background: #fff;
}
#dashboard #menucol .menuelement#user_profile .imgrow img#lvlogo {
  object-fit: contain;
  padding: 1rem;
}
#dashboard #menucol .menuelement#user_profile .imgrow img#avatar {
  object-fit: cover;
  margin-left: 0.5rem;
}
#dashboard #menucol .menuelement#user_profile .metarow {
  padding: 1.5rem 1.5rem 0 1.5rem;
}
#dashboard #menucol .menuelement#user_profile .metarow h3 {
  font-weight: 300;
  margin-bottom: 1rem;
  font-family: Merriweather, serif;
}
#dashboard #menucol .menuelement#user_profile .metarow .lvkvbadge {
  display: flex;
  border: 0;
  border-radius: 0.66rem;
  height: 2rem;
  align-items: center;
  background: #cce3ee;
  margin-bottom: 0.33rem;
  color: #0075a9;
  font-size: 0.85rem;
  width: 100%;
}
#dashboard #menucol .menuelement#user_profile .metarow .lvkvbadge span {
  color: #cce3ee;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0075a9;
  height: 2rem;
  width: 2.33rem;
  border-top-left-radius: 0.66rem;
  border-bottom-left-radius: 0.66rem;
  margin-right: 0.66rem;
}
#dashboard #menucol .menuelement#actions {
  padding: 2rem 0;
}
#dashboard #menucol .menuelement#actions #entercode {
  padding: 0 3.5rem 2rem 1rem;
}
#dashboard #menucol .menuelement#actions #entercode #webcodeinput {
  border: 0;
  border-top-left-radius: 0.66rem;
  border-bottom-left-radius: 0.66rem;
  background-color: #cce3ee;
  transition: 0.2s all;
  padding-left: 1.66rem;
}
#dashboard #menucol .menuelement#actions #entercode #webcodeinput::placeholder {
  color: #0075a9;
}
#dashboard #menucol .menuelement#actions #entercode #webcodeinput:focus {
  background-color: #e9f6fc;
}
#dashboard #menucol .menuelement#actions #entercode #webcodeinput {
  height: 2.66rem;
}
#dashboard #menucol .menuelement#actions #entercode #button-submit {
  color: #cce3ee;
  border: 0;
  background-color: #0075a9;
  height: 2.66rem;
  border-top-right-radius: 0.66rem;
  border-bottom-right-radius: 0.66rem;
  transition: 0.2s all;
}
#dashboard #menucol .menuelement#actions #entercode #button-submit:hover {
  color: white;
  background-color: rgb(0%, 38.9592760181%, 56.2745098039%);
}
#dashboard #menucol .menuelement#actions a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem 0 2.5rem;
  height: 2.66rem;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  transition: 0.2s all;
}
#dashboard #menucol .menuelement#actions a:hover {
  color: white;
}
#dashboard #menucol .menuelement#actions a:hover svg {
  transform: scale(1.2);
}
#dashboard #menucol .menuelement#actions a svg {
  width: 1.33rem;
}
#dashboard #menucol .menuelement#actions a .notification-pill {
  background: #E30613;
  font-size: 0.7rem;
  padding: 0.1rem 0.25rem;
  border-radius: 0.33rem;
  min-width: 1.33rem;
  position: absolute;
  left: 0.33rem;
  text-align: center;
}
#dashboard #menucol.expanded {
  margin-left: 0;
}
#dashboard #menucol.expanded .menuelement .toggler .bi-chevron-double-right {
  transform: rotate(180deg);
}
#dashboard #menucol.expanded .menuelement#actions, #dashboard #menucol.expanded .menuelement#admin {
  padding: 2rem 0;
}
#dashboard #menucol.expanded .menuelement#actions li:nth-child(odd) a, #dashboard #menucol.expanded .menuelement#admin li:nth-child(odd) a {
  background: rgba(255, 255, 255, 0.2);
}
#dashboard #lernwelt {
  margin: 0 0 3rem;
  flex-grow: 1;
}
#dashboard #lernwelt #filter {
  display: flex;
  gap: 2rem;
}
#dashboard #lernwelt #filter .col1 {
  width: 100%;
}
#dashboard #lernwelt #filter .col1 #search input {
  background: #f6f5f3;
  border: 1px solid #f6f5f3;
  min-height: 3.66rem;
  font-weight: 300;
  font-size: 1.25rem;
}
#dashboard #lernwelt #filter .col1 #search input:disabled::placeholder {
  color: #f6f5f3;
}
#dashboard #lernwelt #filter .col1 #filterbar {
  display: flex;
  gap: 1rem;
  margin: 1rem 0 2rem 0;
}
#dashboard #lernwelt #filter .col1 #filterbar .filterbadge {
  display: flex;
  flex-direction: column;
  border-radius: 0.66rem;
  justify-content: center;
  align-items: center;
  min-height: 5rem;
  background: #f6f5f3;
  border: 1px solid #f6f5f3;
  width: 25%;
  text-decoration: none;
  color: rgba(30, 31, 32, 0.75);
}
#dashboard #lernwelt #filter .col1 #filterbar .filterbadge .label {
  font-weight: 300;
  font-size: 0.85rem;
  text-align: center;
  pointer-events: none;
  line-height: 1.1;
}
#dashboard #lernwelt #filter .col1 #filterbar .filterbadge .anzahl {
  font-size: 1.66rem;
  font-weight: 400;
  pointer-events: none;
}
#dashboard #lernwelt #filter .col1 #filterbar .filterbadge.cats:hover, #dashboard #lernwelt #filter .col1 #filterbar .filterbadge.cats.active {
  background: #C4C8CC;
  color: #1e1f20;
  border: 1px solid #777A7C;
}
#dashboard #lernwelt #filter .col1 #filterbar .filterbadge.new {
  background: #e9f6fc;
}
#dashboard #lernwelt #filter .col1 #filterbar .filterbadge.new:hover, #dashboard #lernwelt #filter .col1 #filterbar .filterbadge.new.active {
  background: rgb(86.8039215686%, 93.9411764706%, 97.1960784314%);
  color: currentcolor;
  border: 1px solid #0075a9;
}
#dashboard #lernwelt #filter .col1 #filterbar .filterbadge.pending {
  background: rgb(99.6470588235%, 95%, 85.4117647059%);
}
#dashboard #lernwelt #filter .col1 #filterbar .filterbadge.pending:hover, #dashboard #lernwelt #filter .col1 #filterbar .filterbadge.pending.active {
  background: rgb(99.2941176471%, 90%, 70.8235294118%);
  color: currentcolor;
  border: 1px solid #f9aa07;
}
#dashboard #lernwelt #filter .col1 #filterbar .filterbadge.done {
  background: rgb(78.7254901961%, 92.7450980392%, 87.3529411765%);
}
#dashboard #lernwelt #filter .col1 #filterbar .filterbadge.done:hover, #dashboard #lernwelt #filter .col1 #filterbar .filterbadge.done.active {
  background: rgb(74.4705882353%, 91.2941176471%, 84.8235294118%);
  color: currentcolor;
  border: 1px solid #26B57E;
}
#dashboard #lernwelt #filter .col2 #uhr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 10rem;
  width: 10rem;
  background: url("../img2022/assets/uhr.png") center center/cover no-repeat;
}
#dashboard #lernwelt #filter .col2 #uhr .label {
  font-weight: 300;
  font-size: 0.85rem;
}
#dashboard #lernwelt #filter .col2 #uhr .anzahl {
  font-size: 1.66rem;
  font-weight: 400;
}
#dashboard #lernwelt .grid .certification-year {
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  font-weight: 300;
  color: #E30613;
  margin-bottom: 0.66rem;
}
@media (min-width: 768px) {
  #dashboard #lernwelt .grid .kategorieitem {
    width: calc(50% - 0.1px);
  }
}
@media (min-width: 1400px) {
  #dashboard #lernwelt .grid .kategorieitem {
    width: calc(33.33333333% - 0.1px);
  }
}
#dashboard #lernwelt .grid .kategorieitem .kategoriekarte {
  margin-left: -1rem;
  min-height: 24rem;
}
#dashboard #lernwelt .grid .kategorieitem .kategoriekarte .card-body .stats {
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
}
#dashboard #lernwelt .grid .kategorieitem .kategoriekarte .card-body .stats .statitem {
  color: rgba(30, 31, 32, 0.75);
  border: 0;
}
#dashboard #lernwelt .grid .kategorieitem .kategoriekarte .card-body .stats .statitem.new {
  background: #e9f6fc;
}
#dashboard #lernwelt .grid .kategorieitem .kategoriekarte .card-body .stats .statitem.pending {
  background: rgb(99.6470588235%, 95%, 85.4117647059%);
}
#dashboard #lernwelt .grid .kategorieitem .kategoriekarte .card-body .stats .statitem.done {
  background: rgb(78.7254901961%, 92.7450980392%, 87.3529411765%);
}
#dashboard #lernwelt .grid .kategorieitem .kategoriekarte .card-body .card-text {
  display: none;
}
#dashboard #lernwelt .grid .kategorieitem.expanded {
  width: 100% !important;
}
#dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte {
  flex-direction: row;
}
#dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte:hover {
  cursor: initial;
  background: #f6f5f3;
}
#dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte img {
  width: 24rem;
  min-height: 24rem;
  border-top-right-radius: 0;
  border-bottom-left-radius: 1.5rem;
  object-fit: cover;
}
#dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte .card-body {
  padding: 2.5rem 1.5rem;
}
#dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte .card-body .stats {
  top: 1rem;
  right: 1rem;
  left: auto;
  transform: translateX(0%);
}
#dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte .card-body .card-title {
  text-align: left;
  font-size: 1.66rem;
  font-weight: 300;
  text-align: left;
  margin-bottom: 1rem;
  margin-top: 1.33rem;
  color: #E30613;
}
#dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte .card-body .card-text {
  display: block;
  font-size: 1.33rem;
  font-weight: 300;
}

#page-home {
  overflow-x: hidden;
}
#page-home h2 {
  font-family: Merriweather, serif;
  font-size: 2rem;
  font-weight: 700;
  color: #E30613;
  margin-left: 1rem;
}
#page-home h3 {
  font-weight: 300;
  font-size: 1.66rem;
  color: #E30613;
}
#page-home h4 {
  font-weight: 300;
  font-size: 1.25rem;
  color: #444647;
}
#page-home p {
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}
#page-home .block {
  padding-top: 3rem;
  padding-bottom: 3rem;
  font-weight: 300;
}
#page-home .block h2 {
  margin-bottom: 3rem;
}
#page-home #home-menu {
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  gap: 2rem;
}
#page-home #home-menu .parent {
  font-size: 1.25rem;
  color: #444647;
  margin-bottom: 0.5rem;
  transition: 0.2s color;
}
#page-home #home-menu .parent:focus, #page-home #home-menu .parent:hover {
  outline: none;
  color: #0075a9;
}
#page-home #home-menu .dropdown-menu {
  background-color: #0075a9;
  border-radius: 1.5rem;
  padding: 0.75rem 0;
  margin-top: 0.5rem !important;
  margin-left: -1.5rem !important;
  z-index: 99 !important;
}
#page-home #home-menu .dropdown-menu .dropdown-item {
  color: #fff;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
}
#page-home #home-menu .dropdown-menu .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.1);
}
#page-home .wc-block-mini-cart__button {
  padding-top: 0;
  position: static;
}
#page-home #homeheader .row {
  position: relative;
  z-index: 1;
  height: 60vh;
}
#page-home #homeheader .row form h2 {
  margin-bottom: 1.5rem;
  margin-left: 0;
}
#page-home #homeheader .row form {
  position: absolute;
  bottom: -6rem;
  right: 6rem;
  width: 44%;
  padding: 1.5rem;
  background: #cce3ee;
  border-radius: 1.5rem;
  box-shadow: 0.5rem 0.5rem 0.5rem rgba(30, 31, 32, 0.15);
}
#page-home #homeheader .row form .register a {
  color: #777A7C;
  text-decoration: none;
  transition: 0.2s color;
}
#page-home #homeheader .row form .register a:hover {
  color: #0075a9;
}
#page-home .socialmedia {
  position: absolute;
  z-index: 9;
  top: 8rem;
  right: 6rem;
  display: flex;
  gap: 0.25rem;
}
#page-home .socialmedia a {
  padding: 0.25rem;
  display: block;
  background: #e46450;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.5rem;
  transition: 0.2s all;
}
#page-home .socialmedia a:hover {
  transform: scale(1.1);
  background: #E30613;
}
#page-home #aktuelles {
  background: #f6f5f3;
}
#page-home #aktuelles #stats .statitem {
  margin-left: 1rem;
  background: #dadfe4;
  border-radius: 1.5rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
}
#page-home #aktuelles #stats .statitem .statnumber {
  font-size: 1.66rem;
  font-weight: 400;
}
#page-home #aktuelles #stats .statitem .statlabel {
  font-size: 0.85rem;
}
#page-home #aktuelles .carousel-flick.flickity-resize .carousel-cell {
  min-height: 100%;
}
#page-home #aktuelles .carousel-flick .carousel-cell {
  width: 38%;
  margin-right: 1.5rem;
}
#page-home #aktuelles .carousel-flick .carousel-cell.blogcard {
  background: #fff;
  border-radius: 1.5rem;
}
#page-home #aktuelles .carousel-flick .carousel-cell.blogcard .blogcardimg img {
  object-fit: cover;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  transition: 0.2s all;
}
#page-home #aktuelles .carousel-flick .carousel-cell.blogcard .blogcardimg img:hover {
  opacity: 0.8;
}
#page-home #aktuelles .carousel-flick .carousel-cell.blogcard .blogcardbody {
  padding: 1rem;
}
#page-home #aktuelles .carousel-flick .carousel-cell.blogcard .blogcardbody h3 {
  color: #E30613;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
#page-home #aktuelles .carousel-flick .carousel-cell.blogcard .blogcardbody h3 a {
  color: #E30613;
  text-decoration: none;
}
#page-home #angebot {
  padding-bottom: 5rem;
}
#page-home #angebot .karte {
  position: relative;
  margin-top: 2rem;
  min-height: 32rem;
}
#page-home #angebot .karte .icon {
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 6rem;
  height: 6rem;
  padding: 1rem;
  background: #cce3ee;
}
#page-home #angebot .karte h3 {
  text-align: center;
  margin: 2rem 0 1rem 0;
}
#page-home #angebot .karte {
  border: 1px solid #dadfe4;
  border-radius: 1.5rem;
  box-shadow: 0.5rem 0.5rem 0.5rem rgba(30, 31, 32, 0.15);
  padding: 1.5rem;
}
#page-home #angebot .karte .btn {
  margin: 1rem 0;
  width: 100%;
}
#page-home #nutzung {
  background: #f6f5f3;
}
#page-home #nutzung .argumente {
  border-radius: 0.66rem;
  padding: 1rem;
  background: #0075a9;
  color: #fff;
  padding: 1rem 3rem;
  position: relative;
  list-style: none;
  margin-left: 0;
}
#page-home #nutzung .argumente li {
  margin-bottom: 0.5rem;
  position: relative;
}
#page-home #nutzung .argumente li:before {
  display: block;
  position: absolute;
  font-style: normal;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  content: " ";
  width: 1.33rem;
  height: 1.33rem;
  top: 0.15rem;
  left: -2rem;
}
#page-home #nutzung .tutorialvideocontainer {
  margin-top: 5rem;
  margin-bottom: 3rem;
  background: #e46450;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  transform: rotate(7.5deg);
}
#page-home #nutzung .tutorialvideocontainer video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-7.5deg);
}
#page-home #team {
  background: #cce3ee;
}
#page-home #team h3 {
  text-align: center;
  margin: 1rem 0 0 0;
}
#page-home #team h4 {
  text-align: center;
  margin: 0 0 2rem 0;
}
#page-home #team #lslogo {
  margin-top: 1rem;
  width: 66%;
}
#page-home #footer {
  position: relative;
  background: #0075a9;
}
#page-home #footer a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: 0.2s color;
  padding-bottom: 0.2rem;
}
#page-home #footer a:hover {
  color: #fff;
}
#page-home #footer .group {
  margin-bottom: 1.5rem;
}
#page-home #footer .group .parent {
  color: #fff;
  font-size: 0.7rem;
  margin-bottom: 0.2rem;
}
#page-home #footer .group .children {
  padding-left: 1rem;
}
#page-home #footer .group .children li {
  list-style: none;
}
#page-home #footer .socialmedia {
  top: 2rem;
}

#page-kursangebot .pageintro-standard .form-select {
  width: auto;
  max-width: 35rem;
}

#page-kurskategorie #kurskategorie-intro .kategoriekarte {
  position: relative;
}
#page-kurskategorie #kurskategorie-intro .kategoriekarte .prevnextbutton {
  position: absolute;
  width: 3rem;
  height: 3rem;
  background: #fff;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -2rem;
  transition: 0.2s all;
  color: #fff;
  background: #0075a9;
}
#page-kurskategorie #kurskategorie-intro .kategoriekarte .prevnextbutton:hover {
  color: #fff;
  background: #4098bf;
}
#page-kurskategorie #kurskategorie-intro .kategoriekarte .prevnextbutton svg {
  width: 1.5rem;
  height: 1.5rem;
}
#page-kurskategorie #kurskategorie-intro .kategoriekarte .prevnextbutton.prev {
  left: 0rem;
  margin-left: -1.35rem;
}
#page-kurskategorie #kurskategorie-intro .kategoriekarte .prevnextbutton.next {
  right: 0rem;
  margin-right: -1.35rem;
}
#page-kurskategorie #kurskategorie-intro .kategoriekarte {
  background: #f6f5f3;
  border-radius: 1.5rem;
  border-width: 0;
  text-decoration: none;
  color: #343536;
  margin-top: 1.16rem;
}
#page-kurskategorie #kurskategorie-intro .kategoriekarte img {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  min-height: 25vw;
  height: 100%;
  object-fit: cover;
}
#page-kurskategorie #kurskategorie-intro .kategoriekarte .card-body {
  padding: 2.5rem 1.5rem;
}
#page-kurskategorie #kurskategorie-intro .kategoriekarte .card-body .card-title {
  font-size: 1.66rem;
  font-weight: 400;
  text-align: left;
  margin-bottom: 1rem;
}
#page-kurskategorie #kurskategorie-intro .kategoriekarte .card-body .card-text {
  font-size: 1.33rem;
  font-weight: 300;
}
#page-kurskategorie #kurskategorie-intro .kategoriekarte .card-footer {
  padding: 1rem 1.5rem;
  border: 0;
  border-bottom-right-radius: 1.5rem;
}

#page-eh-kurse-verwalten .kurstabelle .tabitem {
  display: block;
  text-decoration: none;
  padding: 1rem;
  border-bottom: 1px solid #dadfe4;
}
#page-eh-kurse-verwalten .kurstabelle .tabitem:hover {
  background-color: #e9f6fc;
}
#page-eh-kurse-verwalten .kurstabelle .tabitem a {
  text-decoration: none;
  display: block;
  width: 75%;
}
#page-eh-kurse-verwalten .kurstabelle .tabitem h2 {
  font-size: 1.33rem;
  font-weight: 400;
  color: #e46450;
  margin: 0;
}
#page-eh-kurse-verwalten .kurstabelle .tabitem h3 {
  font-size: 0.85rem;
  margin: 0;
  color: #777A7C;
}

#page-eh-teilnehmer-verwalten h2 {
  font-size: 1.66rem;
  font-weight: 400;
  color: #e46450;
}

#page-stats-level3 .pageintro-standard img, #page-stats-level3-kv .pageintro-standard img {
  max-height: auto;
  margin: auto;
  border-radius: 0;
  transform: none;
  box-shadow: none;
  transition: 0.2s all;
  background: transparent;
  object-fit: contain;
}
#page-stats-level3 .pageintro-standard img:hover, #page-stats-level3-kv .pageintro-standard img:hover {
  transform: rotate(0deg);
}
#page-stats-level3 #highlights, #page-stats-level3-kv #highlights {
  font-family: Merriweather, serif;
  font-size: 1.33rem;
  font-weight: 400;
  color: #e46450;
}
#page-stats-level3 .kvlist, #page-stats-level3-kv .kvlist {
  padding: 5% 0 22% 0;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-around;
  text-align: right;
}
#page-stats-level3 .kvlist .kvlink, #page-stats-level3-kv .kvlist .kvlink {
  display: block;
  color: #4098bf;
  text-decoration: none;
}

#hilfecenter-offcanvas {
  top: 7.5rem;
  width: calc(100vw - 25.5rem);
  border: 0;
  background: #C4C8CC;
  border-top-left-radius: 1.5rem;
}

#hilfecenter-toggler {
  position: fixed;
  top: 7.5rem;
  right: 0;
  background: #e46450;
  height: 10rem;
  width: 5rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-weight: 500;
  font-size: 0.85rem;
  border: 0;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  transition: 0.2s all;
  z-index: 9;
}
#hilfecenter-toggler:hover {
  background: #E30613;
  color: white;
}
#hilfecenter-toggler:hover svg {
  transition: 0.2s all;
  transform: scale(1.66);
}
#hilfecenter-toggler svg {
  display: block;
  margin-bottom: 1rem;
  width: 1.33rem;
  color: rgba(255, 255, 255, 0.85);
}

.hilfecenter.hilfecenter-beratung {
  box-shadow: inset 0 1rem 1rem -0.5rem rgba(30, 31, 32, 0.2), inset 0 -1rem 1rem -0.5rem rgba(30, 31, 32, 0.2);
  border-radius: 1.5rem;
  border-top-left-radius: 0;
  background: #C4C8CC;
  position: relative;
}
.hilfecenter.hilfecenter-beratung .hilfecenter-label {
  position: absolute;
  background: #e46450;
  color: #fff;
  width: auto;
  width: 12rem;
  height: 2.33rem;
  align-items: center;
  justify-content: center;
  display: flex;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  transform-origin: bottom;
  transform: rotate(-90deg);
  top: 3.66rem;
  left: -5.9rem;
}
.hilfecenter .sprechblase {
  margin-bottom: 1rem;
}
.hilfecenter .sprechblase .avatar {
  width: 6rem;
  margin-right: 1.66rem;
  color: white;
}
.hilfecenter .sprechblase .avatar img {
  object-fit: cover;
  border-radius: 1.5rem;
  background: #777A7C;
}
.hilfecenter .sprechblase .nachricht {
  border-radius: 0.66rem;
  background: #fff;
  width: 100%;
  padding: 1rem;
  position: relative;
  font-weight: 300;
  font-size: 1rem;
  box-shadow: 10px 10px 10px rgba(30, 31, 32, 0.2);
}
.hilfecenter .sprechblase .nachricht::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-color: transparent #fff;
  border-width: 0.5rem 1.5rem 0.5rem 0;
  top: 2rem;
  left: -1.4rem;
}
.hilfecenter .sprechblase .nachricht .meta {
  margin-top: 1rem;
  font-style: italic;
  font-size: 0.85rem;
}
.hilfecenter .buttonlink {
  margin-bottom: 1rem;
}

.kursitem {
  min-height: 6.6rem;
  border-radius: 1.5rem;
  background: #e9f6fc;
  transition: 0.2s all;
  margin-bottom: 1rem;
  padding: 1rem 2rem 1rem 1rem;
  width: 100%;
  display: flex;
  align-items: center;
}
.kursitem a {
  color: currentcolor;
  text-decoration: none;
}
.kursitem.status-new, .kursitem.status-pending-empty {
  background: #e9f6fc;
}
.kursitem.status-new:hover, .kursitem.status-pending-empty:hover {
  background: rgb(86.8039215686%, 93.9411764706%, 97.1960784314%);
}
.kursitem.status-pending {
  background: rgb(99.6470588235%, 95%, 85.4117647059%);
}
.kursitem.status-pending:hover {
  background: rgb(99.5294117647%, 93.3333333333%, 80.5490196078%);
}
.kursitem.status-done {
  background: rgb(87.2352941176%, 95.6470588235%, 92.4117647059%);
}
.kursitem.status-done:hover {
  background: rgb(82.9803921569%, 94.1960784314%, 89.8823529412%);
}
.kursitem .itemicon {
  display: block;
  height: 3.66rem;
  width: 3.66rem;
  margin-right: 2rem;
}
.kursitem .itemmeta {
  width: 100%;
}
.kursitem .itemmeta .titel {
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  font-weight: 300;
  margin: 0;
}
.kursitem .itemmeta .titel a:hover {
  color: #E30613;
}
.kursitem .itemmeta .kategorie {
  font-weight: 300;
  font-size: 0.85rem;
}
.kursitem .itemmeta .info {
  margin-top: 0.5rem;
}
.kursitem .itemmeta .collapsing {
  transition: none !important;
}
.kursitem .itemmeta .collapsecontent {
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: multiply;
  padding: 1rem;
  border-radius: 1.5rem;
}
.kursitem .itemmeta .collapsecontent h5 {
  font-size: 1rem;
  font-weight: 400;
}
.kursitem .itemmeta .collapsecontent ul {
  font-weight: 300;
}
.kursitem .itemmeta .collapsecontent .kursbeschreibung {
  font-weight: 300;
}
.kursitem .itemmeta .collapsecontent .pdflink {
  color: #0075a9;
  text-decoration: none;
  font-size: 0.85rem;
  margin-bottom: 1.33rem;
}
.kursitem .itemmeta .collapsecontent .pdflink svg {
  width: 1.33rem;
}
.kursitem .indicator {
  margin-right: 1.5rem;
  transition: 0.2s all;
}
.kursitem .indicator:hover {
  transform: scale(1.2);
}
.kursitem .indicator.zert {
  position: relative;
}
.kursitem .indicator.zert svg {
  width: 3.33rem;
  height: 3.33rem;
  color: rgb(57.4509803922%, 85.4901960784%, 74.7058823529%);
}
.kursitem .indicator.zert span {
  display: block;
  width: 100%;
  position: absolute;
  top: 0.78rem;
  left: 0;
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(11.4316411496%, 54.4507117916%, 37.9049153908%);
  text-align: center;
}
.kursitem .indicator.internalprogress svg {
  width: 2.5rem;
  height: 2.5rem;
  color: rgb(98.8235294118%, 83.3333333333%, 51.3725490196%);
}
.kursitem .indicator.externalprogress svg {
  width: 2.5rem;
  height: 2.5rem;
  color: rgb(98.8235294118%, 83.3333333333%, 51.3725490196%);
}
.kursitem .indicator.newbeginning {
  width: 3.33rem;
  height: 2.33rem;
}
.kursitem .indicator.newbeginning svg {
  color: rgb(50%, 72.9411764706%, 83.137254902%);
}

.kategoriekarte {
  background: #f6f5f3;
  border-radius: 1.5rem;
  border-width: 0;
  text-decoration: none;
  color: #343536;
  box-shadow: 0.5rem 0.5rem 0.5rem rgba(30, 31, 32, 0.15);
  transition: 0.2s all;
  cursor: pointer;
}
.kategoriekarte .card-img-top {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  min-height: 14rem;
  max-height: 14rem;
  object-fit: cover;
  background: #eee;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: 0.2s all;
}
.kategoriekarte:hover .card-img-top {
  background: #E30613;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}
.kategoriekarte .card-body {
  position: relative;
  padding: 2.5rem 1.5rem;
}
.kategoriekarte .card-body .anzahl {
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
  background: #cce3ee;
  border-color: #cce3ee;
  color: rgba(30, 31, 32, 0.75);
}
.kategoriekarte .card-body .card-title {
  font-family: Merriweather, serif;
  color: #1e1f20;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
  line-height: 1.4;
}
.kategoriekarte#neue-kurse .card-body .anzahl {
  background: #E30613;
  border-color: #E30613;
  color: #fff;
}
.kategoriekarte:hover {
  background: #e9f6fc;
}
.kategoriekarte:hover .card-title {
  color: #E30613;
}
.kategoriekarte {
  --bs-form-switch-bg-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.75%29'/%3e%3c/svg%3e");
}
[data-category=drklc-original] .kategoriekarte, [data-category=non-original] .kategoriekarte {
  --color: rgba(255,255,255, .75);
  background: #cce3ee;
}
[data-category=drklc-original] .kategoriekarte .card-title, [data-category=non-original] .kategoriekarte .card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-category=drklc-original] .kategoriekarte .card-title:after, [data-category=non-original] .kategoriekarte .card-title:after {
  content: "";
  display: block;
  flex: 0 0 2em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
  height: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid var(--color);
}
[data-category=drklc-original] .kategoriekarte .card-title.active:after, [data-category=non-original] .kategoriekarte .card-title.active:after {
  --bs-form-switch-bg: var(--bs-form-switch-bg-checked);
  --bs-form-check-bg: #0075a9;
  --color: #0075a9;
  background-position: right center;
}

.backbutton {
  position: absolute;
  width: 4rem;
  height: 4rem;
  background: rgba(255, 255, 255, 0.33);
  top: 7.5rem;
  margin-left: 1.33rem;
  z-index: 90;
  color: #343536;
  transition: 0.2s all;
}
.backbutton:hover {
  color: #fff;
  background: #0075a9;
}
.backbutton:hover svg {
  color: #fff;
}
.backbutton svg {
  width: 4rem;
  height: 4rem;
  color: #343536;
}

.lc_badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0.2rem 1rem;
  background: #0075a9;
  border: 1px solid #0075a9;
  color: #fff;
  line-height: 1;
}
.lc_badge:not(:first-of-type) {
  margin-left: 0.35rem;
}
.lc_badge[role=button] {
  cursor: pointer;
  transition: 0.2s all;
}
.lc_badge[role=button]:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.lc_badge.outline {
  color: #0075a9;
  background: none;
}
.lc_badge.outline[aria-expanded=true] {
  background: #0075a9;
  color: #fff;
}
.lc_badge.pill {
  min-width: 3rem;
  border-radius: 1.33rem;
}
.lc_badge.pill.trailer svg {
  margin-left: -0.8rem;
  margin-right: 0.25rem;
}
.lc_badge.label {
  min-width: 2rem;
  border-radius: 0.5rem;
}
.lc_badge.small {
  font-size: 0.85rem;
}
.lc_badge.medium {
  font-size: 1.25rem;
  font-weight: 400;
  padding: 0.33rem 1rem;
}

.btn-primary {
  background: #0075a9;
  border-color: #0075a9;
}
.btn-primary:hover {
  background: #4098bf;
}

.btn-icon::before {
  font-family: "Bootstrap Icons";
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.33rem;
  position: relative;
}

.btn-secondary {
  background: rgba(119, 122, 124, 0.8);
  border-color: #777A7C;
}
.btn-secondary:hover {
  background: #777A7C;
}
.btn-secondary.btn-csvdownload::before {
  content: "\f743";
}

.btn-apply {
  background: rgba(38, 181, 126, 0.8);
  border-color: #26B57E;
  color: white;
}
.btn-apply::before {
  content: "\f116";
}
.btn-apply:hover {
  background: #26B57E;
  border-color: #26B57E;
  color: white;
}

.form-select {
  border-color: #4098bf;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230075a9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.referencelink::before {
  font-family: "Bootstrap Icons";
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.33rem;
  position: relative;
  top: -0.5rem;
  content: "\f4cf";
  color: #0075a9;
}

.modal {
  border-radius: 1.5rem;
}
.modal .modal-dialog .modal-content {
  border-radius: 0;
}
.modal .modal-dialog .modal-content .modal-header h2 {
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.thecontent {
  font-weight: 300;
  font-size: 1.125rem;
}
.thecontent h2, .thecontent h3, .thecontent h4, .thecontent h4 {
  line-height: 1.4;
}
.thecontent h2 {
  font-size: 1.66rem;
  font-weight: 400;
}
.thecontent h3 {
  font-size: 1.25rem;
  font-weight: 400;
}
.thecontent h3:not(:first-of-type) {
  margin-top: 2.5rem;
}
.thecontent h3 {
  margin-bottom: 1rem;
}
.thecontent h4, .thecontent h5 {
  font-size: 1rem;
  font-weight: 700;
  color: #444647;
  margin-top: 1.33rem;
}
.thecontent p {
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
  margin-bottom: 0.66rem;
}
.thecontent ul {
  margin-bottom: 0.66rem;
}
.thecontent a {
  color: #0075a9;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
  transition: 0.2s all;
}
.thecontent a:hover {
  color: #4098bf;
}

.contentblock h3 {
  color: #e46450;
  margin-bottom: 2rem;
  font-weight: 300;
  font-size: 2rem;
}
.contentblock h4 {
  color: #e46450;
  margin-top: 0;
  margin-bottom: 0.66rem;
  font-weight: 300;
  font-size: 1.25rem;
}
.contentblock h5 {
  margin-top: 0;
  margin-bottom: 0.33rem;
  font-weight: 300;
  font-size: 1.125rem;
}
.contentblock.freitext h4 {
  margin-top: 2rem;
}
.contentblock.teamraster img {
  width: 100%;
  min-height: 12rem;
  max-height: 12rem;
  object-fit: cover;
  border-radius: 1.5rem;
  margin-bottom: 1.33rem;
}
.contentblock.teamliste .item {
  margin-bottom: 2rem;
}
.contentblock.teamliste .item h4 {
  margin-bottom: 0;
}
.contentblock.teamliste .item h5 {
  font-weight: 400;
  margin-bottom: 0.66rem;
}
.contentblock.teamliste .item img {
  width: 100%;
  min-height: 12rem;
  max-height: 12rem;
  width: 12rem;
  object-fit: cover;
  border-radius: 1.5rem;
  margin-bottom: 1.33rem;
}
.contentblock.linkliste .item a {
  padding: 1rem;
  text-decoration: none;
  color: #777A7C;
  border-bottom: 1px solid #777A7C;
}
.contentblock.linkliste .item a:hover {
  background: #f2f8fb;
  color: #0075a9;
}
.contentblock.linkliste .item a h4 {
  margin: 0;
}
.contentblock.kursangebot {
  border-top: 1px solid #777A7C;
  border-bottom: 1px solid #777A7C;
  margin-top: -1px;
}
.contentblock.kursangebot .angebot:not(:first-of-type) {
  margin-top: 3.66rem;
}
.contentblock.kursangebot .angebot .intro .argumente {
  border-radius: 0.66rem;
  padding: 1rem;
  background: #0075a9;
  color: #fff;
  padding: 1rem 3rem;
  position: relative;
  list-style: none;
  margin-left: 0;
}
.contentblock.kursangebot .angebot .intro .argumente li {
  margin-bottom: 0.5rem;
  position: relative;
}
.contentblock.kursangebot .angebot .intro .argumente li:before {
  display: block;
  position: absolute;
  font-style: normal;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  content: " ";
  width: 1.33rem;
  height: 1.33rem;
  top: 0.15rem;
  left: -2rem;
}
.contentblock.kursangebot .angebot .kurse {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.contentblock.kursangebot .angebot .kurse h3 {
  color: #343536;
  padding: 0;
  margin: 0;
}
.contentblock.kurspaket {
  border-top: 1px solid #C4C8CC;
  border-bottom: 1px solid #C4C8CC;
  margin-top: -1px;
}
.contentblock.kurspaket .standardcollapsible {
  cursor: pointer;
}
.contentblock.kurspaket .standardcollapsible .collapse-heading {
  margin-bottom: 0;
}
.contentblock.kurspaket .standardcollapsible .collapse-heading::before {
  display: inline-block;
  font-family: "bootstrap-icons";
  transition: 0.2s all;
  margin-right: 1rem;
  line-height: 1;
  content: "\f285";
  vertical-align: -0.125em;
}
.contentblock.kurspaket .standardcollapsible[aria-expanded=true] .collapse-heading::before {
  transform: rotate(90deg);
}
.contentblock.kurspaket .paket:not(:first-of-type) {
  margin-top: 3.66rem;
}
.contentblock.kurspaket .paket .intro .argumente {
  border-radius: 0.66rem;
  padding: 1rem;
  background: #0075a9;
  color: #fff;
  padding: 1rem 3rem;
  position: relative;
  list-style: none;
  margin-left: 0;
}
.contentblock.kurspaket .paket .intro .argumente li {
  margin-bottom: 0.5rem;
  position: relative;
}
.contentblock.kurspaket .paket .intro .argumente li:before {
  display: block;
  position: absolute;
  font-style: normal;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  content: " ";
  width: 1.33rem;
  height: 1.33rem;
  top: 0.15rem;
  left: -2rem;
}
.contentblock.kurspaket .paket .kurse {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.contentblock.kurspaket .paket .kurse h3 {
  color: #343536;
  padding: 0;
  margin: 0;
}
.contentblock.unique.blended-learning-ideen .idee:not(:first-of-type) {
  margin-top: 3.66rem;
}
.contentblock.unique.blended-learning-ideen .idee .intro .argumente {
  border-radius: 0.66rem;
  padding: 1rem;
  background: #0075a9;
  color: #fff;
  padding: 1rem 3rem;
  position: relative;
  list-style: none;
  margin-left: 0;
}
.contentblock.unique.blended-learning-ideen .idee .intro .argumente li {
  margin-bottom: 0.5rem;
  position: relative;
}
.contentblock.unique.blended-learning-ideen .idee .intro .argumente li:before {
  display: block;
  position: absolute;
  font-style: normal;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  content: " ";
  width: 1.33rem;
  height: 1.33rem;
  top: 0.15rem;
  left: -2rem;
}
.contentblock.unique.blended-learning-ideen .idee .kurse {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.contentblock.unique.blended-learning-ideen .idee .kurse h3 {
  color: #343536;
  padding: 0;
  margin: 0;
}
.contentblock.unique.faq-und-support-form .faqitem {
  margin-bottom: 1.33rem;
}
.contentblock.unique.faq-und-support-form .faqitem h4 {
  display: flex;
  color: #e46450;
  cursor: pointer;
}
.contentblock.unique.faq-und-support-form .faqitem h4::before {
  display: block;
  font-style: normal;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  content: " ";
  width: 1.33rem;
  height: 1.33rem;
  margin-right: 1rem;
}
.contentblock.unique.faq-und-support-form .faqitem h4[aria-expanded=false]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e46450' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E");
}
.contentblock.unique.faq-und-support-form .faqitem h4[aria-expanded=true]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e46450' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3E%3C/svg%3E");
}
.contentblock.unique.faq-und-support-form .faqitem .collapsecontent {
  font-size: 1rem;
  padding-bottom: 1rem;
  padding-left: 2.33rem;
}
.contentblock.unique.faq-und-support-form .buttonlink svg {
  width: 3rem;
}
.contentblock.unique.faq-und-support-form .buttonlink .text {
  font-size: 1.125rem;
}

.buttonlink {
  border-radius: 0.66rem;
  padding: 1rem;
  background: #0075a9;
  color: #fff;
  text-decoration: none;
  transition: 0.2s all;
  min-height: 11vw;
  font-size: 0.85rem;
}
.buttonlink:hover {
  background: #4098bf;
  color: #fff;
}
.buttonlink svg {
  color: #fff;
  width: 2rem;
}
.buttonlink .text {
  color: #fff;
}

.gform_legacy_markup_wrapper .gfield_error .gfield_label {
  color: #e46450;
}

.gform_wrapper {
  padding: 1.5rem;
  background: #f6f5f3;
  border-radius: 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
}
.gform_wrapper .validation_error {
  border: 1px solid #e46450;
  color: #e46450;
  border-radius: 0.66rem;
  background: none;
}
.gform_wrapper .validation_error h2 {
  color: #e46450;
}
.gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage {
  background-color: #26B57E !important;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  display: flex;
  min-width: 2.5rem;
}
.gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage span {
  color: #fff;
}
.gform_wrapper .gform_heading .gform_required_legend {
  display: none;
}
.gform_wrapper .gform_body .gform_fields .gfield_error {
  border: 1px solid #e46450;
  color: #e46450;
  border-radius: 0.66rem;
  background: none;
  padding: 1rem;
}
.gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
  background: none;
  color: #e46450;
  margin-top: 1.33rem;
}
.gform_wrapper .gform_body .gform_fields .gfield_error .validation_message h2 {
  font-size: 1.125rem;
  color: #e46450;
}
.gform_wrapper .gform_body .gform_fields .gfield {
  margin-top: 1.66rem;
  font-weight: 300;
}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
  font-weight: 400;
  font-size: 1.25rem;
  margin-bottom: 0.66rem;
}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
  color: #e46450;
}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
  font-size: 1rem;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container .gfield_select {
  height: 2.5rem;
  border-color: #0075a9;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice .gfield-choice-input, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice .gfield-choice-input {
  accent-color: #0075a9;
  width: 1.25rem;
  height: 1.25rem;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice label, .gform_wrapper .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice label {
  font-size: 1rem;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=text], .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=tel], .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=url], .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=email], .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea {
  border: 0;
  border-bottom: 5px solid #C4C8CC;
  min-height: 2.5rem;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container .gform_drop_area {
  background: #e9f6fc;
}
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container .gform_drop_area .gform_button_select_files {
  border: 0;
  background: #0075a9;
  border-color: #0075a9;
  color: #fff;
  padding: 0.5rem 1rem;
  font-weight: 500;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  color: #fff;
  display: inline-block;
  height: 2.5rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background: #0075a9;
  border-color: #0075a9;
  font-weight: 400;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover {
  background: #4098bf;
}
/* Big Screens Landscape */
@media (min-width: 1700px) {
  html {
    font-size: 1.15rem;
  }
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  html {
    font-size: 1.05rem;
  }
}
/* Normal Screens Landscape */
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  html {
    font-size: 1rem;
  }
}
/* Small Screens & Tablet Landscape */
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
  html {
    font-size: 0.9rem;
  }
  #lc-header #sidebar {
    width: 50%;
    right: -50%;
  }
  #lc-header #sidebar.collapse.show {
    width: 50%;
  }
}
/* Tablet Portrait */
/* Very small Screens Landscape */
/* Mobile Landscape */
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  html {
    font-size: 0.9rem;
  }
  #lc-header #sidebar {
    width: 66%;
    right: -66%;
  }
  #lc-header #sidebar.collapse.show {
    width: 66%;
  }
  #dashboard #lernwelt {
    margin: 0 6rem 0 1rem;
  }
  #dashboard #lernwelt #filter {
    gap: 0;
  }
  #dashboard #lernwelt #filter .col1 {
    min-width: 100%;
  }
  #dashboard #lernwelt .grid .kategorieitem .kategoriekarte {
    min-height: 12rem;
  }
  #dashboard #lernwelt .grid .kategorieitem.expanded {
    width: calc(100% + 5rem) !important;
    margin-right: -5rem;
  }
  #dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte img {
    width: 12rem;
    min-height: 12rem;
  }
  #dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte .card-body {
    padding: 1.5rem 1.5rem;
  }
  #dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte .card-body .card-title {
    font-size: 1.25rem;
  }
  #dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte .card-body .card-text {
    font-size: 1rem;
  }
  #menucol {
    min-width: 18rem;
    max-width: 18rem;
    margin-left: -15rem;
  }
  #menucol .menuelement#user_profile .imgrow img {
    height: 5rem;
  }
  #menucol .menuelement#user_profile .metarow {
    padding: 1.5rem 0rem 0 0rem;
  }
  #menucol .menuelement .body {
    width: 15rem;
  }
  #hilfecenter-offcanvas {
    width: calc(100vw - 19rem);
  }
  #page-home #homeheader .row form {
    position: absolute;
    bottom: -2rem;
    right: 50%;
    transform: translateX(50%);
    width: 80%;
    padding: 1.5rem;
    background: #cce3ee;
    border-radius: 1.5rem;
    box-shadow: 0.5rem 0.5rem 0.5rem rgba(30, 31, 32, 0.15);
  }
  #page-home #homeheader .row form .register a {
    color: #777A7C;
    text-decoration: none;
    transition: 0.2s color;
  }
  #page-home #homeheader .row form .register a:hover {
    color: #0075a9;
  }
  #page-kurskategorie #kurskategorie-intro .kategoriekarte {
    position: relative;
  }
  #page-kurskategorie #kurskategorie-intro .kategoriekarte .backbutton {
    position: absolute;
    width: 4.5rem;
    height: 4.5rem;
    background: #fff;
    top: 0.5rem;
    margin-left: -5.25rem;
    color: #343536;
    transition: 0.2s all;
  }
  #page-kurskategorie #kurskategorie-intro .kategoriekarte .backbutton:hover {
    color: #fff;
    background: #0075a9;
  }
  #page-kurskategorie #kurskategorie-intro .kategoriekarte .backbutton svg {
    width: 4rem;
    height: 4rem;
  }
  #page-kurskategorie #kurskategorie-intro .kategoriekarte {
    background: #f6f5f3;
    border-radius: 1.5rem;
    border-width: 0;
    text-decoration: none;
    color: #343536;
    margin-top: 2rem;
  }
  #page-kurskategorie #kurskategorie-intro .kategoriekarte img {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    min-height: calc(25vw - 6rem);
    object-fit: cover;
  }
  #page-kurskategorie #kurskategorie-intro .kategoriekarte .card-body {
    padding: 2.5rem 1.5rem;
  }
  #page-kurskategorie #kurskategorie-intro .kategoriekarte .card-body .card-title {
    font-size: 1.66rem;
    font-weight: 400;
    text-align: left;
    margin-bottom: 1rem;
  }
  #page-kurskategorie #kurskategorie-intro .kategoriekarte .card-body .card-text {
    font-size: 1.33rem;
    font-weight: 300;
  }
  .kursitem {
    padding: 1rem 1rem 1rem 1rem;
  }
  .kursitem .itemmeta .titel {
    font-size: 1rem;
  }
  .kursitem .indicator {
    margin-right: 0rem;
  }
}
/* Mobile Phone commmon code*/
@media only screen and (min-width: 280px) and (max-width: 575.98px) {
  html {
    font-size: 0.75rem;
  }
  #lc-header {
    padding: 1.33rem 1rem;
  }
  #lc-header .headerlogo {
    height: 2.2rem;
  }
  #lc-header .headerlogo:not(:first-of-type) {
    margin-left: 1rem;
  }
  #lc-header a {
    font-size: 0.7rem;
  }
  #lc-header .legal {
    line-height: 1;
  }
  #lc-header .legal a {
    display: inline;
    margin-left: 0.33rem;
    font-size: 0.7rem;
  }
  #lc-header .legal {
    font-size: 0.7rem;
  }
  #lc-header .login {
    margin-top: 0.5rem;
    font-size: 1rem;
  }
  #lc-header .login svg {
    width: 1rem;
  }
  #lc-header #toggle-burger {
    width: 3rem;
    height: 3rem;
  }
  #lc-header #toggle-burger::after {
    width: 2rem;
    height: 2rem;
    background-size: 2rem;
  }
  #lc-header #sidebar {
    width: 100%;
    right: -100%;
  }
  #lc-header #sidebar.collapse.show {
    width: 100%;
  }
  .backbutton {
    width: 3rem;
    height: 3rem;
    top: 7.2rem;
    margin-left: 0.33rem;
  }
  .backbutton svg {
    width: 3rem;
    height: 3rem;
  }
  .pageheading-campus-sub h1 {
    font-size: 1.8rem;
  }
  .pageheading-campus-sub .row {
    height: 6rem;
  }
  .pageintro-standard h1 {
    font-size: 1.66rem;
    padding-left: 3rem;
  }
  .pageintro-standard h2 {
    font-size: 2.33rem;
    padding-left: 3rem;
  }
  #dashboard #lernwelt {
    margin: 0 1rem 0 1rem;
  }
  #dashboard #lernwelt #filter {
    gap: 0;
    padding-right: 2rem;
  }
  #dashboard #lernwelt #filter .col1 {
    min-width: 100%;
  }
  #dashboard #lernwelt #filter .col2 #uhr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 5.5rem;
    width: 5.5rem;
  }
  #dashboard #lernwelt #filter .col2 #uhr .label {
    font-weight: 300;
    font-size: 0.7rem;
    line-height: 1;
  }
  #dashboard #lernwelt #filter .col2 #uhr .anzahl {
    font-size: 1.66rem;
    font-weight: 400;
  }
  #dashboard #lernwelt .grid .kategorieitem .kategoriekarte {
    min-height: 12rem;
  }
  #dashboard #lernwelt .grid .kategorieitem.expanded {
    width: 100% !important;
    margin-right: 0rem;
  }
  #dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte img {
    width: 50%;
    min-height: 12rem;
  }
  #dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte .card-body {
    padding: 1.5rem 1.5rem;
  }
  #dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte .card-body .card-title {
    font-size: 1.25rem;
  }
  #dashboard #lernwelt .grid .kategorieitem.expanded .kategoriekarte .card-body .card-text {
    font-size: 0.85rem;
  }
  #menucol {
    min-width: 18rem;
    max-width: 18rem;
    margin-left: -15rem;
  }
  #menucol .menuelement#user_profile .imgrow img {
    height: 5rem;
  }
  #menucol .menuelement#user_profile .metarow {
    padding: 1.5rem 0rem 0 0rem;
  }
  #menucol .menuelement .body {
    width: 15rem;
  }
  #hilfecenter-offcanvas {
    width: calc(100vw - 4rem);
    top: 6.8rem;
  }
  #hilfecenter-toggler {
    position: fixed;
    top: 6.8rem;
    height: 10rem;
    width: 2.33rem;
    border-top-left-radius: 0.66rem;
    border-bottom-left-radius: 0.66rem;
  }
  #hilfecenter-toggler div {
    display: none;
  }
  #hilfecenter-toggler svg {
    margin-bottom: 0rem;
    width: 1.33rem;
  }
  #page-home #homeheader .row form {
    bottom: -8rem;
    right: 50%;
    transform: translateX(50%);
    width: 90%;
  }
  #page-home .socialmedia {
    right: 3rem;
    top: 7rem;
  }
  #page-home #aktuelles h2 {
    margin-top: 7rem;
  }
  #page-home #aktuelles .carousel-flick .carousel-cell {
    width: 66%;
  }
  #page-home #footer .footerlogo {
    width: 50%;
  }
  #page-kurskategorie #kurskategorie-intro .kategoriekarte img {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    border-bottom-left-radius: 0rem;
  }
  .kursitem {
    padding: 1rem 1rem 1rem 1rem;
  }
  .kursitem .itemmeta .titel {
    font-size: 1rem;
  }
  .kursitem .indicator {
    margin-right: 0rem;
  }
}