@charset "UTF-8";
/*











*/
/* tuerkis */
/* $ditact-color-alpha */
/* dunkles orange */
/* orange als hintergrundfarbe */
/* gruen */
/* gruen als hintergrundfarbe */
/* gelb */
/* gelb als hintergrundfarbe */
/*  lila */
/* lila als hintergrundfarbe */
/* grau */
/* grau als Hintergrundfarbe */
/* $ditact-color-2 */
/* line 1, app/assets/stylesheets/lists.scss.erb */
li.yes, li.ok {
  list-style-image: url(/assets/ok-c9c8f9bf360e84367cfef2ca4c7eea6688c6d151dae1343432c57818ef7ef600.png);
}

/* line 4, app/assets/stylesheets/lists.scss.erb */
li.retracted, li.cancelled, li.no, li.nok {
  list-style-image: url(/assets/nok-d9a36c648a5da3f5fda6bb06824faa2ed0ca37a0b9f474bf55a511873ac03b15.png);
}

/* line 2, app/assets/stylesheets/letter.scss */
body.admin_letter .checklist li {
  list-style-type: none;
}

/* line 5, app/assets/stylesheets/letter.scss */
body.admin_letter label {
  display: inline-block;
  margin: 10px 0 15px 0;
}

/* line 10, app/assets/stylesheets/letter.scss */
body.admin_letter .letter {
  border: 1px black solid;
  background-color: #ddd;
}

/* line 14, app/assets/stylesheets/letter.scss */
body.admin_letter .letter .header {
  padding: 20px;
  border-bottom: 1px black solid;
}

/* line 19, app/assets/stylesheets/letter.scss */
body.admin_letter .letter .body {
  padding: 20px;
}

/* line 24, app/assets/stylesheets/letter.scss */
body.admin_letter table.letter_list {
  width: 100%;
  border: 1px #ddd solid;
}

/* line 27, app/assets/stylesheets/letter.scss */
body.admin_letter table.letter_list td,
body.admin_letter table.letter_list th {
  text-align: left;
  padding: 5px;
  border: 1px #ddd solid;
}

/* line 35, app/assets/stylesheets/letter.scss */
body.admin_letter a.greenbutton {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: black;
  width: 84px;
  height: 32px;
  border-radius: 2px;
  border: 1px #009d9b solid;
  padding: 0;
  text-align: center;
  padding-left: 8px;
}

/* line 48, app/assets/stylesheets/letter.scss */
body.admin_letter a.greenbutton:hover,
body.admin_letter a.important.greenbutton {
  background-color: #009d9b;
  color: white;
}

/* line 53, app/assets/stylesheets/letter.scss */
body.admin_letter a.dangerous.greenbutton {
  border: 1px #f68409 solid;
  background-color: #f68409;
  color: white;
}

/* line 20, app/assets/stylesheets/application.scss */
ul {
  padding-left: 25px;
}

/* line 23, app/assets/stylesheets/application.scss */
ol {
  padding-left: 30px;
}

/* line 27, app/assets/stylesheets/application.scss */
ul.non_list,
.non_list ul {
  list-style-type: none;
  padding-left: 0px;
}

