@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;
}
/* Carousel Controls */
.carousel-control.right {
  background-color: transparent;
  background-image: none;
}

.carousel-control.left {
  background-color: transparent;
  background-image: none;
}

.navbar {
  position: relative;
  min-height: 10px;
  margin-bottom: 0px;
  border: 1px solid transparent;
}

.navbar-default {
  background-color: transparent;
  border-color: #fff;
}

.navbar-default .navbar-nav > li > a {
  color: #000;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.navbar-brand {
  float: left;
  height: 0px;
  min-height: 1px;
  padding: 15px 15px;
}

.navbar-default .navbar-brand {
  color: #111;
}

.navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
.navbar-collapse ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
.navbar-collapse ul li:last-of-type {
  border-bottom: 0px solid white !important;
}

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  background: #f6f5f3;
  color: white;
}

body.single-kurse {
  padding-bottom: 120px !important;
}

/* Freeze @1380 */
@media (min-width: 1420px) {
  /*
  	.container-fluid {
  		width: 1420px;
  	}
  */
}
#content {
  position: relative;
  background: rgb(89.7176470588%, 89.3529411765%, 88.6235294118%);
}

#toggle-burger {
  position: fixed;
  top: 1.66rem;
  right: 1rem;
  z-index: 3051;
  background: #f6f5f3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 72px;
  height: 72px;
  border-radius: 50%;
}
#toggle-burger::after {
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  background-size: 48px;
}
#toggle-burger[aria-expanded=true] {
  background-color: #0075a9;
}
#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>");
}
#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>");
}

#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: 16px 80px 8px 24px;
  position: fixed;
  z-index: 3020;
  top: 0;
  right: -33%;
  background: #e9f6fc;
  transition: 0.18s ease;
}
#sidebar.collapse.in {
  height: 100vh;
  width: 33%;
  min-height: 100vh;
  max-height: 100vh;
  right: 0;
  transform: translate(0, 0, 0);
  transition: 0.18s ease;
}
#sidebar.collapse.in a {
  display: block;
}
#sidebar.collapse.in a:hover {
  text-decoration: none;
  color: #0075a9;
}
#sidebar #staticsmenu a {
  display: inline;
  color: #777A7C;
  font-weight: 300;
}
#sidebar #staticsmenu a:not(:last-child)::after {
  content: " • ";
}
#sidebar #staticsmenu #avatar-navmenu {
  font-weight: 300;
}
#sidebar #staticsmenu #avatar-navmenu img {
  width: 72px;
  height: 72px;
  margin-bottom: 5px;
  border-radius: 50%;
}
#sidebar #staticsmenu #avatar-navmenu .name {
  font-size: 15px;
  font-size: 1.5rem;
  color: #444647;
  font-weight: 400;
}
#sidebar #staticsmenu #avatar-navmenu .lvkv {
  font-weight: 300;
  color: #777A7C;
  font-size: 15px;
  font-size: 1.5rem;
}
#sidebar #staticsmenu #loginlink, #sidebar #staticsmenu #logoutlink {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
}
#sidebar #staticsmenu #loginlink svg, #sidebar #staticsmenu #logoutlink svg {
  width: 15px;
}
#sidebar #coremenu {
  margin-top: 72px;
  margin-left: 48px;
}
#sidebar #coremenu h3 {
  color: #444647;
  font-size: 15px;
  font-size: 1.5rem;
  margin-top: 42px;
  font-weight: 400;
}
#sidebar #coremenu a {
  color: #4098bf;
  font-size: 24px;
  font-size: 2.4rem;
  transition: 0.2s all;
  margin-bottom: 10px;
  font-weight: 400;
}
#sidebar #coremenu a:hover {
  color: #0075a9;
  text-decoration: none;
}
#sidebar #marginalmenu {
  position: absolute;
  bottom: 10px;
}
#sidebar #marginalmenu a {
  display: inline;
  color: #777A7C;
}
#sidebar #marginalmenu a:not(:last-child)::after {
  content: " • ";
}

#searchresults {
  position: absolute;
  z-index: 100000;
  display: none;
  top: 40px;
  background: #f2f8fb;
  width: 25vw;
}
#searchresults #searchlist {
  background: #f2f8fb;
}
#searchresults #searchlist a {
  display: block;
  background: #f2f8fb;
  width: 100%;
  border-bottom: 2px solid white;
  padding: 10px 15px;
  line-height: 130%;
  color: #0075a9;
  transition: all 0.2s;
  text-overflow: ellipsis;
}
#searchresults #searchlist a:hover {
  text-decoration: none;
  background: rgb(90.1568627451%, 94.6862745098%, 96.8235294118%);
}

/********************************************** Custom Login Tweaks *********************************************/
#bayzbelogo {
  margin-left: 45px;
  height: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1419px) {
  #bayzbelogo {
    height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #bayzbelogo {
    height: 50px;
  }
}
#stlogo {
  margin-left: 15px;
  height: 70px;
}

@media only screen and (min-width: 992px) and (max-width: 1419px) {
  #stlogo {
    height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #stlogo {
    height: 40px;
  }
}
/********************************************** GLOBALE ELEMENTE *********************************************/
.nopadding {
  padding-left: 0;
  padding-right: 0;
}

.nopadding-right {
  padding-right: 0;
}

.nopadding-left {
  padding-left: 0;
}

a {
  font-weight: 400;
} /*IE11*/
a:active, a:focus {
  outline: none;
}

.dd {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: calc(50% - 12px);
  width: 22px;
  height: 22px;
  background-size: contain;
}

.collapsed .dd {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.alert {
  border-radius: 0;
  margin-bottom: 0;
}

.tooltip {
  z-index: 100000000000000000;
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip-inner {
  background-color: #0075a9;
  text-align: left;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #0075a9;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #0075a9;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #0075a9;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #0075a9;
}

.p-medium {
  font-size: 1.8rem;
  color: #777A7C;
  line-height: 1.5;
}

/********************************************** BAUSTELLE *********************************************/
#baustelle {
  background: rgb(75, 75, 75);
  text-align: center;
  min-height: 91vh;
}
#baustelle img {
  display: block;
  margin: 80px auto 0 auto;
}
#baustelle h1 {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #e46450;
  text-align: center;
  padding: 30px;
  margin: 60px -15px;
}
#baustelle p {
  text-align: center;
}
#baustelle p a {
  color: white;
  text-decoration: underline;
}

/********************************************** HEADER *********************************************/
#header {
  background: white;
  position: relative;
}
#header .row {
  display: flex;
  align-items: center;
  height: 90px;
}
#header .row #drklogo, #header .row #campuslogo {
  height: 50px;
}
#header .row #drklogo {
  margin-left: 35px;
}
#header .row #campuslogo {
  margin-left: 20px;
}
#header .row #campuslogo {
  max-width: 186px;
}
#header .row #kurse {
  margin-top: 0px;
  display: none;
}
#header .row #kurszipf {
  display: none;
  position: absolute;
  left: 32px;
  top: 87px;
}
#header .row #entercode {
  text-align: center;
  vertical-align: bottom;
}
#header .row #entercode .text {
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
  margin-right: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgb(130, 130, 130);
}
#header .row #entercode .submit {
  position: relative;
}
#header .row #entercode .submit .btn-submit {
  vertical-align: top;
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 11px;
  padding: 3px;
  color: rgb(130, 130, 130);
  background: none;
}
#header .row #entercode .submit .btn-submit:hover {
  background: none;
  color: #26B57E;
}
#header .row #entercode .input:before {
  content: url("../img/ui/bracket-left-md.png");
}
#header .row #entercode .input:after {
  content: url("../img/ui/bracket-right-md.png");
}
#header .row #entercode .input input {
  vertical-align: top;
  margin-top: 3px;
  width: 30px;
  height: 50px;
  line-height: 100%;
  font-size: 20px;
  font-size: 2rem;
  background: white;
  color: rgb(130, 130, 130);
  border: 0;
}
#header .row #entercode .input input:focus {
  width: 180px;
  padding: 15px;
  color: rgb(130, 130, 130);
  outline: none;
}
#header .row .aligntop {
  align-self: flex-start;
}
#header .row .aligntop #legal {
  font-size: 11px;
  font-size: 1.1rem;
  display: block;
  text-align: right;
  padding: 15px;
}
#header .row .aligntop #legal a {
  display: inline-block;
  color: rgb(130, 130, 130);
  margin-left: 5px;
}
#header .row .aligntop #logout {
  display: block;
  text-align: right;
  text-decoration: none !important;
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgb(130, 130, 130);
  background: none;
  padding: 0 15px;
}
#header .row .aligntop #logout:hover {
  background: none;
  color: #e46450;
  text-decoration: none;
}
#header .certified {
  width: 86px;
  height: 86px;
  background: white;
  display: inline-flex;
  align-items: center;
}
#header .certified img {
  display: block;
  width: 75%;
  margin: auto;
}
#header .timestatus {
  width: 76px;
  height: 76px;
  background: white;
  display: inline-flex;
  align-items: center;
  position: relative;
}
#header .timestatus img {
  display: block;
  width: 75%;
  margin: auto;
}
#header .timestatus .hrs {
  position: absolute;
  top: 0px; /*IE11*/
  color: rgb(75, 75, 75);
  font-weight: 700;
  text-align: center;
  margin-top: 7px;
  width: 100%;
}
#header .timestatus .hrs span {
  font-size: 18px;
  font-size: 1.8rem;
}
#header .timestatus .hrs {
  line-height: 76px;
}

.global-alerts {
  position: fixed;
  z-index: 2;
  top: 140px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 600px;
  width: 100%;
  overflow: auto;
  pointer-events: none;
}
.global-alerts .alert {
  margin-bottom: 15px;
  pointer-events: all;
}

/********************************************** LOGIN *********************************************/
#login {
  min-height: calc(100vh - 110px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#login .lerncampus {
  padding-right: 20px;
}
#login .row.form {
  padding-top: 15%;
}
#login #loginform .form-group {
  margin-bottom: 20px;
}
#login #loginform .btn {
  opacity: 0.9;
  color: white;
  font-weight: 700;
}
#login #loginform input.usr {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  background-color: white;
  font-size: 20px;
  font-size: 2rem;
  color: rgb(110, 110, 110);
  height: 60px;
}
#login #loginform input.usr:-webkit-autofill {
  color: rgb(130, 130, 130) !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
#login #loginform label {
  color: white;
}
#login #loginform label.full {
  background: white;
  color: #e46450;
  text-transform: uppercase;
  display: block;
  font-weight: 400;
  letter-spacing: 1px;
  padding-left: 5px;
}
#login #loginform .checkbox:not([ie8min]) label input {
  display: none;
}
#login #loginform .checkbox:not([ie8min]) label span.inputbox {
  position: absolute;
  height: 19px;
  width: 19px;
  display: inline-block;
  background: #fff;
  margin-left: -19px;
  text-align: center;
}
#login #loginform .checkbox:not([ie8min]) label input[type=checkbox]:checked + span {
  background: #26B57E;
}
#login #loginform .checkbox:not([ie8min]) label input[type=checkbox]:checked + span:after {
  font-family: "Black Tie";
  content: "\f012";
  display: block;
}
#login #loginform .checkbox:not([ie8min]) label .anmeldung {
  margin-left: 8px;
}
#login #loginform .checkbox {
  margin-top: 5px;
  margin-bottom: 5px;
}
#login #loginform .checkbox label {
  min-height: 10px;
}
#login #loginform a {
  color: white;
}
#login #loginform #forgotpwlink {
  display: block;
  padding-bottom: 5px;
  padding-left: 28px;
}
#login #loginform #forgotpwlink:focus {
  outline: none;
}
#login #loginform #forgotpwlink:before {
  position: absolute;
  left: 15px;
  content: url("../img/ui/forgotpw.png");
}
#login #loginform #registerlink {
  display: block;
  padding-bottom: 5px;
  padding-left: 28px;
}
#login #loginform #registerlink:before {
  position: absolute;
  left: 15px;
  content: url("../img/ui/register.png");
}
#login #openIntroVideo {
  position: absolute;
  top: -90px;
  right: 25%;
  width: 180px;
}
#login .lerncampus {
  max-width: 460px;
}

#customheader {
  background: white;
  position: relative;
}
#customheader .row {
  display: flex;
  align-items: center;
  height: 90px;
}
#customheader .row #logorow {
  height: 50px;
  display: flex;
}
#customheader .row #logorow img {
  margin-left: 3rem;
}
#customheader .row #legal {
  position: absolute;
  right: 2rem;
  top: 0;
  font-size: 11px;
  font-size: 1.1rem;
  display: block;
  text-align: right;
}
#customheader .row #legal a {
  display: inline-block;
  color: rgb(130, 130, 130);
  margin-left: 5px;
}

#carousel-customlogin .item img {
  min-height: calc(100vh - 110px);
  max-height: calc(100vh - 110px);
  width: 100%;
  min-width: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}

#customlogin {
  position: absolute;
  margin-top: 90px;
  width: 100%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#customlogin #loginform .form-group {
  margin-bottom: 20px;
}
#customlogin #loginform .btn {
  opacity: 0.9;
  color: white;
  font-weight: 700;
  margin-left: 0;
}
#customlogin #loginform input.usr {
  border: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  background-color: white;
  font-size: 20px;
  font-size: 2rem;
  color: rgb(110, 110, 110);
  height: 60px;
}
#customlogin #loginform input.usr:-webkit-autofill {
  color: rgb(130, 130, 130) !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
#customlogin #loginform label {
  color: white;
}
#customlogin #loginform label.full {
  background: white;
  color: #e46450;
  text-transform: uppercase;
  display: block;
  font-weight: 400;
  letter-spacing: 1px;
  padding-left: 5px;
  margin-top: -1px;
}
#customlogin #loginform .checkbox:not([ie8min]) label input {
  display: none;
}
#customlogin #loginform .checkbox:not([ie8min]) label span.inputbox {
  position: absolute;
  height: 19px;
  width: 19px;
  display: inline-block;
  background: #fff;
  margin-left: -19px;
  text-align: center;
}
#customlogin #loginform .checkbox:not([ie8min]) label input[type=checkbox]:checked + span {
  background: #26B57E;
}
#customlogin #loginform .checkbox:not([ie8min]) label input[type=checkbox]:checked + span:after {
  font-family: "Black Tie";
  content: "\f012";
  display: block;
}
#customlogin #loginform .checkbox:not([ie8min]) label .anmeldung {
  margin-left: 8px;
}
#customlogin #loginform .checkbox {
  margin-top: 5px;
  margin-bottom: 5px;
}
#customlogin #loginform .checkbox label {
  min-height: 10px;
}
#customlogin #loginform a {
  color: white;
}
#customlogin #loginform #forgotpwlink {
  display: block;
  padding-bottom: 5px;
  padding-left: 28px;
}
#customlogin #loginform #forgotpwlink:focus {
  outline: none;
}
#customlogin #loginform #forgotpwlink:before {
  position: absolute;
  left: 15px;
  content: url("../img/ui/forgotpw.png");
}
#customlogin #loginform #registerlink {
  display: block;
  padding-bottom: 5px;
  padding-left: 28px;
}
#customlogin #loginform #registerlink:before {
  position: absolute;
  left: 15px;
  content: url("../img/ui/register.png");
}
#customlogin #domain h1.lerncampus {
  font-weight: 100;
  font-size: 10rem;
  letter-spacing: -0.2rem;
  text-transform: uppercase;
  margin-top: -0.5rem;
  line-height: 1;
  padding-top: 0;
}
#customlogin #domain h1.lerncampus .zusatzzeile {
  display: block;
  font-size: 6.6rem;
  line-height: 6.6rem;
  margin-top: 0;
}
#customlogin #domain #openIntroVideo {
  position: absolute;
  top: -120px;
  right: 0;
  width: 180px;
  transform: rotate(10deg);
}
#customlogin #domain #zusatzlogos {
  height: 150px;
  display: flex;
  margin-top: 15px;
}
#customlogin #domain #zusatzlogos img {
  height: 100%;
  padding: 1.5rem;
  background: white;
  margin-right: 1.5rem;
}

/********************************************** SPALTE 1 *********************************************/
#s1 {
  background: #f6f5f3;
}
#s1 .widget-neu {
  background: #0075a9;
  color: white;
  margin-bottom: 10px;
}
#s1 .widget-neu .widget-header {
  display: table;
  padding: 15px;
}
#s1 .widget-neu .widget-header .wh-image {
  display: table-cell;
  vertical-align: middle;
}
#s1 .widget-neu .widget-header .wh-image img.profileimg {
  border: 4px solid white;
  background-color: rgb(220, 220, 220);
  width: 90px;
}
#s1 .widget-neu .widget-header .wh-image.profile {
  width: 90px;
  height: 90px;
}
#s1 .widget-neu .widget-header .wh-image.verwalten {
  background: white url("../img/ui/verwalten-icon.svg") no-repeat;
  width: 65px;
  height: 65px;
  background-size: 60%;
  background-color: white;
  background-position: center center;
}
#s1 .widget-neu .widget-header .wh-image.faq {
  background: white url("../img/ui/faq-icon.svg") no-repeat;
  width: 65px;
  height: 65px;
  background-size: 60%;
  background-color: white;
  background-position: center center;
}
#s1 .widget-neu .widget-header .wh-title {
  display: table-cell;
  vertical-align: middle;
}
#s1 .widget-neu .widget-header .wh-title h3 {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  color: white;
  margin: 0;
  margin-left: 15px;
  font-weight: 300;
  line-height: 130%;
}
#s1 .widget-neu .widget-body {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.5);
  padding: 15px;
}
#s1 .widget-neu .widget-body.list {
  padding: 0px;
  border-top: 0px solid rgb(130, 130, 130);
}
#s1 .widget-neu .widget-body.lvlogo {
  padding: 10px 20px;
}
#s1 .widget-neu .widget-body ul.adminlist {
  margin: 0;
  padding: 0 5px 5px 5px;
}
#s1 .widget-neu .widget-body ul.adminlist li {
  border-bottom: 0.1rem solid #0075a9;
}
#s1 .widget-neu .widget-body ul.adminlist li:last-of-type {
  border-bottom: 0px solid rgb(65, 65, 65);
}
#s1 .widget-neu .widget-body ul.adminlist li a {
  display: block;
  padding: 20px 0 20px 80px;
  background: rgba(255, 255, 255, 0.25);
  color: white;
  text-decoration: none;
  background-size: 56px 56px; /*IE11*/
  background-position: 15px center;
  background-repeat: no-repeat;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}
#s1 .widget-neu .widget-body ul.adminlist li a:hover, #s1 .widget-neu .widget-body ul.adminlist li a:active {
  background-color: rgba(255, 255, 255, 0.15);
}
#s1 .widget-neu .widget-body ul.adminlist li a#onlinekurse {
  background-image: url("../img/ui/verwalten/onlinekurse.svg");
}
#s1 .widget-neu .widget-body ul.adminlist li a#praesenzkurse {
  background-image: url("../img/ui/verwalten/praesenzkurse.svg");
}
#s1 .widget-neu .widget-body ul.adminlist li a#praesenzkurseNEU {
  background-image: url("../img/ui/verwalten/praesenzkurse.svg");
}
#s1 .widget-neu .widget-body ul.adminlist li a#team {
  background-image: url("../img/ui/verwalten/team.svg");
}
#s1 .widget-neu .widget-body ul.adminlist li a#zertifikate {
  background-image: url("../img/ui/verwalten/zertifikate.svg");
  background-color: #f9aa07;
}
#s1 .widget-neu .widget-body ul.adminlist li a#l5_zertifikate {
  background-image: url("../img/ui/verwalten/zertifikate.svg");
}
#s1 .widget-neu .widget-body ul.adminlist li a#reporting {
  background-image: url("../img/ui/verwalten/reporting.svg");
}
#s1 .widget-neu .widget-body ul.adminlist li a#neuerkurs {
  background-image: url("../img/ui/verwalten/kurs-neu.svg");
}
#s1 .widget-neu .widget-body #certbadge {
  display: inline-block;
  background: #e46450;
  font-weight: 700;
  padding: 0 8px;
  position: absolute;
  right: 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
#s1 .widget-neu .widget-body ul.faqlist {
  margin: 0;
  padding: 0;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.5);
}
#s1 .widget-neu .widget-body ul.faqlist li {
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.5);
}
#s1 .widget-neu .widget-body ul.faqlist li:last-of-type {
  border-bottom: 0px solid rgb(65, 65, 65);
}
#s1 .widget-neu .widget-body ul.faqlist li a {
  display: block;
  padding: 15px 30px;
  color: white;
  text-decoration: none;
}
#s1 .widget-neu .widget-body ul.faqlist li a:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
#s1 .widget-neu .widget-body.filter {
  padding: 0 0 5px 0;
}
#s1 .widget-neu .widget-body.filter h4 {
  margin: 0 5px 2px 5px;
  position: relative;
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  background: rgb(110, 110, 110);
  border-top: 5px solid rgb(65, 65, 65);
}
#s1 .widget-neu .widget-body.filter h4 .dd {
  background: url("../img/layout/einzelkurs/dd-level1.svg") no-repeat;
}
#s1 .widget-neu .widget-body.filter ul.filterlist {
  margin: 0;
  padding: 0 5px 5px 5px;
}
#s1 .widget-neu .widget-body.filter ul.filterlist li {
  border-bottom: 2px solid rgb(65, 65, 65);
}
#s1 .widget-neu .widget-body.filter ul.filterlist li:last-of-type {
  border-bottom: 0px solid rgb(65, 65, 65);
}
#s1 .widget-neu .widget-body.filter ul.filterlist li a {
  display: block;
  padding: 7px 0 7px 10px;
  background: rgb(180, 180, 180);
  color: white;
  text-decoration: none;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}
#s1 .widget-neu .widget-body.filter ul.filterlist li a:hover, #s1 .widget-neu .widget-body.filter ul.filterlist li a.active {
  background-color: #0075a9;
}
#s1 .widget-neu .widget-body.filter ul.filterlist li a {
  cursor: pointer;
}
#s1 .widget-neu .widget-body .lv-logo {
  width: 150px;
}
#s1 .widget-neu .widget-body .lv-logo.lv-BRH {
  width: 70%;
}
#s1 .widget-neu .widget-footer {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.5);
  padding: 15px;
}
#s1 .widget-neu .widget-footer .launchbutton {
  display: inline-flex;
  text-align: left;
  font-size: 11px;
  font-size: 1.1rem;
  border: 0.3rem solid rgba(255, 255, 255, 0);
  color: white;
  background: #0075a9 url("../img/ui/launchbutton.svg") no-repeat;
  background-size: 15px 15px; /*IE11*/
  padding-left: 20px;
  float: right;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}
#s1 .widget-neu .widget-footer .launchbutton:hover {
  background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
  text-decoration: none;
  border: 0.3rem solid rgb(0%, 59.7285067873%, 86.2745098039%);
}
#s1 .widget-neu .widget-footer .launchbutton:focus {
  outline: none;
  text-decoration: none;
}

/********************************************** SPALTE 2 *********************************************/
#meinekurse {
  background: #f6f5f3;
}
#meinekurse .bubbles {
  padding: 2rem;
}
#meinekurse .bubbles:after {
  content: "";
  display: block;
  clear: both;
}
#meinekurse .bubbles .stamp {
  display: inline-block;
  font-size: 3.6rem;
  letter-spacing: 0.15rem;
  color: #e46450;
  padding: 0 2rem 1.5rem 0;
  font-weight: 100;
  line-height: 120%;
}
#meinekurse .bubbles .bubble {
  display: block;
  opacity: 0.9;
  background-color: white;
  border-radius: 50%;
  padding: 10px;
  color: white;
  transition: 0.2s;
  font-size: 11px;
  font-size: 1.1rem;
}
#meinekurse .bubbles .bubble:nth-child(2n) {
  transform: rotate(12deg);
}
#meinekurse .bubbles .bubble:nth-child(3n) {
  transform: rotate(-12deg);
}
#meinekurse .bubbles .bubble:hover {
  opacity: 1;
  text-decoration: none;
  transform: scale(1.2);
}
#meinekurse .bubbles .bubble:hover .bubble-inner i {
  display: inline-block;
}
#meinekurse .bubbles .bubble:hover .bubble-inner .hrs {
  display: none;
}
#meinekurse .bubbles .bubble {
  width: 130px;
  height: 130px;
}
#meinekurse .bubbles .bubble.size-s {
  width: 130px;
  height: 130px;
  font-size: 10px;
  font-size: 1rem;
}
#meinekurse .bubbles .bubble.size-m {
  width: 150px;
  height: 150px;
  font-size: 11px;
  font-size: 1.1rem;
}
#meinekurse .bubbles .bubble.size-l {
  width: 180px;
  height: 180px;
  font-size: 13px;
  font-size: 1.3rem;
}
#meinekurse .bubbles .bubble.size-xl {
  width: 210px;
  height: 210px;
  font-size: 15px;
  font-size: 1.5rem;
}
#meinekurse .bubbles .bubble .bubble-inner {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#meinekurse .bubbles .bubble .bubble-inner .dismisscourse {
  position: absolute;
  font-size: 20px;
  width: 20px;
  height: 20px;
  top: 10%;
  display: none;
  color: rgba(255, 255, 255, 0.5);
}
#meinekurse .bubbles .bubble .bubble-inner .title {
  margin-top: -7%;
  line-height: 130%;
  padding: 10px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#meinekurse .bubbles .bubble .bubble-inner .hrs {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  color: #e46450;
  width: 30px;
  height: 30px;
  bottom: 10%;
  line-height: 30px;
  font-weight: 700;
}
#meinekurse .bubbles .bubble .bubble-inner .opencourse {
  position: absolute;
  font-size: 30px;
  width: 30px;
  height: 30px;
  bottom: 10%;
  display: none;
  color: rgba(255, 255, 255, 0.5);
}
#meinekurse .bubbles .bubble .bubble-inner .tooltip-inner {
  font-size: 11px;
  font-size: 1.1rem;
}
#meinekurse .bubbles .bubble.type-online .bubble-inner {
  background: #e46450 url("../img/ui/bubbles/online.svg") center center/contain no-repeat;
}
#meinekurse .bubbles .bubble.status-pending-1_4 {
  background: white url("../img/ui/bubbles/status-pending-1_4.svg") center center/cover no-repeat;
}
#meinekurse .bubbles .bubble.status-pending-1_2 {
  background: white url("../img/ui/bubbles/status-pending-1_2.svg") center center/cover no-repeat;
}
#meinekurse .bubbles .bubble.status-pending-3_4 {
  background: white url("../img/ui/bubbles/status-pending-3_4.svg") center center/cover no-repeat;
}
#meinekurse .bubbles .bubble.status-in-approval {
  background-color: #f9aa07;
}
#meinekurse .bubbles .bubble.status-done .bubble-inner {
  background-color: #26B57E;
}
#meinekurse .bubbles .bubble.status-done .bubble-inner .hrs {
  color: #26B57E;
  border-radius: 0;
  background: url("../img/ui/bubbles/cert.svg") top left/contain no-repeat;
  width: 30px;
  height: 38px;
  bottom: 10%;
  display: inline-block;
}
#meinekurse .bubbles .bubble.type-presence {
  background: #4098bf;
}
#meinekurse .bubbles .bubble.type-presence .bubble-inner {
  background: rgb(65, 65, 65) url("../img/ui/bubbles/presence.svg") center center/contain no-repeat;
}
#meinekurse .bubbles .bubble.type-presence .bubble-inner .hrs {
  color: rgb(75, 75, 75);
}

