@charset "UTF-8";
/* line 3, app/assets/stylesheets/ditact-app.css.scss */
.row_header {
  background-color: white;
}

/* line 6, app/assets/stylesheets/ditact-app.css.scss */
.row_banner {
  border-top: 1px #ddd solid;
  background-color: white;
  position: relative;
}

/* line 12, app/assets/stylesheets/ditact-app.css.scss */
.banner_text > div {
  border-bottom: 1px #ddd solid;
}

/* line 15, app/assets/stylesheets/ditact-app.css.scss */
.row_banner #overlay_image {
  position: absolute;
  left: 5%;
  top: 45px;
  width: 150px;
  height: auto;
  opacity: 0.7;
}

/* line 23, app/assets/stylesheets/ditact-app.css.scss */
.row_banner #overlay_image:hover {
  opacity: 1;
}

/* line 26, app/assets/stylesheets/ditact-app.css.scss */
.row_banner .overlay_events {
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: 20px;
  display: flex;
  gap: 20px;
}

/* line 34, app/assets/stylesheets/ditact-app.css.scss */
.row_banner .events {
  flex: 1;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}

/* line 40, app/assets/stylesheets/ditact-app.css.scss */
.row_banner .events h1 {
  margin-top: 0;
  color: white;
  font-size: 40px;
  line-height: 40px;
}

/* line 46, app/assets/stylesheets/ditact-app.css.scss */
.row_banner .events .subtitle {
  color: white;
}

/* line 49, app/assets/stylesheets/ditact-app.css.scss */
.row_banner .events :link,
.row_banner .events :visited,
.row_banner .events :active {
  color: white;
  text-decoration: none;
}

/* line 54, app/assets/stylesheets/ditact-app.css.scss */
.row_banner .events :link:focus,
.row_banner .events :visited:focus,
.row_banner .events :active:focus {
  background-color: transparent;
}

/* line 59, app/assets/stylesheets/ditact-app.css.scss */
#main_nav {
  border-top: 2px #ddd solid;
  background-position: 20px 20px;
  z-index: 100;
  display: flex;
}

/* line 69, app/assets/stylesheets/ditact-app.css.scss */
#main_nav #ditact_logo {
  width: 240px;
  margin: 20px 0 0 50px;
}

/* line 73, app/assets/stylesheets/ditact-app.css.scss */
#main_nav .menu {
  width: 100%;
  margin-right: 40px;
  display: flex;
  flex-direction: column;
}

/* line 79, app/assets/stylesheets/ditact-app.css.scss */
#main_nav .menu #enroll_no_undecided {
  background-color: #009d9b;
  color: white;
  border-radius: 7px;
  height: 15px;
  width: 15px;
  line-height: 13px;
  font-size: 10px;
}

/* line 89, app/assets/stylesheets/ditact-app.css.scss */
#main_nav .menu li.grow_this {
  flex: 1;
}

/* line 92, app/assets/stylesheets/ditact-app.css.scss */
#main_nav .menu li {
  display: block;
  list-style-type: none;
}

/* line 97, app/assets/stylesheets/ditact-app.css.scss */
#main_nav .menu li li {
  text-transform: uppercase;
}

/* line 101, app/assets/stylesheets/ditact-app.css.scss */
#main_nav .menu li a {
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: #777;
  padding: 5px 25px;
  width: 100%;
}

/* line 112, app/assets/stylesheets/ditact-app.css.scss */
#main_nav .menu > li > a {
  padding: 2em 25px;
}

/* line 115, app/assets/stylesheets/ditact-app.css.scss */
#main_nav .menu > li:hover > a {
  color: #009d9b;
  border-top: 1px #009d9b solid;
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

/* line 122, app/assets/stylesheets/ditact-app.css.scss */
#main_nav .menu > li.menu-item-has-children:hover > a {
  border-bottom: 1px white solid;
}

/* line 126, app/assets/stylesheets/ditact-app.css.scss */
#main_nav .menu li a.greenbutton {
  width: 84px;
  height: 32px;
  border-radius: 2px;
  border: 1px #009d9b solid;
  padding: 0;
  margin: 30px 0 30px 0;
  text-align: center;
  padding-left: 8px;
}

/* line 136, app/assets/stylesheets/ditact-app.css.scss */
#main_nav .menu li a.greenbutton:hover {
  background-color: #009d9b;
  color: white;
}

@media (min-width: 800px) {
  /* line 145, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav ul ul {
    display: none;
  }
  /* line 149, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav ul li:hover > ul {
    display: block;
    z-index: 101;
    color: #fff;
    padding-left: 2rem;
  }
  /* line 156, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav .menu {
    flex-direction: row;
    justify-content: space-between;
  }
  /* line 160, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav ul ul {
    position: absolute;
    display: none;
    border-width: 1px;
    border-color: transparent;
  }
  /* line 167, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav ul li:hover > ul {
    padding-left: 0;
    background: white;
    border-top: 1px #009d9b solid;
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    min-width: 250px;
  }
  /* line 176, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav ul li:last-child:hover > ul {
    padding-left: 0;
    background: white;
    border-top: 1px #009d9b solid;
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    min-width: 250px;
    right: 0px;
  }
  /* line 187, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav nav ul li:hover > ul a {
    color: #fff;
  }
  /* line 192, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav .sub-menu li {
    display: flex;
  }
  /* line 196, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav .sub-menu li:hover,
#main_nav .sub-menu li a:hover {
    background: #009d9b;
    color: white;
  }
  /* line 203, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav ul ul {
    display: none;
    position: absolute;
  }
  /* line 207, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav ul ul ul {
    margin: 0 0 0 100%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  }
  /* line 212, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav .menu-item-has-children .menu-item-has-children > a:after {
    font-family: "Genericons";
    content: "\f431";
    padding: 1px;
    transform: rotate(-90deg);
  }
}

/* line 221, app/assets/stylesheets/ditact-app.css.scss */
.row_article {
  min-height: 400px;
}

/* line 226, app/assets/stylesheets/ditact-app.css.scss */
.row_footer {
  background-color: #333333;
}

/* line 230, app/assets/stylesheets/ditact-app.css.scss */
nav a[href] {
  text-decoration: none;
}

/* line 234, app/assets/stylesheets/ditact-app.css.scss */
nav#main_nav a[href] {
  color: black;
}

/* line 238, app/assets/stylesheets/ditact-app.css.scss */
.row_topnav {
  overflow: hidden;
}

/* line 241, app/assets/stylesheets/ditact-app.css.scss */
.row_header nav#admin_nav {
  max-width: 1280px;
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
  padding-right: 10px;
}

/* line 251, app/assets/stylesheets/ditact-app.css.scss */
#admin_nav a[href] {
  color: gray;
  margin-left: 1em;
}

/* line 256, app/assets/stylesheets/ditact-app.css.scss */
.row_banner img#banner {
  margin: 0 auto;
  display: block;
  max-width: 1280px;
  width: 100%;
}