/* line 32, app/assets/stylesheets/application.scss */
.announce_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (min-width: 800px) {
  /* line 38, app/assets/stylesheets/application.scss */
  .newsreports {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  /* line 47, app/assets/stylesheets/application.scss */
  .columns-from-800 {
    column-count: 3;
  }
}

/* line 52, app/assets/stylesheets/application.scss */
.slick-arrow.slick-prev,
.slick-arrow.slick-next {
  background-color: #009d9b;
  /* tuerkis --ditact-color: #009d9b; */
  border-radius: 10px;
}

/* line 58, app/assets/stylesheets/application.scss */
.news_item {
  padding: 0 10px;
}

/* line 62, app/assets/stylesheets/application.scss */
.news_item .img {
  width: 377px;
  height: 300px;
  background-size: cover;
  background-position: center;
}

/* line 68, app/assets/stylesheets/application.scss */
.news_item h3 {
  height: 80px;
}

/* --------------- person profile_strip --------------*/
/* line 74, app/assets/stylesheets/application.scss */
body.lecturer_index .row_article article {
  max-width: unset;
}

/* line 78, app/assets/stylesheets/application.scss */
.profile_strips {
  overflow: hidden;
  color: black;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 23px;
}

/* line 85, app/assets/stylesheets/application.scss */
.profile_strips > div:nth-child(2n + 1) {
  background-color: #ddd;
  /*  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;*/
}

/* line 91, app/assets/stylesheets/application.scss */
.profile_strip {
  display: flex;
  align-items: center;
  padding: 10px 0;
  justify-content: space-around;
}

@media (max-width: 800px) {
  /* line 99, app/assets/stylesheets/application.scss */
  .profile_strip {
    flex-direction: column;
    padding: 0 5px;
  }
}

/* line 105, app/assets/stylesheets/application.scss */
.flex-break {
  flex-basis: 100%;
  height: 0;
}

/* line 110, app/assets/stylesheets/application.scss */
.profile_strips a,
.profile_strips .subtitle,
.profile_strip > div.stripcol4 {
  text-decoration: none;
  font-family: "Roboto Condensed", sans-serif;
  color: black;
  font-weight: 400;
}

/* line 119, app/assets/stylesheets/application.scss */
.profile_strips a,
.profile_strip > div.stripcol4 {
  font-size: 19px;
}

/* line 124, app/assets/stylesheets/application.scss */
.profile_strips .subtitle {
  font-size: 13px;
}

/* line 128, app/assets/stylesheets/application.scss */
.profile_strip > div.stripcol3 {
  font-weight: 300;
  font-size: 19px;
  line-height: 28px;
}

/* line 134, app/assets/stylesheets/application.scss */
.profile_strips h3,
.profile_strip > div.stripcol4 {
  text-transform: uppercase;
}

/* line 139, app/assets/stylesheets/application.scss */
.profile_strip > div.stripcol2 h1 {
  line-height: 8px;
}

/* line 143, app/assets/stylesheets/application.scss */
.profile_strip > div.stripcol1 {
  width: 150px;
}

/* line 146, app/assets/stylesheets/application.scss */
.profile_strip > div.stripcol2 {
  flex: 2;
  max-width: 240px;
}

/* line 150, app/assets/stylesheets/application.scss */
.profile_strip > div.stripcol3 {
  flex: 3;
  max-width: 420px;
}

/* line 154, app/assets/stylesheets/application.scss */
.profile_strip > div.stripcol4 {
  flex: 2;
  max-width: 320px;
  text-align: center;
}

/* line 160, app/assets/stylesheets/application.scss */
.profile_strip > div.stripcol5 {
  flex: 2;
  max-width: 320px;
  text-align: center;
}

/* line 165, app/assets/stylesheets/application.scss */
a.fullgreenbutton {
  display: block;
  width: 84px;
  height: 32px;
  border-radius: 2px;
  background-color: #009d9b;
  color: white;
  font-size: 14px;
  padding: 0;
  text-align: center;
}

/* line 177, app/assets/stylesheets/application.scss */
a.whitebutton {
  display: inline-block;
  width: 160px;
  height: 26px;
  border: 1px gray solid;
  color: black;
  background-color: white;
  text-decoration: none;
  margin: 0;
  text-align: center;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 13px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
}

/* line 198, app/assets/stylesheets/application.scss */
h2 a.whitebutton {
  float: right;
  text-transform: capitalize;
}

/* line 203, app/assets/stylesheets/application.scss */
.profile_strip > div {
  padding: 20px 0;
}

/* line 207, app/assets/stylesheets/application.scss */
.stripcol3 {
  overflow: hidden;
  text-overflow: clip;
}

/* --------------- course_show --------------- */
/*.layout2019 */
/* line 215, app/assets/stylesheets/application.scss */
.row_article article {
  max-width: 1280px;
  padding: 20px;
}

/* line 220, app/assets/stylesheets/application.scss */
.layout2019 main {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
}

@media (min-width: 600px) and (max-width: 800px) {
  /* line 226, app/assets/stylesheets/application.scss */
  .layout2019 main {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 50px minmax(300px, max-content) minmax(200px, max-content);
    grid-template-areas: "messages messages" "main  sidearea" "info1 sidearea" "info2 sidearea";
  }
}

@media (min-width: 800px) {
  /* line 247, app/assets/stylesheets/application.scss */
  .layout2019 main {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 2fr 2fr 1fr;
    grid-template-rows: 50px minmax(300px, max-content) minmax(200px, max-content);
    grid-template-areas: "messages messages message" "main main   sidearea" "info1 info2 sidearea";
  }
}

/* line 266, app/assets/stylesheets/application.scss */
.layout2019 main #messages {
  grid-area: messages;
}