#s2 {
  border-right: 10px solid white;
  border-collapse: collapse;
  background: #f6f5f3;
  /****** Resonator ******/
}
#s2 #shoplist .row {
  background: #f6f5f3;
}
#s2 #shoplist .row h3 {
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  margin: 0 0 0 20px;
  padding-top: 30px;
  padding-bottom: 15px;
  font-weight: 300;
  line-height: 120%;
}
#s2 #resonator .row {
  background: #f6f5f3;
}
#s2 #resonator .infograph {
  border-top: 2px solid #26B57E;
  padding-top: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#s2 #resonator .infograph .global {
  position: absolute;
  width: 100%;
  z-index: 99;
  text-align: center;
  font-size: 90px;
  font-size: 9rem;
  line-height: 100%;
  font-weight: 100;
  margin-top: 20%;
  color: rgb(65, 65, 65);
}
#s2 #resonator .infograph .global span {
  font-weight: 400;
}
#s2 #resonator .infograph .global {
  pointer-events: none;
}
#s2 #resonator .infograph .hrs {
  font-size: 11px;
  font-size: 1.1rem;
  color: rgb(65, 65, 65);
  line-height: 100%;
  text-align: right;
  vertical-align: bottom;
}
#s2 #resonator .infograph .hrs div {
  height: 12px;
}
#s2 #resonator .infograph .hrs { /* 1 hour */
  float: left;
  clear: both;
}
#s2 #resonator .infograph .bars {
  margin-left: 20px;
}
#s2 #resonator .infograph .bars .bar {
  border-top: 2px solid #f6f5f3;
  cursor: pointer;
  color: rgb(65, 65, 65);
}
#s2 #resonator .infograph .bars .bar div {
  padding: 2px 15px 0px 15px;
  padding-top: 2px;
  font-size: 11px;
  font-size: 1.1rem;
  display: none;
}
#s2 #resonator .infograph .bars .bar:hover div {
  display: block;
}
#s2 #resonator .infograph .bars .bar.done {
  background-color: #26B57E;
}
#s2 #resonator .infograph .bars .bar.pending {
  background-color: #C4C8CC;
}
#s2 #resonator .infograph .bars .bar.approval {
  background-color: #f9aa07;
}
#s2 #resonator .stats {
  margin-top: 20px;
}
#s2 #resonator .stats .col1 .element {
  text-align: center;
  padding-top: 17px;
  margin-bottom: 2px;
  height: 121px;
  background-size: 48px 48px;
  color: rgb(65, 65, 65);
}
#s2 #resonator .stats .col1 .element .num {
  display: inline-block;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 160%;
  width: 50px;
  height: 50px;
  font-weight: 400;
  color: white;
  margin-bottom: 21px;
  margin-left: 1px;
}
#s2 #resonator .stats .col1 .element .lab {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 120%;
}
#s2 #resonator .stats .col1 .element.done .num {
  background: #C4C8CC;
  margin-bottom: 5px;
  margin-top: 14px;
  padding-top: 3px;
}
#s2 #resonator .stats .col1 .element.approved {
  background: url("../img/ui/stats-zertifikat-gruen.svg") center 12px no-repeat;
  background-size: 54px 68px; /*IE11*/
}
#s2 #resonator .stats .col1 .element.approved .num {
  color: #26B57E;
  font-weight: 400;
}
#s2 #resonator .stats .col1 .element.in-approval {
  background: url("../img/ui/stats-zertifikat-orange.svg") center 12px no-repeat;
  background-size: 54px 68px; /*IE11*/
  font-weight: 400;
}
#s2 #resonator .stats .col1 .element.in-approval .num {
  color: #f9aa07;
  font-weight: 400;
}
#s2 {
  /****** Statistik für Level 3 und 5  ******/
}
#s2 #statistics .row {
  background: rgb(65, 65, 65);
}
#s2 #statistics .row h3 {
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  margin: 0;
  padding-top: 30px;
  padding-bottom: 15px;
  font-weight: 300;
  line-height: 120%;
}
#s2 #statistics .row h4 {
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  padding-top: 15px;
  font-weight: 400;
}
#s2 #statistics .row .statarea {
  margin-right: 5px;
}
#s2 #statistics .row .statarea.selects {
  padding-top: 30px;
}
#s2 #statistics .row .statarea .statitem {
  display: flex;
  margin-bottom: 2px;
  background: rgb(75, 75, 75);
}
#s2 #statistics .row .statarea .statitem > div {
  display: flex;
  height: 30px;
  align-items: center;
}
#s2 #statistics .row .statarea .statitem .statnumber {
  font-weight: 500;
  width: 50px;
  background: rgb(130, 130, 130);
  justify-content: center;
}
#s2 #statistics .row .statarea .statitem .statlabel {
  margin-left: 10px;
  font-size: 11px;
  font-size: 1.1rem;
}
#s2 #statistics .row.userstats {
  border-top: 1px solid rgb(130, 130, 130);
}
#s2 {
  /****** Service-Band ******/
}
#s2 #services .row {
  background: white;
}
#s2 #services ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  margin: 0px;
  padding: 25px 0;
}
#s2 #services ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  height: 56px;
  line-height: 120%;
  background-size: contain;
  color: #777A7C;
  transition: all 0.2s;
}
#s2 #services ul li.serviceitem.linked:hover {
  color: #0075a9;
  cursor: pointer;
}
#s2 #services ul li.serviceitem:before {
  font-family: "Black Tie";
  font-weight: 900;
  font-size: 56px;
  font-size: 5.6rem;
  color: #C4C8CC;
  margin-right: 10px;
}
#s2 #services ul li.serviceitem:hover:before {
  color: #4098bf;
}
#s2 #services ul li.serviceitem#certstotal:before {
  content: "\f013";
}
#s2 #services ul li.serviceitem#hourstotal:before {
  content: "\f00e";
}
#s2 #services ul li.serviceitem#knowledgebase:before {
  content: "\f02e";
}
#s2 #services ul li.serviceitem#contactsupport:before {
  content: "\f009";
}
#s2 #services ul li.serviceitem#tutorial:before {
  content: "\f07b";
}
#s2 #services ul li#eref {
  padding-left: 60px;
  opacity: 0.5;
}
#s2 #services ul li#eref.inactive {
  opacity: 0.5;
  background: url("../img/ui/icon-eref-inactive.png") left center no-repeat;
}
#s2 #services ul li#eref.active {
  opacity: 1;
  background: url("../img/ui/icon-eref.png") left center no-repeat;
}
#s2 {
  /****** Motivator ******/
}
#s2 #motivator .row {
  background: #4098bf;
  padding: 50px 0 10px 0;
}
#s2 #motivator ul li {
  display: none;
}
#s2 #motivator ul li.show {
  display: table;
  width: 100%;
}
#s2 #motivator ul li {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
}
#s2 #motivator ul li div.img {
  width: 23%;
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
}
#s2 #motivator ul li div.txt {
  padding-left: 15px;
  width: 77%;
  display: table-cell;
  vertical-align: middle;
}
#s2 #motivator ul li div.txt em {
  text-transform: uppercase;
  font-style: normal;
}
#s2 #motivator ul li div.txt a {
  color: white;
  text-decoration: underline;
}
#s2 {
  /****** Blog  ******/
}
#s2 #blog .row {
  background: white;
}
#s2 #blog h3 {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.1rem;
  color: #e46450;
  margin: 0;
  padding-top: 30px;
  padding-bottom: 5px;
  font-weight: 100;
  line-height: 120%;
}
#s2 #blog h3 .btn-edit {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  text-transform: none;
  margin-top: -12px;
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
  color: white;
  background: #0075a9 url("../img/ui/editmessage.svg") no-repeat;
  background-size: 18px 18px; /*IE11*/
  padding: 0px 10px 0px 30px;
  border: 5px solid #0075a9;
  letter-spacing: 0px;
}
#s2 #blog h3 .btn-edit:hover {
  background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
  border: 5px solid rgb(0%, 59.7285067873%, 86.2745098039%);
}
#s2 #blog .entry {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(65, 65, 65);
}
#s2 #blog .entry.even {
  background-color: rgb(235, 235, 235);
}
#s2 #blog .entry.odd {
  background-color: rgb(220, 220, 220);
}
#s2 #blog .entry .thedate {
  position: absolute;
  right: 15px;
  top: 0px;
  width: 60px;
  height: 60px;
  background: url("../img/ui/calendar.png") no-repeat;
  padding-top: 18px;
}
#s2 #blog .entry .thedate span {
  text-align: center;
  display: block;
  color: white;
  line-height: 100%;
}
#s2 #blog .entry .thedate span.day {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
#s2 #blog .entry .thedate span.month {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
}
#s2 #blog .entry h4 {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin: 7px 100px 10px 0;
  padding-bottom: 10px;
  letter-spacing: 1px;
}
#s2 #blog .entry h5 {
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin: 0;
}
#s2 #blog .entry .bubble:after {
  content: url("../img/ui/zipf-blog.png");
  position: absolute;
  bottom: 12px;
  right: 6px;
  z-index: 99;
  width: 26px;
  height: 24px;
}
#s2 #blog .entry .bubble img {
  width: 100px;
  border: 4px solid white;
  background: rgb(220, 220, 220);
}
#s2 #blog .entry .buttons {
  margin-top: 15px;
  text-align: right;
}
#s2 #blog .entry .buttons .btn {
  display: inline-flex;
  height: 30px;
  text-align: left;
  font-size: 11px;
  font-size: 1.1rem;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  color: white;
}
#s2 #blog .entry .buttons .btn.btn-read-open {
  background: #f9aa07;
}
#s2 #blog .entry .buttons .btn.btn-read-open:hover {
  background-color: #26B57E;
}
#s2 #blog .entry .buttons .btn.btn-read-open i {
  color: #e46450;
  margin-left: -5px;
}
#s2 #blog .entry .buttons .btn.btn-read-open i:after {
  font-family: "Roboto";
  font-weight: 500;
  content: "Gelesen?";
  color: white;
  margin-left: 5px;
}
#s2 #blog .entry .buttons .btn.btn-read {
  color: white;
  background: #26B57E;
}
#s2 #blog .entry .buttons .btn.btn-read i {
  margin-left: -5px;
  color: #26B57E;
}
#s2 #blog .entry .buttons .btn.btn-read i:after {
  font-family: "Roboto";
  font-weight: 500;
  content: "Gelesen!";
  color: white;
  margin-left: 5px;
}
#s2 #blog .entry .buttons .btn.btn-email {
  color: rgb(65, 65, 65);
  margin-right: 10px;
}
#s2 #blog .entry .buttons .btn.btn-email:hover {
  background-color: rgb(180, 180, 180);
}
#s2 #blog .entry .buttons .btn.btn-email i {
  margin-right: 4px;
}
#s2 #blog .lesebestaetigung {
  color: rgb(65, 65, 65);
  padding-bottom: 10px;
}
#s2 #blog .lesebestaetigung li {
  display: block;
  padding: 5px 15px 5px 28%;
  margin: 0px;
  font-weight: 600;
  color: rgb(65, 65, 65);
  border-bottom: 1px solid rgb(110, 110, 110);
}
#s2 #blog .lesebestaetigung li i {
  color: #e46450;
  margin-left: 10px;
  margin-top: 2px;
  float: right;
  font-weight: 900;
}
#s2 #blog .lesebestaetigung li:hover {
  text-decoration: none;
}
#s2 #blog .lesebestaetigung li:last-of-type {
  border: none;
}
#s2 #blog .lesebestaetigung li.read {
  font-weight: 400;
}
#s2 #blog .lesebestaetigung li.read i {
  color: #26B57E;
}
#s2 #blog .lesebestaetigung.even {
  background-color: rgb(235, 235, 235);
}
#s2 #blog .lesebestaetigung.odd {
  background-color: rgb(220, 220, 220);
}
#s2 #blog .lesebestaetigung a {
  display: block;
  text-align: right;
  color: rgb(65, 65, 65);
  padding-right: 40px;
  position: relative;
  text-decoration: none;
}
#s2 #blog .lesebestaetigung .dd {
  background: url("../img/layout/einzelkurs/dd-level2.svg") no-repeat;
}
#s2 #blog .pagination-area {
  background-color: #777A7C;
  text-align: center;
}
#s2 #blog .pagination-area .pagination {
  margin: 15px auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
#s2 #blog .pagination-area .pagination li a {
  background: #777A7C;
  color: white;
}
#s2 #blog .pagination-area .pagination li .current {
  background: #0075a9;
  color: white;
}

/********************************************** SPALTE 3 *********************************************/
#s3 {
  background: white;
  padding: 0;
}
#s3 #kursspalte .section:not(:first-of-type) {
  margin-top: 20px;
}
#s3 #kursspalte h3, #s3 #kursspalte h4, #s3 #kursspalte h5, #s3 #kursspalte .collapse {
  padding: 0;
  margin: 0;
  color: white;
  line-height: 130%;
}
#s3 #kursspalte h3 {
  padding: 0px 5px 10px 0px;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.1rem;
  font-weight: 100;
  color: #e46450;
  position: relative;
}
#s3 #kursspalte h4 {
  padding: 10px 15px;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  font-weight: 300;
  background: #4098bf;
  border-top: 5px solid white;
  position: relative;
}
#s3 #kursspalte h4 .dd {
  background: url("../img/layout/einzelkurs/dd-level1.svg") no-repeat;
}
#s3 #kursspalte h4[aria-expanded=true]::before {
  content: "";
  border-top: 0.65rem solid #4098bf;
  position: absolute;
  bottom: -0.55rem;
  border-left: 0.65rem solid transparent;
  left: 0;
}
#s3 #kursspalte h5 {
  position: relative;
  margin-left: 7px;
  padding: 10px 15px;
  background: #cce3ee;
  font-size: 15px;
  font-size: 1.5rem;
  color: #0075a9;
  font-weight: 300;
  border-top: 0.1rem solid white;
}
#s3 #kursspalte h5:first-of-type {
  border-top: 0px solid rgb(75, 75, 75);
}
#s3 #kursspalte h5 {
  border-bottom: 0.1rem solid white;
}
#s3 #kursspalte h5 + .collapse {
  border-bottom: 5px solid white;
}
#s3 #kursspalte h5 .dd {
  background: url("../img/layout/einzelkurs/dd-level2.svg") no-repeat;
}
#s3 #kursspalte ul {
  padding: 0;
  margin: 0;
}
#s3 #kursspalte ul li {
  border-top: 0.1rem solid white;
}
#s3 #kursspalte ul li:first-of-type {
  border-top: 0.2px solid white;
}
#s3 #kursspalte ul li {
  padding: 0;
  margin: 0 0 0 7px;
  position: relative;
}
#s3 #kursspalte ul li .category, #s3 #kursspalte ul li .termin, #s3 #kursspalte ul li .prozess {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  padding: 2px 15px;
  background: #cce3ee;
  color: #0075a9;
  font-weight: 300;
}
#s3 #kursspalte ul li .prozess {
  background: #f9aa07;
  color: rgb(65, 65, 65);
}
#s3 #kursspalte ul li .prozess.closed {
  background: #cce3ee;
  color: #0075a9;
}
#s3 #kursspalte ul li .rating {
  z-index: 99;
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 0px;
  right: 43px;
  height: 15px;
  cursor: pointer;
  font-size: 10px;
  font-size: 1rem;
}
#s3 #kursspalte ul li .rating .bt-star {
  color: rgb(180, 180, 180);
}
#s3 #kursspalte ul li .rating .active {
  color: #f9aa07;
}
#s3 #kursspalte ul li > a, #s3 #kursspalte ul li .kursitem {
  display: block;
  position: relative;
  background: #f2f8fb;
  padding: 10px 15px;
  padding-right: 100px;
  line-height: 130%;
  color: #0075a9;
  transition: all 0.2s;
}
#s3 #kursspalte ul li > a > a, #s3 #kursspalte ul li .kursitem > a {
  color: #0075a9;
}
#s3 #kursspalte ul li > a:hover, #s3 #kursspalte ul li .kursitem:hover {
  text-decoration: none;
  background: rgb(90.1568627451%, 94.6862745098%, 96.8235294118%);
}
#s3 #kursspalte ul li > a .mainstatus, #s3 #kursspalte ul li .kursitem .mainstatus {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  position: absolute;
  font-family: "Roboto Condensed";
  right: 10px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 24px;
  height: 28px;
  padding-top: 3px;
  background: url("../img/layout/einzelkurs/mainstatus.svg") no-repeat;
  background-size: contain;
  color: rgb(110, 110, 110);
}
#s3 #kursspalte ul li > a .mainstatus.mainstatus-empty, #s3 #kursspalte ul li .kursitem .mainstatus.mainstatus-empty {
  background: url("../img/layout/einzelkurs/mainstatus-empty.svg") no-repeat;
}
#s3 #kursspalte ul li > a .mainstatus.mainstatus-1_4, #s3 #kursspalte ul li .kursitem .mainstatus.mainstatus-1_4 {
  background: url("../img/layout/einzelkurs/mainstatus-1_4.svg") no-repeat;
}
#s3 #kursspalte ul li > a .mainstatus.mainstatus-1_2, #s3 #kursspalte ul li .kursitem .mainstatus.mainstatus-1_2 {
  background: url("../img/layout/einzelkurs/mainstatus-1_2.svg") no-repeat;
}
#s3 #kursspalte ul li > a .mainstatus.mainstatus-3_4, #s3 #kursspalte ul li .kursitem .mainstatus.mainstatus-3_4 {
  background: url("../img/layout/einzelkurs/mainstatus-3_4.svg") no-repeat;
}
#s3 #kursspalte ul li > a .mainstatus.mainstatus-done, #s3 #kursspalte ul li .kursitem .mainstatus.mainstatus-done {
  background: url("../img/layout/einzelkurs/mainstatus-done.svg") no-repeat;
  color: #26B57E;
}
#s3 #kursspalte ul li > a .dismisscourse, #s3 #kursspalte ul li .kursitem .dismisscourse {
  position: absolute;
  z-index: 99;
  margin: auto;
  top: 0px;
  bottom: 0px;
  right: 43px;
  color: rgb(220, 220, 220);
  cursor: pointer;
  font-size: 22px;
  font-size: 2.2rem;
  height: 22px;
}
#s3 #kursspalte ul li > a .certified, #s3 #kursspalte ul li .kursitem .certified {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 36px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 28px;
  height: 30px;
  padding-top: 3px;
  background: url("../img/layout/einzelkurs/zertifiziert.svg") no-repeat;
  background-size: contain;
}
#s3 #kursspalte ul li > a .book, #s3 #kursspalte ul li .kursitem .book {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 42px;
  top: 8px;
  width: 24px;
  height: 26px;
  padding-top: 3px;
  background: url("../img/layout/einzelkurs/buchen.svg") no-repeat;
  background-size: contain;
}
#s3 #kursspalte ul li .kursitem:hover {
  text-decoration: none;
  background: rgb(235, 235, 235);
}
#s3 #kursspalte #collapseBegonnen .rating {
  z-index: 99;
  position: absolute;
  margin: auto;
  margin-top: 10px;
  top: 0px;
  bottom: 0px;
  right: 69px;
  height: 15px;
  cursor: pointer;
}
#s3 #kursspalte .kalenderbutton {
  display: flex;
  align-items: center;
  height: 60px;
  justify-content: center;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  background: #0075a9 url("../img/layout/einzelkurs/veranstaltungskalender.svg") 10px 0px no-repeat;
  background-size: 36px 55px; /*IE11*/
  color: white;
}
#s3 #kursspalte .kalenderbutton:hover {
  text-decoration: none;
  background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
}
#s3 #kursspalte .kalenderbutton:focus {
  text-decoration: none;
}
#s3 #kursspalte .kursupload {
  display: flex;
  align-items: center;
  height: 60px;
  justify-content: center;
  border-top: 5px solid white;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  background: #0075a9 url("../img/layout/einzelkurs/zertifikat-einreichen.svg") 10px 0px no-repeat;
  background-size: 36px 55px; /*IE11*/
  color: white;
}
#s3 #kursspalte .kursupload:hover {
  text-decoration: none;
  background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
}
#s3 #kursspalte .kursupload:focus {
  text-decoration: none;
}
#s3 #kursspalte #select_the_year {
  display: inline-flex;
  margin-left: auto;
}
#s3 #kursspalte .bilanz {
  display: flex;
  align-items: center;
  height: 60px;
  justify-content: center;
  border-top: 5px solid white;
  border-bottom: 10px solid white;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
}
#s3 #kursspalte .bilanz.done {
  background: #26B57E;
}
#s3 #kursspalte .bilanz.pending {
  background: #f9aa07;
}
#s3 #kursspalte .bilanz.empty {
  background: #e46450;
}