/* line 263, app/assets/stylesheets/ditact-app.css.scss */
h1.banner {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-size: 24px;
  color: #009d9b;
  /* tuerkis --ditact-color: #009d9b; */
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* line 273, app/assets/stylesheets/ditact-app.css.scss */
#main_nav,
article.banner_text {
  max-width: 1280px;
  /* --content-width */
  margin: auto;
  width: 100%;
}

/* line 280, app/assets/stylesheets/ditact-app.css.scss */
.row_article article {
  flex-grow: 1;
  max-width: 1280px;
  /* --content-width */
  margin: auto;
  width: 100%;
  margin: auto;
  background-color: white;
}

/* line 289, app/assets/stylesheets/ditact-app.css.scss */
.row_footer {
  margin-top: 3em;
}

/* line 293, app/assets/stylesheets/ditact-app.css.scss */
.row_footer footer {
  max-width: 1280px;
  /* --content-width */
  margin: 0 auto;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}

/* line 306, app/assets/stylesheets/ditact-app.css.scss */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: #fff;
}

/* line 314, app/assets/stylesheets/ditact-app.css.scss */
footer h4 {
  line-height: 24px;
  font-size: 14px;
  font-weight: 700;
}

/* line 319, app/assets/stylesheets/ditact-app.css.scss */
footer > div {
  flex: 1;
  min-width: 300px;
  margin: 0 10px;
}

/* line 325, app/assets/stylesheets/ditact-app.css.scss */
footer div:first-child h4 {
  background-image: url(/assets/ditact-on-dark-9931c8776524d6fd148d1ac5bbb0dc20ebf533f887191e29c93dabac315a25ff.svg);
  width: 225px;
  height: 56px;
  text-indent: -5000px;
  overflow: hidden;
}

/* line 332, app/assets/stylesheets/ditact-app.css.scss */
footer a.hovericon[href] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  opacity: 1;
  background: transparent;
  margin: 0px 5px 5px 0px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}

/* line 345, app/assets/stylesheets/ditact-app.css.scss */
footer a.hovericon[href]:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  color: white;
}

/* Typografie allgemein */
/* line 353, app/assets/stylesheets/ditact-app.css.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: black;
}

/* line 363, app/assets/stylesheets/ditact-app.css.scss */
h1,
h2 {
  font-size: 26px;
  margin-top: 30px;
  color: black;
  margin-left: -1px;
}

/* line 371, app/assets/stylesheets/ditact-app.css.scss */
.subtitle {
  margin: 5px 0px;
  color: black;
  padding-right: 80px;
}

/* line 377, app/assets/stylesheets/ditact-app.css.scss */
h1 + .subtitle {
  margin-top: -20px !important;
}

/* line 381, app/assets/stylesheets/ditact-app.css.scss */
blockquote {
  margin: 1em 0 !important;
}

/* flash messages */
/* line 387, app/assets/stylesheets/ditact-app.css.scss */
#messages {
  margin: 28px 0;
}

/* line 390, app/assets/stylesheets/ditact-app.css.scss */
#messages div {
  padding: 4px;
  animation: message-enter 1s ease-out;
}

@keyframes message-enter {
  from {
    /* top of the screen */
    scale: 0;
    transform: translateY(-1000px);
  }
  to {
    /* half way */
    scale: none;
    transform: translateY(0);
  }
}

/* line 406, app/assets/stylesheets/ditact-app.css.scss */
#messages .notice,
.local_notice {
  background-color: #009d9b;
  color: white;
}

/* line 411, app/assets/stylesheets/ditact-app.css.scss */
#messages .notice:before {
  content: "✓";
  display: inline-block;
  line-height: 1em;
  width: 1em;
  height: 1em;
  margin: 0.3em 0;
  text-align: center;
}

/* line 421, app/assets/stylesheets/ditact-app.css.scss */
#messages .alert,
.local_alert {
  background-color: #ffb96b;
  color: white;
}

/* line 426, app/assets/stylesheets/ditact-app.css.scss */
strong.local_alert {
  padding: 0 4px;
}

/* line 429, app/assets/stylesheets/ditact-app.css.scss */
#messages .error {
  background-color: #ffb96b;
  color: white;
}

/* line 433, app/assets/stylesheets/ditact-app.css.scss */
#messages .error:before,
#messages .alert:before {
  content: "×";
  display: inline-block;
  line-height: 1em;
  width: 1em;
  height: 1em;
  margin-right: 0.3em;
  text-align: center;
}

/* CALL BUTTONS */
/* line 446, app/assets/stylesheets/ditact-app.css.scss */
.button {
  background-color: #009d9b;
}

/* line 449, app/assets/stylesheets/ditact-app.css.scss */
.main.button {
  background-color: #f68409;
}

/* line 452, app/assets/stylesheets/ditact-app.css.scss */
.button {
  color: #ffffff !important;
  border: 0;
  border-radius: 2px;
  text-align: center;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding: 10px;
  width: 12em;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 468, app/assets/stylesheets/ditact-app.css.scss */
.button:active,
.main_button:active {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
}

/* TYPOGRAFIE */
/* line 476, app/assets/stylesheets/ditact-app.css.scss */
body {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 28px;
}

/* line 482, app/assets/stylesheets/ditact-app.css.scss */
p {
  margin: 1em 0;
}

/* Homepage */
/* line 488, app/assets/stylesheets/ditact-app.css.scss */
.featured,
.featured {
  background-color: #e4f2e8;
  padding: 1em;
  display: flex;
  flex-direction: column;
}

/* line 495, app/assets/stylesheets/ditact-app.css.scss */
.featured h3 {
  margin: 0px;
  height: 56px;
  color: #009d9b;
  font-weight: 600;
}

/* line 501, app/assets/stylesheets/ditact-app.css.scss */
.featured h3 a[href] {
  text-decoration: none;
}

/* line 504, app/assets/stylesheets/ditact-app.css.scss */
.featured > .desc {
  flex: 1;
}

/* line 508, app/assets/stylesheets/ditact-app.css.scss */
.featured.dozentin {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  padding: 0;
}

/* line 514, app/assets/stylesheets/ditact-app.css.scss */
.featured.dozentin img {
  overflow: hidden;
  filter: grayscale(100%);
}

/* line 519, app/assets/stylesheets/ditact-app.css.scss */
.featured.dozentin h3 {
  font-weight: 200;
  height: 60px;
  font-size: 13px;
  line-height: 1.5;
  overflow: hidden;
  margin-bottom: 0;
}

/* line 528, app/assets/stylesheets/ditact-app.css.scss */
#featuredinfo .featured {
  line-height: 1;
}

/* line 531, app/assets/stylesheets/ditact-app.css.scss */
#featuredinfo .featured h3 {
  height: auto;
}

/* Formulare */
/* line 537, app/assets/stylesheets/ditact-app.css.scss */
input,
textarea {
  border: 1px gray solid;
  display: block;
  margin-top: -3px;
}

/* line 544, app/assets/stylesheets/ditact-app.css.scss */
.startday.field input[name="startdate"],
#calendar_topbar input[type="button"],
input[type="radio"] {
  display: inline;
}

/* line 549, app/assets/stylesheets/ditact-app.css.scss */
input[type="checkbox"] {
  display: inline;
}

/* line 552, app/assets/stylesheets/ditact-app.css.scss */
input[type="button"],
input[type="submit"] {
  border-radius: 3px;
}

/* line 557, app/assets/stylesheets/ditact-app.css.scss */
input[confirm][type="submit"] {
  background-color: #f68409;
}

/* line 560, app/assets/stylesheets/ditact-app.css.scss */
label {
  padding: 0 1px;
  font-size: 19px;
  line-height: 21px;
}