/* line 269, app/assets/stylesheets/application.scss */
.layout2019 main .maininfo {
  grid-area: main;
}

/* line 272, app/assets/stylesheets/application.scss */
.layout2019 main .info1 {
  grid-area: info1;
}

/* line 275, app/assets/stylesheets/application.scss */
.layout2019 main .info2 {
  grid-area: info2;
}

/* line 278, app/assets/stylesheets/application.scss */
.layout2019 main .sidebar {
  grid-area: sidearea;
}

/* .layout2019 */
/* line 283, app/assets/stylesheets/application.scss */
h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 26px;
  color: #333333;
}

/* .layout2019 */
/* line 290, app/assets/stylesheets/application.scss */
.subtitle {
  color: #333333;
  font-size: 20px;
}

/* .layout2019 .maininfo */
/* line 297, app/assets/stylesheets/application.scss */
main {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
}

/* .layout2019 */
/* line 302, app/assets/stylesheets/application.scss */
p {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 300;
  margin-top: 0;
}

/* .layout2019 */
/* line 309, app/assets/stylesheets/application.scss */
h2 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 24px;
  color: #333333;
  font-weight: 300;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
}

@media screen and (min-width: 520px) {
  /* line 320, app/assets/stylesheets/application.scss */
  .thecourse form {
    padding-left: 45px;
    max-width: 642px;
  }
  /* line 328, app/assets/stylesheets/application.scss */
  .label_with_errors label,
.thecourse label,
#edit_details_form form > label {
    display: block;
    text-align: right;
  }
}

/* line 337, app/assets/stylesheets/application.scss */
.thecourse form select {
  height: 40px;
  width: 100%;
}

/* line 342, app/assets/stylesheets/application.scss */
.thecourse form h2 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 24px;
  color: #333333;
  font-weight: 300;
  text-transform: initial;
  border-bottom: none;
  margin-bottom: 46px;
}

/* line 351, app/assets/stylesheets/application.scss */
.thecourse form .field_with_errors {
  font-size: 16px !important;
}

/* line 355, app/assets/stylesheets/application.scss */
.level_grid label {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: black;
  background-color: transparent;
}

/* line 363, app/assets/stylesheets/application.scss */
.thecourse p {
  font-size: 16px;
  line-height: 24px;
  color: #6c6c6c;
  margin: 12px 0;
}

/* line 370, app/assets/stylesheets/application.scss */
.level_grid {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 30px 1fr;
  align-items: center;
}

/* line 377, app/assets/stylesheets/application.scss */
.row72 {
  min-height: 72px;
  margin: 20px 0;
}

/* line 382, app/assets/stylesheets/application.scss */
.labels_inline label {
  display: inline;
}

/* line 386, app/assets/stylesheets/application.scss */
.layout2019 h3,
.coursebox h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  color: #333333;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 25px;
}

/* line 397, app/assets/stylesheets/application.scss */
.layout2019 .fa-map-marker,
.layout2019 .fa-question-circle {
  color: #009d9b;
  /* tuerkis --ditact-color: #009d9b; */
}

/* line 402, app/assets/stylesheets/application.scss */
.layout2019 .sidebar p {
  font-weight: 500;
}

/* line 405, app/assets/stylesheets/application.scss */
p.explanation {
  background-color: #ddd;
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  padding: 12px;
  position: relative;
}