/***************************************************************************************************/
/********************************************** MODALS *********************************************/
/***************************************************************************************************/
.modal {
  /* Allgemein */
}
.modal .modal-dialog {
  width: 80%;
  margin-top: 110px;
}
.modal .modal-dialog .fileupload {
  color: white;
  padding: 10px 15px;
  background: #0075a9;
  cursor: pointer;
  margin: 20px 0 20px 0;
}
.modal .modal-dialog .fileupload:hover {
  background: rgb(0%, 59.7285067873%, 86.2745098039%);
}
.modal .modal-dialog .modal-content {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.modal .modal-dialog .modal-content .modal-header {
  background: #e46450;
  color: white;
  max-height: 55px; /*IE11*/
}
.modal .modal-dialog .modal-content .modal-header .close {
  width: 24px;
  opacity: 0.8;
}
.modal .modal-dialog .modal-content .modal-header .close:hover {
  opacity: 1;
}
.modal .modal-dialog .modal-content .modal-header .modal-label {
  position: absolute;
  z-index: 999;
  border: 12px solid #e46450;
  margin-top: -68px;
  right: 30px;
  width: 160px;
  height: 160px;
  background-size: 80px;
  background-position: center;
  background-color: white;
  background-repeat: no-repeat;
}
.modal .modal-dialog .modal-content .modal-header .modal-label.profil-icon {
  background-image: url("../img/ui/icon-profil.svg");
}
.modal .modal-dialog .modal-content .modal-header .modal-label.faq-icon {
  background-image: url("../img/ui/faq-icon.svg");
}
.modal .modal-dialog .modal-content .modal-header .modal-label.verwalten-icon {
  background-image: url("../img/ui/verwalten-icon.svg");
}
.modal .modal-dialog .modal-content .modal-header .modal-label.nachrichten-icon {
  background-image: url("../img/ui/nachrichten-icon.svg");
}
.modal .modal-dialog .modal-content .modal-header .modal-label.einreichen-icon {
  background-image: url("../img/ui/einreichen-icon.svg");
}
.modal .modal-dialog .modal-content .modal-header .modal-label:before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 136px;
  height: 136px;
  font-family: "Black Tie";
  font-weight: 300;
  color: rgb(65, 65, 65);
  font-size: 80px;
  font-size: 8rem;
  line-height: 100%;
}
.modal .modal-dialog .modal-content .modal-header .modal-label.knowledgebase-icon:before {
  content: "\f02e";
}
.modal .modal-dialog .modal-content .modal-header .modal-label.support-icon:before {
  content: "\f009";
}
.modal .modal-dialog .modal-content .modal-header .modal-label.video-icon:before {
  content: "\f07b";
}
.modal .modal-dialog .modal-content .modal-header .modal-label.privacy-icon:before {
  content: "\f067";
}
.modal .modal-dialog .modal-content .modal-header .modal-label.imprint-icon:before {
  content: "\f0b1";
}
.modal .modal-dialog .modal-content .modal-header .modal-label.rating-icon:before {
  content: "\f048";
}
.modal .modal-dialog .modal-content .modal-header .modal-label.cart-icon:before {
  content: "\f01a";
}
.modal .modal-dialog .modal-content .modal-header h4 {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
}
.modal .modal-dialog .modal-content .modal-body {
  background: rgb(235, 235, 235);
  color: rgb(75, 75, 75);
  padding-top: 70px;
  padding-bottom: 20px;
}
.modal .modal-dialog .modal-content .modal-body h3 {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #e46450;
  margin-top: 30px;
}
.modal .modal-dialog .modal-content .modal-body h3:first-of-type {
  margin-top: 0px;
}
.modal .modal-dialog .modal-content .modal-body h3 {
  letter-spacing: 1px;
  line-height: 130%;
}
.modal .modal-dialog .modal-content .modal-body label {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  text-align: left;
}
.modal .modal-dialog .modal-content .modal-body label.radio {
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0px;
}
.modal .modal-dialog .modal-content .modal-body input, .modal .modal-dialog .modal-content .modal-body textarea {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
}
.modal .modal-dialog .modal-content .modal-body .input-group-addon {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  background: rgb(180, 180, 180);
}
.modal .modal-dialog .modal-content .modal-body .input-group-addon .changerequest {
  color: white;
  font-size: 11px;
  font-size: 1.1rem;
}
.modal .modal-dialog .modal-content .modal-body textarea {
  width: 100%;
}
.modal .modal-dialog .modal-content .modal-body .panel-group .panel {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
.modal .modal-dialog .modal-content .modal-body .panel-group .panel .panel-heading {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: none;
  position: relative;
  cursor: pointer;
  color: white;
  background: rgb(130, 130, 130);
  min-height: 40px;
}
.modal .modal-dialog .modal-content .modal-body .panel-group .panel .panel-heading .dd {
  background: url("../img/layout/einzelkurs/dd-level1.svg") no-repeat;
}
.modal .modal-dialog .modal-content .modal-body .panel-group .panel .panel-heading.active i.fa-caret-down {
  color: white;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.modal .modal-dialog .modal-content .modal-body .panel-group .panel .panel-body {
  background-color: white;
}
.modal .modal-dialog .modal-content .modal-footer {
  background: rgb(220, 220, 220);
  padding-top: 20px;
  padding-bottom: 20px;
}
.modal {
  /**************** Impressum und Datenschutz ****************/
}
.modal#theImprintModal h3:not(:first-of-type), .modal#thePrivacyModal h3:not(:first-of-type) {
  margin-top: 40px;
  margin-bottom: 20px;
}
.modal#theImprintModal .modal-body, .modal#thePrivacyModal .modal-body {
  padding-bottom: 100px;
}
.modal#theImprintModal .modal-body h4, .modal#thePrivacyModal .modal-body h4 {
  font-size: 14px;
  font-size: 1.4rem;
}
.modal#theImprintModal .modal-body .supportcontent, .modal#thePrivacyModal .modal-body .supportcontent {
  padding: 10px;
  background: white;
}
.modal#theImprintModal .modal-body .supportcontent .meetingrooms, .modal#thePrivacyModal .modal-body .supportcontent .meetingrooms {
  display: flex;
}
.modal#theImprintModal .modal-body .supportcontent .meetingrooms .submitbtn, .modal#thePrivacyModal .modal-body .supportcontent .meetingrooms .submitbtn {
  width: 48%;
}
.modal#theImprintModal .modal-body .knowledgelist, .modal#thePrivacyModal .modal-body .knowledgelist {
  padding: 10px;
  background: white;
}
.modal#theImprintModal .modal-body .knowledgelist p, .modal#thePrivacyModal .modal-body .knowledgelist p {
  margin-bottom: 30px;
}
.modal#theImprintModal .modal-body .knowledgelist ul, .modal#thePrivacyModal .modal-body .knowledgelist ul {
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.modal#theImprintModal .modal-body .knowledgelist ul li, .modal#thePrivacyModal .modal-body .knowledgelist ul li {
  margin-bottom: 5px;
  min-height: 60px;
}
.modal#theImprintModal .modal-body .knowledgelist ul li a, .modal#thePrivacyModal .modal-body .knowledgelist ul li a {
  display: block;
  padding: 10px;
  border: 3px solid rgb(235, 235, 235);
  text-decoration: none;
  font-weight: 500;
  color: black;
}
.modal#theImprintModal .modal-body .knowledgelist ul li a:before, .modal#thePrivacyModal .modal-body .knowledgelist ul li a:before {
  display: inline-block;
  width: 30px;
  font-family: "Black Tie";
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
  vertical-align: middle;
  color: rgb(220, 220, 220);
}
.modal#theImprintModal .modal-body .knowledgelist ul li a.datei:before, .modal#thePrivacyModal .modal-body .knowledgelist ul li a.datei:before {
  content: "\f02a";
}
.modal#theImprintModal .modal-body .knowledgelist ul li a.video:before, .modal#thePrivacyModal .modal-body .knowledgelist ul li a.video:before {
  content: "\f052";
}
.modal#theImprintModal .modal-body .knowledgelist ul li a.link:before, .modal#thePrivacyModal .modal-body .knowledgelist ul li a.link:before {
  content: "\f0b0";
}
.modal#theImprintModal .modal-body .knowledgelist ul li a:hover, .modal#thePrivacyModal .modal-body .knowledgelist ul li a:hover {
  background-color: rgb(235, 235, 235);
}
.modal {
  /**************** Trailer ****************/
}
.modal[id^=theTrailerModal][id*=theTrailerModal] .modal-body {
  padding-top: 0px;
  padding-bottom: 0px;
}
.modal {
  /**************** Introvideo ****************/
}
.modal#theIntroVideoModal .modal-body {
  padding-top: 0px;
  padding-bottom: 0px;
}
.modal {
  /**************** Profil ****************/
}
.modal#theProfileModal .rotator {
  position: absolute;
  z-index: 9999;
  right: 50px;
  margin-top: 60px;
  display: block;
}
.modal#theProfileModal .rotator .bt-circle {
  color: #0075a9;
}
.modal#theProfileModal .delete-profile-picture {
  position: absolute;
  z-index: 9999;
  right: 135px;
  margin-top: 60px;
  display: block;
}
.modal#theProfileModal .delete-profile-picture .bt-circle {
  color: #0075a9;
}
.modal#theProfileModal #changepw {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  background: rgb(75, 75, 75);
  border: 8px solid white;
  margin-bottom: 20px;
  height: 90px;
  width: 90px;
}
.modal#theProfileModal #changepw i {
  color: white;
  font-size: 48px;
  font-size: 4.8rem;
}
.modal#theProfileModal .submitbtn.warn {
  border: 3px solid white;
  padding: 10px;
  height: auto;
  background: rgb(75, 75, 75);
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}
.modal#theProfileModal .submitbtn.warn:hover {
  background: #e46450;
}
.modal {
  /****************  Team ****************/
}
.modal#theMemberModal #topExport {
  position: absolute;
  right: 40px;
}
.modal#theMemberModal .filter {
  margin-top: 10px;
}
.modal#theMemberModal .search {
  margin-top: 15px;
}
.modal#theMemberModal .search #searchmode .input-group-addon {
  background: white;
}
.modal#theMemberModal .search #searchmode .input-group-addon i {
  color: rgb(180, 180, 180);
  font-size: 18px;
  font-size: 1.8rem;
}
.modal#theMemberModal .search #searchfield {
  border: 1px solid rgb(180, 180, 180);
  height: 40px;
}
.modal#theMemberModal .paginationnav {
  text-align: center;
}
.modal#theMemberModal #accordion-members {
  margin-top: 20px;
}
.modal#theMemberModal #accordion-members .panel {
  margin-bottom: 5px;
}
.modal#theMemberModal #accordion-members .panel .panel-heading {
  display: table;
  width: 100%;
  padding: 0;
  height: 85px;
  min-height: 85px;
  background-color: rgb(220, 220, 220);
  color: rgb(65, 65, 65);
}
.modal#theMemberModal #accordion-members .panel .panel-heading img {
  position: absolute;
  width: 75px;
  top: 5px;
  left: 5px;
  z-index: 999;
  border: 5px solid white;
}
.modal#theMemberModal #accordion-members .panel .panel-heading img.has-certificate {
  border-color: #f9aa07;
}
.modal#theMemberModal #accordion-members .panel .panel-heading img {
  background: rgb(180, 180, 180);
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 15px;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo {
  width: 65%;
  padding-left: 90px;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .base a {
  color: #0075a9;
  margin-left: 5px;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .base .title {
  font-weight: 600;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .base .activity {
  display: inline-block;
  color: white;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 100%;
  padding: 3px 5px;
  margin-left: 5px;
  letter-spacing: 1px;
  font-weight: 400;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .base .activity.active {
  background: #0075a9;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .base .activity.active:after {
  content: "Aktiv";
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .base .activity.process {
  background: #f9aa07;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .base .activity.process:after {
  content: "Abbrechen";
  color: black;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .base .activity.inactive {
  background: #e46450;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .groups {
  display: inline-block;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .groups .select2-selection__choice {
  color: rgb(110, 110, 110);
  font-size: 13px;
  font-size: 1.3rem;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .groups .select2-container--default .select2-selection--multiple {
  background-color: rgb(235, 235, 235);
  display: inline-block;
  min-width: 125px;
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 5px;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.persinfo .groups .select2-container--default.select2-container--focus .select2-selection--multiple {
  background-color: white;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.hrs {
  color: white;
  width: 35%;
  text-align: left;
  cursor: pointer;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.hrs-done {
  background: #26B57E;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.hrs-pending {
  background: rgb(110, 110, 110);
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.hrs-alert {
  background: #e46450;
}
.modal#theMemberModal #accordion-members .panel .panel-heading > div.has-certificate {
  background: #f9aa07;
}
.modal#theMemberModal #accordion-members .panel-body {
  margin: 0;
  padding: 0;
  border: 0;
}
.modal#theMemberModal #accordion-members .panel-body .dismiss {
  display: none;
}
.modal#theMemberModal #accordion-members .panel-body .dismiss.checkbox.show {
  display: inline-block !important;
  margin-right: 10px;
  margin-top: 5px;
}
.modal#theMemberModal #accordion-members .panel-body .dismiss.show {
  display: block;
}
.modal#theMemberModal #accordion-members .panel-body .dismiss .inputbox {
  border: 1px solid rgb(75, 75, 75);
}
.modal#theMemberModal #accordion-members .panel-body ul {
  margin-bottom: 0px;
}
.modal#theMemberModal #accordion-members .panel-body li {
  display: table;
  width: 100%;
  background: white;
  color: rgb(65, 65, 65);
}
.modal#theMemberModal #accordion-members .panel-body li.dismissalert, .modal#theMemberModal #accordion-members .panel-body li.dismissbutton {
  padding: 15px;
  background: rgb(98.5919407133%, 80.0524934383%, 41.8002161495%);
}
.modal#theMemberModal #accordion-members .panel-body li > div {
  border-bottom: 1px solid rgb(235, 235, 235);
  display: table-cell;
  vertical-align: middle;
  padding: 5px 15px;
  font-weight: 500;
}
.modal#theMemberModal #accordion-members .panel-body li > div.kurs {
  width: 65%;
}
.modal#theMemberModal #accordion-members .panel-body li > div.kurs input {
  width: 80%;
  display: inline-block;
}
.modal#theMemberModal #accordion-members .panel-body li > div.kurs .status {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  padding: 2px;
}
.modal#theMemberModal #accordion-members .panel-body li > div.kurs .status > div {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}
.modal#theMemberModal #accordion-members .panel-body li > div.kurs .status > div.pending-empty {
  background-image: url("../img/layout/einzelkurs/mainstatus-empty.svg");
}
.modal#theMemberModal #accordion-members .panel-body li > div.kurs .status > div.pending-1_4 {
  background-image: url("../img/layout/einzelkurs/mainstatus-1_4.svg");
}
.modal#theMemberModal #accordion-members .panel-body li > div.kurs .status > div.pending-1_2 {
  background-image: url("../img/layout/einzelkurs/mainstatus-1_2.svg");
}
.modal#theMemberModal #accordion-members .panel-body li > div.kurs .status > div.pending-3_4 {
  background-image: url("../img/layout/einzelkurs/mainstatus-3_4.svg");
}
.modal#theMemberModal #accordion-members .panel-body li > div.kurs .status > div.done {
  background-image: url("../img/layout/einzelkurs/mainstatus-done.svg");
}
.modal#theMemberModal #accordion-members .panel-body li > div.kurs .status > div.in-approval {
  background-image: url("../img/ui/lessons/status-approval.png");
}
.modal#theMemberModal #accordion-members .panel-body li > div.kurs .status > div.new {
  background-image: url("../img/layout/einzelkurs/mainstatus-empty.svg");
}
.modal#theMemberModal #accordion-members .panel-body li > div.hrs {
  width: 10%;
  background: rgb(65, 65, 65);
  color: white;
}
.modal#theMemberModal #accordion-members .panel-body li > div.hrs input {
  width: 100%;
  margin: 0;
  padding: 2px;
}
.modal#theMemberModal #accordion-members .panel-body li > div.buttons {
  width: 25%;
  padding: 0;
}
.modal#theMemberModal #accordion-members .panel-body li > div.buttons a {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 10px;
  color: rgb(65, 65, 65);
  font-weight: 400;
}
.modal#theMemberModal #accordion-members .panel-body li > div.buttons a i.fa-file {
  margin-left: 3px;
  margin-right: 2px;
}
.modal#theMemberModal #accordion-members .panel-body li > div.buttons a:hover {
  text-decoration: none;
  color: black;
}
.modal#theMemberModal #accordion-members .panel-body li > div.buttons a.new-lesson {
  background: rgb(75, 75, 75);
  color: white;
}
.modal {
  /****************  Reporting ****************/
}
.modal#theReportingModal #timespan {
  height: 30px;
}
.modal {
  /****************  Shop/Cart ****************/
}
.modal#theCartModal .cart-headerlabels {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: black;
  min-height: 40px;
}
.modal#theCartModal .cart-headerlabels input {
  display: inline-block;
  width: 50px;
}
.modal#theCartModal .cart-item {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: black;
  min-height: 60px;
  background: lightgrey;
  margin-bottom: 3px;
}
.modal#theCartModal .cart-item .name {
  padding: 0 20px;
}
.modal#theCartModal .cart-total {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}
.modal#theCartModal .cart-total .descr {
  width: 60%;
}
.modal#theCartModal .cart-total .totallabel {
  margin-left: 10%;
  width: 10%;
  padding-top: 10px;
  border-top: 1px solid black;
  font-size: 18px;
  font-size: 1.8rem;
}
.modal#theCartModal .cart-total .totalprice {
  width: 20%;
  padding-top: 10px;
  border-top: 1px solid black;
  font-size: 18px;
  font-size: 1.8rem;
}
.modal#theCartModal .name {
  min-width: 55%;
}
.modal#theCartModal .time {
  min-width: 10%;
}
.modal#theCartModal .codes {
  min-width: 15%;
}
.modal#theCartModal .price {
  min-width: 10%;
}
.modal#theCartModal .dismiss {
  min-width: 10%;
  text-align: center;
}
.modal {
  /****************  Rating ****************/
}
.modal#theRatingModal .ratinglist {
  padding-bottom: 30px;
}
.modal#theRatingModal .ratinglist h4 {
  padding-top: 30px;
}
.modal#theRatingModal .ratinglist .anregung {
  margin-bottom: 15px;
}
.modal#theRatingModal .ratinglist .ratingitem {
  margin-bottom: 5px;
  background: white;
}
.modal#theRatingModal .ratinglist .ratingitem .question {
  min-height: 60px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.modal#theRatingModal .ratinglist .ratingitem .question .number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: rgb(180, 180, 180);
  border-radius: 50%;
  color: white;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  margin-right: 10px;
}
.modal#theRatingModal .ratinglist .ratingitem .ratings {
  display: flex;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.modal#theRatingModal .ratinglist .ratingitem .ratings .rating {
  width: 20%;
  padding: 10px 10px;
}
.modal#theRatingModal .ratinglist .ratingitem .ratings .rating i {
  font-size: 12px;
  font-size: 1.2rem;
  color: rgb(180, 180, 180);
}
.modal#theRatingModal .ratinglist .ratingitem .ratings .rating i.active {
  color: #f9aa07;
}
.modal#theRatingModal .ratinglist .ratingitem .ratings .rating.global i {
  font-size: 18px;
  font-size: 1.8rem;
}
.modal {
  /****************  Hilfecenter ****************/
}
.modal#theHelpModal label {
  font-size: 12px;
  font-size: 1.2rem;
}
.modal#theHelpModal h3 {
  font-size: 16px;
  font-size: 1.6rem;
}
.modal#theHelpModal .faqarea {
  margin-left: 15px;
  margin-top: 20px;
}
.modal#theHelpModal .faqarea .accordion-faq .panel .panel-title {
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 150%;
  padding-right: 40px;
}
.modal#theHelpModal .faqarea .accordion-faq .panel .panel-collapse .panel-body {
  color: rgb(65, 65, 65);
  border: 2px solid rgb(235, 235, 235);
  border-top: 0px;
}
.modal#theHelpModal .faqarea .accordion-faq .panel .panel-collapse a {
  text-decoration: none;
}
.modal#theHelpModal .faqarea .accordion-faq .panel .panel-collapse a:before {
  font-family: "Black Tie";
  content: "\f05b";
  margin-right: 3px;
  margin-left: 5px;
}
.modal#theHelpModal .contactbox {
  margin-top: 20px;
  margin-right: 15px;
}
.modal#theHelpModal .contactbox h4 {
  background: rgb(75, 75, 75);
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 10px;
  margin: 0 0 5px 0;
}
.modal#theHelpModal .contactbox input[type=text], .modal#theHelpModal .contactbox input[type=email], .modal#theHelpModal .contactbox textarea {
  background: rgb(235, 235, 235) !important;
}
.modal#theHelpModal .contactbox input[type=submit] {
  background: #0075a9 !important;
  color: white;
}
.modal#theHelpModal .knowledgelist {
  margin-top: 20px;
  margin-bottom: 50px;
  background: white;
}
.modal#theHelpModal .knowledgelist p {
  margin-bottom: 30px;
}
.modal#theHelpModal .knowledgelist ul {
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.modal#theHelpModal .knowledgelist ul li {
  min-height: 60px;
}
.modal#theHelpModal .knowledgelist ul li a {
  display: block;
  padding: 10px;
  border: 2px solid rgb(235, 235, 235);
  text-decoration: none;
  font-weight: 500;
  color: black;
}
.modal#theHelpModal .knowledgelist ul li a:before {
  display: inline-block;
  width: 30px;
  font-family: "Black Tie";
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
  vertical-align: middle;
  color: rgb(220, 220, 220);
}
.modal#theHelpModal .knowledgelist ul li a.datei:before {
  content: "\f02a";
}
.modal#theHelpModal .knowledgelist ul li a.video:before {
  content: "\f052";
}
.modal#theHelpModal .knowledgelist ul li a.link:before {
  content: "\f0b0";
}
.modal#theHelpModal .knowledgelist ul li a:hover {
  background-color: rgb(235, 235, 235);
}
.modal#theHelpModal .supportcontent {
  margin-top: 20px;
  margin-bottom: 50px;
  background: white;
}
.modal#theHelpModal .supportcontent .meetingrooms {
  display: flex;
}
.modal#theHelpModal .supportcontent .meetingrooms .submitbtn {
  width: 42%;
}
.modal {
  /****************  Upload ****************/
}
.modal {
  /****************  Nachrichten ****************/
}
.modal#theMessageModal label {
  text-align: right;
}
.modal {
  /****************  Kursverwaltung Online ****************/
}
.modal#theWebcodeModal .webcode-generated .message {
  color: #31708f;
  background: #bce8f1;
  padding: 15px;
}
.modal#theWebcodeModal .webcode-generated .codes {
  margin-top: 5px;
  display: block;
  background: #26B57E;
}
.modal#theWebcodeModal .webcode-generated .codes .mastercode {
  position: absolute;
  margin-top: 15px;
  margin-left: 15px;
}
.modal#theWebcodeModal .webcode-generated .codes .mastercode .mctitle {
  color: white;
}
.modal#theWebcodeModal .webcode-generated .codes .subcode {
  padding: 20px;
}
.modal#theWebcodeModal .webcode-generated .codes .subcode .themc {
  font-size: 48px;
  font-size: 4.8rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: white;
  text-align: center;
}
.modal#theWebcodeModal .webcode-generated .send {
  margin-top: 2px;
  padding: 15px;
}
.modal#theWebcodeModal .webcode-generated .send .btn {
  margin-top: 15px;
  height: 90px;
  line-height: 120%;
}
.modal#theWebcodeModal .webcode-generated .send label {
  margin-left: 51%;
}
.modal#theWebcodeModal #accordion-webcode, .modal#theWebcodeModal #accordion-webcodearchive {
  margin-bottom: 0px;
}
.modal#theWebcodeModal #accordion-webcode h2.parentcat, .modal#theWebcodeModal #accordion-webcodearchive h2.parentcat {
  font-size: 15px;
  font-size: 1.5rem;
  color: white;
  display: flex;
  align-items: center;
  min-height: 50px;
  margin-top: 0px;
  margin-bottom: 2px;
  padding: 0 15px;
  background: rgb(130, 130, 130);
  position: relative;
}
.modal#theWebcodeModal #accordion-webcode h2.parentcat .dd, .modal#theWebcodeModal #accordion-webcodearchive h2.parentcat .dd {
  background: url("../img/layout/einzelkurs/dd-level1.svg") no-repeat;
}
.modal#theWebcodeModal #accordion-webcode .collapse, .modal#theWebcodeModal #accordion-webcodearchive .collapse {
  border-top: 0;
}
.modal#theWebcodeModal #accordion-webcode .headerlabels, .modal#theWebcodeModal #accordion-webcodearchive .headerlabels {
  display: table;
  width: 100%;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: black;
}
.modal#theWebcodeModal #accordion-webcode .headerlabels > div, .modal#theWebcodeModal #accordion-webcodearchive .headerlabels > div {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 10px;
  border-collapse: collapse;
}
.modal#theWebcodeModal #accordion-webcode .headerlabels > div.book, .modal#theWebcodeModal #accordion-webcodearchive .headerlabels > div.book {
  width: 10%;
}
.modal#theWebcodeModal #accordion-webcode .headerlabels > div.time, .modal#theWebcodeModal #accordion-webcodearchive .headerlabels > div.time {
  width: 10%;
}
.modal#theWebcodeModal #accordion-webcode .headerlabels > div.title, .modal#theWebcodeModal #accordion-webcodearchive .headerlabels > div.title {
  width: 80%;
}
.modal#theWebcodeModal #accordion-webcode .panel, .modal#theWebcodeModal #accordion-webcodearchive .panel {
  margin-bottom: 0px;
  margin-top: 0px;
  border: 0;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-heading, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-heading {
  display: table;
  width: 100%;
  cursor: pointer;
  color: white;
  font-weight: 600;
  background: rgb(180, 180, 180);
  padding: 0;
  border: 0;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-heading .dd, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-heading .dd {
  background: url("../img/layout/einzelkurs/dd-level2.svg") no-repeat;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-heading > div, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-heading > div {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid white;
  padding: 5px 10px;
  border-collapse: collapse;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-heading > div.book, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-heading > div.book {
  width: 10%;
  text-align: center;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-heading > div.time, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-heading > div.time {
  width: 10%;
  text-align: center;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-heading > div.title, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-heading > div.title {
  width: 80%;
  border-right: none;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-heading > div.archive-title, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-heading > div.archive-title {
  width: 72%;
  border-right: 0;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-heading > div.archive-title span, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-heading > div.archive-title span {
  font-weight: 400;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-heading > div.archive-code, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-heading > div.archive-code {
  width: 18%;
  background-color: #26B57E;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-heading > div.hilite, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-heading > div.hilite {
  background: #26B57E;
  color: white;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-heading > div.dropdown, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-heading > div.dropdown {
  border-left: 0;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse {
  color: rgb(75, 75, 75);
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse h3, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse h3 {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: rgb(75, 75, 75);
  margin-top: 30px;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse h3:first-of-type, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse h3:first-of-type {
  margin-top: 0px;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta {
  display: flex;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta > div, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta > div {
  padding: 0 15px;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta > div ul, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta > div ul {
  padding-left: 15px;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .inhalte, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .inhalte {
  width: 33%;
  border-right: 1px solid rgb(75, 75, 75);
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .lernziele, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .lernziele {
  width: 33%;
  border-right: 1px solid rgb(75, 75, 75);
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .zielgruppen, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .zielgruppen {
  width: 17%;
  border-right: 1px solid rgb(75, 75, 75);
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .zielgruppen li, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .zielgruppen li {
  color: white;
  background: rgb(90, 90, 90);
  margin-bottom: 4px;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .module, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .module {
  width: 17%;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .module li.iconize, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize {
  vertical-align: middle;
  margin-bottom: 5px;
  background-repeat: no-repeat;
  background-position-y: center;
  padding-left: 32px;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .module li.iconize.listalert, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.listalert {
  background-image: url("../img/ui/modals/list-alert.png");
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .module li.iconize.aufgaben, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.aufgaben {
  background-image: url("../img/ui/modals/list-aufgaben.png");
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .module li.iconize.wissensquiz, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.wissensquiz {
  background-image: url("../img/ui/modals/list-wissensquiz.png");
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .module li.iconize.lernvideos, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.lernvideos {
  background-image: url("../img/ui/modals/list-lernvideos.png");
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .module li.iconize.skillvideos, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.skillvideos {
  background-image: url("../img/ui/modals/list-skillvideos.png");
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .module li.iconize.pp, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.pp {
  background-image: url("../img/ui/modals/list-pp.png");
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .meta .module li.iconize.hide, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.hide {
  display: none;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .trailer, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .trailer {
  margin: 5% 33%;
}
.modal#theWebcodeModal #accordion-webcode .panel .panel-collapse .panel-body, .modal#theWebcodeModal #accordion-webcodearchive .panel .panel-collapse .panel-body {
  background: rgb(235, 235, 235);
}
.modal#theWebcodeModal #accordion-webcode .checkbox:not([ie8min]), .modal#theWebcodeModal #accordion-webcodearchive .checkbox:not([ie8min]) {
  height: 28px;
  width: 28px;
  margin: auto;
  margin-bottom: 12px;
}
.modal#theWebcodeModal #accordion-webcode .checkbox:not([ie8min]) label span.inputbox, .modal#theWebcodeModal #accordion-webcodearchive .checkbox:not([ie8min]) label span.inputbox {
  padding-top: 6px;
}
.modal#theWebcodeModal #accordion-webcode .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox, .modal#theWebcodeModal #accordion-webcodearchive .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox {
  background: #26B57E;
}
.modal#theWebcodeModal #accordion-webcode .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.bookl, .modal#theWebcodeModal #accordion-webcodearchive .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.bookl {
  padding-top: 3px;
}
.modal#theWebcodeModal #accordion-webcode .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.timel, .modal#theWebcodeModal #accordion-webcodearchive .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.timel {
  color: white;
  font-weight: 700;
}
.modal#theWebcodeModal #accordion-webcode .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.timel:after, .modal#theWebcodeModal #accordion-webcodearchive .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.timel:after {
  content: none;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount {
  display: table;
  width: 100%;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  background: rgb(75, 75, 75);
  color: white;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div {
  border: 1px solid white;
  display: table-cell;
  vertical-align: top;
  padding: 15px 10px;
  border-collapse: collapse;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.book, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.book {
  width: 10%;
  text-align: center;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.time, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.time {
  width: 10%;
  text-align: center;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wclicenses, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wclicenses {
  width: 65%;
  text-align: right;
  border-right: 0;
  padding-left: 15%;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wclicenses .wcchoose, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wclicenses .wcchoose {
  padding-bottom: 10px;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wclicenses .wcchoose .form-control, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wclicenses .wcchoose .form-control {
  width: 100%;
  margin-bottom: 10px;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wclicenses input, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wclicenses input {
  width: 100px;
  display: inline-block;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay {
  width: 15%;
  border-right: 0;
  border-left: 0;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay .btn, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay .btn {
  color: white;
  opacity: 0.9;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 115%;
  height: 96px;
  width: 80px;
  padding: 0px;
  padding-top: 64px;
  background-size: 60px;
  background-position: top center;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay .generated, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay .generated {
  padding: 10px;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay .generated .btn, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay .generated .btn {
  margin-top: 10px;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay select, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay select {
  color: black;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay #wc-label, .modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay span, .modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay a, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay #wc-label, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay span, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay a {
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay #wc-webcode, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay #wc-webcode {
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 20px;
  text-align: center;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay #wc-label, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay #wc-label {
  text-align: center;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay a, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay a {
  padding: 5px 10px;
  margin-bottom: 5px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  color: white;
}
.modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcdisplay a:hover, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcdisplay a:hover {
  background: rgba(255, 255, 255, 0.4);
  text-decoration: none;
}
.modal#theWebcodeModal .wcdelete {
  margin-top: 1px;
  background: rgb(220, 220, 220);
  padding: 10px;
  padding-bottom: 100px;
}
.modal#theWebcodeModal .wcdelete textarea {
  background: white;
  margin-bottom: 10px;
}
.modal#theWebcodeModal input, .modal#theWebcodeModal textarea {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
}
.modal#theWebcodeModal #catfilter {
  margin: 10px 10px;
}
.modal {
  /*

  	&#thePresenceModal {
  		form {margin-top: 30px;}
  		input, textarea, .checkbox .inputbox { border: 1px solid $grey5; @include border-radius(0px);  box-shadow: none;}
  		.checkbox {margin-left: 5px;}
  		.tablelabels, .tablerows {
  			display: table;
  			width: 100%;
  			>div {
  				display: table-cell;
  				border-collapse: collapse;
  				padding: 5px 10px;
  				&.title {
  					width: 40%;
  					border-right: 2px solid white;
  					color: white;
  					font-weight: 700;
  					&.header {color: $grey1; }
  					&:not(.header) {background: $grey5; }

  				}
  				&.time {width: 30%; border-right: 2px solid white;}
  				&.buttons {width: 30%;}
  			}
  		}
  		.tablelabels {
  			text-transform: uppercase;
  			@include fontSize(11px);
  			font-weight: 600;
  			letter-spacing: 1px;
  			color: black;
  			vertical-align: middle;
  			padding: 5px 10px;
  		}
  		.tablerows {
  			vertical-align: top;
  			background: $lightgrey;
  			border-bottom: 2px solid white;
  			.tablebutton {
  				display: inline-block;
  				@include fontSize(13px);
  				padding: 3px 12px 3px 3px;
  				color: white;
  				font-weight: 400;
  				background: $blue;
  				vertical-align: middle;
  				margin-top: 5px;
  				i {line-height: 100%; margin-left: 3px;margin-right: 3px;}
  				@include bg-hover-fade(0.1s);
  				&:hover {
  					text-decoration: none;
  					color: white;
  					background: lighten($blue, 10%);
  				}
  				&.booking:after {content: 'Buchen'}
  			}
  			&.booked {
  				.tablebutton {
  					&.booking {
  						background: $green;
  						color: white;
  					}
  					&.booking:after {content: 'Gebucht!'}
  				}

  			}
  		}
  		.release {
  			margin-bottom: 20px;
  			.checkbox {padding-bottom: 10px;}
  		}

  		.certify {
  			padding: 30px 0;
  			.logo-placeholder {
  				height: 90px;
  				border: 2px dashed $grey5;
  				margin-top: 15px;
  			}
  			&+.row {padding-bottom: 30px;}
  		}
  	}
  */
  /****************   Kursverwaltung Präsenz NEU ****************/
}
.modal#thePresenceModal .blockbutton {
  margin: 20px 0 10px 15px;
  font-size: 11px;
  font-size: 1.1rem;
}
.modal#thePresenceModal form {
  margin-top: 30px;
}
.modal#thePresenceModal input, .modal#thePresenceModal textarea, .modal#thePresenceModal .checkbox .inputbox {
  border: 1px solid rgb(180, 180, 180);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
}
.modal#thePresenceModal .checkbox {
  margin-left: 5px;
}
.modal#thePresenceModal .tablelabels, .modal#thePresenceModal .tablerows {
  display: table;
  width: 100%;
}
.modal#thePresenceModal .tablelabels > div, .modal#thePresenceModal .tablerows > div {
  display: table-cell;
  border-collapse: collapse;
  padding: 5px 10px;
}
.modal#thePresenceModal .tablelabels > div.title, .modal#thePresenceModal .tablerows > div.title {
  width: 30%;
  border-right: 2px solid white;
  color: white;
}
.modal#thePresenceModal .tablelabels > div.title h4, .modal#thePresenceModal .tablerows > div.title h4 {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
}
.modal#thePresenceModal .tablelabels > div.title.header, .modal#thePresenceModal .tablerows > div.title.header {
  color: rgb(75, 75, 75);
}
.modal#thePresenceModal .tablelabels > div.title:not(.header), .modal#thePresenceModal .tablerows > div.title:not(.header) {
  background: rgb(180, 180, 180);
  padding-bottom: 20px;
}
.modal#thePresenceModal .tablelabels > div.participants, .modal#thePresenceModal .tablerows > div.participants {
  width: 35%;
  border-right: 2px solid white;
  padding-bottom: 20px;
}
.modal#thePresenceModal .tablelabels > div.status, .modal#thePresenceModal .tablerows > div.status {
  width: 15%;
  border-right: 2px solid white;
}
.modal#thePresenceModal .tablelabels > div.buttons, .modal#thePresenceModal .tablerows > div.buttons {
  width: 20%;
  padding-bottom: 20px;
}
.modal#thePresenceModal .tablelabels {
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: black;
  vertical-align: middle;
  padding: 5px 10px;
}
.modal#thePresenceModal .tablelabels > div {
  padding-bottom: 0px !important;
}
.modal#thePresenceModal .tablerows {
  vertical-align: top;
  background: rgb(220, 220, 220);
  border-bottom: 2px solid white;
  font-size: 13px;
  font-size: 1.3rem;
}
.modal#thePresenceModal .tablerows .participants .manualusers {
  margin-top: 5px;
}
.modal#thePresenceModal .tablerows.booked .tablebutton.booking {
  background: #26B57E;
  color: white;
}
.modal#thePresenceModal .tablerows.booked .tablebutton.booking:after {
  content: "Gebucht!";
}
.modal#thePresenceModal .release {
  margin-bottom: 20px;
}
.modal#thePresenceModal .release .checkbox {
  padding-bottom: 10px;
}
.modal#thePresenceModal .flextable {
  margin-top: 25px;
  margin-bottom: 50px;
}
.modal#thePresenceModal .flextable h4 {
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.modal#thePresenceModal .flextable .certify-list li {
  display: flex;
  min-height: 50px;
  align-items: center;
  border-top: 1px solid rgb(180, 180, 180);
  padding: 5px 0;
}
.modal#thePresenceModal .flextable .certify-list li:not(.tablelabels):hover {
  cursor: pointer;
  background: rgb(235, 235, 235);
}
.modal#thePresenceModal .flextable .certify-list li.tablelabels {
  border-top: 0;
  padding: 0;
}
.modal#thePresenceModal .flextable .certify-list li .name {
  width: 45%;
  padding: 0 10px;
}
.modal#thePresenceModal .flextable .certify-list li .status {
  width: 15%;
  padding: 0 10px;
}
.modal#thePresenceModal .flextable .certify-list li .hrs {
  width: 10%;
  padding: 0 10px;
}
.modal#thePresenceModal .flextable .certify-list li .actions {
  width: 30%;
  padding: 0 10px;
}
.modal#thePresenceModal .certify {
  padding: 30px 0;
}
.modal#thePresenceModal .certify .logo-placeholder {
  height: 90px;
  border: 2px dashed rgb(180, 180, 180);
  margin-top: 15px;
}
.modal#thePresenceModal .certify + .row {
  padding-bottom: 30px;
}