/* line 567, app/assets/stylesheets/ditact-app.css.scss */
.warenkorb_grid label {
  font-size: inherit;
  background-color: transparent;
}

/* line 572, app/assets/stylesheets/ditact-app.css.scss */
fieldset {
  border: 2px solid #e4f2e8;
  border-radius: 8px;
  margin-bottom: 2em;
}

/* line 578, app/assets/stylesheets/ditact-app.css.scss */
form textarea#course_description,
form textarea#course_prereq,
form textarea#course_exam {
  height: 120px;
}

/* line 584, app/assets/stylesheets/ditact-app.css.scss */
form textarea#modul_description {
  height: 500px;
}

/* line 587, app/assets/stylesheets/ditact-app.css.scss */
form textarea#modul_prereq {
  height: 300px;
}

/* line 590, app/assets/stylesheets/ditact-app.css.scss */
form textarea#page_body {
  height: 600px;
}

/* line 593, app/assets/stylesheets/ditact-app.css.scss */
form #course_beschreibung {
  height: 150px;
}

/* kurs */
/* line 599, app/assets/stylesheets/ditact-app.css.scss */
.niveaubox {
  display: none;
}

/* Anmeldeprozess: /user/sign_up etc. */
/* line 605, app/assets/stylesheets/ditact-app.css.scss */
#steps {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}

/* line 610, app/assets/stylesheets/ditact-app.css.scss */
#steps span {
  width: 200px;
  height: 150px;
  border: 1px #ddd solid;
  border-radius: 20px;
  padding: 20px;
  min-width: 200px;
  margin: auto;
  margin-bottom: 20px;
}

/* formulare allgemein */
/* line 623, app/assets/stylesheets/ditact-app.css.scss */
input,
textarea,
select,
option,
button {
  font-size: 1rem;
  font-family: inherit;
  border-color: #ddd;
}

/* line 633, app/assets/stylesheets/ditact-app.css.scss */
input[type="text"],
input[type="password"],
input[type="mail"],
textarea {
  width: 100%;
}

/* line 640, app/assets/stylesheets/ditact-app.css.scss */
input[type="submit"] {
  background-color: #009d9b;
  border-color: transparent;
  color: white;
}

/* line 646, app/assets/stylesheets/ditact-app.css.scss */
::placeholder {
  opacity: 1;
  color: #eee;
}

/* line 652, app/assets/stylesheets/ditact-app.css.scss */
:focus {
  color: #495057;
  background-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(0, 157, 155, 0.4);
}

/* line 659, app/assets/stylesheets/ditact-app.css.scss */
#error_explanation {
  border: 5px #f68409 solid;
  padding: 10px;
}

/* line 663, app/assets/stylesheets/ditact-app.css.scss */
#error_explanation h2 {
  margin-top: 5px;
  color: #f68409;
}

/* line 667, app/assets/stylesheets/ditact-app.css.scss */
.field_with_errors label,
.label_with_errors label {
  background-color: #f68409;
}

/* line 671, app/assets/stylesheets/ditact-app.css.scss */
.field_with_errors input[type="text"],
.field_with_errors input[type="password"],
.field_with_errors textarea {
  border: 2px #f68409 solid;
}

/* only for users */
/* line 679, app/assets/stylesheets/ditact-app.css.scss */
.only_for_admin_or {
  /*  #e4f2e8 ,  #009d9b , #136c6c */
  border-top: 3px #009d9b solid;
  border-bottom: 3px #009d9b solid;
  background-color: #7fcecd;
  margin: 10px 0 10px 0;
  padding: 0 10px 10px 10px;
}

/* line 688, app/assets/stylesheets/ditact-app.css.scss */
.only_for_admin {
  border-top: 3px #f6d400 solid;
  border-bottom: 3px #f6d400 solid;
  background-color: #fff199;
  margin: 10px 0 10px 0;
  padding: 0 10px 10px 10px;
}

/* line 696, app/assets/stylesheets/ditact-app.css.scss */
.only_for_users {
  border-top: 3px #ba78d6 solid;
  border-bottom: 3px #ba78d6 solid;
  background-color: #d7b1e7;
  margin: 10px 0 10px 0;
  padding: 0 10px 10px 10px;
}

/* line 704, app/assets/stylesheets/ditact-app.css.scss */
.only_for_users img.lock {
  float: right;
}

/* sidebar */
/* line 710, app/assets/stylesheets/ditact-app.css.scss */
#sidebar {
  padding: 15px;
}

/* line 715, app/assets/stylesheets/ditact-app.css.scss */
#sidebar {
  font-size: 15px;
  background-color: white;
  z-index: 100;
}

/* line 721, app/assets/stylesheets/ditact-app.css.scss */
#sidebar blockquote,
#sidebar p,
#sidebar li {
  font-size: 14px;
}

/* line 726, app/assets/stylesheets/ditact-app.css.scss */
#sidebar h2:first-child,
#sidebar h3:first-child {
  margin-top: 0;
}

/* line 731, app/assets/stylesheets/ditact-app.css.scss */
#sidebar h1 {
  font-size: 24px;
  font-weight: 200;
  text-transform: uppercase;
  color: #009d9b;
}

/* line 738, app/assets/stylesheets/ditact-app.css.scss */
#sidebar h2,
#sidebar h3 {
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 0;
}

/* line 746, app/assets/stylesheets/ditact-app.css.scss */
#sidebar > ul {
  margin: 0;
  padding: 0;
}

/* line 750, app/assets/stylesheets/ditact-app.css.scss */
#sidebar > ul.indent {
  padding: 0 0 0 40px;
  margin: 0;
}

/* line 754, app/assets/stylesheets/ditact-app.css.scss */
#sidebar li.complete,
#sidebar li.missing {
  list-style-type: none;
  border-bottom: 1px #ddd solid;
  padding: 30px 0 20px 0;
}

/* line 759, app/assets/stylesheets/ditact-app.css.scss */
#sidebar li.complete a,
#sidebar li.missing a {
  font-size: 24px;
  line-height: 16px;
  font-weight: 200;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  position: relative;
}

/* line 768, app/assets/stylesheets/ditact-app.css.scss */
#sidebar li.complete small,
#sidebar li.missing small {
  font-size: 13px;
  font-weight: 200;
  color: #444;
}

/* line 773, app/assets/stylesheets/ditact-app.css.scss */
#sidebar li.complete li,
#sidebar li.missing li {
  list-style-type: none;
  padding-bottom: 16px;
}

/* line 777, app/assets/stylesheets/ditact-app.css.scss */
#sidebar li.complete li a,
#sidebar li.missing li a {
  font-size: 16px;
  text-transform: unset;
  font-weight: 400;
}

/* line 785, app/assets/stylesheets/ditact-app.css.scss */
#sidebar li.missing a:after {
  content: "!";
}

/* line 788, app/assets/stylesheets/ditact-app.css.scss */
#sidebar li.missing a::after {
  position: absolute;
  top: -15px;
  background-color: #009d9b;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  font-size: 13px;
  line-height: 20px;
  color: white;
  text-align: center;
}

/* line 803, app/assets/stylesheets/ditact-app.css.scss */
.rechnung {
  display: grid;
  grid-template-columns: 3fr 2fr;
  font-size: 18px;
  font-weight: 400;
}