/* line 414, app/assets/stylesheets/application.scss */
.layout2019 p.explanation:after {
  box-sizing: content-box;
  content: "";
  position: absolute;
  top: -15px;
  /* value = - border-top-width - border-bottom-width */
  right: 105px;
  /* controls horizontal position */
  bottom: auto;
  left: auto;
  border-width: 0 15px 15px;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #ddd transparent;
}

/* line 427, app/assets/stylesheets/application.scss */
.ditact-color {
  color: #009d9b;
}

/* line 430, app/assets/stylesheets/application.scss */
.kosten {
  color: #009d9b;
  /* tuerkis --ditact-color: #009d9b; */
  font-size: 33px;
  font-weight: 500;
  text-align: center;
}

/* line 436, app/assets/stylesheets/application.scss */
.kosten:before {
  content: "€ ";
}

/* line 439, app/assets/stylesheets/application.scss */
.kosten:after {
  content: ",—";
}

/* line 443, app/assets/stylesheets/application.scss */
.bold {
  font-weight: 500;
}

/* line 447, app/assets/stylesheets/application.scss */
.uppercase {
  text-transform: uppercase;
}

/* line 451, app/assets/stylesheets/application.scss */
.lowercase {
  text-transform: lowercase;
}

/* line 455, app/assets/stylesheets/application.scss */
.fontsize24 {
  font-size: 24px;
}

/* line 459, app/assets/stylesheets/application.scss */
.black,
a.black:link,
a.black:visited {
  color: black;
}

/* line 465, app/assets/stylesheets/application.scss */
.margintop {
  margin-top: 30px;
}

/* line 468, app/assets/stylesheets/application.scss */
.left {
  text-align: left !important;
}

/* line 472, app/assets/stylesheets/application.scss */
.text_decoration_none {
  text-decoration: none;
}

/* line 476, app/assets/stylesheets/application.scss */
.right {
  text-align: right !important;
}

/* line 480, app/assets/stylesheets/application.scss */
.center {
  text-align: center !important;
}

/* line 483, app/assets/stylesheets/application.scss */
.no_underline,
a.no_underline:link,
a.no_underline:visited {
  text-decoration: none;
}

/* line 489, app/assets/stylesheets/application.scss */
input.save,
a.save,
a.other,
a.btn.next,
a.btn.prev {
  width: 245px;
  min-height: 55px;
  padding: 12px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  border: 1px rgba(0, 157, 155, 0.5) solid;
}

/* line 502, app/assets/stylesheets/application.scss */
input.save:hover,
a.save:hover,
a.btn.next:hover,
a.btn.prev:hover {
  background-color: rgba(0, 157, 155, 0.8);
  color: white;
}

/* line 510, app/assets/stylesheets/application.scss */
input.save,
a.save {
  background-color: rgba(0, 157, 155, 0.5);
  color: white;
  font-size: 19px;
  border-color: transparent;
}

/* line 518, app/assets/stylesheets/application.scss */
a.save.white {
  color: #009d9b;
  border-color: #009d9b;
  background-color: #f5f5fa;
}

/* line 524, app/assets/stylesheets/application.scss */
a.other {
  background-color: lightgray;
  color: black;
}

/* --------------- kursenagabot --------------- */
/* line 532, app/assets/stylesheets/application.scss */
.lecturer .buttonleiste {
  padding-bottom: 30px;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

@media (min-width: 420px) {
  /* line 541, app/assets/stylesheets/application.scss */
  .lecturer .buttonleiste a {
    margin-left: 27px;
  }
}

/* line 546, app/assets/stylesheets/application.scss */
.buttonleiste a {
  margin-top: 14px;
}

/* --------------- course_index --------------- */
/* neue tabs ohne grid */
/* line 555, app/assets/stylesheets/application.scss */
body.course_index .tabnav {
  display: flex;
}

/* line 559, app/assets/stylesheets/application.scss */
body.course_index .tabnav > label#t-1 {
  flex: 3;
}

/* line 563, app/assets/stylesheets/application.scss */
body.course_index .tabnav > label {
  display: block;
  flex: 1;
  margin: 0;
  border: 0;
  border-bottom: 1px #ddd solid;
}

/* line 571, app/assets/stylesheets/application.scss */
body.course_index .tabnav > input:checked + label {
  display: block;
  margin: 0;
  border: 0;
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-top: 2px solid #009d9b;
  /* tuerkis --ditact-color: #009d9b; */
}