/********************************************************************************************************/
/********************************************** EINZELKURS  *********************************************/
/********************************************************************************************************/
.singlecourse .breadcrumb {
  background: #e9f6fc;
  color: rgb(65, 65, 65);
  display: flex;
  align-items: center;
  padding: 1rem 4.5rem;
}
.singlecourse .standard-icon {
  display: block;
  width: 60px;
  margin: auto;
}
.singlecourse h2 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 400;
  margin: 3rem 0 0 0;
}
.singlecourse h3 {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 1px;
  font-weight: 400;
  color: rgb(65, 65, 65);
}
.singlecourse h3:first-of-type {
  margin-top: 0px;
}
.singlecourse .sc-header {
  background: #e9f6fc;
  color: rgb(65, 65, 65);
}
.singlecourse .sc-header .backbutton {
  display: none;
  width: 45px;
  height: 45px; /*IE11*/
}
.singlecourse .sc-header .title {
  display: flex;
  align-items: center;
  background: #e9f6fc;
  padding: 0 3rem;
}
.singlecourse .sc-header .title i {
  font-size: 40px;
  font-size: 4rem;
  position: absolute;
  right: 15px;
  top: 40px;
  bottom: 0;
}
.singlecourse .sc-header .title .revisions {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 10px;
  margin-bottom: 2rem;
}
.singlecourse .sc-header .bemerkungen {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e46450;
  padding: 15px 3rem;
  color: white;
}
.singlecourse .sc-header .bemerkungen ul {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
.singlecourse .sc-header .bemerkungen ul li {
  margin-bottom: 5px;
}
.singlecourse .sc-header .reload {
  display: flex;
  align-items: center;
  background: #cce3ee;
  padding: 10px 3rem;
  font-size: 16px;
  font-size: 1.6rem;
  color: rgb(65, 65, 65);
}
.singlecourse .sc-header .meta {
  padding: 20px 3rem;
  color: rgb(65, 65, 65);
}
.singlecourse .sc-header .meta .playtrailer {
  margin-top: 15%;
}
.singlecourse .sc-header .meta h3 {
  margin-top: 5px;
  color: rgb(65, 65, 65);
}
.singlecourse .sc-header .meta h3.trailerheading {
  text-align: center;
  margin-top: 15px;
  color: rgb(180, 180, 180);
}
.singlecourse .sc-header .meta .lernziele, .singlecourse .sc-header .meta .inhalte {
  padding: 0 30px;
  border-left: 1px solid #0075a9;
  min-height: 160px;
}
.singlecourse .sc-header .meta .lernziele {
  border-right: 1px solid #0075a9;
}
.singlecourse .sc-header .meta ul.list {
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-left: 1.2rem;
  margin-bottom: 1.5rem;
  color: rgb(65, 65, 65);
}
.singlecourse .sc-header .meta ul.list.angle li {
  margin-bottom: 5px;
}
.singlecourse .sc-header .meta ul.list.angle li:before {
  content: "\f093";
  font-family: "Black Tie";
  position: absolute;
  left: 0;
  margin-top: 0.4rem;
  font-size: 0.9rem;
  color: #0075a9;
}
.singlecourse .sc-header .meta ul.pills {
  margin: 0;
  padding: 0 0 15px 0;
}
.singlecourse .sc-header .meta ul.pills li {
  display: inline-block;
  padding: 3px 15px;
  border-radius: 12px;
  font-size: 11px;
  font-size: 1.1rem;
  color: #0075a9;
  border: 1px solid #0075a9;
}
.singlecourse .sc-header .meta ul.plain > li span {
  color: rgb(65, 65, 65);
  background: white;
  padding: 0 5px;
}
.singlecourse.presencecourse .title {
  background: #e9f6fc;
}
.singlecourse .visi {
  display: block;
}
.singlecourse .invisi {
  display: none;
}
.singlecourse .timelimit {
  position: relative;
  margin: 0 -15px;
}
.singlecourse .testprogress {
  height: 6rem;
  margin-bottom: 0;
  background-color: #d2d2d2;
  border: 0;
  border-radius: 0;
}
.singlecourse .progress-bar {
  background-color: #0098b7;
}
.singlecourse .testbutton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.singlecourse .testbutton.teststart {
  background-color: #0098b7;
}
.singlecourse .testbutton.testcountdown {
  background-color: #ffc326;
}
.singlecourse .testbutton.testsuccess {
  background-color: #16b77d;
}
.singlecourse .testbutton.testfailed {
  background-color: #e60005;
}
.singlecourse .testbutton.testwarning {
  background-color: #E1F310;
}
.singlecourse .sc-content {
  color: black;
  background: white;
  border: 20px solid rgb(220, 220, 220);
}
.singlecourse .sc-content h2 {
  color: rgb(75, 75, 75);
  font-weight: 400;
  margin: 0;
}
.singlecourse .sc-content h3 {
  text-align: center;
  padding: 0 15px;
  height: 60px;
  line-height: 60px;
  background-color: rgb(235, 235, 235);
  margin-bottom: 5px;
  margin-top: 0px;
}
.singlecourse .sc-content .title {
  background: rgb(220, 220, 220);
  color: white;
  border-bottom: 0px solid rgb(180, 180, 180);
  padding: 20px 0;
}
.singlecourse .sc-content .status {
  display: inline-flex;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  justify-content: center;
  align-items: center;
}
.singlecourse .sc-content .status i {
  display: block;
  color: white;
}
.singlecourse .sc-content .status.status-new {
  background: #e46450;
}
.singlecourse .sc-content .status.status-pending {
  background: #f9aa07;
}
.singlecourse .sc-content .status.status-done {
  background: #26B57E;
}
.singlecourse .sc-content .status.status-inactive {
  background: rgb(180, 180, 180);
}
.singlecourse .sc-content .switch {
  position: relative;
  vertical-align: top;
  display: inline-flex;
  width: 42px;
  height: 24px;
}
.singlecourse .sc-content .switch input {
  display: none;
}
.singlecourse .sc-content .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(180, 180, 180);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.singlecourse .sc-content .switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.singlecourse .sc-content .switch input:checked + .slider {
  background-color: #0075a9;
}
.singlecourse .sc-content .switch input:focus + .slider {
  box-shadow: 0 0 1px #0075a9;
}
.singlecourse .sc-content .switch input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
.singlecourse .sc-content .iecontainer {
  margin-bottom: 25px;
}
.singlecourse .sc-content .iecontainer .panel-heading {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: 2px solid rgb(235, 235, 235);
  background-color: white;
  padding: 0 15px 0 10px;
  height: 60px;
  display: flex;
  align-items: center;
}
.singlecourse .sc-content .iecontainer .panel-heading:hover, .singlecourse .sc-content .iecontainer .panel-heading:focus {
  background-color: rgb(235, 235, 235);
}
.singlecourse .sc-content .iecontainer .panel-heading .panel-heading-title {
  color: rgb(75, 75, 75);
  flex-grow: 100;
  font-weight: 700;
  display: block;
}
.singlecourse .sc-content .iecontainer .panel-heading .panel-heading-title:hover {
  text-decoration: none;
}
.singlecourse .sc-content .iecontainer .panel-heading .panel-heading-title .pflicht {
  width: 48px;
  height: 32px;
  margin-right: 15px;
}
.singlecourse .sc-content .iecontainer .panel-heading .panel-heading-switch {
  width: 60px;
  text-align: right;
}
.singlecourse .sc-content .iecontainer .panel-heading .panel-heading-status {
  width: 24px;
  text-align: right;
}
.singlecourse .sc-content .panel-group {
  padding: 0;
  margin: 0;
}
.singlecourse .sc-content .panel-group .visi {
  display: block;
}
.singlecourse .sc-content .panel-group .invisi {
  display: none;
}
.singlecourse .sc-content .panel-group .panel {
  border: 0;
}
.singlecourse .sc-content .panel-group .panel .panel-heading {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: 2px solid rgb(235, 235, 235);
  background-color: white;
  padding: 0 15px 0 10px;
  min-height: 60px;
  display: flex;
  align-items: center;
  position: relative;
}
.singlecourse .sc-content .panel-group .panel .panel-heading:hover, .singlecourse .sc-content .panel-group .panel .panel-heading:focus {
  background-color: rgb(235, 235, 235);
}
.singlecourse .sc-content .panel-group .panel .panel-heading .panel-heading-title {
  color: rgb(75, 75, 75);
  font-weight: 700;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-height: 60px;
  padding-right: 60px;
  text-decoration: none;
}
.singlecourse .sc-content .panel-group .panel .panel-heading .panel-heading-title:hover {
  text-decoration: none;
}
.singlecourse .sc-content .panel-group .panel .panel-heading .panel-heading-title .pflicht {
  width: 48px;
  margin-right: 15px;
  flex: 0 0 auto;
}
.singlecourse .sc-content .panel-group .panel .panel-collapse {
  margin-top: 2px;
  overflow: hidden;
}
.singlecourse .sc-content .panel-group .panel .panel-collapse.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
}
.singlecourse .sc-content .panel-group .panel .panel-collapse .panel-body {
  border: 0;
  padding: 0;
  background: black;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  max-height: none;
}
.singlecourse .sc-content .cluster {
  padding: 0 0 60px 0;
  border-bottom: 10px solid rgb(220, 220, 220);
}
.singlecourse .sc-content .cluster .clustermenu .nav-carousel {
  margin: 40px 0 90px 0;
}
.singlecourse .sc-content .cluster .clustermenu .nav-carousel .carousel-cell {
  width: 20% !important;
  height: 140px;
  background: rgb(235, 235, 235);
}
.singlecourse .sc-content .cluster .clustermenu .nav-carousel .carousel-cell:not(.is-selected) {
  transform: scale(0.8);
}
.singlecourse .sc-content .cluster .clustermenu .nav-carousel .carousel-cell .carousel-cell-content {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
  color: rgb(65, 65, 65);
  flex-direction: column;
  font-size: 13px;
  font-size: 1.3rem;
  position: relative;
}
.singlecourse .sc-content .cluster .clustermenu .nav-carousel .carousel-cell .carousel-cell-content .carousel-status {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
}
.singlecourse .sc-content .cluster .clustermenu .nav-carousel .carousel-cell .carousel-cell-content .carousel-status i.status-new {
  color: #e46450;
}
.singlecourse .sc-content .cluster .clustermenu .nav-carousel .carousel-cell .carousel-cell-content .carousel-status i.status-pending {
  color: #f9aa07;
}
.singlecourse .sc-content .cluster .clustermenu .nav-carousel .carousel-cell .carousel-cell-content .carousel-status i.status-done {
  color: #26B57E;
}
.singlecourse .sc-content .cluster .clustermenu .nav-carousel .carousel-cell .carousel-cell-content:hover {
  text-decoration: none;
}
.singlecourse .sc-content .cluster .clustermenu .nav-carousel .carousel-cell .carousel-cell-content.hilite {
  background: #0075a9;
  color: white;
}
.singlecourse .sc-content .cluster .clustermenu .nav-carousel .carousel-cell .carousel-cell-content .carousel-icon {
  width: 36px;
  margin-bottom: 10px;
}
.singlecourse .sc-content .cluster .clustermenu .flickity-prev-next-button.next {
  right: -74px;
}
.singlecourse .sc-content .cluster .clustermenu .flickity-prev-next-button.previous {
  left: -74px;
}
.singlecourse .sc-content .cluster .clustermenu .flickity-page-dots {
  bottom: -45px;
}
.singlecourse .sc-content .cluster .clustercontent .clusteritem {
  display: none;
}
.singlecourse .sc-content .cluster .clustercontent .clusteritem.active {
  display: block;
}
.singlecourse .sc-content .cluster .clustercontent .clusteritem .heading {
  border: 2px solid rgb(235, 235, 235);
  background-color: white;
  padding: 0 15px 0 10px;
  height: 60px;
  display: flex;
  align-items: center;
}
.singlecourse .sc-content .cluster .clustercontent .clusteritem .heading:hover, .singlecourse .sc-content .cluster .clustercontent .clusteritem .heading:focus {
  background-color: rgb(235, 235, 235);
}
.singlecourse .sc-content .cluster .clustercontent .clusteritem .heading .heading-title {
  color: rgb(75, 75, 75);
  flex-grow: 100;
  font-weight: 700;
  display: block;
}
.singlecourse .sc-content .cluster .clustercontent .clusteritem .heading .heading-title:hover {
  text-decoration: none;
}
.singlecourse .sc-content .cluster .clustercontent .clusteritem .heading .heading-title .pflicht {
  width: 48px;
  margin-right: 15px;
  display: inline;
}
.singlecourse .sc-content .cluster .clustercontent .clusteritem .heading .heading-switch {
  width: 60px;
  text-align: right;
}
.singlecourse .sc-content .cluster .clustercontent .clusteritem .heading .heading-status {
  width: 24px;
  height: 24px;
  text-align: right;
}
.singlecourse .sc-content .cluster .clustercontent .clusteritem .visi {
  display: block;
}
.singlecourse .sc-content .cluster .clustercontent .clusteritem .invisi {
  display: none;
}
.singlecourse .sc-content .lesson {
  padding: 30px 0;
  border-bottom: 10px solid rgb(220, 220, 220);
}
.singlecourse .sc-content .lesson .mobilecontainer {
  padding: 15px 0 15px 0;
}
.singlecourse .sc-content .video {
  padding: 30px 0;
  border-bottom: 10px solid rgb(220, 220, 220);
}
.singlecourse .sc-content .abschlusstest {
  padding: 50px 0;
  border-bottom: 10px solid rgb(220, 220, 220);
}
.singlecourse .sc-content .abschlusstest .abschluss {
  width: 45px;
}
.singlecourse .sc-content .abschlusstest .testcontainer {
  background-color: rgb(235, 235, 235);
  padding: 15px;
}
.singlecourse .sc-content .vertiefung {
  padding: 50px 0;
  border-bottom: 10px solid rgb(220, 220, 220);
}
.singlecourse .sc-content .literatur {
  padding: 30px 0;
  border-bottom: 10px solid rgb(220, 220, 220);
}
.singlecourse .sc-content .literatur .listicons {
  font-size: 30px;
  font-size: 3rem;
}
.singlecourse .sc-content .literatur ul {
  padding: 0;
  margin-bottom: 40px;
  list-style-type: none;
}
.singlecourse .sc-content .literatur ul li {
  margin-bottom: 3px;
  min-height: 60px;
}
.singlecourse .sc-content .literatur ul li a {
  display: block;
  padding: 10px;
  border: 2px solid rgb(235, 235, 235);
  text-decoration: none;
  font-weight: 500;
  color: black;
}
.singlecourse .sc-content .literatur ul li a:before {
  display: inline-block;
  width: 30px;
  font-family: "Black Tie";
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
  vertical-align: middle;
  color: rgb(220, 220, 220);
}
.singlecourse .sc-content .literatur ul li a.datei:before {
  content: "\f02a";
}
.singlecourse .sc-content .literatur ul li a.video:before {
  content: "\f052";
}
.singlecourse .sc-content .literatur ul li a.link:before {
  content: "\f0b0";
}
.singlecourse .sc-content .literatur ul li a.h5p:before {
  content: "\f04b";
}
.singlecourse .sc-content .literatur ul li a.text:before {
  content: "\f059";
}
.singlecourse .sc-content .literatur ul li a.alert:before {
  content: "\f062";
}
.singlecourse .sc-content .literatur ul li a:hover {
  background-color: rgb(235, 235, 235);
}
.singlecourse .sc-content .literatur ul li a .description {
  font-weight: 400;
  margin-left: 30px;
}
.singlecourse .sc-content .lexikon {
  padding: 30px 0;
  border-bottom: 10px solid rgb(220, 220, 220);
}
.singlecourse .sc-content .lexikon ul {
  padding: 0;
  margin-bottom: 40px;
  list-style-type: none;
}
.singlecourse .sc-content .lexikon ul li {
  margin-bottom: 3px;
  border: 2px solid rgb(235, 235, 235);
  padding: 10px 16px;
}
.singlecourse .sc-content .lexikon ul li:hover {
  background-color: rgb(235, 235, 235);
}
.singlecourse .sc-content .lexikon ul li .element-title a {
  text-decoration: none;
  font-weight: 500;
  color: black;
}
.singlecourse .sc-content .lexikon ul li .element-title a:before {
  display: inline-block;
  width: 32px;
  font-family: "Black Tie";
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
  vertical-align: middle;
  color: rgb(220, 220, 220);
}
.singlecourse .sc-content .lexikon ul li .element-title a.datei:before {
  content: "\f02a";
}
.singlecourse .sc-content .lexikon ul li .element-title a.video:before {
  content: "\f052";
}
.singlecourse .sc-content .lexikon ul li .element-title a.link:before {
  content: "\f0b0";
}
.singlecourse .sc-content .lexikon ul li .element-title a.h5p:before {
  content: "\f04b";
}
.singlecourse .sc-content .lexikon ul li .element-title a.text:before {
  content: "\f059";
}
.singlecourse .sc-content .lexikon ul li .element-title a.alert:before {
  content: "\f062";
}
.singlecourse .sc-content .lexikon ul li .element-description {
  margin-left: 32px;
}
.singlecourse .sc-content .lexikon .lex .element-item {
  width: 100%;
}
.singlecourse .sc-content .lexikon .lexipanel {
  display: flex;
  padding: 16px 0;
}
.singlecourse .sc-content .lexikon .lexipanel #lexisearch {
  width: 25%;
  padding-right: 32px;
}
.singlecourse .sc-content .lexikon .lexipanel #lexisearch #lexisearchfield {
  width: 100%;
}
.singlecourse .sc-content .lexikon .lexipanel #lexifilters {
  width: 75%;
}
.singlecourse .sc-content .lexikon .lexipanel #lexifilters .btn {
  border-radius: 12px;
}
.singlecourse .sc-content .moodle {
  padding: 30px 0;
  border-bottom: 10px solid rgb(220, 220, 220);
}
.singlecourse .sc-content .moodle ul {
  padding: 0;
}
.singlecourse .sc-content .moodle ul li a {
  position: relative;
  display: flex;
  height: 60px;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  border: 2px solid rgb(235, 235, 235);
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  color: rgb(110, 110, 110);
  text-transform: uppercase;
  letter-spacing: 1px;
  vertical-align: top;
}
.singlecourse .sc-content .moodle ul li a:hover {
  background-color: rgb(235, 235, 235);
  text-decoration: none;
  color: rgb(75, 75, 75);
}
.singlecourse .sc-content .moodle ul li .pflicht {
  width: 48px;
  margin: auto;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
}
.singlecourse .sc-content .moodle ul li .heading {
  position: relative;
}
.singlecourse .sc-content .moodle ul li .heading .heading-status {
  margin: auto;
  position: absolute;
  right: 10px;
  top: 15px;
}
.singlecourse .sc-content .feedback {
  font-weight: 400; /*IE11*/
  padding: 30px 0;
  border-bottom: 10px solid rgb(220, 220, 220);
}
.singlecourse .sc-content .feedback .btl {
  display: block;
  width: 60px;
  margin: 0 auto;
  color: rgb(220, 220, 220);
  font-size: 50px;
  font-size: 5rem;
}
.singlecourse .sc-content .feedback feedbackintro {
  padding: 15px 5px;
}
.singlecourse .sc-content .feedback p {
  padding: 15px 5px;
}
.singlecourse .sc-content .feedback .feedbackintro {
  padding: 15px 5px;
}
.singlecourse .sc-content .feedback .feedbackintro p {
  padding: 0;
  margin-bottom: 15px;
}
.singlecourse .sc-content .feedback .questionitem {
  border: 2px solid rgb(235, 235, 235);
  margin-bottom: 10px;
}
.singlecourse .sc-content .feedback .questionitem .question {
  min-height: 60px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
}
.singlecourse .sc-content .feedback .questionitem .question .number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  height: 36px;
  background: rgb(235, 235, 235);
  border-radius: 50%;
  color: white;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.8rem;
  margin-right: 10px;
}
.singlecourse .sc-content .feedback .questionitem .choices {
  height: 40px;
  display: flex;
  background: rgb(235, 235, 235);
  display: flex;
  justify-content: center;
  align-items: center;
}
.singlecourse .sc-content .feedback .questionitem .choices .choice {
  width: 25%;
  padding: 0px 10px;
  border-right: 1px solid white;
}
.singlecourse .sc-content .feedback .questionitem .choices .choice:last-of-type {
  border-right: 0px solid white;
}
.singlecourse .sc-content .feedback .questionitem .choices .choice label {
  width: 100%;
}
.singlecourse .sc-content .feedback .bemerkungen h4 {
  color: rgb(75, 75, 75);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}
.singlecourse .sc-content .feedback .bemerkungen textarea {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border-color: rgb(235, 235, 235);
  border-width: 3px;
}

#shoplist {
  padding-bottom: 10px;
}
#shoplist .row h3 {
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 120%;
}
#shoplist .row h3 div {
  font-weight: 300;
  font-style: italic;
}
#shoplist .shopheader {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 90px;
  width: 100%;
}
#shoplist .shopheader > i {
  font-size: 24px;
  font-size: 2.4rem;
  margin-right: 20px;
  width: 3%;
}
#shoplist .shopheader {
  background: rgb(65, 65, 65);
}
#shoplist .shopheader h3 {
  width: 47%;
}
#shoplist .shopheader .pricing {
  justify-content: flex-end;
  text-align: right;
  padding-right: 20px;
  width: 30%;
}
#shoplist .shopheader .pricing #inputWebcodes {
  display: inline-block;
  width: 60px;
  color: white;
  background: #0075a9;
  border: 1px solid white;
  padding-left: 3px;
}
#shoplist .shopheader .shoppingcart {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 20%;
  text-align: right;
  text-decoration: none;
  background: rgb(180, 180, 180);
  min-height: 90px;
}
#shoplist .shopheader .shoppingcart .itemcount {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  margin-right: 10px;
}
#shoplist .shopheader .shoppingcart i {
  color: white;
  font-size: 36px;
  font-size: 3.6rem;
}
#shoplist .shopheader .shoppingcart.filled {
  background: #f9aa07;
}
#shoplist .shop-kursitem {
  border-top: 10px solid rgb(220, 220, 220);
}
#shoplist .shop-kursitem:last-of-type {
  border-bottom: 10px solid rgb(220, 220, 220);
}
#shoplist .shop-kursitem .title {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e46450;
  min-height: 50px;
}
#shoplist .shop-kursitem .title h4 {
  width: 65%;
  padding: 0 20px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
#shoplist .shop-kursitem .title .rating {
  width: 5%;
  cursor: pointer;
}
#shoplist .shop-kursitem .title .rating > div {
  font-size: 10px;
  font-size: 1rem;
}
#shoplist .shop-kursitem .title .rating > div .bt-star {
  color: rgb(180, 180, 180);
  display: inline;
}
#shoplist .shop-kursitem .title .rating > div .active {
  color: #f9aa07;
}
#shoplist .shop-kursitem .title .time {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10%;
  min-height: inherit;
}
#shoplist .shop-kursitem .title .time:after {
  content: url("../img/layout/shop/time-shop.svg");
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-top: -7px;
}
#shoplist .shop-kursitem .title .price {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10%;
  background-color: #0075a9;
  min-height: inherit;
  align-self: center;
  color: white;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 80%;
}
#shoplist .shop-kursitem .title .price .anzahl, #shoplist .shop-kursitem .title .price .anzahllabel {
  font-size: 10px;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 100%;
}
#shoplist .shop-kursitem .title .buy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10%;
  background-color: #0075a9;
  min-height: inherit;
  line-height: 120%;
  color: white;
  text-decoration: none;
}
#shoplist .shop-kursitem .title .buy:hover {
  cursor: pointer;
  background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
}
#shoplist .shop-kursitem .body {
  padding: 20px 20px;
  display: flex;
  background: rgb(65, 65, 65);
}
#shoplist .shop-kursitem .body .meta {
  width: 80%;
  column-count: 2;
  column-gap: 40px;
  column-rule: 1px solid white;
}
#shoplist .shop-kursitem .body .meta .metalist {
  break-inside: avoid;
}
#shoplist .shop-kursitem .body .meta .metalist h5 {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 5px 0;
  padding: 0;
}
#shoplist .shop-kursitem .body .meta .metalist ul {
  padding-bottom: 15px;
}
#shoplist .shop-kursitem .body .trailer {
  width: 20%;
  align-self: center;
}
#shoplist .shop-kursitem .body .trailer img {
  display: block;
  width: 100px;
  margin: auto;
}

/***********************************************************************************************************************/
/********************************************** ÜBERGREIFENDE KOMPONENTEN  *********************************************/
/***********************************************************************************************************************/
.components.nav-tabs {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
.components.nav-tabs li a {
  background: #777A7C url("../img/ui/modals/tabedge.png") top right no-repeat;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: 0px solid white;
  color: white;
  padding: 10px 30px 10px 10px;
  opacity: 0.5;
  font-size: 13px;
  font-size: 1.3rem;
}
.components.nav-tabs li a:hover {
  border: 0px solid white;
}
.components.nav-tabs li a:focus {
  border: 0px solid white;
}
.components.nav-tabs li a i {
  font-size: 18px;
  font-size: 1.8rem;
}
.components.nav-tabs li.active a {
  background-color: #e46450;
  color: white;
  opacity: 1;
  border: 0px solid white;
}
.components.nav-tabs li.active a:hover {
  border: 0px solid white;
}
.components.nav-tabs li.active a:focus {
  border: 0px solid white;
}
.components.tab-content {
  color: black;
  background: white;
  padding: 5px;
}
.components.tab-content ul.docs {
  margin-bottom: 0px;
}
.components.tab-content ul.docs li {
  padding: 15px;
  border-bottom: 1px solid rgb(220, 220, 220);
}
.components.tab-content ul.docs li:last-of-type {
  border-bottom: 0px solid rgb(110, 110, 110);
}
.components.submitbtn {
  display: block;
  height: 60px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  background: #0075a9;
  color: white;
  border: 0;
  margin: 30px auto 15px auto;
  width: 50%;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.components.submitbtn:hover {
  text-decoration: none;
  background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
}
.components.submitbtn:focus {
  text-decoration: none;
}
.components.inlinebutton {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  right: 20px;
  top: -3px;
  background: #0075a9;
  color: white;
  padding: 0 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
.components.inlinebutton:hover {
  text-decoration: none;
  background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
}
.components.inlinebutton i {
  margin-left: 10px;
}
.components.blockbutton {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #0075a9;
  color: white;
  padding: 0 15px 0 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
.components.blockbutton:hover {
  text-decoration: none;
  background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
}
.components.blockbutton i {
  margin-right: 5px;
}
.components.btn {
  opacity: 0.7;
  font-size: 9px;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: rgb(65, 65, 65);
  height: 88px;
  width: 65px;
  padding: 0px;
  padding-top: 55px;
  margin-left: 15px;
  overflow: visible;
}
.components.btn.btn-submit {
  background: url("../img/ui/modals/submit.svg") top center no-repeat;
  background-size: 60px 60px;
}
.components.btn { /*IE11*/ }
.components.btn.btn-cancel {
  background: url("../img/ui/modals/cancel.svg") top center no-repeat;
  background-size: 60px 60px;
}
.components.btn.btn-delete {
  background: url("../img/ui/modals/delete.png") top center no-repeat;
  background-size: 60px 60px;
}
.components.btn.btn-certify {
  background: url("../img/ui/modals/certify.png") top center no-repeat;
  background-size: 60px 60px;
}
.components.btn.btn-export {
  background: url("../img/ui/modals/export.png") top center no-repeat;
  background-size: 60px 60px;
}
.components.btn.btn-help {
  background: url("../img/ui/supportcenter_login.svg") top center no-repeat;
  padding-top: 64px;
}
.components.btn:hover {
  opacity: 1;
}
.components.tablebutton {
  display: inline-block;
  font-size: 11px;
  font-size: 1.1rem;
  padding: 3px 10px 3px 3px;
  color: white;
  font-weight: 400;
  background: #0075a9;
  vertical-align: middle;
  margin-top: 5px;
  cursor: pointer;
}
.components.tablebutton i {
  line-height: 100%;
  margin-left: 3px;
  margin-right: 3px;
}
.components.tablebutton {
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}
.components.tablebutton:hover {
  text-decoration: none;
  color: white;
  background: rgb(0%, 59.7285067873%, 86.2745098039%);
}
.components.tablebutton.booking:after {
  content: "Buchen";
}
.components.tablebutton.pending {
  background: #f9aa07;
  color: rgb(75, 75, 75);
}
.components.checkbox:not([ie8min]).center {
  margin: auto;
}
.components.checkbox:not([ie8min]) label input {
  display: none;
}
.components.checkbox:not([ie8min]) label span.inputbox {
  position: absolute;
  height: 27px;
  width: 28px;
  display: inline-block;
  background: #fff;
  margin-left: -24px;
  margin-top: -3px;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
  color: rgb(130, 130, 130);
  border: 0px solid rgb(220, 220, 220);
  margin-right: 10px;
}
.components.checkbox:not([ie8min]) label span.inputlabel {
  margin-left: 15px;
  font-size: 13px;
  font-size: 1.3rem;
}
.components.checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox {
  background: #26B57E;
  padding-top: 0px;
}
.components.checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox:after {
  font-family: "Black Tie";
  content: "\f012";
  display: block;
  color: white;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  padding-top: 2px;
}
.components.panel-group .panel {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
.components.panel-group .panel .panel-heading {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
.components.panel-group .panel .panel-heading.active i.fa-caret-down {
  color: white;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.components.select {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid white;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 30px;
  padding: 1px 10px 1px 10px;
  padding-right: 30px;
  text-align: left;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.components.select.select-inline {
  display: inline;
  width: auto;
}
.components.select.select-inline + i {
  margin-left: -30px;
  pointer-events: none;
  color: white;
}
.components.select.select-dark {
  background: #0075a9;
  color: white;
}
.components.select.select-green {
  background: #26B57E;
  color: white;
}
.components.select-block {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid rgb(130, 130, 130);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: rgb(65, 65, 65);
  color: white;
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  padding: 10px 30px 10px 15px;
  text-align: left;
  margin-bottom: 5px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.components.select-block + i {
  position: absolute;
  right: 15px;
  margin-top: -32px;
  pointer-events: none;
}
.components.uploadzone .imageupload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
.components.uploadzone .imageupload input.button {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.components.uploadzone .upload {
  display: block;
  margin: 0 0 30px -15px;
  width: 120px;
  height: 29px;
  text-align: left;
  text-decoration: none;
  font-size: 11px;
  font-size: 1.1rem;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  border-radius: 18px;
  color: white;
  background: rgb(65, 65, 65) url("../img/ui/button-modal-icon.png") 3px 2px no-repeat;
  font-weight: 600;
}
.components.uploadzone .upload span {
  margin-left: 35px;
  display: block;
  width: 100px;
  height: 29px;
  padding-top: 7px;
}
.components.uploadzone .upload {
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}
.components.uploadzone .upload:hover {
  background-color: rgb(180, 180, 180);
}
.components.uploadzone .upload:focus {
  outline: none;
}

#calendar-view .calendar-header {
  background: rgb(75, 75, 75);
}
#calendar-view .calendar-header .title {
  background: #cce3ee;
  color: #E30613;
}
#calendar-view .calendar-header .title .titlebar {
  display: flex;
  align-items: center;
}
#calendar-view .calendar-header .title .titlebar h2 {
  font-family: Merriweather, serif;
  color: #E30613;
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: 300;
  padding: 50px 0;
  margin: 0;
  line-height: 1.3;
}
#calendar-view .calendar-header .title .titlebar .newentry {
  display: inline-flex;
  align-items: center;
  height: 48px;
  font-size: 16px;
  font-size: 1.6rem;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  border: 2px solid white;
  padding: 0 2rem;
  margin-left: 3rem;
  border-radius: 24px;
}
#calendar-view .calendar-header .title .titlebar .newentry:hover {
  text-decoration: none;
  background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
}
#calendar-view .calendar-header .title .titlebar .newentry:before {
  content: "\f01c";
  font-family: "Black Tie";
  margin-left: -0.5rem;
  margin-right: 1rem;
}
#calendar-view .calendar-header .caltoggles {
  border: 0px solid white;
  border-radius: 8px;
  display: flex;
  margin-left: auto;
  margin-right: 16px;
}
#calendar-view .calendar-header .caltoggles .caltoggle {
  color: rgb(65, 65, 65);
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  cursor: pointer;
  border-radius: 8px;
}
#calendar-view .calendar-header .caltoggles .caltoggle.active {
  background: #e46450;
  color: white;
}
#calendar-view .calendar-content {
  color: black;
  background: white;
  border: 20px solid rgb(220, 220, 220);
}
#calendar-view .calendar-content #calendar {
  margin: 60px 10%;
}
#calendar-view .calendar-content .fc-toolbar h2 {
  padding-top: 10px;
}
#calendar-view .calendar-content .fc-toolbar .fc-center {
  display: flex;
}
#calendar-view .calendar-content .fc-toolbar .fc-button-primary {
  background: none;
  border: 0;
  color: #e46450;
}
#calendar-view .calendar-content .fc-toolbar .fc-button .fc-icon {
  font-size: 32px;
  font-size: 3.2rem;
}
#calendar-view .calendar-content #custom-popover {
  content: "";
  position: fixed;
  z-index: 1060;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
}
#calendar-view .calendar-content #custom-popover .fc-popover {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  border: none;
  width: 400px;
  overflow-y: auto;
  max-height: 100vh;
}
#calendar-view .calendar-content .grid {
  padding: 3rem;
}
#calendar-view .calendar-content .grid .grid-sizer, #calendar-view .calendar-content .grid .grid-item {
  width: 23.3%;
}
#calendar-view .calendar-content .grid .gutter-sizer {
  width: 2%;
}
#calendar-view .calendar-content .grid .grid-item {
  padding-bottom: 3rem;
}
#calendar-view .calendar-content .grid-item-content, #calendar-view .calendar-content .modal-card {
  color: rgb(90, 90, 90);
  border-right: 1px solid #0075a9;
}
#calendar-view .calendar-content .grid-item-content .title, #calendar-view .calendar-content .modal-card .title {
  padding: 1rem;
  border-top: 5px solid #0075a9;
  background: rgba(0, 117, 169, 0.1);
}
#calendar-view .calendar-content .grid-item-content .title .hours, #calendar-view .calendar-content .modal-card .title .hours {
  display: flex;
  align-items: center;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  position: absolute;
  font-family: "Roboto Condensed";
  right: 10px;
  top: 1rem;
  margin: auto;
  width: 32px;
  height: 36px;
  padding-top: 6px;
  background: url("../img/layout/einzelkurs/mainstatus.svg") no-repeat;
  background-size: contain;
  color: rgb(110, 110, 110);
}
#calendar-view .calendar-content .grid-item-content .title h3, #calendar-view .calendar-content .modal-card .title h3 {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0075a9;
  font-weight: 400;
  line-height: 140%;
  margin: 0 15% 0 0;
}
#calendar-view .calendar-content .grid-item-content .meta, #calendar-view .calendar-content .modal-card .meta {
  padding: 1rem;
}
#calendar-view .calendar-content .grid-item-content .meta h4, #calendar-view .calendar-content .modal-card .meta h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0075a9;
  font-weight: 400;
  line-height: 140%;
  font-size: 13px;
  font-size: 1.3rem;
}
#calendar-view .calendar-content .grid-item-content .meta ul.list, #calendar-view .calendar-content .modal-card .meta ul.list {
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-left: 1.2rem;
  margin-bottom: 1.5rem;
}
#calendar-view .calendar-content .grid-item-content .meta ul.list.angle li:before, #calendar-view .calendar-content .modal-card .meta ul.list.angle li:before {
  content: "\f093";
  font-family: "Black Tie";
  position: absolute;
  left: 0;
  margin-top: 0.4rem;
  font-size: 0.9rem;
  color: #e46450;
}
#calendar-view .calendar-content .grid-item-content .meta ul.pills, #calendar-view .calendar-content .modal-card .meta ul.pills {
  margin: 0;
  padding: 0 0 15px 0;
}
#calendar-view .calendar-content .grid-item-content .meta ul.pills li, #calendar-view .calendar-content .modal-card .meta ul.pills li {
  display: inline-block;
  padding: 3px 15px;
  border-radius: 12px;
  font-size: 11px;
  font-size: 1.1rem;
}
#calendar-view .calendar-content .grid-item-content .meta ul.pills.pkpills li, #calendar-view .calendar-content .modal-card .meta ul.pills.pkpills li {
  color: #0075a9;
  border: 1px solid #0075a9;
}
#calendar-view .calendar-content .grid-item-content .footer, #calendar-view .calendar-content .modal-card .footer {
  padding: 1rem;
  background: rgba(0, 117, 169, 0.1);
  text-align: center;
}
#calendar-view .calendar-content .grid-item-content .footer .calendarsubmit, #calendar-view .calendar-content .modal-card .footer .calendarsubmit {
  display: inline-flex;
  align-items: center;
  height: 36px;
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #0075a9;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 0 2em;
  border-radius: 24px;
  margin: 1rem;
}
#calendar-view .calendar-content .grid-item-content .footer .calendarsubmit:hover, #calendar-view .calendar-content .modal-card .footer .calendarsubmit:hover {
  text-decoration: none;
  background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
}
#calendar-view .calendar-content .grid-item-content .footer .calendarsubmit.booked, #calendar-view .calendar-content .modal-card .footer .calendarsubmit.booked {
  background-color: #26B57E;
}
#calendar-view .calendar-content .grid-item-content .footer .calendarsubmit.booked:hover, #calendar-view .calendar-content .modal-card .footer .calendarsubmit.booked:hover {
  background-color: #26B57E;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #calendar-view .calendar-header .title .titlebar {
    display: flex;
    align-items: center;
    height: auto;
    min-height: 90px;
  }
  #calendar-view .calendar-header .title .titlebar .backbutton {
    color: white;
    display: block;
    min-width: 24px !important;
    min-height: 24px !important; /*IE11*/
    margin-left: 0rem;
    margin-right: 1.5rem;
  }
  #calendar-view .calendar-header .title .titlebar h2 {
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 400;
    margin: 0;
    line-height: 150%;
  }
  #calendar-view .calendar-header .title .titlebar .newentry {
    display: inline-flex;
    align-items: center;
    height: 48px;
    font-size: 16px;
    font-size: 1.6rem;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    border: 2px solid white;
    padding: 0 2rem;
    margin-left: 3rem;
    border-radius: 24px;
  }
  #calendar-view .calendar-header .title .titlebar .newentry:hover {
    text-decoration: none;
    background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
  }
  #calendar-view .calendar-header .title .titlebar .newentry:before {
    content: "\f01c";
    font-family: "Black Tie";
    margin-left: -0.5rem;
    margin-right: 1rem;
  }
  #calendar-view .calendar-content {
    color: black;
    background: white;
    border: 0px solid rgb(220, 220, 220);
  }
  #calendar-view .calendar-content .grid {
    padding: 0rem;
  }
  #calendar-view .calendar-content .grid .grid-sizer, #calendar-view .calendar-content .grid .grid-item {
    width: 100%;
  }
  #calendar-view .calendar-content .grid .gutter-sizer {
    width: 0%;
  }
  #calendar-view .calendar-content .grid .grid-item {
    padding-bottom: 3rem;
  }
  #calendar-view .calendar-content .grid-item-content {
    color: rgb(90, 90, 90);
    border-right: 1px solid #0075a9;
  }
  #calendar-view .calendar-content .grid-item-content .title {
    padding: 1rem;
    border-top: 5px solid #0075a9;
    background: rgba(0, 117, 169, 0.1);
  }
  #calendar-view .calendar-content .grid-item-content .title .hours {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    justify-content: center;
    position: absolute;
    font-family: "Roboto Condensed";
    right: 10px;
    top: 1rem;
    margin: auto;
    width: 32px;
    height: 36px;
    padding-top: 6px;
    background: url("../img/layout/einzelkurs/mainstatus.svg") no-repeat;
    background-size: contain;
    color: rgb(110, 110, 110);
  }
  #calendar-view .calendar-content .grid-item-content .title h3 {
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0075a9;
    font-weight: 400;
    line-height: 140%;
    margin: 0 15% 0 0;
  }
  #calendar-view .calendar-content .grid-item-content .meta {
    padding: 1rem;
  }
  #calendar-view .calendar-content .grid-item-content .meta h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0075a9;
    font-weight: 400;
    line-height: 140%;
    font-size: 13px;
    font-size: 1.3rem;
  }
  #calendar-view .calendar-content .grid-item-content .meta ul.list {
    position: relative;
    list-style: none;
    margin-left: 0;
    padding-left: 1.2rem;
    margin-bottom: 1.5rem;
  }
  #calendar-view .calendar-content .grid-item-content .meta ul.list.angle li:before {
    content: "\f093";
    font-family: "Black Tie";
    position: absolute;
    left: 0;
    margin-top: 0.4rem;
    font-size: 0.9rem;
    color: #e46450;
  }
  #calendar-view .calendar-content .grid-item-content .meta ul.pills {
    margin: 0;
    padding: 0 0 15px 0;
  }
  #calendar-view .calendar-content .grid-item-content .meta ul.pills li {
    display: inline-block;
    padding: 3px 15px;
    border-radius: 12px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  #calendar-view .calendar-content .grid-item-content .meta ul.pills.pkpills li {
    color: #0075a9;
    border: 1px solid #0075a9;
  }
  #calendar-view .calendar-content .grid-item-content .footer {
    padding: 1rem;
    background: rgba(0, 117, 169, 0.1);
    text-align: center;
  }
  #calendar-view .calendar-content .grid-item-content .footer .calendarsubmit {
    display: inline-flex;
    align-items: center;
    height: 36px;
    font-size: 13px;
    font-size: 1.3rem;
    background-color: #0075a9;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    padding: 0 2em;
    border-radius: 24px;
    margin: 1rem;
  }
  #calendar-view .calendar-content .grid-item-content .footer .calendarsubmit:hover {
    text-decoration: none;
    background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
  }
  #calendar-view .calendar-content .grid-item-content .footer .calendarsubmit.booked {
    background-color: #26B57E;
  }
  #calendar-view .calendar-content .grid-item-content .footer .calendarsubmit.booked:hover {
    background-color: #26B57E;
  }
}
/********************************************** SELECT2 Anpassungen  *********************************************/
.select2-dropdown {
  color: rgb(65, 65, 65);
  background-color: white;
  border: 0px solid white;
  border-radius: 0px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid rgb(220, 220, 220);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgb(220, 220, 220);
  color: black;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #0075a9;
  color: white;
}
.select2-container--default .select2-selection__choice {
  color: rgb(65, 65, 65);
}