/* line 809, app/assets/stylesheets/ditact-app.css.scss */
.rechnung > a {
  grid-column-start: 1;
  grid-column-end: 3;
}

/* line 813, app/assets/stylesheets/ditact-app.css.scss */
.rechnung > .kosten {
  font-size: 24px;
  justify-self: end;
  height: 58px;
}

/* line 819, app/assets/stylesheets/ditact-app.css.scss */
#sidebar .booking_status_inner {
  background-color: #009d9b;
}

/* line 822, app/assets/stylesheets/ditact-app.css.scss */
#sidebar .booking_status_inner,
#sidebar .only_for_users {
  padding: 0 10px 5px 10px;
}

/* line 826, app/assets/stylesheets/ditact-app.css.scss */
#sidebar .booking_status_inner a:visited,
#sidebar .only_for_users a:visited {
  color: #ffb96b;
}

/* line 830, app/assets/stylesheets/ditact-app.css.scss */
#sidebar .booking_status_inner h2,
#sidebar .booking_status_inner h3,
#sidebar .booking_status_inner a:link,
#sidebar .only_for_users h2,
#sidebar .only_for_users h3,
#sidebar .only_for_users a:link {
  color: white;
  padding: 5px 0;
}

/* line 839, app/assets/stylesheets/ditact-app.css.scss */
#sidebar .booking_status_inner p,
#sidebar .only_for_users p {
  font-size: 14px;
}

/* Wizard: Schritte */
/* line 846, app/assets/stylesheets/ditact-app.css.scss */
#sidebar .numbered_block {
  margin-left: 3em;
  position: relative;
}

/* line 851, app/assets/stylesheets/ditact-app.css.scss */
.number {
  border-radius: 30px;
  text-align: center;
  position: absolute;
  left: -3em;
  color: #fff;
  width: 2em;
  height: 2em;
}

/* line 861, app/assets/stylesheets/ditact-app.css.scss */
.number.done {
  background-color: #009d9b;
  color: white;
}

/* line 865, app/assets/stylesheets/ditact-app.css.scss */
.number.open {
  background-color: #f68409;
  color: white;
}

/* line 870, app/assets/stylesheets/ditact-app.css.scss */
#sidebar .numbered_block,
#sidebar .numbered_block h2 {
  margin-bottom: 1em;
}

/* tablesorter */
/* line 877, app/assets/stylesheets/ditact-app.css.scss */
table.tablesorter {
  border-collapse: collapse;
  background-color: white !important;
}

/* line 881, app/assets/stylesheets/ditact-app.css.scss */
table.tablesorter td,
table.tablesorter th {
  border: 1px black solid;
}

/* line 887, app/assets/stylesheets/ditact-app.css.scss */
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  border: 1px solid black !important;
}

/* line 891, app/assets/stylesheets/ditact-app.css.scss */
table.tablesorter td.small {
  font-size: 12px;
}

/* line 894, app/assets/stylesheets/ditact-app.css.scss */
table.tablesorter td.wide,
table.tablesorter th.wide {
  width: 400px;
}

/* line 899, app/assets/stylesheets/ditact-app.css.scss */
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  background-color: white !important;
  border: 1px solid black;
  padding: 4px;
}

/* line 906, app/assets/stylesheets/ditact-app.css.scss */
body.enroll_index table.tablesorter td,
body.course_editbookings table.tablesorter td {
  border: 1px #e4f2e8 solid;
}

/* Zeitplanung in /admin/course/:id/schedule */
/* line 912, app/assets/stylesheets/ditact-app.css.scss */
table.timeslots {
  width: 100%;
}

/* line 915, app/assets/stylesheets/ditact-app.css.scss */
table.timeslots tr {
  border-bottom: 1px solid #cccccc;
  /* --ditact-color-6-lighter */
}

/* Lektorinnen */
/* line 921, app/assets/stylesheets/ditact-app.css.scss */
.profile_box {
  clear: both;
}

/* line 925, app/assets/stylesheets/ditact-app.css.scss */
.profile_box h1 a[href] {
  text-decoration: none;
  color: #009d9b;
}

/* line 929, app/assets/stylesheets/ditact-app.css.scss */
img.profile {
  margin-top: 5px;
  float: right;
  margin-right: 0;
  width: 182px;
  background-color: #ddd;
}

/* line 937, app/assets/stylesheets/ditact-app.css.scss */
body.lecturer_index .profile_box {
  margin: 6em 0;
}

/* line 941, app/assets/stylesheets/ditact-app.css.scss */
body.lecturer_index .profile_box:after {
  content: "◆";
  display: block;
  text-align: center;
  color: #009d9b;
}

/* ------------ actionbox: ein paar buttons und infos nebeneinander --------- */
/* line 950, app/assets/stylesheets/ditact-app.css.scss */
.actionbox {
  display: flex;
  align-items: flex-start;
}

/* line 954, app/assets/stylesheets/ditact-app.css.scss */
.actionbox p {
  margin: 0;
}

/* line 958, app/assets/stylesheets/ditact-app.css.scss */
.actionbox * {
  margin-right: 5px;
}

/* ------------ kommentare einholen -------- */
/* line 964, app/assets/stylesheets/ditact-app.css.scss */
.comment.comma {
  border-bottom: 1px #ddd solid;
}

/* line 968, app/assets/stylesheets/ditact-app.css.scss */
.when .dtstart,
.when .dtend {
  white-space: nowrap;
}

/* line 973, app/assets/stylesheets/ditact-app.css.scss */
.when .dtstart:after {
  content: " - ";
}

/* line 977, app/assets/stylesheets/ditact-app.css.scss */
#responsive_burger {
  display: none;
}