/* line 580, app/assets/stylesheets/application.scss */
body.course_index .tabbody .tab {
  opacity: 1;
  max-width: 100%;
  z-index: 1;
}

/* Überschriften */
/* line 588, app/assets/stylesheets/application.scss */
body.course_index h2,
body.course_index label {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  color: black;
  padding: 14px;
  height: 50px;
}

/* line 597, app/assets/stylesheets/application.scss */
body.course_index h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 26px;
  color: black;
}

/* line 603, app/assets/stylesheets/application.scss */
body.course_index h4 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-size: 24px;
  color: #009d9b;
  /* tuerkis --ditact-color: #009d9b; */
  word-wrap: break-word;
  word-break: normal;
  min-height: 50px;
  line-height: 24px;
}

/* layout für boxen */
@supports (display: grid) {
  /* line 617, app/assets/stylesheets/application.scss */
  body.course_index div.tab {
    display: grid;
    grid-auto-flow: row;
    max-height: 4700px;
  }
  /* line 623, app/assets/stylesheets/application.scss */
  body.course_index div.tab {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(1000, 340px);
  }
  @media (min-width: 800px) and (max-width: 1140px) {
    /* line 628, app/assets/stylesheets/application.scss */
    body.course_index div.tab {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 800px) {
    /* line 635, app/assets/stylesheets/application.scss */
    body.course_index div.tab {
      display: inline;
    }
  }
  @media (max-width: 1000px) {
    /* line 640, app/assets/stylesheets/application.scss */
    body.course_index .tabnav > label#t-1 label {
      display: block;
      height: 40px;
    }
    /* line 644, app/assets/stylesheets/application.scss */
    body.course_index .tabnav > label#t-1 {
      height: 160px;
    }
  }
  @media (max-width: 600px) {
    /* line 649, app/assets/stylesheets/application.scss */
    body.course_index div#kursangebot.tab {
      display: inline;
    }
  }
  /* line 654, app/assets/stylesheets/application.scss */
  body.course_index div#kursangebot.tab {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: repeat(1000, auto);
  }
  @media (max-width: 800px) {
    /* line 661, app/assets/stylesheets/application.scss */
    #enroll_no_undecided {
      position: absolute;
      right: 26px;
      top: 34px;
    }
  }
  @media (min-width: 800px) and (max-width: 1000px) {
    /* line 670, app/assets/stylesheets/application.scss */
    #enroll_no_undecided {
      position: absolute;
      left: 37px;
      top: 34px;
    }
  }
  @media (min-width: 1000px) {
    /* line 678, app/assets/stylesheets/application.scss */
    #enroll_no_undecided {
      position: absolute;
      left: 37px;
      top: 45px;
    }
  }
  @media (min-width: 800px) and (max-width: 1140px) {
    /* line 685, app/assets/stylesheets/application.scss */
    body.course_index div#kursangebot.tab {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
    }
    /* line 689, app/assets/stylesheets/application.scss */
    .row_header #main_nav button {
      display: none;
    }
  }
  @media (min-width: 600px) and (max-width: 800px) {
    /* line 694, app/assets/stylesheets/application.scss */
    body.course_index div#kursangebot.tab {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
  }
}

/* responsive dropdown menu */
@media (max-width: 1000px) {
  /* line 703, app/assets/stylesheets/application.scss */
  body.course_index div#kursangebot.tab {
    display: inline;
  }
}