#pk_form .select2-container {
  width: 100% !important;
}
#pk_form .select2-selection__choice {
  white-space: pre-line;
}

/****************  Standard Page Template ****************/
.standardpage .standardpage-header {
  background: #e9f6fc;
  margin: 0;
  padding-bottom: 5rem;
}
.standardpage .standardpage-header .lcbc {
  background: #e9f6fc;
  color: rgb(65, 65, 65);
  display: flex;
  align-items: center;
  padding: 1rem 4.5rem;
  border: 0;
}
.standardpage .standardpage-header .title {
  background: #e9f6fc;
  color: rgb(65, 65, 65);
  padding: 0 4.5rem;
}
.standardpage .standardpage-header .title .titlebar {
  display: flex;
  align-items: center;
  height: 120px;
}
.standardpage .standardpage-header .title .titlebar .backbutton {
  color: white;
  display: block;
  width: 48px;
  height: 48px; /*IE11*/
  margin-left: 3rem;
  margin-right: 3rem;
  display: none;
}
.standardpage .standardpage-header .title .titlebar h2 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 400;
  margin: 0;
  line-height: 48px;
}

/****************  Kursverwaltung Online ****************/
#onlinekursadmin-view #onlinekurse-zusammenstellen-header .filterbar #filterform {
  text-align: center;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen-header .filterbar #filterform select#lvfilter {
  width: 40rem;
  border: 1px solid #0075a9;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen-header .filterbar #filterform #lvfiltersubmit {
  background: #e46450;
  border-color: #e46450;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen-header .submitbutton  {
  background: #e46450;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen {
  padding-top: 4rem;
  padding-bottom: 5rem;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen .webcode-generated .message {
  color: #31708f;
  background: #bce8f1;
  padding: 15px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen .webcode-generated .codes {
  margin-top: 5px;
  display: block;
  background: #26B57E;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen .webcode-generated .codes .mastercode {
  position: absolute;
  margin-top: 15px;
  margin-left: 15px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen .webcode-generated .codes .mastercode .mctitle {
  color: white;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen .webcode-generated .codes .subcode {
  padding: 20px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen .webcode-generated .codes .subcode .themc {
  font-size: 48px;
  font-size: 4.8rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: white;
  text-align: center;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen .webcode-generated .send {
  margin-top: 2px;
  padding: 15px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen .webcode-generated .send .btn {
  margin-top: 15px;
  height: 90px;
  line-height: 120%;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen .webcode-generated .send label {
  margin-left: 51%;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive {
  margin-bottom: 0px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode h2.parentcat, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive h2.parentcat {
  font-size: 15px;
  font-size: 1.5rem;
  color: white;
  display: flex;
  align-items: center;
  min-height: 50px;
  margin-top: 0px;
  margin-bottom: 2px;
  padding: 0 15px;
  background: #4098bf;
  position: relative;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode h2.parentcat .dd, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive h2.parentcat .dd {
  background: url("../img/layout/einzelkurs/dd-level1.svg") no-repeat;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .collapse, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .collapse {
  border-top: 0;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .headerlabels, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .headerlabels {
  display: table;
  width: 100%;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: black;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .headerlabels > div, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .headerlabels > div {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 10px;
  border-collapse: collapse;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .headerlabels > div.book, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .headerlabels > div.book {
  width: 10%;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .headerlabels > div.time, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .headerlabels > div.time {
  width: 10%;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .headerlabels > div.title, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .headerlabels > div.title {
  width: 80%;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel {
  margin-bottom: 0px;
  margin-top: 0px;
  border: 0;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-heading, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-heading {
  display: table;
  width: 100%;
  cursor: pointer;
  color: #0075a9;
  font-weight: 400;
  background: #cce3ee;
  padding: 0;
  border: 0;
  position: relative;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-heading .dd, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-heading .dd {
  background: url("../img/layout/einzelkurs/dd-level2.svg") no-repeat;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-heading > div, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-heading > div {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid white;
  padding: 5px 10px;
  border-collapse: collapse;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-heading > div.book, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-heading > div.book {
  width: 10%;
  text-align: center;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-heading > div.time, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-heading > div.time {
  width: 10%;
  text-align: center;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-heading > div.title, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-heading > div.title {
  width: 80%;
  border-right: none;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-heading > div.archive-title, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-heading > div.archive-title {
  width: 72%;
  border-right: 0;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-heading > div.archive-title span, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-heading > div.archive-title span {
  font-weight: 400;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-heading > div.archive-code, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-heading > div.archive-code {
  width: 18%;
  background-color: #26B57E;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-heading > div.hilite, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-heading > div.hilite {
  background: #26B57E;
  color: white;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-heading > div.dropdown, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-heading > div.dropdown {
  border-left: 0;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse {
  color: rgb(75, 75, 75);
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse h3, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse h3 {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 1px;
  font-weight: 400;
  color: #e46450;
  margin-top: 30px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse h3:first-of-type, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse h3:first-of-type {
  margin-top: 0px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta {
  display: flex;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta > div, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta > div {
  padding: 0 15px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta > div ul, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta > div ul {
  padding-left: 15px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .inhalte, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .inhalte {
  width: 33%;
  border-right: 1px solid #777A7C;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .lernziele, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .lernziele {
  width: 33%;
  border-right: 1px solid #777A7C;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .zielgruppen, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .zielgruppen {
  width: 17%;
  border-right: 1px solid #777A7C;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .zielgruppen li, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .zielgruppen li {
  color: white;
  background: rgb(90, 90, 90);
  margin-bottom: 4px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .module, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .module {
  width: 17%;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .module li.iconize, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize {
  vertical-align: middle;
  margin-bottom: 5px;
  background-repeat: no-repeat;
  background-position-y: center;
  padding-left: 32px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .module li.iconize.listalert, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.listalert {
  background-image: url("../img/ui/modals/list-alert.png");
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .module li.iconize.aufgaben, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.aufgaben {
  background-image: url("../img/ui/modals/list-aufgaben.png");
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .module li.iconize.wissensquiz, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.wissensquiz {
  background-image: url("../img/ui/modals/list-wissensquiz.png");
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .module li.iconize.lernvideos, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.lernvideos {
  background-image: url("../img/ui/modals/list-lernvideos.png");
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .module li.iconize.skillvideos, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.skillvideos {
  background-image: url("../img/ui/modals/list-skillvideos.png");
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .module li.iconize.pp, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.pp {
  background-image: url("../img/ui/modals/list-pp.png");
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .meta .module li.iconize.hide, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .meta .module li.iconize.hide {
  display: none;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .trailer, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .trailer {
  margin: 5% 33%;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .panel .panel-collapse .panel-body, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .panel .panel-collapse .panel-body {
  background-color: #f2f8fb;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .checkbox:not([ie8min]), #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .checkbox:not([ie8min]) {
  height: 28px;
  width: 28px;
  margin: auto;
  margin-bottom: 12px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .checkbox:not([ie8min]) label span.inputbox, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .checkbox:not([ie8min]) label span.inputbox {
  padding-top: 6px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox {
  background: #26B57E;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.bookl, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.bookl {
  padding-top: 3px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.timel, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.timel {
  color: white;
  font-weight: 700;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.timel:after, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox.timel:after {
  content: none;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount {
  display: table;
  width: 100%;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  background: #777A7C;
  color: white;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount select[multiple], #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount select[size], #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount select[multiple], #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount select[size] {
  color: #777A7C;
  height: 200px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div {
  border: 1px solid white;
  display: table-cell;
  vertical-align: top;
  padding: 15px 10px;
  border-collapse: collapse;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.book, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.book {
  width: 10%;
  text-align: center;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.time, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.time {
  width: 10%;
  text-align: center;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wclicenses, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wclicenses {
  width: 65%;
  text-align: right;
  border-right: 0;
  padding-left: 15%;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wclicenses .wcchoose, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wclicenses .wcchoose {
  padding-bottom: 10px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wclicenses .wcchoose .form-control, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wclicenses .wcchoose .form-control {
  width: 100%;
  margin-bottom: 10px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wclicenses input, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wclicenses input {
  width: 100px;
  display: inline-block;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wcdisplay, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wcdisplay {
  width: 15%;
  border-right: 0;
  border-left: 0;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wcdisplay .btn, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wcdisplay .btn {
  color: white;
  opacity: 0.9;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 115%;
  height: 96px;
  width: 80px;
  padding: 0px;
  padding-top: 64px;
  background-size: 60px;
  background-position: top center;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wcdisplay .generated, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wcdisplay .generated {
  padding: 10px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wcdisplay .generated .btn, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wcdisplay .generated .btn {
  margin-top: 10px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wcdisplay #wc-label, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wcdisplay span, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wcdisplay a, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wcdisplay #wc-label, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wcdisplay span, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wcdisplay a {
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wcdisplay #wc-webcode, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wcdisplay #wc-webcode {
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 20px;
  text-align: center;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wcdisplay #wc-label, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wcdisplay #wc-label {
  text-align: center;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wcdisplay a, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wcdisplay a {
  padding: 5px 10px;
  margin-bottom: 5px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  color: white;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcode .footeraccount > div.wcdisplay a:hover, #onlinekursadmin-view #onlinekurse-zusammenstellen #accordion-webcodearchive .footeraccount > div.wcdisplay a:hover {
  background: rgba(255, 255, 255, 0.4);
  text-decoration: none;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen .wcdelete {
  margin-top: 1px;
  background: rgb(220, 220, 220);
  padding: 10px;
  padding-bottom: 100px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen .wcdelete textarea {
  background: white;
  margin-bottom: 10px;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen input, #onlinekursadmin-view #onlinekurse-zusammenstellen textarea {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
}
#onlinekursadmin-view #onlinekurse-zusammenstellen #catfilter {
  margin: 10px 10px;
}

/****************XXXXXX ADAPTIVES VERHALTEN XXXXXX****************/
/* Notebook bis Tablet Landscape */
@media only screen and (min-width: 992px) and (max-width: 1419px) {
  body {
    font-size: 13px;
    font-size: 1.3rem;
  }
  #login {
    height: calc(100vh - 90px);
  }
  #login #loginform .btn {
    margin-left: 5px;
  }
  #login .lerncampus {
    width: 75%;
  }
  #login #openIntroVideo {
    width: 150px;
  }
  #s1 .widget-neu .widget-header {
    display: table;
    padding: 15px 10px;
  }
  #s1 .widget-neu .widget-header .wh-image img.profileimg {
    width: 80px;
  }
  #s1 .widget-neu .widget-header .wh-image.profile {
    width: 80px;
    height: 80px;
  }
  #s1 .widget-neu .widget-header .wh-image.verwalten {
    width: 55px;
    height: 55px;
  }
  #s1 .widget-neu .widget-header .wh-image.faq {
    width: 55px;
    height: 55px;
  }
  #s1 .widget-neu .widget-header .wh-title h3 {
    margin-left: 10px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  #s1 .widget-neu .widget-body {
    padding: 10px;
  }
  #s1 .widget-neu .widget-body.list {
    padding: 0px;
  }
  #s1 .widget-neu .widget-body #certbadge {
    right: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
  }
  #s1 .widget-neu .widget-body ul.adminlist {
    margin: 0;
    padding: 0 5px 5px 5px;
  }
  #s1 .widget-neu .widget-body ul.adminlist li a {
    padding: 15px 10px 15px 45px;
    background-size: 44px 44px; /*IE11*/
    background-position: 0px center;
  }
  #s1 .widget-neu .widget-body ul.faqlist {
    margin: 0;
    padding: 0;
  }
  #s1 .widget-neu .widget-body ul.faqlist li a {
    padding: 15px 15px;
  }
  #s1 .widget-neu .widget-body .lv-logo {
    width: 100px;
  }
  #s1 .widget-neu .widget-footer {
    padding: 10px;
  }
  #s1 .widget-neu .widget-footer .launchbutton {
    font-size: 11px;
    font-size: 1.1rem;
    padding-left: 20px;
  }
  #s2 #resonator {
    margin-right: 10px;
  }
  #s2 #resonator .infograph {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #s2 #resonator .infograph .global {
    font-size: 60px;
    font-size: 6rem;
  }
  #s2 #resonator .infograph .hrs {
    font-size: 10px;
    font-size: 1rem;
  }
  #s2 #resonator .infograph .bars {
    margin-left: 20px;
  }
  #s2 #resonator .infograph .bars .bar div {
    padding: 2px 5px 0px 5px;
    padding-top: 2px;
    font-size: 10px;
    font-size: 1rem;
  }
  #s2 #resonator .stats .col1 .lab {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%;
  }
  #s2 #services ul {
    margin: 0px;
    padding: 10px 0;
  }
  #s2 #services ul li {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 120%;
    height: 50px;
  }
  #s2 #services ul li.serviceitem:before {
    font-size: 42px;
    font-size: 4.2rem;
    margin-right: 7px;
  }
  #s2 #services ul li#eref {
    padding-left: 50px;
  }
  #s2 #services ul li#eref.inactive {
    background-size: 42px;
  }
  #s2 #services ul li#eref.active {
    background-size: 42px;
  }
  #s2 #motivator .row {
    padding: 30px 0 10px 0;
  }
  #s2 #motivator ul li {
    font-size: 15px;
    font-size: 1.5rem;
  }
  #s2 #blog h3 {
    padding-top: 20px;
  }
  #s2 #blog .entry h4 {
    font-size: 13px;
    font-size: 1.3rem;
  }
  #s2 #blog .entry h5 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  #s2 #blog .entry .buttons .btn {
    font-size: 10px;
    font-size: 1rem;
  }
  #s3 #kursspalte h3 {
    padding: 0px 5px 5px 0px;
  }
  #s3 #kursspalte h4 {
    padding: 7px 15px;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
  #s3 #kursspalte h4 .dd {
    right: 5px;
  }
  #s3 #kursspalte h5 {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 7px 25px 7px 15px;
  }
  #s3 #kursspalte h5 .dd {
    right: 5px;
  }
  #s3 #kursspalte ul li .category, #s3 #kursspalte ul li .termin, #s3 #kursspalte ul li .prozess {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 2px 15px;
  }
  #s3 #kursspalte ul li > a, #s3 #kursspalte ul li .kursitem {
    padding: 10px 15px;
    padding-right: 65px;
  }
  #s3 #kursspalte ul li > a .mainstatus, #s3 #kursspalte ul li .kursitem .mainstatus {
    right: 5px;
  }
  #s3 #kursspalte ul li > a .dismisscourse, #s3 #kursspalte ul li .kursitem .dismisscourse {
    right: 35px;
  }
  #s3 #kursspalte ul li > a .certified, #s3 #kursspalte ul li .kursitem .certified {
    right: 30px;
  }
  #s3 #kursspalte ul li > a .book, #s3 #kursspalte ul li .kursitem .book {
    right: 33px;
  }
  #s3 #kursspalte .kursupload {
    height: 60px;
    font-size: 13px;
    font-size: 1.3rem;
    background: #0075a9 url("../img/layout/einzelkurs/zertifikat-einreichen.svg") 5px 0px no-repeat;
    padding-left: 20px;
  }
  #s3 #kursspalte .bilanz {
    height: 60px;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
  }
  .singlecourse h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .singlecourse h3 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .singlecourse .sc-header .bemerkungen ul {
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .singlecourse .sc-header .bemerkungen ul li {
    margin-bottom: 5px;
  }
  .singlecourse .sc-header .meta h3 {
    margin-top: 5px;
  }
  .singlecourse .sc-header .meta h3.trailerheading {
    margin-top: 15px;
  }
  .singlecourse .sc-header .meta .lernziele, .singlecourse .sc-header .meta .inhalte {
    padding: 0 30px;
    min-height: 160px;
  }
  .singlecourse .sc-header .meta ul.plain > li span {
    padding: 0 5px;
  }
  .modal .modal-dialog {
    width: 90%;
    margin-top: 60px;
  }
  .modal .modal-dialog .modal-content .modal-body #accordion-members .panel .panel-body li > div.buttons a span {
    font-size: 9px;
    font-size: 0.9rem;
  }
  #customlogin {
    position: absolute;
    margin-top: 90px;
    width: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #customlogin #loginform .form-group {
    margin-bottom: 20px;
  }
  #customlogin #loginform .btn {
    opacity: 0.9;
    color: white;
    font-weight: 700;
  }
  #customlogin #loginform input.usr {
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    background-color: white;
    font-size: 20px;
    font-size: 2rem;
    color: rgb(110, 110, 110);
    height: 60px;
  }
  #customlogin #loginform input.usr:-webkit-autofill {
    color: rgb(130, 130, 130) !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
  }
  #customlogin #loginform label {
    color: white;
  }
  #customlogin #loginform label.full {
    background: white;
    color: #e46450;
    text-transform: uppercase;
    display: block;
    font-weight: 400;
    letter-spacing: 1px;
    padding-left: 5px;
    margin-top: -1px;
  }
  #customlogin #loginform .checkbox:not([ie8min]) label input {
    display: none;
  }
  #customlogin #loginform .checkbox:not([ie8min]) label span.inputbox {
    position: absolute;
    height: 19px;
    width: 19px;
    display: inline-block;
    background: #fff;
    margin-left: -19px;
    text-align: center;
  }
  #customlogin #loginform .checkbox:not([ie8min]) label input[type=checkbox]:checked + span {
    background: #26B57E;
  }
  #customlogin #loginform .checkbox:not([ie8min]) label input[type=checkbox]:checked + span:after {
    font-family: "Black Tie";
    content: "\f012";
    display: block;
  }
  #customlogin #loginform .checkbox:not([ie8min]) label .anmeldung {
    margin-left: 8px;
  }
  #customlogin #loginform .checkbox {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #customlogin #loginform .checkbox label {
    min-height: 10px;
  }
  #customlogin #loginform a {
    color: white;
  }
  #customlogin #loginform #forgotpwlink {
    display: block;
    padding-bottom: 5px;
    padding-left: 28px;
  }
  #customlogin #loginform #forgotpwlink:focus {
    outline: none;
  }
  #customlogin #loginform #forgotpwlink:before {
    position: absolute;
    left: 15px;
    content: url("../img/ui/forgotpw.png");
  }
  #customlogin #loginform #registerlink {
    display: block;
    padding-bottom: 5px;
    padding-left: 28px;
  }
  #customlogin #loginform #registerlink:before {
    position: absolute;
    left: 15px;
    content: url("../img/ui/register.png");
  }
  #customlogin #domain h1.lerncampus {
    font-weight: 100;
    font-size: 7rem;
    letter-spacing: -0.2rem;
    text-transform: uppercase;
    margin-top: -0.5rem;
    line-height: 1;
    padding-top: 0;
  }
  #customlogin #domain h1.lerncampus .zusatzzeile {
    display: block;
    font-size: 6.6rem;
    line-height: 6.6rem;
    margin-top: 0;
  }
  #customlogin #domain #openIntroVideo {
    position: absolute;
    top: -120px;
    right: 0;
    width: 140px;
    transform: rotate(10deg);
  }
  #customlogin #domain #zusatzlogos {
    height: 150px;
    display: flex;
    margin-top: 15px;
  }
  #customlogin #domain #zusatzlogos img {
    height: 120px;
    padding: 1.5rem;
    background: white;
    margin-right: 1.5rem;
  }
}
/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 11px;
    font-size: 1.1rem;
  }
  #header .row {
    height: 80px;
  }
  #header .row #drklogo, #header .row #campuslogo {
    height: 35px;
  }
  #header .row #kurse {
    margin-top: -10px;
    height: 60px;
  }
  #header .row #kurszipf {
    position: absolute;
    left: 27px;
    top: 58px;
  }
  #header .row #entercode .text {
    margin-top: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
  #header .row #entercode .submit .btn-submit {
    font-size: 10px;
    font-size: 1rem;
    margin-top: 15px;
    padding: 3px;
  }
  #header .row #entercode .input:before {
    content: url("../img/ui/bracket-left-md.png");
    height: 30px;
  }
  #header .row #entercode .input:after {
    content: url("../img/ui/bracket-right-md.png");
    height: 30px;
  }
  #header .row #entercode .input input {
    height: 45px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  #header .row #entercode .input input:focus {
    width: 90px;
  }
  #header .row .aligntop #logout {
    font-size: 13px;
    font-size: 1.3rem;
    padding-right: 10px;
  }
  #header .row .aligntop #legal {
    padding: 10px;
  }
  #header .certified {
    width: 76px;
    height: 76px;
  }
  #header .certified img {
    width: 75%;
  }
  #header .timestatus {
    margin-right: 110px;
    width: 66px;
    height: 66px;
  }
  #header .timestatus img {
    width: 75%;
    margin: auto;
  }
  #header .timestatus .hrs span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #header .timestatus .hrs {
    line-height: 76px;
  }
  #login {
    height: calc(100vh - 80px);
  }
  #login #loginform .btn {
    margin-left: 5px;
  }
  #login .lerncampus {
    width: 95%;
  }
  #login #openIntroVideo {
    position: absolute;
    top: 0px;
    right: 5%;
    width: 120px;
  }
  #s1 .widget-neu .widget-header {
    display: table;
    padding: 15px 10px;
  }
  #s1 .widget-neu .widget-header .wh-image img.profileimg {
    width: 60px;
  }
  #s1 .widget-neu .widget-header .wh-image.profile {
    width: 60px;
    height: 60px;
  }
  #s1 .widget-neu .widget-header .wh-image.verwalten {
    width: 45px;
    height: 45px;
  }
  #s1 .widget-neu .widget-header .wh-image.faq {
    width: 45px;
    height: 45px;
  }
  #s1 .widget-neu .widget-header .wh-title h3 {
    margin-left: 10px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  #s1 .widget-neu .widget-body {
    padding: 10px;
  }
  #s1 .widget-neu .widget-body.list {
    padding: 0px;
  }
  #s1 .widget-neu .widget-body #certbadge {
    right: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
  }
  #s1 .widget-neu .widget-body ul.adminlist {
    margin: 0;
    padding: 0 5px 5px 5px;
  }
  #s1 .widget-neu .widget-body ul.adminlist li a {
    padding: 15px 10px 15px 45px;
    background-size: 44px;
    background-position: 0px center;
  }
  #s1 .widget-neu .widget-body ul.faqlist {
    margin: 0;
    padding: 0;
  }
  #s1 .widget-neu .widget-body ul.faqlist li a {
    padding: 10px 10px;
  }
  #s1 .widget-neu .widget-body .lv-logo {
    width: 100px;
  }
  #s1 .widget-neu .widget-footer {
    padding: 10px;
  }
  #s1 .widget-neu .widget-footer .launchbutton {
    font-size: 10px;
    font-size: 1rem;
    padding-left: 20px;
  }
  #s2 #resonator .infograph .global {
    font-size: 36px;
    font-size: 3.6rem;
  }
  #s2 #resonator .infograph .hrs {
    font-size: 8px;
    font-size: 0.8rem;
  }
  #s2 #resonator .infograph .bars .bar div {
    padding: 2px 5px 0px 5px;
    padding-top: 2px;
    font-size: 8px;
    font-size: 0.8rem;
  }
  #s2 #services ul {
    padding: 10px 0;
  }
  #s2 #services ul li {
    font-size: 8px;
    font-size: 0.8rem;
    height: 35px;
  }
  #s2 #services ul li.linked:before {
    font-size: 24px;
    font-size: 2.4rem;
    margin-right: 5px;
  }
  #s2 #services ul li#eref {
    padding-left: 30px;
  }
  #s2 #services ul li#eref.inactive {
    background-size: 24px;
  }
  #s2 #services ul li#eref.active {
    background-size: 24px;
  }
  #s2 #services ul li#cert-total {
    background: url("../img/ui/services/icon-cert-total.svg") no-repeat;
    padding-left: 55px;
  }
  #s2 #services ul li#hours-total {
    background: url("../img/ui/services/icon-hours-done.svg") left center no-repeat;
    padding-left: 55px;
  }
  #s2 #motivator .row {
    padding: 15px 0 10px 0;
  }
  #s2 #motivator ul li {
    font-size: 13px;
    font-size: 1.3rem;
  }
  #s2 #blog h3 {
    font-size: 13px;
    font-size: 1.3rem;
    padding-top: 10px;
  }
  #s2 #blog h3 .btn-edit {
    font-size: 10px;
    font-size: 1rem;
  }
  #s2 #blog .entry h4 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  #s2 #blog .entry h5 {
    font-size: 10px;
    font-size: 1rem;
  }
  #s2 #blog .entry .buttons .btn {
    font-size: 8px;
    font-size: 0.8rem;
  }
  #s3 #kursspalte h3 {
    padding: 10px 5px 10px 15px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  #s3 #kursspalte h3:before {
    content: url("../img/layout/einzelkurs/section-dreieck.svg");
    margin-left: -26px;
    bottom: 0px;
    top: 0px;
  }
  #s3 #kursspalte h4 {
    padding: 7px 5px;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 2px;
  }
  #s3 #kursspalte h4 .dd {
    right: 5px;
  }
  #s3 #kursspalte h5 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 7px 25px 7px 20px;
  }
  #s3 #kursspalte h5 .dd {
    right: 5px;
  }
  #s3 #kursspalte ul li .category, #s3 #kursspalte ul li .termin, #s3 #kursspalte ul li .prozess {
    font-size: 8px;
    font-size: 0.8rem;
    padding: 2px 5px;
  }
  #s3 #kursspalte ul li > a, #s3 #kursspalte ul li .kursitem {
    padding: 10px 5px;
    padding-right: 65px;
  }
  #s3 #kursspalte ul li > a .mainstatus, #s3 #kursspalte ul li .kursitem .mainstatus {
    right: 5px;
  }
  #s3 #kursspalte ul li > a .dismisscourse, #s3 #kursspalte ul li .kursitem .dismisscourse {
    right: 35px;
  }
  #s3 #kursspalte ul li > a .certified, #s3 #kursspalte ul li .kursitem .certified {
    right: 30px;
  }
  #s3 #kursspalte ul li > a .book, #s3 #kursspalte ul li .kursitem .book {
    right: 33px;
  }
  #s3 #kursspalte .kursupload {
    height: 50px;
    font-size: 11px;
    font-size: 1.1rem;
    background: #0075a9 url("../img/layout/einzelkurs/zertifikat-einreichen.svg") 5px 0px no-repeat;
    padding-left: 20px;
  }
  #s3 #kursspalte .bilanz {
    height: 50px;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
  }
  .singlecourse .standard-icon {
    display: block;
    width: 60px;
    margin: auto;
  }
  .singlecourse h2 {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 3px;
  }
  .singlecourse h3 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .singlecourse .sc-header .backbutton {
    width: 35px;
  }
  .singlecourse .sc-header .title {
    height: 90px;
  }
  .singlecourse .sc-header .bemerkungen {
    padding: 15px 0;
  }
  .singlecourse .sc-header .bemerkungen ul {
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .singlecourse .sc-header .bemerkungen ul li {
    margin-bottom: 5px;
  }
  .singlecourse .sc-header .meta {
    padding: 15px 0;
  }
  .singlecourse .sc-header .meta h3 {
    margin-top: 5px;
  }
  .singlecourse .sc-header .meta h3.trailerheading {
    margin-top: 15px;
  }
  .singlecourse .sc-header .meta .lernziele, .singlecourse .sc-header .meta .inhalte {
    padding: 0 30px;
    min-height: 160px;
  }
  .singlecourse .sc-header .meta ul.plain > li span {
    padding: 0 5px;
  }
  .modal .modal-dialog {
    width: 96%;
    margin-top: 60px;
  }
  .modal .modal-dialog .modal-content {
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .modal .modal-dialog .modal-content .modal-header .modal-label {
    border: 10px solid #e46450;
  }
  .modal .modal-dialog .modal-content .modal-header .modal-label:before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 136px;
    height: 136px;
    font-family: "Black Tie";
    font-weight: 300;
    color: rgb(65, 65, 65);
    font-size: 72px;
    font-size: 7.2rem;
    line-height: 100%;
  }
  .modal .modal-dialog .modal-content .modal-header h4 {
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 600;
  }
  .modal .modal-dialog .modal-content .modal-header h4:after {
    content: url("../img/ui/zipf-modal.png");
    position: absolute;
    z-index: 999;
    top: 36px;
    left: 0;
  }
  .modal .modal-dialog .modal-content .modal-body h3 {
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 30px;
  }
  .modal .modal-dialog .modal-content .modal-body h3:first-of-type {
    margin-top: 0px;
  }
  .modal .modal-dialog .modal-content .modal-body .input-group-addon .changerequest {
    color: white;
    font-size: 10px;
    font-size: 1rem;
  }
  .modal .modal-dialog .modal-content .modal-body input, .modal .modal-dialog .modal-content .modal-body textarea {
    box-shadow: none;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .modal .modal-dialog .modal-content .modal-footer {
    background: rgb(220, 220, 220);
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .modal#theHelpModal label {
    font-size: 10px;
    font-size: 1rem;
  }
  .modal#theHelpModal h3 {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .modal#theHelpModal .faqarea {
    margin-left: 15px;
    margin-top: 20px;
  }
  .modal#theHelpModal .faqarea .accordion-faq .panel .panel-title {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 150%;
    padding-right: 40px;
  }
  .modal#theHelpModal .contactbox {
    margin-top: 20px;
    margin-right: 15px;
  }
  .modal#theHelpModal .contactbox h4 {
    background: rgb(75, 75, 75);
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 10px;
    margin: 0 0 5px 0;
  }
  .modal#theHelpModal .contactbox input[type=text], .modal#theHelpModal .contactbox input[type=email], .modal#theHelpModal .contactbox textarea {
    background: rgb(235, 235, 235) !important;
  }
  .modal#theMemberModal #accordion-members {
    margin-top: 20px;
  }
  .modal#theMemberModal #accordion-members .panel {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    margin-bottom: 10px;
  }
  .modal#theMemberModal #accordion-members .panel .panel-heading {
    font-size: 13px;
    font-size: 1.3rem;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    display: table;
    width: 100%;
    padding: 0;
  }
  .modal#theMemberModal #accordion-members .panel .panel-heading img {
    position: absolute;
    width: 66px;
    margin-left: 5px;
    margin-top: 5px;
    z-index: 999;
    border: 5px solid white;
  }
  .modal#theMemberModal #accordion-members .panel .panel-heading img.has-certificate {
    border-color: #f9aa07;
  }
  .modal#theMemberModal #accordion-members .panel .panel-heading img {
    background: rgb(180, 180, 180);
  }
  .modal#theMemberModal #accordion-members .panel .panel-heading > div {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
  }
  .modal#theMemberModal #accordion-members .panel .panel-heading > div.name {
    padding-left: 76px;
  }
  .modal#theMemberModal #accordion-members .panel-body {
    margin: 0;
    padding: 0;
  }
  .modal#theMemberModal #accordion-members .panel-body ul {
    display: table;
    width: 100%;
    margin-bottom: 0px;
  }
  .modal#theMemberModal #accordion-members .panel-body li {
    display: table-row;
    background: white;
    color: rgb(65, 65, 65);
  }
  .modal#theMemberModal #accordion-members .panel-body li > div {
    border-bottom: 2px solid rgb(220, 220, 220);
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
    font-weight: 600;
  }
  .modal#theMemberModal #accordion-members .panel-body li > div.kurs {
    width: 55%;
  }
  .modal#theMemberModal #accordion-members .panel-body li > div.hrs {
    width: 15%;
  }
  .modal#theMemberModal #accordion-members .panel-body li > div.buttons {
    padding: 0;
  }
  .modal#theMemberModal #accordion-members .panel-body li > div.buttons a {
    display: inline-block;
    font-size: 8px;
    font-size: 0.8rem;
    padding: 10px;
    color: rgb(75, 75, 75);
    font-weight: 400;
    width: auto;
  }
  .modal#theMemberModal #accordion-members .panel-body li > div.buttons a i.fa-file {
    margin-left: 3px;
    margin-right: 2px;
  }
  .modal#theMemberModal #accordion-members .panel-body li > div.buttons a:hover {
    text-decoration: none;
    color: black;
  }
  .modal#theMemberModal #accordion-members .panel-body li > div.buttons a span {
    display: none;
  }
  .modal#theWebcodeModal #accordion-webcode .footeraccount > div.wcsubmit .btn, .modal#theWebcodeModal #accordion-webcodearchive .footeraccount > div.wcsubmit .btn {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .modal#theWebcodeModal .wcdelete {
    background: rgb(220, 220, 220);
    padding: 10px;
    padding-bottom: 100px;
  }
  .modal#theWebcodeModal .wcdelete textarea {
    background: white;
    margin-bottom: 10px;
  }
  .modal#theFAQModal #accordion-faq .panel .panel-heading h4 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .modal#theFAQModal .contactbox h4 {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .components.nav-tabs li a {
    background: rgb(110, 110, 110) url("../img/ui/modals/tabedge.png") top right no-repeat;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid white;
    color: white;
    padding: 10px 30px 10px 10px;
    opacity: 0.5;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .components.nav-tabs li a:hover {
    border: 0px solid white;
  }
  .components.nav-tabs li a:focus {
    border: 0px solid white;
  }
  .components.nav-tabs li a i {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .components.nav-tabs li.active a {
    background-color: #e46450;
    color: white;
    opacity: 1;
    border: 0px solid white;
  }
  .components.nav-tabs li.active a:hover {
    border: 0px solid white;
  }
  .components.nav-tabs li.active a:focus {
    border: 0px solid white;
  }
  .components.tab-content {
    color: black;
    background: white;
    padding: 5px;
  }
  .components.tab-content ul.docs {
    margin-bottom: 0px;
  }
  .components.tab-content ul.docs li {
    padding: 15px;
    border-bottom: 1px solid rgb(220, 220, 220);
  }
  .components.tab-content ul.docs li:last-of-type {
    border-bottom: 0px solid rgb(110, 110, 110);
  }
  .components.submitbtn {
    display: block;
    height: 60px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    background: #0075a9;
    color: white;
    border: 0;
    margin: 30px auto 15px auto;
    width: 80%;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .components.submitbtn:hover {
    text-decoration: none;
    background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
  }
  .components.submitbtn:focus {
    text-decoration: none;
  }
  .components.btn {
    opacity: 0.7;
    font-size: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    color: rgb(65, 65, 65);
    height: 88px;
    width: 60px;
    padding: 0px;
    padding-top: 55px;
    margin-left: 15px;
    background-size: contain;
  }
  .components.btn.btn-submit {
    background: url("../img/ui/modals/submit.svg") top center no-repeat;
  }
  .components.btn.btn-cancel {
    background: url("../img/ui/modals/cancel.svg") top center no-repeat;
  }
  .components.btn.btn-delete {
    background: url("../img/ui/modals/delete.png") top center no-repeat;
  }
  .components.btn.btn-certify {
    background: url("../img/ui/modals/certify.png") top center no-repeat;
  }
  .components.btn.btn-export {
    background: url("../img/ui/modals/export.png") top center no-repeat;
  }
  .components.btn.btn-help {
    background: url("../img/ui/supportcenter_login.svg") top center no-repeat;
    padding-top: 64px;
  }
  .components.btn:hover {
    opacity: 1;
  }
  .components.checkbox:not([ie8min]).center {
    margin: auto;
  }
  .components.checkbox:not([ie8min]) label input {
    display: none;
  }
  .components.checkbox:not([ie8min]) label span.inputbox {
    position: absolute;
    height: 27px;
    width: 28px;
    display: inline-block;
    background: #fff;
    margin-left: -24px;
    margin-top: -3px;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
    color: rgb(130, 130, 130);
    border: 0px solid rgb(220, 220, 220);
    margin-right: 10px;
  }
  .components.checkbox:not([ie8min]) label span.inputlabel {
    margin-left: 15px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .components.checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox {
    background: #26B57E;
    padding-top: 0px;
  }
  .components.checkbox:not([ie8min]) label input[type=checkbox]:checked + span.inputbox:after {
    font-family: "Black Tie";
    content: "\f012";
    display: block;
    color: white;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    padding-top: 2px;
  }
  .components.panel-group .panel {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
  }
  .components.panel-group .panel .panel-heading {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
  }
  .components.panel-group .panel .panel-heading.active i.fa-caret-down {
    color: white;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .components.select {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid white;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 30px;
    padding: 1px 10px 1px 10px;
    padding-right: 30px;
    text-align: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .components.select.select-inline {
    display: inline;
    width: auto;
  }
  .components.select.select-inline + i {
    margin-left: -30px;
    pointer-events: none;
    color: white;
  }
  .components.select.select-dark {
    background: rgb(65, 65, 65);
    color: white;
  }
  .components.select-block {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid rgb(130, 130, 130);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: rgb(65, 65, 65);
    color: white;
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 10px 30px 10px 15px;
    text-align: left;
    margin-bottom: 5px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
  .components.select-block + i {
    position: absolute;
    right: 15px;
    margin-top: -32px;
    pointer-events: none;
  }
  .components.uploadzone .imageupload {
    position: relative;
    overflow: hidden;
    margin: 10px;
  }
  .components.uploadzone .imageupload input.button {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .components.uploadzone .upload {
    display: block;
    margin: 0 0 30px -15px;
    width: 120px;
    height: 29px;
    text-align: left;
    text-decoration: none;
    font-size: 11px;
    font-size: 1.1rem;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    border-radius: 18px;
    color: white;
    background: rgb(65, 65, 65) url("../img/ui/button-modal-icon.png") 3px 2px no-repeat;
    font-weight: 600;
  }
  .components.uploadzone .upload span {
    margin-left: 35px;
    display: block;
    width: 100px;
    height: 29px;
    padding-top: 7px;
  }
  .components.uploadzone .upload {
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
  }
  .components.uploadzone .upload:hover {
    background-color: rgb(180, 180, 180);
  }
  .components.uploadzone .upload:focus {
    outline: none;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  body {
    background: white;
  }
  #mobileheader .row {
    display: flex;
    align-items: center;
    height: 60px;
  }
  #mobileheader .row #drklogo, #mobileheader .row #bayzbelogo {
    margin-left: 0px;
  }
  #mobileheader .row #logout {
    font-size: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgb(130, 130, 130);
    background: none;
  }
  #mobileheader .row #logout:hover {
    background: none;
    color: #e46450;
    text-decoration: none;
  }
  #mobileheader .row #drklogo, #mobileheader .row #campuslogo {
    width: 100%;
    height: auto;
    max-height: 50px;
  }
  #mobileheader #imprintlink, #mobileheader #privacylink {
    font-size: 10px;
    font-size: 1rem;
    color: rgb(130, 130, 130);
    text-transform: uppercase;
    text-decoration: none;
  }
  #mobileheader #imprintlink:focus, #mobileheader #privacylink:focus {
    outline: none;
  }
  #login {
    min-height: calc(100vh - 60px);
  }
  #login .row.form {
    padding-top: 80px;
  }
  #login #loginform .form-group {
    margin-bottom: 20px;
  }
  #login #loginform .btn {
    opacity: 1;
  }
  #login #loginform a.btn {
    padding-top: 65px;
  }
  #login #loginform input.usr {
    font-size: 18px;
    font-size: 1.8rem;
    height: 45px;
  }
  #login #openIntroVideo {
    position: absolute;
    top: -70px;
    right: auto;
    left: 20px;
    width: 120px;
  }
  #webcode .row {
    padding-top: 5px;
    background: rgb(235, 235, 235);
    margin-bottom: 5px;
  }
  #webcode .row #entercode {
    text-align: center;
  }
  #webcode .row #entercode .submit {
    display: none;
  }
  #webcode .row #entercode .submit .btn-submit {
    display: none;
  }
  #webcode .row #entercode .input:before {
    content: url("../img/ui/bracket-left-xs.png");
  }
  #webcode .row #entercode .input:after {
    content: url("../img/ui/bracket-right-xs.png");
  }
  #webcode .row #entercode .input input {
    text-transform: uppercase;
    text-align: center;
    vertical-align: top;
    width: 85%;
    height: 45px;
    line-height: 140%;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    background: rgb(235, 235, 235);
    border: 0;
    color: black;
  }
  #webcode .row #entercode .input input:focus {
    outline: none;
  }
  #customheader {
    background: white;
    position: relative;
  }
  #customheader .row {
    display: flex;
    align-items: center;
    height: 60px;
  }
  #customheader .row #logorow {
    height: 30px;
    display: flex;
  }
  #customheader .row #logorow img:not(:first-of-type) {
    margin-left: 2rem;
  }
  #customheader .row #legal {
    position: absolute;
    left: auto;
    right: 0;
    top: 10px;
    font-size: 11px;
    font-size: 1.1rem;
    display: block;
    text-align: right;
  }
  #customheader .row #legal a {
    display: inline-block;
    color: rgb(130, 130, 130);
    margin-left: 5px;
  }
  #carousel-customlogin .item img {
    min-height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    width: 100%;
    min-width: 100%;
    object-fit: cover;
    mix-blend-mode: multiply;
  }
  #customlogin {
    position: absolute;
    margin-top: 60px;
    width: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #customlogin #loginform .form-group {
    margin-bottom: 20px;
  }
  #customlogin #loginform .btn {
    opacity: 0.9;
    color: white;
    font-weight: 700;
  }
  #customlogin #loginform input.usr {
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    background-color: white;
    font-size: 16px;
    font-size: 1.6rem;
    color: rgb(110, 110, 110);
    height: 40px;
  }
  #customlogin #loginform input.usr:-webkit-autofill {
    color: rgb(130, 130, 130) !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
  }
  #customlogin #loginform label {
    color: white;
  }
  #customlogin #loginform label.full {
    background: white;
    color: #e46450;
    text-transform: uppercase;
    display: block;
    font-weight: 400;
    letter-spacing: 1px;
    padding-left: 5px;
    margin-top: -1px;
  }
  #customlogin #loginform .checkbox:not([ie8min]) label input {
    display: none;
  }
  #customlogin #loginform .checkbox:not([ie8min]) label span.inputbox {
    position: absolute;
    height: 19px;
    width: 19px;
    display: inline-block;
    background: #fff;
    margin-left: -19px;
    text-align: center;
  }
  #customlogin #loginform .checkbox:not([ie8min]) label input[type=checkbox]:checked + span {
    background: #26B57E;
  }
  #customlogin #loginform .checkbox:not([ie8min]) label input[type=checkbox]:checked + span:after {
    font-family: "Black Tie";
    content: "\f012";
    display: block;
  }
  #customlogin #loginform .checkbox:not([ie8min]) label .anmeldung {
    margin-left: 8px;
  }
  #customlogin #loginform .checkbox {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #customlogin #loginform .checkbox label {
    min-height: 10px;
  }
  #customlogin #loginform a {
    color: white;
  }
  #customlogin #loginform #forgotpwlink {
    display: block;
    padding-bottom: 5px;
    padding-left: 28px;
  }
  #customlogin #loginform #forgotpwlink:focus {
    outline: none;
  }
  #customlogin #loginform #forgotpwlink:before {
    position: absolute;
    left: 15px;
    content: url("../img/ui/forgotpw.png");
  }
  #customlogin #loginform #registerlink {
    display: block;
    padding-bottom: 5px;
    padding-left: 28px;
  }
  #customlogin #loginform #registerlink:before {
    position: absolute;
    left: 15px;
    content: url("../img/ui/register.png");
  }
  #customlogin #domain h1.lerncampus {
    font-weight: 100;
    font-size: 5rem;
    letter-spacing: -0.2rem;
    text-transform: uppercase;
    margin-top: -0.5rem;
    line-height: 1;
    padding: 1.5rem;
  }
  #customlogin #domain h1.lerncampus .zusatzzeile {
    display: block;
    font-size: 6.6rem;
    line-height: 6.6rem;
    margin-top: 0;
  }
  #customlogin #domain #openIntroVideo {
    position: absolute;
    top: 0px;
    left: 33%;
    width: 70px;
    transform: rotate(10deg);
  }
  #customlogin #domain #zusatzlogos {
    height: 90px;
    display: flex;
  }
  #customlogin #domain #zusatzlogos img {
    height: 80px;
    padding: 1rem;
    background: white;
    margin-right: 1.5rem;
  }
  #mobilegrid #mobilenavi {
    background: rgb(110, 110, 110);
  }
  #mobilegrid #mobilenavi ul {
    margin-bottom: 0;
  }
  #mobilegrid #mobilenavi li {
    background: rgb(65, 65, 65);
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 4px solid rgb(130, 130, 130);
  }
  #mobilegrid #mobilenavi li a {
    font-size: 12px;
    font-size: 1.2rem;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  #mobilegrid #mobilenavi li a div {
    text-align: center;
  }
  #mobilegrid #mobilenavi li a div img {
    margin: auto;
    width: 60px;
    border: 4px solid rgb(130, 130, 130);
    background: white;
  }
  #mobilegrid #mobilenavi li a div.menulabel {
    margin-top: 5px;
  }
  #mobilegrid #mobilenavi li#menu-profile {
    background: rgb(180, 180, 180);
    padding-top: 15px;
  }
  #mobilegrid #mobilenavi li#menu-profile img {
    border: 6px solid white;
    width: 72px;
  }
  #mobilegrid #mobilenavi li#menu-status {
    background: rgb(90, 90, 90);
  }
  #mobilegrid #mobilenavi li#menu-kurse {
    background: rgb(75, 75, 75);
  }
  #mobilegrid #mobilenavi li#menu-nachrichten {
    background: rgb(65, 65, 65);
  }
  #mobilegrid #mobilenavi li#menu-neuenachricht {
    background: rgb(75, 75, 75);
  }
  #mobilegrid #mobilenavi li#menu-team {
    background: rgb(90, 90, 90);
  }
  #mobilegrid #mobilenavi li#menu-zert {
    background: rgb(75, 75, 75);
  }
  #mobilegrid #mobilenavi li#menu-faq {
    background: rgb(65, 65, 65);
  }
  #mobilegrid #mobilenavi #motivator .row {
    background: none;
  }
  #mobilegrid #mobilenavi #motivator ul {
    padding-left: 20px;
    padding-right: 20px;
  }
  #mobilegrid #mobilenavi #motivator ul li {
    background: none;
    border: 0;
    display: none;
  }
  #mobilegrid #mobilenavi #motivator ul li.show {
    display: block;
  }
  #mobilegrid #mobilenavi #motivator ul li {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 300;
  }
  #mobilegrid #mobilenavi #motivator ul li div {
    padding-top: 0;
    margin-left: 0;
    display: block;
    text-align: center;
  }
  #mobilegrid #mobilenavi #motivator ul li div em {
    text-transform: uppercase;
    font-style: normal;
  }
  #mobilegrid #mobilenavi #motivator ul li div a {
    color: white;
    text-decoration: underline;
  }
  #mobilegrid #mobilenavi .adminalert {
    margin-left: 10px;
    margin-right: 10px;
  }
  .singlecourse .standard-icon {
    width: 36px;
  }
  .singlecourse h2 {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 2px;
    margin: 0;
  }
  .singlecourse h3 {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .singlecourse .sc-header .backbutton {
    width: 24px;
  }
  .singlecourse .sc-header .title {
    min-height: 60px;
  }
  .singlecourse .sc-header .bemerkungen {
    padding: 10px 0;
  }
  .singlecourse .sc-header .bemerkungen ul {
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .singlecourse .sc-header .bemerkungen ul li {
    margin-bottom: 5px;
  }
  .singlecourse .sc-header .meta {
    padding: 15px 0;
  }
  .singlecourse .sc-header .meta .playtrailer {
    margin-top: 10px;
  }
  .singlecourse .sc-header .meta h3 {
    margin-top: 5px;
    color: white;
    text-align: center;
  }
  .singlecourse .sc-header .meta h3.trailerheading {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .singlecourse .sc-header .meta .lernziele, .singlecourse .sc-header .meta .inhalte {
    padding: 10px 0px 20px 0;
    border-left: 0px solid white;
    border-top: 1px solid rgb(110, 110, 110);
    min-height: auto;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .singlecourse .sc-header .meta .lernziele {
    border-right: 0px solid white;
    border-bottom: 1px solid rgb(110, 110, 110);
    margin-bottom: 20px;
  }
  .singlecourse .sc-header .meta ul {
    color: white;
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .singlecourse .sc-header .meta ul.plain {
    margin-bottom: 20px;
  }
  .singlecourse .sc-header .meta ul.plain > li {
    display: inline-block;
    text-align: center;
  }
  .singlecourse .sc-header .meta ul.plain > li span {
    color: rgb(75, 75, 75);
    background: white;
    padding: 0 5px;
  }
  .singlecourse .sc-content {
    font-size: 12px;
    font-size: 1.2rem;
    padding-bottom: 30px;
    border-left: 0px solid rgb(220, 220, 220);
    border-right: 0px solid rgb(220, 220, 220);
    border-bottom: 0px solid rgb(220, 220, 220);
  }
  .singlecourse .sc-content h2 {
    font-weight: 400;
    margin: 0;
    text-align: center;
    padding: 20px 0 0px 0;
  }
  .singlecourse .sc-content h3 {
    padding: 15px;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: 24px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .singlecourse .sc-content .title {
    padding: 15px 0;
  }
  .singlecourse .sc-content .pflicht-status .pflicht {
    margin-right: 10px;
    height: 24px;
    margin-top: -3px;
  }
  .singlecourse .sc-content .pflicht-status .status {
    width: 16px;
    height: 16px;
  }
  .singlecourse .sc-content .panel-group {
    padding: 0;
    margin: 0;
  }
  .singlecourse .sc-content .panel-group .panel .panel-heading {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .singlecourse .sc-content .panel-group .panel .panel-heading a {
    padding: 10px;
  }
  .singlecourse .sc-content .panel-group .panel .panel-heading a > div.panel-heading-label {
    width: 20%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 8px;
    font-size: 0.8rem;
  }
  .singlecourse .sc-content .panel-group .panel .panel-heading a > div.panel-heading-title {
    width: 50%;
    text-align: center;
    font-size: 9px;
    font-size: 0.9rem;
  }
  .singlecourse .sc-content .panel-group .panel .panel-heading a > div.panel-heading-status {
    width: 30%;
    text-align: right;
  }
  .singlecourse .sc-content .panel-group .panel .panel-collapse .panel-body {
    padding: 0;
  }
  .singlecourse .sc-content .lesson {
    padding: 15px 0;
  }
  .singlecourse .sc-content .video {
    padding: 15px 0;
  }
  .singlecourse .sc-content .moodle {
    padding: 15px 0;
  }
  .singlecourse .sc-content .moodle ul {
    padding: 0;
  }
  .singlecourse .sc-content .moodle ul li {
    margin-top: 10px;
    flex: 0 0 48%;
    margin-right: 1%;
  }
  .singlecourse .sc-content .moodle ul li a {
    font-size: 10px;
    font-size: 1rem;
    padding: 10px 10px;
  }
  .singlecourse .sc-content .moodle ul li .pflicht {
    height: 16px;
    margin-top: -16px;
    margin-right: -7px;
  }
  .singlecourse .sc-content .abschlusstest {
    padding: 15px 0;
  }
  .singlecourse .sc-content .abschlusstest .abschluss {
    width: 45px;
  }
  .singlecourse .sc-content .abschlusstest .testcontainer {
    padding: 15px;
  }
  .singlecourse .sc-content .literatur {
    padding: 10px 0;
  }
  .singlecourse .sc-content .literatur ul {
    padding: 0;
    margin-bottom: 30px;
  }
  .singlecourse .sc-content .literatur ul li {
    margin-bottom: 5px;
  }
  .singlecourse .sc-content .literatur ul li a {
    padding: 10px 10px;
    font-size: 10px;
    font-size: 1rem;
  }
  .singlecourse .sc-content .literatur ul li a:before {
    margin-right: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 5px;
  }
  .modal {
    z-index: 9999999;
  }
  .modal .modal-dialog {
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .modal .modal-dialog .btn {
    opacity: 1;
  }
  .modal .modal-dialog .fileupload {
    color: white;
    padding: 10px 15px;
    background: rgb(110, 110, 110);
    cursor: pointer;
    margin: 20px 0 20px 0;
  }
  .modal .modal-dialog .fileupload:hover {
    background: rgb(130, 130, 130);
  }
  .modal .modal-dialog .fileupload {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    border-radius: 18px;
    width: 100%;
  }
  .modal .modal-dialog .modal-content .modal-header .close {
    opacity: 1;
  }
  .modal .modal-dialog .modal-content .modal-header .modal-label {
    display: none;
  }
  .modal .modal-dialog .modal-content .modal-header h4 {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .modal .modal-dialog .modal-content .modal-header h4:after {
    left: 15px;
  }
  .modal .modal-dialog .modal-content .modal-body {
    background: rgb(235, 235, 235);
    color: rgb(75, 75, 75);
    padding-top: 40px;
    padding-bottom: 0px;
  }
  .modal .modal-dialog .modal-content .modal-body h3 {
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #e46450;
    margin-top: 30px;
  }
  .modal .modal-dialog .modal-content .modal-body h3:first-of-type {
    margin-top: 0px;
  }
  .modal .modal-dialog .modal-content .modal-body label {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .modal .modal-dialog .modal-content .modal-footer {
    padding-top: 15px;
    padding-bottom: 0px;
  }
  .modal {
    /*++++++++++++++++++++++++++Profil++++++++++++++++++++++++++*/
  }
  .modal#theProfileModal #filtermodes {
    margin-top: 10px;
  }
  .modal#theProfileModal #rotator {
    position: absolute;
    z-index: 9999;
    color: rgb(75, 75, 75);
    right: 10px;
    margin-top: 60px;
    display: block;
  }
  .modal#theProfileModal .modal-dialog .modal-content .modal-header .modal-label {
    display: block;
    margin-top: 58px;
    position: absolute;
    z-index: 999;
    background: white;
    display: inline;
    border: 8px solid white;
    right: 15px;
    width: 120px;
  }
  .modal {
    /*++++++++++++++++++++++++++Zertifikat++++++++++++++++++++++++++*/
  }
  .modal#theUploadModal #minutes {
    margin-top: 5px;
  }
  .modal {
    /*++++++++++++++++++++++++++FAQ++++++++++++++++++++++++++*/
  }
  .modal#theHelpModal h3 {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .modal#theHelpModal .nav-tabs, .modal#theHelpModal .tab-content {
    margin-left: -15px;
    margin-right: -15px;
  }
  .modal#theHelpModal .faqarea {
    margin-left: 0px;
    margin-top: 20px;
  }
  .modal#theHelpModal .accordion-faq .panel .panel-title span {
    font-size: 13px;
    font-size: 1.3rem;
    margin-right: 0px;
  }
  .modal#theHelpModal .accordion-faq .panel .panel-heading h4 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 140%;
  }
  .modal#theHelpModal .accordion-faq .panel .panel-heading h4 span {
    padding-right: 0px;
    display: inline-block;
  }
  .modal#theHelpModal .accordion-faq .panel .panel-heading i {
    margin-top: 0px;
    color: #e46450;
    position: absolute;
    right: 10px;
  }
  .modal#theHelpModal .accordion-faq .panel .panel-heading.active {
    background: rgb(75, 75, 75);
    color: white;
  }
  .modal#theHelpModal .accordion-faq .panel .panel-heading.active i {
    color: white;
  }
  .modal#theHelpModal .accordion-faq .panel .panel-collapse {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .modal#theHelpModal .contactbox h4, .modal#theHelpModal .contactbox p {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .modal {
    /*++++++++++++++++++++++++++Kurse NEU ++++++++++++++++++++++++++*/
  }
  .modal#theLessonModal #kursspalte .section {
    padding: 5px;
    background: rgb(65, 65, 65);
    margin-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .modal#theLessonModal #kursspalte h3, .modal#theLessonModal #kursspalte h4, .modal#theLessonModal #kursspalte h5, .modal#theLessonModal #kursspalte .collapse {
    padding: 0;
    margin: 0;
    color: white;
  }
  .modal#theLessonModal #kursspalte h3 {
    padding: 15px 5px 10px 5px;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    background: rgb(65, 65, 65);
  }
  .modal#theLessonModal #kursspalte h4 {
    position: relative;
    padding: 10px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    background: rgb(110, 110, 110);
    border-top: 5px solid rgb(65, 65, 65);
  }
  .modal#theLessonModal #kursspalte h4 .dd {
    background: url("../img/layout/einzelkurs/dd-level1.svg") no-repeat;
  }
  .modal#theLessonModal #kursspalte h5 {
    position: relative;
    padding: 10px 25px;
    background: rgb(180, 180, 180) url("../img/layout/einzelkurs/kategorie-dreieck.svg") no-repeat;
    background-size: contain;
    font-weight: 500;
    border-top: 2px solid rgb(65, 65, 65);
  }
  .modal#theLessonModal #kursspalte h5:first-of-type {
    border-top: 0px solid rgb(75, 75, 75);
  }
  .modal#theLessonModal #kursspalte h5 {
    border-bottom: 2px solid rgb(75, 75, 75);
  }
  .modal#theLessonModal #kursspalte h5 + .collapse {
    border-bottom: 5px solid rgb(75, 75, 75);
  }
  .modal#theLessonModal #kursspalte h5 .dd {
    background: url("../img/layout/einzelkurs/dd-level2.svg") no-repeat;
  }
  .modal#theLessonModal #kursspalte ul {
    padding: 0;
    margin: 0;
  }
  .modal#theLessonModal #kursspalte ul li {
    border-top: 2px solid rgb(75, 75, 75);
  }
  .modal#theLessonModal #kursspalte ul li:first-of-type {
    border-top: 0px solid rgb(75, 75, 75);
  }
  .modal#theLessonModal #kursspalte ul li {
    padding: 0;
    margin: 0;
  }
  .modal#theLessonModal #kursspalte ul li .category, .modal#theLessonModal #kursspalte ul li .termin, .modal#theLessonModal #kursspalte ul li .prozess {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 10px;
    font-size: 1rem;
    padding: 2px 10px;
    background: rgb(220, 220, 220);
    color: rgb(110, 110, 110);
    font-weight: 400;
  }
  .modal#theLessonModal #kursspalte ul li .prozess {
    background: #f9aa07;
    color: rgb(65, 65, 65);
  }
  .modal#theLessonModal #kursspalte ul li .prozess.closed {
    background: rgb(220, 220, 220);
    color: rgb(110, 110, 110);
  }
  .modal#theLessonModal #kursspalte ul li > a, .modal#theLessonModal #kursspalte ul li .kursitem {
    display: block;
    position: relative;
    background: rgb(235, 235, 235);
    padding: 10px 10px;
    padding-right: 75px;
    line-height: 120%;
    color: black;
  }
  .modal#theLessonModal #kursspalte ul li > a > a, .modal#theLessonModal #kursspalte ul li .kursitem > a {
    color: rgb(65, 65, 65);
  }
  .modal#theLessonModal #kursspalte ul li > a:hover, .modal#theLessonModal #kursspalte ul li .kursitem:hover {
    text-decoration: none;
    background: rgb(220, 220, 220);
  }
  .modal#theLessonModal #kursspalte ul li > a .mainstatus, .modal#theLessonModal #kursspalte ul li .kursitem .mainstatus {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    justify-content: center;
    position: absolute;
    font-family: "Roboto Condensed";
    right: 10px;
    top: 4px;
    width: 24px;
    height: 28px;
    padding-top: 3px;
    background: url("../img/layout/einzelkurs/mainstatus.svg") no-repeat;
    background-size: contain;
    color: rgb(110, 110, 110);
  }
  .modal#theLessonModal #kursspalte ul li > a .mainstatus.mainstatus-empty, .modal#theLessonModal #kursspalte ul li .kursitem .mainstatus.mainstatus-empty {
    background: url("../img/layout/einzelkurs/mainstatus-empty.svg") no-repeat;
  }
  .modal#theLessonModal #kursspalte ul li > a .mainstatus.mainstatus-1_4, .modal#theLessonModal #kursspalte ul li .kursitem .mainstatus.mainstatus-1_4 {
    background: url("../img/layout/einzelkurs/mainstatus-1_4.svg") no-repeat;
  }
  .modal#theLessonModal #kursspalte ul li > a .mainstatus.mainstatus-1_2, .modal#theLessonModal #kursspalte ul li .kursitem .mainstatus.mainstatus-1_2 {
    background: url("../img/layout/einzelkurs/mainstatus-1_2.svg") no-repeat;
  }
  .modal#theLessonModal #kursspalte ul li > a .mainstatus.mainstatus-3_4, .modal#theLessonModal #kursspalte ul li .kursitem .mainstatus.mainstatus-3_4 {
    background: url("../img/layout/einzelkurs/mainstatus-3_4.svg") no-repeat;
  }
  .modal#theLessonModal #kursspalte ul li > a .mainstatus.mainstatus-done, .modal#theLessonModal #kursspalte ul li .kursitem .mainstatus.mainstatus-done {
    background: url("../img/layout/einzelkurs/mainstatus-done.svg") no-repeat;
    color: #26B57E;
  }
  .modal#theLessonModal #kursspalte ul li > a .certified, .modal#theLessonModal #kursspalte ul li .kursitem .certified {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 36px;
    top: 5px;
    width: 28px;
    height: 30px;
    padding-top: 3px;
    background: url("../img/layout/einzelkurs/zertifiziert.svg") no-repeat;
    background-size: contain;
  }
  .modal#theLessonModal #kursspalte ul li > a .book, .modal#theLessonModal #kursspalte ul li .kursitem .book {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 42px;
    top: 8px;
    width: 24px;
    height: 26px;
    padding-top: 3px;
    background: url("../img/layout/einzelkurs/buchen.svg") no-repeat;
    background-size: contain;
  }
  .modal#theLessonModal #kursspalte ul li .kursitem:hover {
    text-decoration: none;
    background: rgb(235, 235, 235);
  }
  .modal#theLessonModal #kursspalte .kursupload {
    display: flex;
    align-items: center;
    height: 60px;
    justify-content: center;
    border-top: 5px solid rgb(75, 75, 75);
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    background: #0075a9 url("../img/layout/einzelkurs/zertifikat-einreichen.svg") 10px 0px no-repeat;
    background-size: contain;
    color: white;
  }
  .modal#theLessonModal #kursspalte .kursupload:hover {
    text-decoration: none;
    background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
  }
  .modal#theLessonModal #kursspalte .kursupload:focus {
    text-decoration: none;
  }
  .modal#theLessonModal #kursspalte #select_the_year {
    display: inline;
  }
  .modal#theLessonModal #kursspalte .bilanz {
    display: flex;
    align-items: center;
    height: 60px;
    justify-content: center;
    border-top: 5px solid rgb(75, 75, 75);
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
  }
  .modal#theLessonModal #kursspalte .bilanz.done {
    background: #26B57E;
  }
  .modal#theLessonModal #kursspalte .bilanz.pending {
    background: #f9aa07;
  }
  .modal#theLessonModal #kursspalte .bilanz.empty {
    background: #e46450;
  }
  .modal {
    /*++++++++++++++++++++++++++Kurse++++++++++++++++++++++++++*/
  }
  .modal#theOLDLessonModal #lessons {
    background: rgb(235, 235, 235);
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
  }
  .modal#theOLDLessonModal #lessons h3 {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    color: rgb(65, 65, 65);
    margin: 0;
    padding: 10px 10px 0 10px;
    margin-bottom: 5px;
    line-height: 120%;
    letter-spacing: 1px;
  }
  .modal#theOLDLessonModal #lessons h3 img {
    margin-top: -4px;
    margin-right: 2px;
  }
  .modal#theOLDLessonModal #lessons h3:first-of-type {
    padding: 0 10px;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel {
    background: rgb(220, 220, 220);
    margin: 2px 0;
    border-width: 0;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading {
    padding: 0;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs {
    display: table;
    width: 100%;
    color: white;
    background-color: rgb(130, 130, 130);
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs a {
    display: inline;
    color: white;
    text-decoration: none;
    margin: 0;
    padding: 0;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    padding: 0px;
    border: 0;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.status {
    width: 13%;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.status > div {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.status > div.new {
    background-image: url("../img/ui/lessons/status-new.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.status > div.pending-empty {
    background-image: url("../img/ui/lessons/status-pending-empty.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.status > div.pending-1_4 {
    background-image: url("../img/ui/lessons/status-pending-1_4.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.status > div.pending-1_2 {
    background-image: url("../img/ui/lessons/status-pending-1_2.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.status > div.pending-3_4 {
    background-image: url("../img/ui/lessons/status-pending-3_4.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.status > div.in-approval {
    background-image: url("../img/ui/lessons/status-approval.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.status > div.done {
    background-image: url("../img/ui/lessons/status-done.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.title {
    width: 73%;
    line-height: 120%;
    padding: 10px 10px 10px 0;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.cert {
    width: 7%;
    text-align: center;
    margin-top: 8px;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.cert > .approved {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/ui/lessons/cert-approved.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.cert > .approved.in-approval {
    opacity: 0.4;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-heading div.kurs div.cell.info {
    width: 7%;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body {
    padding: 0px 10px 20px 10px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body h3 {
    padding: 0px;
    margin: 20px 0 10px 0;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body .structure {
    background: rgb(130, 130, 130);
    margin: 0px -10px;
    color: white;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body .structure .k-stats {
    padding: 5px 10px;
    background: rgb(90, 90, 90);
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body .structure .k-module {
    padding: 5px 10px;
    border-top: 1px solid white;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body .structure .k-module span:before {
    font-family: "FontAwesome";
    padding-right: 15px;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body .structure .k-module.done span:before {
    content: "\f058";
    color: #26B57E;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body .structure .k-module.pending span:before {
    content: "\f28b";
    color: #f9aa07;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body .structure .k-module.new span:before {
    content: "\f111";
    color: #e46450;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul {
    padding: 5px;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul:last-of-type {
    border-bottom: 0px solid white;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul {
    background: rgb(180, 180, 180);
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul li {
    margin-left: 25px;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul li.iconize {
    margin-left: 0px;
    vertical-align: middle;
    line-height: 29px;
    background-repeat: no-repeat;
    padding-left: 32px;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul li.iconize.listalert {
    background-image: url("../img/ui/modals/list-alert.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul li.iconize.aufgaben {
    background-image: url("../img/ui/modals/list-aufgaben.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul li.iconize.wissensquiz {
    background-image: url("../img/ui/modals/list-wissensquiz.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul li.iconize.lernvideos {
    background-image: url("../img/ui/modals/list-lernvideos.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul li.iconize.skillvideos {
    background-image: url("../img/ui/modals/list-skillvideos.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul li.iconize.pp {
    background-image: url("../img/ui/modals/list-pp.png");
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul li.iconize.hide {
    display: none;
  }
  .modal#theOLDLessonModal #lessons .panel-group .panel .panel-collapse .panel-body ul.list-inline > li {
    background: rgb(110, 110, 110);
    color: white;
    margin-bottom: 4px;
    margin-left: 0px;
  }
  .modal {
    /*++++++++++++++++++++++++++Blog, Passagen aus basics/blog++++++++++++++++++++++++++*/
  }
  .modal#theMessagelistModal #blog {
    margin-right: 10px;
  }
  .modal#theMessagelistModal #blog .row {
    background: rgb(65, 65, 65);
  }
  .modal#theMessagelistModal #blog h3 {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 5px;
    font-weight: 300;
    line-height: 120%;
  }
  .modal#theMessagelistModal #blog h3 .btn-edit {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    text-transform: none;
    margin-top: -12px;
    text-align: left;
    font-size: 10px;
    font-size: 1rem;
    color: white;
    background: #0075a9 url("../img/ui/editmessage.svg") no-repeat;
    padding: 0px 10px 0px 30px;
    border: 5px solid #0075a9;
    letter-spacing: 0px;
  }
  .modal#theMessagelistModal #blog h3 .btn-edit:hover {
    background-color: rgb(0%, 59.7285067873%, 86.2745098039%);
    border: 5px solid rgb(0%, 59.7285067873%, 86.2745098039%);
  }
  .modal#theMessagelistModal #blog .entry {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    color: rgb(65, 65, 65);
  }
  .modal#theMessagelistModal #blog .entry.even {
    background-color: rgb(235, 235, 235);
  }
  .modal#theMessagelistModal #blog .entry.odd {
    background-color: rgb(220, 220, 220);
  }
  .modal#theMessagelistModal #blog .entry .thedate {
    position: absolute;
    right: 15px;
    top: 0px;
    width: 60px;
    height: 60px;
    background: url("../img/ui/calendar.png") no-repeat;
    padding-top: 18px;
  }
  .modal#theMessagelistModal #blog .entry .thedate span {
    text-align: center;
    display: block;
    color: white;
    line-height: 100%;
  }
  .modal#theMessagelistModal #blog .entry .thedate span.day {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
  }
  .modal#theMessagelistModal #blog .entry .thedate span.month {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
  }
  .modal#theMessagelistModal #blog .entry h4 {
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    margin: 7px 0 10px 0;
    padding-bottom: 10px;
    letter-spacing: 1px;
  }
  .modal#theMessagelistModal #blog .entry h5 {
    font-size: 11px;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin: 0;
  }
  .modal#theMessagelistModal #blog .entry .bubble:after {
    content: url("../img/ui/zipf-blog.png");
    position: absolute;
    bottom: 12px;
    right: 6px;
    z-index: 99;
    width: 26px;
    height: 24px;
  }
  .modal#theMessagelistModal #blog .entry .bubble img {
    width: 100px;
    border: 4px solid white;
    background: rgb(75, 75, 75);
  }
  .modal#theMessagelistModal #blog .entry .buttons {
    margin-top: 15px;
    text-align: right;
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn {
    height: 24px;
    text-align: left;
    font-size: 8px;
    font-size: 0.8rem;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    color: white;
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn.btn-read-open {
    background: rgb(90, 90, 90);
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn.btn-read-open.odd {
    background-color: rgb(110, 110, 110);
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn.btn-read-open:hover {
    background-color: rgb(130, 130, 130);
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn.btn-read-open i {
    color: #e46450;
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn.btn-read-open i:after {
    font-family: "Roboto";
    font-weight: 500;
    content: "Lesebestätigung";
    color: white;
    margin-left: 4px;
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn.btn-read {
    color: white;
    background: #0075a9;
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn.btn-read i {
    color: #26B57E;
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn.btn-read i:after {
    font-family: "Roboto";
    font-weight: 500;
    content: "Nachricht gelesen";
    color: white;
    margin-left: 4px;
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn.btn-email {
    color: rgb(65, 65, 65);
    margin-right: 10px;
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn.btn-email:hover {
    background-color: rgb(180, 180, 180);
  }
  .modal#theMessagelistModal #blog .entry .buttons .btn.btn-email i {
    margin-right: 4px;
  }
  .modal#theMessagelistModal #blog .lesebestaetigung {
    color: rgb(65, 65, 65);
    padding-bottom: 10px;
  }
  .modal#theMessagelistModal #blog .lesebestaetigung li {
    display: block;
    padding: 5px 15px 5px 15px;
    margin: 0px -15px;
    font-weight: 600;
    color: rgb(65, 65, 65);
    border-bottom: 1px solid rgb(110, 110, 110);
  }
  .modal#theMessagelistModal #blog .lesebestaetigung li i {
    color: #e46450;
    margin-left: 10px;
    margin-top: 2px;
    float: right;
    font-weight: 600;
  }
  .modal#theMessagelistModal #blog .lesebestaetigung li:hover {
    text-decoration: none;
  }
  .modal#theMessagelistModal #blog .lesebestaetigung li:last-of-type {
    border: none;
  }
  .modal#theMessagelistModal #blog .lesebestaetigung li.read {
    font-weight: 400;
  }
  .modal#theMessagelistModal #blog .lesebestaetigung li.read i {
    color: #26B57E;
  }
  .modal#theMessagelistModal #blog .lesebestaetigung li {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .modal#theMessagelistModal #blog .lesebestaetigung.even {
    background-color: rgb(235, 235, 235);
  }
  .modal#theMessagelistModal #blog .lesebestaetigung.odd {
    background-color: rgb(220, 220, 220);
  }
  .modal#theMessagelistModal #blog .lesebestaetigung > div > a {
    color: rgb(65, 65, 65);
  }
  .modal#theMessagelistModal #blog .lesebestaetigung > div > a i {
    margin-left: 12px;
  }
  .modal {
    /*++++++++++++++++++++++++++Status++++++++++++++++++++++++++*/
  }
  .modal#theStatusModal #status {
    /****** Resonator ******/
  }
  .modal#theStatusModal #status #resonator .row {
    background: none;
  }
  .modal#theStatusModal #status #resonator .infograph {
    border-top: 2px solid #26B57E;
    padding-top: 5px;
    margin-top: -5px;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .modal#theStatusModal #status #resonator .infograph .global {
    position: absolute;
    width: 100%;
    z-index: 99;
    text-align: center;
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 100%;
    font-weight: 100;
    margin-top: 20%;
  }
  .modal#theStatusModal #status #resonator .infograph .global span {
    font-weight: 500;
  }
  .modal#theStatusModal #status #resonator .infograph .global {
    pointer-events: none;
    color: rgb(65, 65, 65);
  }
  .modal#theStatusModal #status #resonator .infograph .hrs {
    font-size: 9px;
    font-size: 0.9rem;
    color: rgb(110, 110, 110);
    line-height: 100%;
    text-align: right;
    vertical-align: baseline;
  }
  .modal#theStatusModal #status #resonator .infograph .hrs div {
    height: 12px;
  }
  .modal#theStatusModal #status #resonator .infograph .hrs { /* 1 hour */
    float: left;
    clear: both;
  }
  .modal#theStatusModal #status #resonator .infograph .bars {
    margin-left: 20px;
  }
  .modal#theStatusModal #status #resonator .infograph .bars .bar {
    border-top: 3px solid rgb(235, 235, 235);
    cursor: pointer;
  }
  .modal#theStatusModal #status #resonator .infograph .bars .bar div {
    padding: 2px 5px 0px 5px;
    padding-top: 0px;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 100%;
    display: none;
    color: white;
  }
  .modal#theStatusModal #status #resonator .infograph .bars .bar:hover div {
    display: block;
  }
  .modal#theStatusModal #status #resonator .infograph .bars .bar.done {
    background-color: #26B57E;
  }
  .modal#theStatusModal #status #resonator .infograph .bars .bar.pending {
    background-color: rgb(220, 220, 220);
  }
  .modal#theStatusModal #status #resonator .infograph .bars .bar.approval {
    background-color: #f9aa07;
  }
  .modal#theStatusModal #status #resonator .stats {
    margin-top: 20px;
    /*
    						.col1 {
    							.element {
    								background-color: $grey0;
    								text-align: center;
    								padding-top: 15px;
    								margin-bottom: 2px;
    								height: 121px;
    								background-size: 48px 48px;
    								.num {
    									display: inline-block;
    									@include fontSize(30px);
    									line-height: 160%;
    									width: 50px;
    									height: 50px;
    									font-weight: 400;
    									color: white;
    									margin-bottom: 21px;
    									margin-left: 1px;
    								}
    								.lab {
    									@include fontSize(11px);
    									line-height: 120%;
    								}
    								&.done {
    									.num { background:$grey4; margin-bottom: 5px; margin-top: 14px;}
    								}
    								&.approved {
    									background:$grey0 url('../img/ui/stats-zertifikat-gruen.svg') center 12px  no-repeat;
    									background-size: 54px;

    									.num {color: $green; font-weight: 400;}
    								}
    								&.in-approval {
    									background:$grey0 url('../img/ui/stats-zertifikat-orange.svg') center 12px  no-repeat;
    									background-size: 54px;
    									font-weight: 400;
    									.num {color: $orange; font-weight: 400;}
    								}

    							}
    						}
    */
  }
  .modal#theStatusModal #status #resonator .stats .col1 {
    display: table;
    width: 100%;
  }
  .modal#theStatusModal #status #resonator .stats .col1 .element {
    background: rgb(65, 65, 65);
    text-align: center;
    padding-top: 14px;
    margin-bottom: 2px;
    display: table-cell;
    width: 33%;
    height: 120px;
    color: white;
  }
  .modal#theStatusModal #status #resonator .stats .col1 .element.done .num {
    background: rgb(220, 220, 220);
    margin-bottom: 20px;
  }
  .modal#theStatusModal #status #resonator .stats .col1 .element.approved {
    background: rgb(65, 65, 65) url("../img/ui/stats-zertifikat-gruen.svg") center 12px no-repeat;
    background-size: 54px;
  }
  .modal#theStatusModal #status #resonator .stats .col1 .element.approved .num {
    color: #26B57E;
    font-weight: 400;
  }
  .modal#theStatusModal #status #resonator .stats .col1 .element.in-approval {
    background: rgb(65, 65, 65) url("../img/ui/stats-zertifikat-orange.svg") center 12px no-repeat;
    background-size: 54px;
    font-weight: 400;
  }
  .modal#theStatusModal #status #resonator .stats .col1 .element.in-approval .num {
    color: #f9aa07;
    font-weight: 400;
  }
  .modal#theStatusModal #status #resonator .stats .col1 .element .num {
    display: inline-block;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 160%;
    width: 48px;
    height: 48px;
    font-weight: 500;
    margin-bottom: 21px;
    margin-left: 1px;
  }
  .modal#theStatusModal #status #resonator .stats .col1 .element .lab {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 120%;
  }
  .modal#theStatusModal #status #shortprofile h3 {
    background: rgb(75, 75, 75);
    padding: 15px 0px;
    color: white;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
  }
  .modal#theStatusModal #status #shortprofile .profilebody {
    background: rgb(235, 235, 235);
    padding: 10px 15px;
  }
  .components.nav-tabs {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .components.nav-tabs li a {
    background-image: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid white;
    color: white;
    padding: 7px 3px 8px 0px;
    opacity: 0.5;
    font-size: 7px;
    font-size: 0.7rem;
  }
  .components.nav-tabs li a:hover {
    border: 0px solid white;
  }
  .components.nav-tabs li a:focus {
    border: 0px solid white;
  }
  .components.nav-tabs li a i {
    display: none;
  }
  .components.nav-tabs li.active a {
    background-color: #e46450;
    color: white;
    opacity: 1;
    border: 0px solid white;
  }
  .components.nav-tabs li.active a:hover {
    border: 0px solid white;
  }
  .components.nav-tabs li.active a:focus {
    border: 0px solid white;
  }
}
/* Custom, iPhone Retina */
/* Custom, iPhone Retina */
.backbutton-new {
  position: absolute;
  width: 72px;
  height: 72px;
  background: rgba(255, 255, 255, 0.33);
  top: 150px;
  margin-left: 28px;
  z-index: 90;
  color: rgb(75, 75, 75);
  transition: 0.2s all;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.backbutton-new:hover {
  color: white;
  background: #0075a9;
}
.backbutton-new:hover svg {
  color: white;
}
.backbutton-new svg {
  width: 72px;
  height: 72px;
  color: rgb(75, 75, 75);
}

#legacyheader {
  background: white;
  position: relative;
}
#legacyheader .row {
  display: flex;
  align-items: center;
  height: 110px;
}
#legacyheader .row #drklogo, #legacyheader .row #campuslogo, #legacyheader .row .logoimg, #legacyheader .row #schwesternschaft {
  display: inline-block;
  height: 62px;
}
#legacyheader .row #drklogo, #legacyheader .row .logoimg {
  margin-left: 28px;
}
#legacyheader .row #campuslogo {
  margin-left: 54px;
}
#legacyheader .row #campuslogo {
  max-width: 186px;
}
#legacyheader .row #kurse {
  margin-top: 0px;
  display: none;
}
#legacyheader .row #kurszipf {
  display: none;
  position: absolute;
  left: 32px;
  top: 87px;
}
#legacyheader .row #entercode {
  text-align: center;
  vertical-align: bottom;
}
#legacyheader .row #entercode .text {
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
  margin-right: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgb(130, 130, 130);
}
#legacyheader .row #entercode .submit {
  position: relative;
}
#legacyheader .row #entercode .submit .btn-submit {
  vertical-align: top;
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 11px;
  padding: 3px;
  color: rgb(130, 130, 130);
  background: none;
}
#legacyheader .row #entercode .submit .btn-submit:hover {
  background: none;
  color: #26B57E;
}
#legacyheader .row #entercode .input:before {
  content: url("../img/ui/bracket-left-md.png");
}
#legacyheader .row #entercode .input:after {
  content: url("../img/ui/bracket-right-md.png");
}
#legacyheader .row #entercode .input input {
  vertical-align: top;
  margin-top: 3px;
  width: 30px;
  height: 50px;
  line-height: 100%;
  font-size: 20px;
  font-size: 2rem;
  background: white;
  color: rgb(130, 130, 130);
  border: 0;
}
#legacyheader .row #entercode .input input:focus {
  width: 180px;
  padding: 15px;
  color: rgb(130, 130, 130);
  outline: none;
}
#legacyheader .row .aligntop {
  align-self: flex-start;
}
#legacyheader .row .aligntop #legal {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  display: block;
  text-align: right;
  padding: 30px 15px 0 15px;
}
#legacyheader .row .aligntop #legal a {
  display: inline-block;
  color: rgb(130, 130, 130);
  margin-left: 5px;
}
#legacyheader .row .aligntop #logout {
  display: block;
  text-align: right;
  text-decoration: none !important;
  font-weight: 300;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.06rem;
  color: rgb(130, 130, 130);
  background: none;
  padding: 0 15px;
}
#legacyheader .row .aligntop #logout:hover {
  background: none;
  color: #e46450;
  text-decoration: none;
}
#legacyheader .row .aligntop #logout i {
  transform: rotate(180deg);
}
#legacyheader .certified {
  width: 86px;
  height: 86px;
  background: white;
  display: inline-flex;
  align-items: center;
}
#legacyheader .certified img {
  display: block;
  width: 75%;
  margin: auto;
}
#legacyheader .timestatus {
  width: 76px;
  height: 76px;
  background: white;
  display: inline-flex;
  align-items: center;
  position: relative;
}
#legacyheader .timestatus img {
  display: block;
  width: 75%;
  margin: auto;
}
#legacyheader .timestatus .hrs {
  position: absolute;
  top: 0px; /*IE11*/
  color: rgb(75, 75, 75);
  font-weight: 700;
  text-align: center;
  margin-top: 7px;
  width: 100%;
}
#legacyheader .timestatus .hrs span {
  font-size: 18px;
  font-size: 1.8rem;
}
#legacyheader .timestatus .hrs {
  line-height: 76px;
}