/* Smartphones */
@media (max-width: 1100px) {
  /* line 983, app/assets/stylesheets/ditact-app.css.scss */
  .announce_grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1000px) {
  /* line 994, app/assets/stylesheets/ditact-app.css.scss */
  .when .dtstart,
.when .dtend {
    font-size: 18px;
  }
  /* line 999, app/assets/stylesheets/ditact-app.css.scss */
  .row_banner .overlay_events {
    position: static;
    width: 100%;
    flex-direction: column;
    gap: 1px;
  }
  /* line 1006, app/assets/stylesheets/ditact-app.css.scss */
  #overlay_image {
    display: none;
  }
  /* line 1010, app/assets/stylesheets/ditact-app.css.scss */
  .row_banner .events {
    position: static;
    width: 100%;
  }
  /* line 1015, app/assets/stylesheets/ditact-app.css.scss */
  #sidebar::before {
    content: "\2630";
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    display: block;
    background-color: #cccccc;
    /* --ditact-color-6-lighter:  */
    text-align: left;
    padding-left: 5px;
    width: 60px;
    line-height: 30px;
    margin-left: -60px;
    margin-top: -10px;
  }
  /* line 1035, app/assets/stylesheets/ditact-app.css.scss */
  #sidebar {
    display: none;
  }
  /* line 1039, app/assets/stylesheets/ditact-app.css.scss */
  .contentbanner {
    display: none;
  }
  /* line 1043, app/assets/stylesheets/ditact-app.css.scss */
  .row_header {
    border-bottom: 1px #ddd solid;
  }
  /* line 1050, app/assets/stylesheets/ditact-app.css.scss */
  #main_nav .menu li.grow_this {
    display: none;
  }
  /* line 1054, app/assets/stylesheets/ditact-app.css.scss */
  #link_to_cart {
    justify-content: flex-end;
  }
  /* line 1057, app/assets/stylesheets/ditact-app.css.scss */
  #link_to_cart #shoppingbag {
    margin-right: 30px;
    margin-top: 7px;
  }
  /* line 1063, app/assets/stylesheets/ditact-app.css.scss */
  .row_header #main_nav .menu li.login_li {
    display: flex !important;
    justify-content: flex-end;
  }
  /* line 1066, app/assets/stylesheets/ditact-app.css.scss */
  .row_header #main_nav .menu li.login_li .greenbutton {
    margin: 17px 22px 17px 0px;
    padding: 0 0 0 8px;
  }
  /* line 1072, app/assets/stylesheets/ditact-app.css.scss */
  .row_header #main_nav .menu li.grow_this {
    border: none;
  }
  /* line 1076, app/assets/stylesheets/ditact-app.css.scss */
  .row_header #main_nav .menu > li {
    min-height: 70px;
  }
  /* line 1080, app/assets/stylesheets/ditact-app.css.scss */
  .row_header #main_nav .menu li > a {
    padding: 10px 0 10px 25px;
  }
  /*
  #sidebar {
    position: absolute;
    width: calc(100vw - 30px);

    left: calc(100vw);
    transition-property: right;
    transition-duration: 0.7s;
    transition-timing-function: ease-out;
  }

  #sidebar.out {
    left: 60px;
    transition-property: right;
    transition-duration: 0.7s;
    transition-timing-function: ease-out;
  }
  */
}

/* should be var(--content-width) instead of 12800px, but that does not seem to work */
@media (min-width: 767px) and (max-width: 1280px) {
  /* line 1106, app/assets/stylesheets/ditact-app.css.scss */
  .row_article {
    padding: 0 !important;
  }
  /* line 1114, app/assets/stylesheets/ditact-app.css.scss */
  .row_banner img#banner {
    width: 1280px;
    height: 260px;
  }
  /* line 1119, app/assets/stylesheets/ditact-app.css.scss */
  .home_index .row_banner img#banner {
    width: 1280px;
    height: 490px;
  }
}

/* line 1125, app/assets/stylesheets/ditact-app.css.scss */
.clear {
  clear: both;
}

/* line 1129, app/assets/stylesheets/ditact-app.css.scss */
.hide {
  display: none !important;
}

/* line 1133, app/assets/stylesheets/ditact-app.css.scss */
.soft_hide {
  display: none;
}

/* admin coursereport */
/* line 1142, app/assets/stylesheets/ditact-app.css.scss */
body.admin_event_coursereport.layout2019 .row_article article,
body.admin_event_lecturerreport.layout2019 .row_article article {
  max-width: 1280px;
  padding: 20px;
}

/* line 1148, app/assets/stylesheets/ditact-app.css.scss */
body.admin_event_coursereport.layout2019 .coursebox {
  display: flex;
}

/* line 1151, app/assets/stylesheets/ditact-app.css.scss */
body.admin_event_coursereport.layout2019 .coursebox .maininfo {
  flex: 2;
  margin-right: 3em;
}

/* line 1155, app/assets/stylesheets/ditact-app.css.scss */
body.admin_event_coursereport.layout2019 .coursebox .sidebar {
  flex: 1;
}

/* admin_course_selection */
/* line 1161, app/assets/stylesheets/ditact-app.css.scss */
table.selectiontable td,
table.selectiontable th {
  background-color: white;
  border: 1px black solid;
  padding: 4px;
  vertical-align: top;
}

/* line 1168, app/assets/stylesheets/ditact-app.css.scss */
table.selectiontable td .short-description,
table.selectiontable th .short-description {
  max-height: 100px;
  max-width: 500px;
  overflow: scroll;
  overflow-wrap: break-word;
}

/* line 1175, app/assets/stylesheets/ditact-app.css.scss */
table.selectiontable tr.decision-0 td {
  background-color: lightyellow;
}

/* line 1178, app/assets/stylesheets/ditact-app.css.scss */
table.selectiontable tr.decision--1 td {
  background-color: #f5f4f4;
}

/* line 1182, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus {
  margin-bottom: 20px;
}

/* line 1185, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus .notbooked {
  color: gray;
}

/* line 1188, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus td,
table.bookingstatus th {
  border: 1px black solid;
  padding: 4px;
  vertical-align: top;
}

/* line 1195, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_0,
table.bookingstatus tr.wanted {
  background-color: whitesmoke;
}

/* line 1199, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_1 {
  background-color: lightgray;
}

/* line 1202, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_2 {
  background-color: lightgray;
}

/* line 1205, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_3 {
  background-color: greenyellow;
}

/* line 1208, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_4 {
  background-color: greenyellow;
}

/* line 1211, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_5 {
  background-color: greenyellow;
}

/* line 1214, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_6 {
  background-color: greenyellow;
}

/* line 1217, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_7 {
  background-color: greenyellow;
}

/* line 1220, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_8 {
  background-color: greenyellow;
}

/* line 1223, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_9 {
  background-color: orange;
}

/* line 1226, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_10 {
  background-color: orange;
}

/* line 1229, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_11 {
  background-color: orange;
}

/* line 1232, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_12 {
  background-color: orange;
}

/* line 1235, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_13 {
  background-color: orange;
}

/* line 1238, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_14 {
  background-color: orange;
}

/* line 1241, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course.count_15 {
  background-color: orange;
}

/* line 1245, app/assets/stylesheets/ditact-app.css.scss */
table.bookingstatus tr.course {
  background-color: lightpink;
}

/* line 1251, app/assets/stylesheets/ditact-app.css.scss */
body.admin_course_selection .category_back,
body.admin_course_index .category_back {
  background-color: #cccccc;
  padding: 5px 1em;
}

/* line 1255, app/assets/stylesheets/ditact-app.css.scss */
body.admin_course_selection h3,
body.admin_course_index h3 {
  margin: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 26px;
  color: black;
}

/* helper */
/* line 1265, app/assets/stylesheets/ditact-app.css.scss */
.tag {
  border-radius: 1em;
  padding: 0 1em;
}

/* line 1269, app/assets/stylesheets/ditact-app.css.scss */
.tag.level-1 {
  background-color: #ba78d6;
}

/* line 1272, app/assets/stylesheets/ditact-app.css.scss */
.tag.level-2 {
  background-color: #f68409;
}

/* line 1275, app/assets/stylesheets/ditact-app.css.scss */
.tag.level-3 {
  background-color: #009d9b;
}

/* line 1279, app/assets/stylesheets/ditact-app.css.scss */
.align-right {
  text-align: right;
}

/* line 1283, app/assets/stylesheets/ditact-app.css.scss */
.font-size-19px {
  font-size: 19px;
}

/* line 1287, app/assets/stylesheets/ditact-app.css.scss */
.grid-2 {
  display: grid;
  grid-template-columns: 140fr 460fr;
  grid-auto-rows: minmax(70px, max-content);
  grid-gap: 10px;
  align-items: center;
}

/* line 1294, app/assets/stylesheets/ditact-app.css.scss */
.span2 {
  grid-column-start: span 2;
}