/* responsive dropdown menu */
@media (max-width: 1000px) {
  /* line 710, app/assets/stylesheets/application.scss */
  .row_header #main_nav .menu {
    /* display: none; */
    z-index: 20;
    background-color: white;
    position: absolute;
    top: 80px;
    left: 0px;
    width: 100vw;
    padding-left: 0;
    border-bottom: 1px #009d9b solid;
  }
  /* line 722, app/assets/stylesheets/application.scss */
  .row_header #main_nav .menu li {
    border-top: 1px #009d9b solid;
    /* border-bottom: 1px #009d9b solid; */
  }
  /* line 727, app/assets/stylesheets/application.scss */
  .row_header #main_nav .menu ul {
    display: none;
  }
  /* line 731, app/assets/stylesheets/application.scss */
  .row_header #main_nav {
    height: 100px;
    background-size: auto 100px;
    background-position: 20px 0;
    align-items: center;
  }
  /* line 740, app/assets/stylesheets/application.scss */
  .row_header #main_nav button {
    font-size: 40px;
    padding: 0 0 8px 0;
    margin: 0 20px 0 auto;
  }
  /* line 746, app/assets/stylesheets/application.scss */
  .row_header #main_nav ul.menu li.menu-item-has-children button {
    padding: 4px 8px 8px 8px;
  }
  /* line 749, app/assets/stylesheets/application.scss */
  .row_header #main_nav ul.menu li.menu-item-has-children a {
    line-height: 200%;
  }
  /* line 754, app/assets/stylesheets/application.scss */
  #main_nav #ditact_logo {
    margin: 4px 0 0 20px;
  }
}

/* line 760, app/assets/stylesheets/application.scss */
body.course_index a:link,
body.course_index a:visited {
  text-decoration: none;
  color: inherit;
}

/* line 766, app/assets/stylesheets/application.scss */
body.course_index label {
  font-weight: normal;
  background-color: transparent;
  cursor: pointer;
}

@media (min-width: 800px) {
  /* line 773, app/assets/stylesheets/application.scss */
  .eventboxlink .eventbox {
    display: flex;
    flex-direction: row;
  }
  /* line 777, app/assets/stylesheets/application.scss */
  .eventboxlink {
    height: 280px;
    min-width: 500px;
  }
}

@media (max-width: 801px) {
  /* line 783, app/assets/stylesheets/application.scss */
  .eventbox .leftbox {
    width: 110px;
    margin: 0 auto 0 auto !important;
  }
}

/* line 789, app/assets/stylesheets/application.scss */
.eventboxlink {
  border-radius: 5px;
  border: 1px transparent solid;
  margin: 12px;
  padding: 0px 22px 0px 12px;
}

/* line 795, app/assets/stylesheets/application.scss */
.eventboxlink:hover {
  border-color: #ddd;
}

/* line 799, app/assets/stylesheets/application.scss */
.eventbox h4 {
  margin: 22px 0 4px 0;
  min-height: auto;
}

/* line 803, app/assets/stylesheets/application.scss */
.eventbox .leftbox {
  margin-right: 20px;
}

/* line 807, app/assets/stylesheets/application.scss */
.eventbox .date.oneday .bis {
  line-height: 5px;
}

/* line 810, app/assets/stylesheets/application.scss */
.eventbox .rightbox {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 250px;
}

/* line 816, app/assets/stylesheets/application.scss */
body.home_index .eventbox .rightbox {
  height: unset;
}

/* line 820, app/assets/stylesheets/application.scss */
.eventbox .deko {
  box-sizing: border-box;
  width: 102px;
  height: 22px;
  padding: 3px;
  line-height: 19px;
  font-size: 12px;
  text-align: center;
  color: white;
  background-color: #009d9b;
  /* tuerkis --ditact-color: #009d9b; */
  position: relative;
  z-index: 5;
  margin-bottom: 20px;
}

/* line 834, app/assets/stylesheets/application.scss */
.eventbox .date div {
  font-size: 16px;
  text-align: center;
}

/* line 838, app/assets/stylesheets/application.scss */
.eventbox .date .day {
  font-size: 30px;
}

/* line 841, app/assets/stylesheets/application.scss */
.eventbox .deko:before {
  box-sizing: content-box;
  content: "";
  position: absolute;
  top: 22px;
  left: 0;
  width: 0px;
  height: 0px;
  border: 20px solid #009d9b;
  /* tuerkis --ditact-color: #009d9b; */
  border-bottom-color: transparent;
  border-width: 0px 56px 12px 46px;
  z-index: 0;
}

/* line 855, app/assets/stylesheets/application.scss */
body.course_index a.box_link {
  border: 1px transparent solid;
  border-bottom: 2px solid transparent;
}