.standardpage .standardpage-header {
  background: #cce3ee;
  color: #E30613;
  margin: 0;
  padding-bottom: 0;
  height: auto;
}
.standardpage .standardpage-header .title {
  background: #cce3ee;
  color: rgb(65, 65, 65);
  padding: 0;
}
.standardpage .standardpage-header .title .titlebar {
  display: flex;
  align-items: center;
  height: auto;
}
.standardpage .standardpage-header .title .titlebar h2 {
  font-family: Merriweather, serif;
  color: #E30613;
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: 300;
  padding: 50px 0;
  line-height: 1.3;
}
.standardpage .standardpage-header .newentry {
  display: inline-flex;
  align-items: center;
  height: 48px;
  font-size: 16px;
  font-size: 1.6rem;
  color: white;
  text-decoration: none;
  font-weight: 400;
  border: 0px solid white;
  padding: 0 2rem;
  margin-left: auto;
  border-radius: 12px;
  background-color: #0075a9;
}
.standardpage .standardpage-header .newentry:hover {
  text-decoration: none;
  background-color: #4098bf;
}
.standardpage .standardpage-header .newentry:before {
  content: "\f01c";
  font-family: "Black Tie";
  margin-left: -0.5rem;
  margin-right: 1rem;
}

.singlecourse .standard-icon {
  display: block;
  width: 72px;
  margin: auto;
}
.singlecourse h2 {
  font-family: Merriweather, serif;
  color: #E30613;
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: 300;
  padding: 20px 0 0 0;
  line-height: 1.3;
  letter-spacing: 0;
}
.singlecourse h3 {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 1px;
  font-weight: 400;
  color: rgb(65, 65, 65);
}
.singlecourse h3:first-of-type {
  margin-top: 0px;
}
.singlecourse .sc-header {
  background: #cce3ee;
  color: rgb(65, 65, 65);
}
.singlecourse .sc-header .title {
  display: flex;
  align-items: center;
  background: #cce3ee;
}
.singlecourse .sc-header .title i {
  width: 72px;
  position: absolute;
  right: 0;
  top: 50px;
  bottom: 0;
}
.singlecourse .sc-header .title .revisions {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 10px;
  margin-bottom: 20px;
}
.singlecourse .sc-header .bemerkungen {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e46450;
  padding: 15px 3rem;
  color: white;
}
.singlecourse .sc-header .bemerkungen ul {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
.singlecourse .sc-header .bemerkungen ul li {
  margin-bottom: 5px;
}
.singlecourse .sc-header .reload {
  display: flex;
  align-items: center;
  background: #cce3ee;
  padding: 10px 3rem;
  font-size: 16px;
  font-size: 1.6rem;
  color: rgb(65, 65, 65);
}
.singlecourse .sc-header .meta {
  padding: 20px 3rem;
  color: rgb(65, 65, 65);
  font-size: 16px;
  font-size: 1.6rem;
}
.singlecourse .sc-header .meta .playtrailer {
  margin-top: 0;
}
.singlecourse .sc-header .meta h3 {
  margin-top: 5px;
  color: rgb(65, 65, 65);
}
.singlecourse .sc-header .meta h3.trailerheading {
  text-align: center;
  margin-top: 0px;
  color: rgb(180, 180, 180);
}
.singlecourse .sc-header .meta .lernziele, .singlecourse .sc-header .meta .inhalte {
  padding: 0 20px;
  border-left: 0px solid #0075a9;
  min-height: 160px;
}
.singlecourse .sc-header .meta .lernziele {
  border-right: 0px solid #0075a9;
}
.singlecourse .sc-header .meta ul.list {
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-left: 1.2rem;
  margin-bottom: 1.5rem;
  color: rgb(65, 65, 65);
}
.singlecourse .sc-header .meta ul.list.angle li {
  margin-bottom: 5px;
  margin-left: 10px;
}
.singlecourse .sc-header .meta ul.list.angle li:before {
  content: "\f093";
  font-family: "Black Tie";
  position: absolute;
  left: 0;
  margin-top: 0rem;
  font-size: 15px;
  color: #e46450;
}
.singlecourse .sc-header .meta ul.pills {
  margin: 0;
  padding: 0 0 15px 0;
}
.singlecourse .sc-header .meta ul.pills li {
  display: inline-block;
  padding: 3px 15px;
  border-radius: 12px;
  font-size: 11px;
  font-size: 1.1rem;
  color: #0075a9;
  border: 1px solid #0075a9;
}
.singlecourse .sc-header .meta ul.plain > li span {
  color: rgb(65, 65, 65);
  background: white;
  padding: 0 5px;
}
.singlecourse.presencecourse .title {
  background: #cce3ee;
}
.singlecourse .visi {
  display: block;
}
.singlecourse .invisi {
  display: none;
}
.singlecourse .timelimit {
  position: relative;
  margin: 0 -15px;
}
.singlecourse .testprogress {
  height: 6rem;
  margin-bottom: 0;
  background-color: #d2d2d2;
  border: 0;
  border-radius: 0;
}
.singlecourse .progress-bar {
  background-color: #0098b7;
}
.singlecourse .testbutton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.singlecourse .testbutton.teststart {
  background-color: #0098b7;
}
.singlecourse .testbutton.testcountdown {
  background-color: #ffc326;
}
.singlecourse .testbutton.testsuccess {
  background-color: #16b77d;
}
.singlecourse .testbutton.testfailed {
  background-color: #e60005;
}
.singlecourse .testbutton.testwarning {
  background-color: #E1F310;
}

#legacy-standard-view {
  background: white;
  min-height: 100vh;
  padding-bottom: 100px;
}
#legacy-standard-view #blog .row {
  background: white;
}
#legacy-standard-view #blog h3 {
  display: none;
}
#legacy-standard-view #blog .entry {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(65, 65, 65);
}
#legacy-standard-view #blog .entry.even {
  background-color: rgb(235, 235, 235);
}
#legacy-standard-view #blog .entry.odd {
  background-color: rgb(220, 220, 220);
}
#legacy-standard-view #blog .entry .thedate {
  position: absolute;
  right: 15px;
  top: 0px;
  width: 60px;
  height: 60px;
  background: url("../img/ui/calendar.png") no-repeat;
  padding-top: 18px;
}
#legacy-standard-view #blog .entry .thedate span {
  text-align: center;
  display: block;
  color: white;
  line-height: 100%;
}
#legacy-standard-view #blog .entry .thedate span.day {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
#legacy-standard-view #blog .entry .thedate span.month {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
}
#legacy-standard-view #blog .entry h4 {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin: 7px 100px 10px 0;
  padding-bottom: 10px;
  letter-spacing: 1px;
}
#legacy-standard-view #blog .entry h5 {
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin: 0;
}
#legacy-standard-view #blog .entry .bubble:after {
  content: url("../img/ui/zipf-blog.png");
  position: absolute;
  bottom: 12px;
  right: 6px;
  z-index: 99;
  width: 26px;
  height: 24px;
}
#legacy-standard-view #blog .entry .bubble img {
  width: 100px;
  border: 4px solid white;
  background: rgb(220, 220, 220);
}
#legacy-standard-view #blog .entry .buttons {
  margin-top: 15px;
  text-align: right;
}
#legacy-standard-view #blog .entry .buttons .btn {
  display: inline-flex;
  height: 30px;
  text-align: left;
  font-size: 11px;
  font-size: 1.1rem;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  color: white;
}
#legacy-standard-view #blog .entry .buttons .btn.btn-read-open {
  background: #f9aa07;
}
#legacy-standard-view #blog .entry .buttons .btn.btn-read-open:hover {
  background-color: #26B57E;
}
#legacy-standard-view #blog .entry .buttons .btn.btn-read-open i {
  color: #e46450;
  margin-left: -5px;
}
#legacy-standard-view #blog .entry .buttons .btn.btn-read-open i:after {
  font-family: "Roboto";
  font-weight: 500;
  content: "Gelesen?";
  color: white;
  margin-left: 5px;
}
#legacy-standard-view #blog .entry .buttons .btn.btn-read {
  color: white;
  background: #26B57E;
}
#legacy-standard-view #blog .entry .buttons .btn.btn-read i {
  margin-left: -5px;
  color: #26B57E;
}
#legacy-standard-view #blog .entry .buttons .btn.btn-read i:after {
  font-family: "Roboto";
  font-weight: 500;
  content: "Gelesen!";
  color: white;
  margin-left: 5px;
}
#legacy-standard-view #blog .entry .buttons .btn.btn-email {
  color: rgb(65, 65, 65);
  margin-right: 10px;
}
#legacy-standard-view #blog .entry .buttons .btn.btn-email:hover {
  background-color: rgb(180, 180, 180);
}
#legacy-standard-view #blog .entry .buttons .btn.btn-email i {
  margin-right: 4px;
}
#legacy-standard-view #blog .lesebestaetigung {
  color: rgb(65, 65, 65);
  padding-bottom: 10px;
}
#legacy-standard-view #blog .lesebestaetigung li {
  display: block;
  padding: 5px 15px 5px 28%;
  margin: 0px;
  font-weight: 400;
  color: rgb(65, 65, 65);
  border-bottom: 1px solid rgb(110, 110, 110);
}
#legacy-standard-view #blog .lesebestaetigung li i {
  color: #e46450;
  margin-left: 10px;
  margin-top: 2px;
  float: right;
  font-weight: 900;
}
#legacy-standard-view #blog .lesebestaetigung li:hover {
  text-decoration: none;
}
#legacy-standard-view #blog .lesebestaetigung li:last-of-type {
  border: none;
}
#legacy-standard-view #blog .lesebestaetigung li.read {
  font-weight: 600;
  color: #26B57E;
}
#legacy-standard-view #blog .lesebestaetigung li.read i {
  color: #26B57E;
}
#legacy-standard-view #blog .lesebestaetigung.even {
  background-color: rgb(235, 235, 235);
}
#legacy-standard-view #blog .lesebestaetigung.odd {
  background-color: rgb(220, 220, 220);
}
#legacy-standard-view #blog .lesebestaetigung a {
  display: block;
  text-align: right;
  color: rgb(65, 65, 65);
  padding-right: 40px;
  position: relative;
  text-decoration: none;
}
#legacy-standard-view #blog .lesebestaetigung .dd {
  background: url("../img/layout/einzelkurs/dd-level2.svg") no-repeat;
}
#legacy-standard-view #blog .pagination-area {
  background-color: #777A7C;
  text-align: center;
}
#legacy-standard-view #blog .pagination-area .pagination {
  margin: 15px auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