/* line 1297, app/assets/stylesheets/ditact-app.css.scss */
.border-top {
  border-top: 2px solid #009d9b;
}

/* line 1300, app/assets/stylesheets/ditact-app.css.scss */
.border-bottom {
  border-top: 2px solid #009d9b;
}

/* line 1303, app/assets/stylesheets/ditact-app.css.scss */
.padding-top {
  padding-top: 2em;
}

/* line 1306, app/assets/stylesheets/ditact-app.css.scss */
.margin-top {
  margin-top: 2em;
}

/* line 1309, app/assets/stylesheets/ditact-app.css.scss */
.margin-top-0 {
  margin-top: 0;
}

/* line 1312, app/assets/stylesheets/ditact-app.css.scss */
.margin-bottom-3 {
  margin-bottom: 3em;
}

/* line 1315, app/assets/stylesheets/ditact-app.css.scss */
.margin-bottom-0 {
  margin-bottom: 0;
}

/* line 1318, app/assets/stylesheets/ditact-app.css.scss */
.margin-bottom {
  margin-bottom: 2em;
}

/* line 1321, app/assets/stylesheets/ditact-app.css.scss */
.margin-bottom-1 {
  margin-bottom: 1em;
}

/* line 1324, app/assets/stylesheets/ditact-app.css.scss */
.align-right {
  text-align: right;
}

/* line 1327, app/assets/stylesheets/ditact-app.css.scss */
.align-center {
  text-align: center;
}

/* line 1331, app/assets/stylesheets/ditact-app.css.scss */
img.lazy.error {
  display: block;
  background-color: #ddd;
}

/* popup für login */
/* line 1338, app/assets/stylesheets/ditact-app.css.scss */
html {
  min-height: 100%;
  position: relative;
}

/* line 1342, app/assets/stylesheets/ditact-app.css.scss */
body {
  height: 100%;
}

/* line 1346, app/assets/stylesheets/ditact-app.css.scss */
div.popup_background {
  width: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  background-color: rgba(0, 157, 155, 0.8);
}

/* line 1354, app/assets/stylesheets/ditact-app.css.scss */
.size_50 {
  width: 50px;
  height: 50px;
}

/* line 1359, app/assets/stylesheets/ditact-app.css.scss */
.size_25 {
  width: 25px;
  height: 25px;
}

/* line 1364, app/assets/stylesheets/ditact-app.css.scss */
.size_30 {
  width: 30px;
  height: 30px;
}

/* line 1369, app/assets/stylesheets/ditact-app.css.scss */
.size_35 {
  width: 35px;
  height: 35px;
}

/* line 1374, app/assets/stylesheets/ditact-app.css.scss */
.size_40 {
  width: 40px;
  height: 40px;
}

/* line 1379, app/assets/stylesheets/ditact-app.css.scss */
div.popup_content {
  position: relative;
  margin: 50px auto 0px auto;
  max-width: 500px;
  padding: 60px 65px;
  background-color: #fbfbfb;
}

/* line 1388, app/assets/stylesheets/ditact-app.css.scss */
div.popup_content .x_link:any-link {
  position: absolute;
  top: 15px;
  right: 25px;
  color: black;
  font-size: 40px;
  font-family: "Roboto Condensed";
  font-weight: 200;
  text-decoration: none;
}

/* line 1399, app/assets/stylesheets/ditact-app.css.scss */
div.popup_content h1 {
  color: #009d9b;
  font-weight: 300;
  font-size: 27px;
}

/* line 1405, app/assets/stylesheets/ditact-app.css.scss */
div.popup_content p.intro {
  font-family: "Roboto Condensed";
  font-weight: 200;
  font-size: 15px;
  line-height: 19px;
  color: #666666;
}

/* line 1413, app/assets/stylesheets/ditact-app.css.scss */
div.popup_content span.error {
  font-family: "Roboto Condensed";
  font-weight: 200;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  padding: 0 2px;
  background-color: #fbce9d;
}

/* line 1423, app/assets/stylesheets/ditact-app.css.scss */
div.popup_content label {
  padding: 0px 2px;
}

/* line 1427, app/assets/stylesheets/ditact-app.css.scss */
div.popup_content input[type="text"],
div.popup_content input[type="password"],
div.popup_content input[type="mail"] {
  padding: 5px;
  font-size: 16px;
  font-weight: 300;
}

/* line 1435, app/assets/stylesheets/ditact-app.css.scss */
div.popup_content input[type="submit"] {
  margin: 10px 0;
  width: 100%;
  font-size: 24px;
  font-weight: 300;
}

/* line 1442, app/assets/stylesheets/ditact-app.css.scss */
div.popup_content .other_options {
  font-family: "Roboto Condensed";
  font-weight: 200;
  font-size: 16px;
  text-align: center;
}

/* line 1449, app/assets/stylesheets/ditact-app.css.scss */
div.popup_content b {
  font-weight: 600;
}

/* ---------- Mein Kursangebot /event/ditact-2019/lecturer/17 -------- */
@media (min-width: 520px) {
  /* line 1470, app/assets/stylesheets/ditact-app.css.scss */
  .course_header_strip {
    padding-left: 30px;
    display: flex;
  }
  /* line 1474, app/assets/stylesheets/ditact-app.css.scss */
  .course_body_strip {
    padding-left: 30px;
  }
  /* line 1477, app/assets/stylesheets/ditact-app.css.scss */
  .course_body_strip .strip2 {
    display: flex;
  }
  /* line 1480, app/assets/stylesheets/ditact-app.css.scss */
  span.hide-when-small {
    display: inline;
  }
  /* line 1483, app/assets/stylesheets/ditact-app.css.scss */
  div.hide-when-small {
    display: block;
  }
}

/* line 1488, app/assets/stylesheets/ditact-app.css.scss */
.hide-when-small {
  display: none;
}

/* line 1492, app/assets/stylesheets/ditact-app.css.scss */
.course_header_strip {
  border-top: 1px lightgray solid;
  border-bottom: 1px lightgray solid;
  align-items: center;
  padding: 10px 0;
}

/* line 1497, app/assets/stylesheets/ditact-app.css.scss */
.course_header_strip .c1 {
  flex: 5;
}

/* line 1500, app/assets/stylesheets/ditact-app.css.scss */
.course_header_strip .c2 {
  flex: 2;
}

/* line 1503, app/assets/stylesheets/ditact-app.css.scss */
.course_header_strip .c3 {
  float: right;
  order: 3;
  width: 50px;
  align-self: right;
}

/* line 1509, app/assets/stylesheets/ditact-app.css.scss */
.course_header_strip .c3 a {
  width: 50px;
  height: 50px;
  display: block;
}

/* line 1514, app/assets/stylesheets/ditact-app.css.scss */
.course_header_strip .c3 img {
  width: 50px;
  height: 50px;
}

/* line 1519, app/assets/stylesheets/ditact-app.css.scss */
.course_header_strip h1 {
  font-size: 27px;
  margin: 0px;
}

/* line 1523, app/assets/stylesheets/ditact-app.css.scss */
.course_header_strip .coursesubtitle {
  font-size: 19px;
  margin: 0px;
}

/* line 1530, app/assets/stylesheets/ditact-app.css.scss */
.course_header_strip.closed img {
  transform: rotate(90deg);
}