/* line 860, app/assets/stylesheets/application.scss */
body.course_index a.box_link:hover {
  border: 1px #ddd solid;
  border-bottom: 2px solid #009d9b;
  /* tuerkis --ditact-color: #009d9b; */
}

/* line 865, app/assets/stylesheets/application.scss */
body.course_index .box h4 {
  margin: 0px;
}

/* line 869, app/assets/stylesheets/application.scss */
body.course_index .box .booked_up,
body.course_index .eventbox .booked_up,
body.course_show .maininfo .booked_up,
body.modul_show .maininfo .booked_up {
  background-color: rgba(251, 206, 157, 0.8);
  color: #f68409;
  text-transform: uppercase;
  text-align: left;
  padding-left: 20px;
  font-weight: 300;
  transform-origin: top left;
}

/* line 882, app/assets/stylesheets/application.scss */
body.course_show .maininfo .cancelled {
  background-color: rgba(251, 206, 157, 0.8);
  color: #f68409;
  text-transform: uppercase;
}

/* line 888, app/assets/stylesheets/application.scss */
body.course_index .box .booked_up {
  transform: translate(-25%, 0%) scale(1.7) rotate(-35deg);
}

/* line 892, app/assets/stylesheets/application.scss */
body.course_show .maininfo .booked_up,
body.modul_show .maininfo .booked_up,
body.course_index .eventbox .booked_up {
  width: 300px;
  text-align: center;
  transform: rotate(-15deg);
}

/* line 900, app/assets/stylesheets/application.scss */
body.course_index .box {
  min-width: 250px;
  overflow: hidden;
  margin: 12px;
  padding: 32px 22px 32px 22px;
}

/* line 908, app/assets/stylesheets/application.scss */
body.course_index div.tab h3 {
  grid-column-start: 1;
  grid-column-end: -1;
  /*border-top: 1px #ddd solid;*/
  border-bottom: 2px solid #009d9b;
  /* tuerkis --ditact-color: #009d9b; */
  margin: 0px;
  padding: 5px 22px;
}

/* line 918, app/assets/stylesheets/application.scss */
body.course_index .box p {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-size: 16px;
  margin: 0;
}

/* line 925, app/assets/stylesheets/application.scss */
body.course_index #t-1 label {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  padding: 14px 7px;
  font-size: 13px;
}

/* line 931, app/assets/stylesheets/application.scss */
body.course_index #t-1 input {
  margin-right: 5px;
}