#legacy-standard-view #blog .pagination-area .pagination li a {
  background: #777A7C;
  color: white;
}
#legacy-standard-view #blog .pagination-area .pagination li .current {
  background: #0075a9;
  color: white;
}
#legacy-standard-view #praesenzkurse-admin {
  margin-top: 50px;
}
#legacy-standard-view #praesenzkurse-admin .blockbutton {
  margin: 20px 0 10px 15px;
  font-size: 11px;
  font-size: 1.1rem;
}
#legacy-standard-view #praesenzkurse-admin form {
  margin-top: 30px;
}
#legacy-standard-view #praesenzkurse-admin input, #legacy-standard-view #praesenzkurse-admin textarea, #legacy-standard-view #praesenzkurse-admin .checkbox .inputbox {
  border: 1px solid rgb(180, 180, 180);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
}
#legacy-standard-view #praesenzkurse-admin .checkbox {
  margin-left: 5px;
}
#legacy-standard-view #praesenzkurse-admin .tablelabels, #legacy-standard-view #praesenzkurse-admin .tablerows {
  display: table;
  width: 100%;
}
#legacy-standard-view #praesenzkurse-admin .tablelabels > div, #legacy-standard-view #praesenzkurse-admin .tablerows > div {
  display: table-cell;
  border-collapse: collapse;
  padding: 5px 10px;
}
#legacy-standard-view #praesenzkurse-admin .tablelabels > div.title, #legacy-standard-view #praesenzkurse-admin .tablerows > div.title {
  width: 30%;
  border-right: 2px solid white;
  color: white;
}
#legacy-standard-view #praesenzkurse-admin .tablelabels > div.title h4, #legacy-standard-view #praesenzkurse-admin .tablerows > div.title h4 {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
}
#legacy-standard-view #praesenzkurse-admin .tablelabels > div.title.header, #legacy-standard-view #praesenzkurse-admin .tablerows > div.title.header {
  color: rgb(75, 75, 75);
}
#legacy-standard-view #praesenzkurse-admin .tablelabels > div.title:not(.header), #legacy-standard-view #praesenzkurse-admin .tablerows > div.title:not(.header) {
  background: rgb(180, 180, 180);
  padding-bottom: 20px;
}
#legacy-standard-view #praesenzkurse-admin .tablelabels > div.participants, #legacy-standard-view #praesenzkurse-admin .tablerows > div.participants {
  width: 35%;
  border-right: 2px solid white;
  padding-bottom: 20px;
}
#legacy-standard-view #praesenzkurse-admin .tablelabels > div.status, #legacy-standard-view #praesenzkurse-admin .tablerows > div.status {
  width: 15%;
  border-right: 2px solid white;
}
#legacy-standard-view #praesenzkurse-admin .tablelabels > div.buttons, #legacy-standard-view #praesenzkurse-admin .tablerows > div.buttons {
  width: 20%;
  padding-bottom: 20px;
}
#legacy-standard-view #praesenzkurse-admin .tablelabels {
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: black;
  vertical-align: middle;
  padding: 5px 10px;
}
#legacy-standard-view #praesenzkurse-admin .tablelabels > div {
  padding-bottom: 0px !important;
}
#legacy-standard-view #praesenzkurse-admin .tablerows {
  vertical-align: top;
  background: rgb(220, 220, 220);
  border-bottom: 2px solid white;
  font-size: 13px;
  font-size: 1.3rem;
}
#legacy-standard-view #praesenzkurse-admin .tablerows .participants .manualusers {
  margin-top: 5px;
}
#legacy-standard-view #praesenzkurse-admin .tablerows.booked .tablebutton.booking {
  background: #26B57E;
  color: white;
}
#legacy-standard-view #praesenzkurse-admin .tablerows.booked .tablebutton.booking:after {
  content: "Gebucht!";
}
#legacy-standard-view #praesenzkurse-admin .release {
  margin-bottom: 20px;
}
#legacy-standard-view #praesenzkurse-admin .release .checkbox {
  padding-bottom: 10px;
}
#legacy-standard-view #praesenzkurse-admin .flextable {
  margin-top: 25px;
  margin-bottom: 50px;
}
#legacy-standard-view #praesenzkurse-admin .flextable h4 {
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#legacy-standard-view #praesenzkurse-admin .flextable .certify-list li {
  display: flex;
  min-height: 50px;
  align-items: center;
  border-top: 1px solid rgb(180, 180, 180);
  padding: 5px 0;
}
#legacy-standard-view #praesenzkurse-admin .flextable .certify-list li:not(.tablelabels):hover {
  cursor: pointer;
  background: rgb(235, 235, 235);
}
#legacy-standard-view #praesenzkurse-admin .flextable .certify-list li.tablelabels {
  border-top: 0;
  padding: 0;
}
#legacy-standard-view #praesenzkurse-admin .flextable .certify-list li .name {
  width: 45%;
  padding: 0 10px;
}
#legacy-standard-view #praesenzkurse-admin .flextable .certify-list li .status {
  width: 15%;
  padding: 0 10px;
}
#legacy-standard-view #praesenzkurse-admin .flextable .certify-list li .hrs {
  width: 10%;
  padding: 0 10px;
}
#legacy-standard-view #praesenzkurse-admin .flextable .certify-list li .actions {
  width: 30%;
  padding: 0 10px;
}
#legacy-standard-view #praesenzkurse-admin .certify {
  padding: 30px 0;
}
#legacy-standard-view #praesenzkurse-admin .certify .logo-placeholder {
  height: 90px;
  border: 2px dashed rgb(180, 180, 180);
  margin-top: 15px;
}
#legacy-standard-view #praesenzkurse-admin .certify + .row {
  padding-bottom: 30px;
}
#legacy-standard-view #legacy-formupload {
  margin-top: 50px;
  font-size: 20px;
  font-size: 2rem;
  color: rgb(110, 110, 110);
  font-weight: 300;
  background: rgb(235, 235, 235);
  padding: 50px;
  border-radius: 1.66rem;
}
#legacy-standard-view #legacy-formupload input {
  height: 40px;
}
#legacy-standard-view #legacy-formupload label {
  font-weight: 400;
}
#legacy-standard-view #legacy-formupload .fileupload {
  border: 1px solid #0075a9;
  border-radius: 1.66rem;
  padding: 1rem 2rem;
  margin: 2rem 0;
  background: #0075a9;
  color: white;
  cursor: pointer;
}
#legacy-standard-view #legacy-formupload .info {
  margin-bottom: 50px;
}
#legacy-standard-view #legacy-profile {
  margin-top: 50px;
  font-size: 20px;
  font-size: 2rem;
  color: rgb(110, 110, 110);
  font-weight: 300;
  background: rgb(235, 235, 235);
  padding: 50px;
  border-radius: 1.66rem;
}
#legacy-standard-view #legacy-profile input {
  height: 40px;
}
#legacy-standard-view #legacy-profile label {
  font-weight: 400;
}
#legacy-standard-view #legacy-profile .fileupload {
  border: 1px solid #0075a9;
  border-radius: 1.66rem;
  padding: 1rem 2rem;
  margin: 2rem 0;
  background: #0075a9;
  color: white;
  cursor: pointer;
}
#legacy-standard-view #legacy-profile #uploadimage {
  background: white;
}
#legacy-standard-view #legacy-profile .rotator {
  position: absolute;
  z-index: 9999;
  left: 30px;
  margin-top: -20px;
  display: block;
}
#legacy-standard-view #legacy-profile .rotator .bt-circle {
  color: #0075a9;
}
#legacy-standard-view #legacy-profile .delete-profile-picture {
  position: absolute;
  z-index: 9999;
  left: 90px;
  margin-top: -20px;
  display: block;
}
#legacy-standard-view #legacy-profile .delete-profile-picture .bt-circle {
  color: #0075a9;
}
#legacy-standard-view #legacy-profile #changepw {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  background: rgb(75, 75, 75);
  border: 8px solid white;
  margin-bottom: 20px;
  height: 90px;
  width: 90px;
}
#legacy-standard-view #legacy-profile #changepw i {
  color: white;
  font-size: 48px;
  font-size: 4.8rem;
}
#legacy-standard-view #legacy-profile .submitbtn.warn {
  border: 3px solid white;
  padding: 10px;
  height: auto;
  width: 60%;
  background: rgb(75, 75, 75);
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}
#legacy-standard-view #legacy-profile .submitbtn.warn:hover {
  background: #e46450;
}
#legacy-standard-view #legacy-teamadmin {
  margin-top: 50px;
  padding-bottom: 100px;
}
#legacy-standard-view #legacy-teamadmin .filter {
  margin-top: 10px;
}
#legacy-standard-view #legacy-teamadmin .dd {
  background: url("../img/layout/einzelkurs/dd-level1.svg") no-repeat !important;
}
#legacy-standard-view #legacy-teamadmin .search {
  margin-top: 15px;
}
#legacy-standard-view #legacy-teamadmin .search #searchmode .input-group-addon {
  background: white;
}
#legacy-standard-view #legacy-teamadmin .search #searchmode .input-group-addon i {
  color: rgb(180, 180, 180);
  font-size: 18px;
  font-size: 1.8rem;
}
#legacy-standard-view #legacy-teamadmin .search #searchfield {
  border: 1px solid rgb(180, 180, 180);
  height: 40px;
}
#legacy-standard-view #legacy-teamadmin .paginationnav {
  text-align: center;
}
#legacy-standard-view #legacy-teamadmin #accordion-members {
  margin-top: 20px;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel {
  margin-bottom: 5px;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading {
  display: table;
  width: 100%;
  padding: 0;
  height: 85px;
  min-height: 85px;
  background-color: rgb(220, 220, 220);
  color: rgb(65, 65, 65);
  position: relative;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading img {
  position: absolute;
  width: 75px;
  top: 5px;
  left: 5px;
  z-index: 999;
  border: 5px solid white;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading img.has-certificate {
  border-color: #f9aa07;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading img {
  background: rgb(180, 180, 180);
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 15px;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo {
  width: 65%;
  padding-left: 90px;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base a {
  color: #0075a9;
  margin-left: 5px;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .title {
  font-weight: 600;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity {
  display: inline-block;
  color: white;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 100%;
  padding: 3px 5px;
  margin-left: 5px;
  letter-spacing: 1px;
  font-weight: 400;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity.active {
  background: #0075a9;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity.active:after {
  content: "Aktiv";
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity.process {
  background: #f9aa07;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity.process:after {
  content: "Abbrechen";
  color: black;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity.inactive {
  background: #e46450;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .groups {
  display: inline-block;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .groups .select2-selection__choice {
  color: rgb(110, 110, 110);
  font-size: 13px;
  font-size: 1.3rem;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .groups .select2-container--default .select2-selection--multiple {
  background-color: rgb(235, 235, 235);
  display: inline-block;
  min-width: 125px;
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 5px;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .groups .select2-container--default.select2-container--focus .select2-selection--multiple {
  background-color: white;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.hrs {
  color: white;
  width: 35%;
  text-align: left;
  cursor: pointer;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.hrs-done {
  background: #26B57E;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.hrs-pending {
  background: rgb(110, 110, 110);
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.hrs-alert {
  background: #e46450;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.has-certificate {
  background: #f9aa07;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body {
  margin: 0;
  padding: 0;
  border: 0;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body .dismiss {
  display: none;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body .dismiss.checkbox.show {
  display: inline-block !important;
  margin-right: 10px;
  margin-top: 5px;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body .dismiss.show {
  display: block;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body .dismiss .inputbox {
  border: 1px solid rgb(75, 75, 75);
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body ul {
  margin-bottom: 0px;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li {
  display: table;
  width: 100%;
  background: white;
  color: rgb(65, 65, 65);
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li.dismissalert, #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li.dismissbutton {
  padding: 15px;
  background: rgb(98.5919407133%, 80.0524934383%, 41.8002161495%);
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div {
  border-bottom: 1px solid rgb(235, 235, 235);
  display: table-cell;
  vertical-align: middle;
  padding: 5px 15px;
  font-weight: 500;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs {
  width: 65%;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs input {
  width: 80%;
  display: inline-block;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  padding: 2px;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.pending-empty {
  background-image: url("../img/layout/einzelkurs/mainstatus-empty.svg");
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.pending-1_4 {
  background-image: url("../img/layout/einzelkurs/mainstatus-1_4.svg");
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.pending-1_2 {
  background-image: url("../img/layout/einzelkurs/mainstatus-1_2.svg");
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.pending-3_4 {
  background-image: url("../img/layout/einzelkurs/mainstatus-3_4.svg");
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.done {
  background-image: url("../img/layout/einzelkurs/mainstatus-done.svg");
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.in-approval {
  background-image: url("../img/ui/lessons/status-approval.png");
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.new {
  background-image: url("../img/layout/einzelkurs/mainstatus-empty.svg");
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.hrs {
  width: 10%;
  background: rgb(65, 65, 65);
  color: white;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.hrs input {
  width: 100%;
  margin: 0;
  padding: 2px;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.buttons {
  width: 25%;
  padding: 0;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.buttons a {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 10px;
  color: rgb(65, 65, 65);
  font-weight: 400;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.buttons a i.fa-file {
  margin-left: 3px;
  margin-right: 2px;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.buttons a:hover {
  text-decoration: none;
  color: black;
}
#legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.buttons a.new-lesson {
  background: rgb(75, 75, 75);
  color: white;
}

@media only screen and (min-width: 280px) and (max-width: 575.98px) {
  .standardpage .standardpage-header .title .titlebar h2 {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 20px 0 20px 50px;
  }
  .backbutton-new {
    width: 48px;
    height: 48px;
    top: 72px;
    margin-left: 5px;
  }
  .backbutton-new svg {
    width: 48px;
    height: 48px;
  }
  .singlecourse .standard-icon {
    display: block;
    width: 48px;
    margin: auto;
  }
  .singlecourse h2 {
    font-family: Merriweather, serif;
    color: #E30613;
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 0;
    font-weight: 300;
    padding: 20px 0 0 0;
    line-height: 1.3;
  }
  .singlecourse h3 {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0px;
  }
  .singlecourse .sc-header .title i {
    display: none;
  }
  .singlecourse .sc-header .title .revisions {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .singlecourse .sc-header .bemerkungen {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .singlecourse .sc-header .bemerkungen ul {
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .singlecourse .sc-header .bemerkungen ul li {
    margin-bottom: 5px;
  }
  .singlecourse .sc-header .reload {
    padding: 10px 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .singlecourse .sc-header .meta {
    padding: 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .singlecourse .sc-header .meta .playtrailer {
    margin-top: 0;
  }
  .singlecourse .sc-header .meta .original {
    width: 50%;
    margin: auto;
    margin-bottom: 20px;
  }
  .singlecourse .sc-header .meta h3 {
    margin-top: 5px;
  }
  .singlecourse .sc-header .meta h3.trailerheading {
    text-align: center;
    margin-top: 10px;
  }
  .singlecourse .sc-header .meta .lernziele, .singlecourse .sc-header .meta .inhalte {
    padding: 10px 10px;
    min-height: auto;
  }
  .singlecourse .sc-header .meta .lernziele {
    border-right: 0px solid #0075a9;
  }
  .singlecourse .sc-header .meta ul.list {
    position: relative;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 1.5rem;
    color: rgb(65, 65, 65);
    text-align: left;
  }
  .singlecourse .sc-header .meta ul.list.angle li {
    margin-bottom: 5px;
    margin-left: 15px;
  }
  .singlecourse .sc-header .meta ul.list.angle li:before {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .singlecourse .sc-header .meta ul.pills {
    margin: 0;
    padding: 0 0 15px 0;
  }
  .singlecourse .sc-header .meta ul.pills li {
    display: inline-block;
    padding: 3px 15px;
    border-radius: 12px;
    font-size: 11px;
    font-size: 1.1rem;
    color: #0075a9;
    border: 1px solid #0075a9;
  }
  .singlecourse .sc-header .meta ul.plain > li span {
    color: rgb(65, 65, 65);
    background: white;
    padding: 0 5px;
  }
  #legacy-standard-view #blog .entry .thedate {
    position: absolute;
    right: 5px;
    top: 0px;
    width: 30px;
    height: 30px;
    background: none;
    padding-top: 5px;
  }
  #legacy-standard-view #blog .entry .thedate span {
    text-align: center;
    display: block;
    color: rgb(75, 75, 75);
    line-height: 100%;
  }
  #legacy-standard-view #blog .entry .thedate span.day {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
  }
  #legacy-standard-view #blog .entry .thedate span.month {
    font-size: 9px;
    font-size: 0.9rem;
    font-weight: 500;
    text-transform: uppercase;
  }
  #legacy-standard-view #blog .entry .bubble:after {
    content: url("");
  }
  #legacy-standard-view #praesenzkurse-admin {
    margin-top: 50px;
  }
  #legacy-standard-view #praesenzkurse-admin .blockbutton {
    margin: 20px 0 10px 15px;
    font-size: 11px;
    font-size: 1.1rem;
  }
  #legacy-standard-view #praesenzkurse-admin form {
    margin-top: 30px;
  }
  #legacy-standard-view #praesenzkurse-admin input, #legacy-standard-view #praesenzkurse-admin textarea, #legacy-standard-view #praesenzkurse-admin .checkbox .inputbox {
    border: 1px solid rgb(180, 180, 180);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
  }
  #legacy-standard-view #praesenzkurse-admin .checkbox {
    margin-left: 5px;
  }
  #legacy-standard-view #praesenzkurse-admin .tablelabels, #legacy-standard-view #praesenzkurse-admin .tablerows {
    display: table;
    width: 100%;
  }
  #legacy-standard-view #praesenzkurse-admin .tablelabels > div, #legacy-standard-view #praesenzkurse-admin .tablerows > div {
    display: table-cell;
    border-collapse: collapse;
    padding: 5px 10px;
  }
  #legacy-standard-view #praesenzkurse-admin .tablelabels > div.title, #legacy-standard-view #praesenzkurse-admin .tablerows > div.title {
    width: 30%;
    border-right: 2px solid white;
    color: white;
  }
  #legacy-standard-view #praesenzkurse-admin .tablelabels > div.title h4, #legacy-standard-view #praesenzkurse-admin .tablerows > div.title h4 {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
  }
  #legacy-standard-view #praesenzkurse-admin .tablelabels > div.title.header, #legacy-standard-view #praesenzkurse-admin .tablerows > div.title.header {
    color: rgb(75, 75, 75);
  }
  #legacy-standard-view #praesenzkurse-admin .tablelabels > div.title:not(.header), #legacy-standard-view #praesenzkurse-admin .tablerows > div.title:not(.header) {
    background: rgb(180, 180, 180);
    padding-bottom: 20px;
  }
  #legacy-standard-view #praesenzkurse-admin .tablelabels > div.participants, #legacy-standard-view #praesenzkurse-admin .tablerows > div.participants {
    width: 35%;
    border-right: 2px solid white;
    padding-bottom: 20px;
  }
  #legacy-standard-view #praesenzkurse-admin .tablelabels > div.status, #legacy-standard-view #praesenzkurse-admin .tablerows > div.status {
    width: 15%;
    border-right: 2px solid white;
  }
  #legacy-standard-view #praesenzkurse-admin .tablelabels > div.buttons, #legacy-standard-view #praesenzkurse-admin .tablerows > div.buttons {
    width: 20%;
    padding-bottom: 20px;
  }
  #legacy-standard-view #praesenzkurse-admin .tablelabels {
    text-transform: uppercase;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: black;
    vertical-align: middle;
    padding: 5px 10px;
  }
  #legacy-standard-view #praesenzkurse-admin .tablelabels > div {
    padding-bottom: 0px !important;
  }
  #legacy-standard-view #praesenzkurse-admin .tablerows {
    vertical-align: top;
    background: rgb(220, 220, 220);
    border-bottom: 2px solid white;
    font-size: 13px;
    font-size: 1.3rem;
  }
  #legacy-standard-view #praesenzkurse-admin .tablerows .participants .manualusers {
    margin-top: 5px;
  }
  #legacy-standard-view #praesenzkurse-admin .tablerows.booked .tablebutton.booking {
    background: #26B57E;
    color: white;
  }
  #legacy-standard-view #praesenzkurse-admin .tablerows.booked .tablebutton.booking:after {
    content: "Gebucht!";
  }
  #legacy-standard-view #praesenzkurse-admin .release {
    margin-bottom: 20px;
  }
  #legacy-standard-view #praesenzkurse-admin .release .checkbox {
    padding-bottom: 10px;
  }
  #legacy-standard-view #praesenzkurse-admin .flextable {
    margin-top: 25px;
    margin-bottom: 50px;
  }
  #legacy-standard-view #praesenzkurse-admin .flextable h4 {
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  #legacy-standard-view #praesenzkurse-admin .flextable .certify-list li {
    display: flex;
    min-height: 50px;
    align-items: center;
    border-top: 1px solid rgb(180, 180, 180);
    padding: 5px 0;
  }
  #legacy-standard-view #praesenzkurse-admin .flextable .certify-list li:not(.tablelabels):hover {
    cursor: pointer;
    background: rgb(235, 235, 235);
  }
  #legacy-standard-view #praesenzkurse-admin .flextable .certify-list li.tablelabels {
    border-top: 0;
    padding: 0;
  }
  #legacy-standard-view #praesenzkurse-admin .flextable .certify-list li .name {
    width: 45%;
    padding: 0 10px;
  }
  #legacy-standard-view #praesenzkurse-admin .flextable .certify-list li .status {
    width: 15%;
    padding: 0 10px;
  }
  #legacy-standard-view #praesenzkurse-admin .flextable .certify-list li .hrs {
    width: 10%;
    padding: 0 10px;
  }
  #legacy-standard-view #praesenzkurse-admin .flextable .certify-list li .actions {
    width: 30%;
    padding: 0 10px;
  }
  #legacy-standard-view #praesenzkurse-admin .certify {
    padding: 30px 0;
  }
  #legacy-standard-view #praesenzkurse-admin .certify .logo-placeholder {
    height: 90px;
    border: 2px dashed rgb(180, 180, 180);
    margin-top: 15px;
  }
  #legacy-standard-view #praesenzkurse-admin .certify + .row {
    padding-bottom: 30px;
  }
  #legacy-standard-view #legacy-formupload {
    margin: 20px 0px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px;
  }
  #legacy-standard-view #legacy-formupload .info {
    margin-bottom: 50px;
  }
  #legacy-standard-view #legacy-profile {
    margin-top: 20px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px;
  }
  #legacy-standard-view #legacy-teamadmin {
    margin-top: 50px;
    padding-bottom: 100px;
  }
  #legacy-standard-view #legacy-teamadmin .filter {
    margin-top: 10px;
  }
  #legacy-standard-view #legacy-teamadmin .search {
    margin-top: 15px;
  }
  #legacy-standard-view #legacy-teamadmin .search #searchmode .input-group-addon {
    background: white;
  }
  #legacy-standard-view #legacy-teamadmin .search #searchmode .input-group-addon i {
    color: rgb(180, 180, 180);
    font-size: 18px;
    font-size: 1.8rem;
  }
  #legacy-standard-view #legacy-teamadmin .search #searchfield {
    border: 1px solid rgb(180, 180, 180);
    height: 40px;
  }
  #legacy-standard-view #legacy-teamadmin .paginationnav {
    text-align: center;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members {
    margin-top: 20px;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel {
    margin-bottom: 5px;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading {
    display: table;
    width: 100%;
    padding: 0;
    height: 85px;
    min-height: 85px;
    background-color: rgb(220, 220, 220);
    color: rgb(65, 65, 65);
    position: relative;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading img {
    position: absolute;
    width: 75px;
    top: 5px;
    left: 5px;
    z-index: 999;
    border: 5px solid white;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading img.has-certificate {
    border-color: #f9aa07;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading img {
    background: rgb(180, 180, 180);
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo {
    width: 65%;
    padding-left: 90px;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base a {
    color: #0075a9;
    margin-left: 5px;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .title {
    font-weight: 600;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity {
    display: inline-block;
    color: white;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 100%;
    padding: 3px 5px;
    margin-left: 5px;
    letter-spacing: 1px;
    font-weight: 400;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity.active {
    background: #0075a9;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity.active:after {
    content: "Aktiv";
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity.process {
    background: #f9aa07;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity.process:after {
    content: "Abbrechen";
    color: black;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .base .activity.inactive {
    background: #e46450;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .groups {
    display: inline-block;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .groups .select2-selection__choice {
    color: rgb(110, 110, 110);
    font-size: 13px;
    font-size: 1.3rem;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .groups .select2-container--default .select2-selection--multiple {
    background-color: rgb(235, 235, 235);
    display: inline-block;
    min-width: 125px;
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 5px;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.persinfo .groups .select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: white;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.hrs {
    color: white;
    width: 35%;
    text-align: left;
    cursor: pointer;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.hrs-done {
    background: #26B57E;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.hrs-pending {
    background: rgb(110, 110, 110);
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.hrs-alert {
    background: #e46450;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel .panel-heading > div.has-certificate {
    background: #f9aa07;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body {
    margin: 0;
    padding: 0;
    border: 0;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body .dismiss {
    display: none;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body .dismiss.checkbox.show {
    display: inline-block !important;
    margin-right: 10px;
    margin-top: 5px;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body .dismiss.show {
    display: block;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body .dismiss .inputbox {
    border: 1px solid rgb(75, 75, 75);
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body ul {
    margin-bottom: 0px;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li {
    display: table;
    width: 100%;
    background: white;
    color: rgb(65, 65, 65);
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li.dismissalert, #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li.dismissbutton {
    padding: 15px;
    background: rgb(98.5919407133%, 80.0524934383%, 41.8002161495%);
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div {
    border-bottom: 1px solid rgb(235, 235, 235);
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
    font-weight: 500;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs {
    width: 65%;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs input {
    width: 80%;
    display: inline-block;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    padding: 2px;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.pending-empty {
    background-image: url("../img/layout/einzelkurs/mainstatus-empty.svg");
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.pending-1_4 {
    background-image: url("../img/layout/einzelkurs/mainstatus-1_4.svg");
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.pending-1_2 {
    background-image: url("../img/layout/einzelkurs/mainstatus-1_2.svg");
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.pending-3_4 {
    background-image: url("../img/layout/einzelkurs/mainstatus-3_4.svg");
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.done {
    background-image: url("../img/layout/einzelkurs/mainstatus-done.svg");
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.in-approval {
    background-image: url("../img/ui/lessons/status-approval.png");
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.kurs .status > div.new {
    background-image: url("../img/layout/einzelkurs/mainstatus-empty.svg");
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.hrs {
    width: 10%;
    background: rgb(65, 65, 65);
    color: white;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.hrs input {
    width: 100%;
    margin: 0;
    padding: 2px;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.buttons {
    width: 25%;
    padding: 0;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.buttons a {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px;
    color: rgb(65, 65, 65);
    font-weight: 400;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.buttons a i.fa-file {
    margin-left: 3px;
    margin-right: 2px;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.buttons a:hover {
    text-decoration: none;
    color: black;
  }
  #legacy-standard-view #legacy-teamadmin #accordion-members .panel-body li > div.buttons a.new-lesson {
    background: rgb(75, 75, 75);
    color: white;
  }
}
/* Small Screens & Tablet Landscape */
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
  #sidebar {
    width: 50%;
    right: -50%;
  }
  #sidebar.collapse.in {
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  #sidebar {
    width: 66%;
    right: -66%;
  }
  #sidebar.collapse.in {
    width: 66%;
  }
}
@media only screen and (min-width: 280px) and (max-width: 575.98px) {
  #sidebar {
    width: 100%;
    right: -100%;
  }
  #sidebar.collapse.in {
    width: 100%;
  }
}
/* Ergänzungen */
#choosecluster {
  padding-top: 48px;
  padding-bottom: 48px;
}
#choosecluster .panel {
  margin-bottom: 5px;
}
#choosecluster .btn-primary {
  margin-top: 24px;
}