/* line 1533, app/assets/stylesheets/ditact-app.css.scss */
.course_header_strip.closed + .course_body_strip {
  display: none;
}

/* line 1537, app/assets/stylesheets/ditact-app.css.scss */
.course_body_strip {
  padding: 10px 0;
  border-bottom: 1px lightgray solid;
}

/* line 1542, app/assets/stylesheets/ditact-app.css.scss */
.course_body_strip .strip2 {
  align-items: flex-start;
}

/* line 1544, app/assets/stylesheets/ditact-app.css.scss */
.course_body_strip .strip2 .c1 {
  flex: 5;
}

/* line 1547, app/assets/stylesheets/ditact-app.css.scss */
.course_body_strip .strip2 .c2 {
  width: 160px;
}

/* line 1555, app/assets/stylesheets/ditact-app.css.scss */
div.course.rejected {
  color: #ddd !important;
}

/* line 1557, app/assets/stylesheets/ditact-app.css.scss */
div.course.rejected h1,
div.course.rejected .subtitle,
div.course.rejected :any-link {
  color: #ddd !important;
}

/* line 1563, app/assets/stylesheets/ditact-app.css.scss */
div.course.rejected-with-x {
  background-color: rgba(255, 0, 0, 0.4);
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%);
}

/* line 1583, app/assets/stylesheets/ditact-app.css.scss */
#edit_details_form form > * {
  min-height: 30px;
}

/* line 1587, app/assets/stylesheets/ditact-app.css.scss */
#edit_details_form form > label {
  display: block;
}

/* line 1590, app/assets/stylesheets/ditact-app.css.scss */
#edit_details_form form > label#noblock {
  display: inline;
}

/* line 1594, app/assets/stylesheets/ditact-app.css.scss */
#edit_details_form form > label {
  margin: 40px 0 10px 0;
}

/* line 1598, app/assets/stylesheets/ditact-app.css.scss */
#edit_details_form form span.right {
  float: left;
}

@supports (display: grid) {
  /* line 1602, app/assets/stylesheets/ditact-app.css.scss */
  #edit_details_form form > * {
    min-height: unset !important;
  }
  @media screen and (min-width: 520px) {
    /* line 1607, app/assets/stylesheets/ditact-app.css.scss */
    .thecourse form,
#edit_details_form form.edit_enroll,
#edit_details_form form.edit_person,
#edit_details_form form.new_person {
      display: grid;
      grid-template-columns: 140fr 460fr;
      grid-auto-rows: minmax(70px, max-content);
      grid-gap: 10px;
      align-items: center;
    }
    /* line 1618, app/assets/stylesheets/ditact-app.css.scss */
    #edit_details_form form > label,
#edit_details_form form > span.label_with_errors {
      margin-top: 0px;
      text-align: right;
    }
    /* line 1623, app/assets/stylesheets/ditact-app.css.scss */
    #edit_details_form form > label {
      text-align: left;
    }
  }
}

@media screen and (max-width: 520px) {
  /* line 1632, app/assets/stylesheets/ditact-app.css.scss */
  span.vspace_on_small {
    display: block;
    height: 25px;
  }
}

/* line 1638, app/assets/stylesheets/ditact-app.css.scss */
.thecourse form,
#edit_details_form form.edit_enroll,
#edit_details_form form.edit_person,
#edit_details_form form.new_person {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  color: #666666;
}

/* line 1646, app/assets/stylesheets/ditact-app.css.scss */
.thecourse form h2,
.thecourse form .span2,
#edit_details_form form.edit_enroll h2,
#edit_details_form form.edit_enroll .span2,
#edit_details_form form.edit_person h2,
#edit_details_form form.edit_person .span2,
#edit_details_form form.new_person h2,
#edit_details_form form.new_person .span2 {
  grid-column-start: span 2;
}

/* line 1651, app/assets/stylesheets/ditact-app.css.scss */
.thecourse form label,
.thecourse form .field_with_errors,
.thecourse form .label_with_errors,
#edit_details_form form.edit_enroll label,
#edit_details_form form.edit_enroll .field_with_errors,
#edit_details_form form.edit_enroll .label_with_errors,
#edit_details_form form.edit_person label,
#edit_details_form form.edit_person .field_with_errors,
#edit_details_form form.edit_person .label_with_errors,
#edit_details_form form.new_person label,
#edit_details_form form.new_person .field_with_errors,
#edit_details_form form.new_person .label_with_errors {
  font-size: 19px;
  line-height: 21px;
  background-color: transparent;
}

/* line 1659, app/assets/stylesheets/ditact-app.css.scss */
.thecourse form span.field_with_errors,
.thecourse form .field_with_errors label,
.thecourse form .label_with_errors label,
#edit_details_form form.edit_enroll span.field_with_errors,
#edit_details_form form.edit_enroll .field_with_errors label,
#edit_details_form form.edit_enroll .label_with_errors label,
#edit_details_form form.edit_person span.field_with_errors,
#edit_details_form form.edit_person .field_with_errors label,
#edit_details_form form.edit_person .label_with_errors label,
#edit_details_form form.new_person span.field_with_errors,
#edit_details_form form.new_person .field_with_errors label,
#edit_details_form form.new_person .label_with_errors label {
  color: orange;
}

/* line 1665, app/assets/stylesheets/ditact-app.css.scss */
.thecourse form input[type="text"],
#edit_details_form form.edit_enroll input[type="text"],
#edit_details_form form.edit_person input[type="text"],
#edit_details_form form.new_person input[type="text"] {
  font-size: 16px;
  height: 30px;
  padding: 4px;
}

/* line 1672, app/assets/stylesheets/ditact-app.css.scss */
ul.pfeile {
  list-style-type: none;
}

/* line 1675, app/assets/stylesheets/ditact-app.css.scss */
ul.pfeile li {
  margin-bottom: 1em;
}

/* line 1678, app/assets/stylesheets/ditact-app.css.scss */
ul.pfeile li::before {
  content: "→ ";
  font-size: 150%;
  font-weight: 600;
  display: inline-block;
  width: 36px;
  margin-left: -36px;
}

/* ------------  calendar ------------- */
/* line 1689, app/assets/stylesheets/ditact-app.css.scss */
#calendar {
  margin: 30px 0;
}

/* line 1692, app/assets/stylesheets/ditact-app.css.scss */
#calendar.small {
  height: 200px;
}

/* line 1695, app/assets/stylesheets/ditact-app.css.scss */
#calendar.big,
#calendar.large {
  height: 600px;
}

/* line 1700, app/assets/stylesheets/ditact-app.css.scss */
#calendar,
#calendar th {
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
}

/* line 1707, app/assets/stylesheets/ditact-app.css.scss */
.fc-time-grid-event {
  border-width: 0 0 0 4px !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  color: black !important;
}

/* line 1714, app/assets/stylesheets/ditact-app.css.scss */
.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0 2px 0 0 !important;
}

/* line 1718, app/assets/stylesheets/ditact-app.css.scss */
.fc-slats [data-time] {
  background-color: transparent !important;
}

/* line 1722, app/assets/stylesheets/ditact-app.css.scss */
.fc-day-header {
  background-color: #e6e6eb !important;
}

/* line 1730, app/assets/stylesheets/ditact-app.css.scss */
.fc-event,
.fc-event:hover {
  color: unset !important;
}