/* line 935, app/assets/stylesheets/application.scss */
*:hover > svg.svg-inline--fa,
*:hover > svg.svg-inline--fa {
  filter: brightness(1.1) drop-shadow(2px 2px 4px #e4f2e8);
}

@media print {
  /* line 941, app/assets/stylesheets/application.scss */
  .main_nav,
.row_header,
.row_banner,
.row_footer {
    display: none;
  }
  /* line 948, app/assets/stylesheets/application.scss */
  article main {
    font-size: unset;
    line-height: unset;
  }
  /* line 953, app/assets/stylesheets/application.scss */
  .explanation,
.no-print {
    display: none;
  }
  /* line 958, app/assets/stylesheets/application.scss */
  div.border-top {
    page-break-inside: avoid;
  }
  /* line 962, app/assets/stylesheets/application.scss */
  table {
    page-break-inside: auto;
  }
  /* line 965, app/assets/stylesheets/application.scss */
  table tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  /* line 969, app/assets/stylesheets/application.scss */
  table.tablesorter thead tr .header {
    background-image: none;
  }
  /* line 972, app/assets/stylesheets/application.scss */
  body {
    display: block;
  }
}

/* line 977, app/assets/stylesheets/application.scss */
button#dropdown_burger,
button.navbutton {
  border: 1px #ddd solid;
  border-radius: 5px;
}

/* line 983, app/assets/stylesheets/application.scss */
.striped > :nth-child(odd) {
  background-color: #eee;
}

/* line 987, app/assets/stylesheets/application.scss */
.row_of_boxes {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

/* line 992, app/assets/stylesheets/application.scss */
.row_of_boxes > div {
  border-left: 1px solid #eee;
  padding-left: 10px;
  width: 30%;
}

/* line 997, app/assets/stylesheets/application.scss */
.row_of_boxes > div:first-child {
  border-left: unset;
  padding-left: unset;
}

/* line 1001, app/assets/stylesheets/application.scss */
.flex_stripe {
  display: flex;
}

/* line 1004, app/assets/stylesheets/application.scss */
.flex_stripe input {
  display: inline !important;
}

/* line 1007, app/assets/stylesheets/application.scss */
.flex_stripe input[type="text"] {
  width: 50px;
  text-align: right;
}

/* line 1012, app/assets/stylesheets/application.scss */
.flex_stripe:hover {
  background-color: #e4f2e8;
}

/* line 1017, app/assets/stylesheets/application.scss */
.admin_enroll .flex_stripe > * {
  flex: 1;
  text-align: right;
}

/* line 1021, app/assets/stylesheets/application.scss */
.admin_enroll .flex_stripe > *:first-child {
  flex: 2;
  text-align: left;
}

/* line 1025, app/assets/stylesheets/application.scss */
.admin_enroll .flex_stripe > *:nth-child(2) {
  flex: 2;
  text-align: left;
}

/* line 1032, app/assets/stylesheets/application.scss */
.admin_cart .flex_stripe > * {
  flex: 1;
  text-align: left;
}

/* line 1039, app/assets/stylesheets/application.scss */
body.person_reoffer .course_list div {
  width: 530px;
  display: flex;
  height: 67px;
  align-items: center;
}

/* line 1044, app/assets/stylesheets/application.scss */
body.person_reoffer .course_list div :nth-child(1) {
  flex: 5;
}

/* line 1046, app/assets/stylesheets/application.scss */
body.person_reoffer .course_list div :nth-child(1) b {
  font-weight: 400 !important;
}

/* line 1050, app/assets/stylesheets/application.scss */
body.person_reoffer .course_list div :nth-child(2) {
  flex: 2;
}

/* line 1053, app/assets/stylesheets/application.scss */
body.person_reoffer .course_list div :nth-child(3) {
  width: 2;
}

/* line 1059, app/assets/stylesheets/application.scss */
body.page_show main {
  display: flex;
}

@media (min-width: 600px) {
  /* line 1064, app/assets/stylesheets/application.scss */
  body.page_show main {
    padding: 0 20%;
  }
}

/* Base for label styling */
/* line 1070, app/assets/stylesheets/application.scss */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

/* line 1075, app/assets/stylesheets/application.scss */
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* line 1082, app/assets/stylesheets/application.scss */
.tight[type="checkbox"]:not(:checked) + label,
.tight[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.1em;
  cursor: pointer;
}

/* checkbox aspect */
/* line 1090, app/assets/stylesheets/application.scss */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  border: 1px solid #009d9b;
  background: #fff;
  border-radius: 0px;
}

/* checked mark aspect */
/* line 1103, app/assets/stylesheets/application.scss */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: "\2713\0020";
  position: absolute;
  top: -0.15em;
  left: 0.2em;
  font-size: 1.2em;
  line-height: 0.8;
  color: #009d9b;
  transition: all 0.2s;
  font-family: "Roboto Condensed", "Lucida Sans Unicode", "Arial Unicode MS", Arial;
}

/* checked mark aspect changes */
/* line 1117, app/assets/stylesheets/application.scss */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

/* line 1121, app/assets/stylesheets/application.scss */
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
/* line 1126, app/assets/stylesheets/application.scss */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

/* line 1132, app/assets/stylesheets/application.scss */
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

/* line 1135, app/assets/stylesheets/application.scss */
[type="checkbox"]:disabled + label {
  color: #aaa;
}

/* accessibility */
/* line 1139, app/assets/stylesheets/application.scss */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* hover style just for information */
/* line 1145, app/assets/stylesheets/application.scss */
label:hover:before {
  border: 2px solid #4778d9 !important;
}

/* line 1149, app/assets/stylesheets/application.scss */
.event_call .sidebar,
.event_call .sidebar p {
  font-size: 16px;
}

/* line 1155, app/assets/stylesheets/application.scss */
.enroll.show main p {
  font-size: 16px;
}