/* line 1735, app/assets/stylesheets/ditact-app.css.scss */
.warenkorb_grid > div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
}

/* line 1741, app/assets/stylesheets/ditact-app.css.scss */
.warenkorb_grid > div div:nth-child(1) {
  width: 100px;
}

/* line 1745, app/assets/stylesheets/ditact-app.css.scss */
.warenkorb_grid > div div:nth-child(2) {
  width: 50%;
}

/* line 1748, app/assets/stylesheets/ditact-app.css.scss */
.warenkorb_grid > div div:nth-child(3) {
  width: 20%;
}

/* line 1751, app/assets/stylesheets/ditact-app.css.scss */
.warenkorb_grid > div div:nth-child(4) {
  width: 120px;
}

/* line 1756, app/assets/stylesheets/ditact-app.css.scss */
#banner_side {
  max-width: 400px;
}

@supports (display: grid) {
  /* line 1761, app/assets/stylesheets/ditact-app.css.scss */
  #warning_old_browser {
    display: none !important;
  }
}

/* line 1766, app/assets/stylesheets/ditact-app.css.scss */
#warning_old_browser {
  display: block;
  text-align: center;
  background-color: orange;
}

@media (max-width: 600px) {
  /* line 1774, app/assets/stylesheets/ditact-app.css.scss */
  #partner_logos img#logo_shk {
    width: 95vw !important;
  }
}

/* line 1780, app/assets/stylesheets/ditact-app.css.scss */
#partner_logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

/* line 1786, app/assets/stylesheets/ditact-app.css.scss */
#partner_logos img#logo_shk {
  width: 600px;
}

/* line 1790, app/assets/stylesheets/ditact-app.css.scss */
#partner_logos img#logo_gendup {
  width: 100px;
}

/* line 1793, app/assets/stylesheets/ditact-app.css.scss */
#partner_logos img {
  width: 150px;
  height: auto;
  margin: 25px;
}

/* line 1799, app/assets/stylesheets/ditact-app.css.scss */
#partner_logos img#logo_moz {
  width: 150px;
  height: 36px;
  margin: 50px;
}

/* line 1805, app/assets/stylesheets/ditact-app.css.scss */
#partner_logos img#logo_pmu {
  width: 205px;
  height: 100px;
  margin: 0px;
}

@media (min-width: 800px) {
  /* line 1812, app/assets/stylesheets/ditact-app.css.scss */
  #mission {
    display: flex;
    justify-content: space-between;
  }
  /* line 1816, app/assets/stylesheets/ditact-app.css.scss */
  #mission div {
    width: 30%;
  }
  /* line 1822, app/assets/stylesheets/ditact-app.css.scss */
  #mission div img {
    width: 150px;
    height: 150px;
  }
}

/* line 1832, app/assets/stylesheets/ditact-app.css.scss */
#board_strips.profile_strips .profile_strip,
#steering_strips.profile_strips .profile_strip {
  width: 300px;
}

/* line 1835, app/assets/stylesheets/ditact-app.css.scss */
#board_strips.profile_strips .profile_strip .stripcol2,
#steering_strips.profile_strips .profile_strip .stripcol2 {
  padding: 15px 0 0 0 !important;
}

/* line 1838, app/assets/stylesheets/ditact-app.css.scss */
#board_strips.profile_strips .profile_strip .stripcol5,
#steering_strips.profile_strips .profile_strip .stripcol5 {
  padding: 5px 0 0 0 !important;
}

/* line 1844, app/assets/stylesheets/ditact-app.css.scss */
a.underline:link,
a.underline:visited,
a.underline:active {
  text-decoration: underline !important;
}

/* line 1851, app/assets/stylesheets/ditact-app.css.scss */
#team_strips.profile_strips .profile_strip {
  flex: 1;
  background-color: transparent;
}

/* line 1857, app/assets/stylesheets/ditact-app.css.scss */
#team_strips.profile_strips,
#board_strips.profile_strips,
#steering_strips.profile_strips {
  display: flex;
  flex-wrap: wrap;
}

/* line 1863, app/assets/stylesheets/ditact-app.css.scss */
#team_strips.profile_strips .profile_strip,
#board_strips.profile_strips .profile_strip,
#steering_strips.profile_strips .profile_strip {
  flex-direction: column;
}

/* line 1865, app/assets/stylesheets/ditact-app.css.scss */
#team_strips.profile_strips .profile_strip .stripcol1,
#board_strips.profile_strips .profile_strip .stripcol1,
#steering_strips.profile_strips .profile_strip .stripcol1 {
  height: 150px;
}

/* line 1871, app/assets/stylesheets/ditact-app.css.scss */
table.tablesorter tbody tr.online_only td {
  background-color: lightgrey;
}

/* line 1875, app/assets/stylesheets/ditact-app.css.scss */
.big_char {
  font-size: 200%;
}

/* line 1879, app/assets/stylesheets/ditact-app.css.scss */
.direct-upload {
  display: block;
  position: relative;
  padding: 2px 4px;
  margin: 0 3px 3px 0;
  font-size: 11px;
  line-height: 13px;
}

/* line 1890, app/assets/stylesheets/ditact-app.css.scss */
.direct-upload--pending {
  opacity: 0.6;
}

/* line 1894, app/assets/stylesheets/ditact-app.css.scss */
.direct-upload__progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0.2;
  background: #009d9b;
  transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
  transform: translate3d(0, 0, 0);
  text-align: left;
}

/* line 1906, app/assets/stylesheets/ditact-app.css.scss */
.direct-upload__filename {
  font-size: 13px;
  font-weight: 300;
}

/* line 1911, app/assets/stylesheets/ditact-app.css.scss */
.direct-upload--complete .direct-upload__progress {
  opacity: 0.4;
}

/* line 1915, app/assets/stylesheets/ditact-app.css.scss */
.direct-upload--error {
  border-color: red;
}

/* line 1919, app/assets/stylesheets/ditact-app.css.scss */
input[type="file"][data-direct-upload-url][disabled] {
  display: none;
}

/* line 1923, app/assets/stylesheets/ditact-app.css.scss */
#statment_download_list {
  display: flex;
  flex-direction: column;
}

/* line 1927, app/assets/stylesheets/ditact-app.css.scss */
#statment_download_list p {
  margin: 0;
  font-size: 16px;
}

/* line 1932, app/assets/stylesheets/ditact-app.css.scss */
#statment_download_list > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 100px;
}

/* line 1938, app/assets/stylesheets/ditact-app.css.scss */
#statment_download_list > div > div:nth-child(1) {
  flex: 3;
}

/* line 1942, app/assets/stylesheets/ditact-app.css.scss */
#statment_download_list > div > div:nth-child(2) {
  flex: 1;
  min-width: 60px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

/* line 1950, app/assets/stylesheets/ditact-app.css.scss */
#statment_download_list > div > div:nth-child(3) {
  flex: 3;
  font-size: 13px;
}

/* line 1959, app/assets/stylesheets/ditact-app.css.scss */
.admin_course_schedule .startday.field label {
  background-color: #eee;
  padding: 2px 7px;
  margin: 7px;
  border-radius: 16px;
}

/* line 1965, app/assets/stylesheets/ditact-app.css.scss */
.admin_course_schedule .startday.field input {
  margin: 3px;
}