@charset "UTF-8";
@import url(../../../../bower_components/fine-uploader/fine-uploader-new.css);
@font-face {
  font-family: 'hvp';
  src: url("../../../../css/fontello/font/hvp.eot?27136215");
  src: url("../../../../css/fontello/font/hvp.eot?27136215#iefix") format("embedded-opentype"), url("../../../../css/fontello/font/hvp.woff2?27136215") format("woff2"), url("../../../../css/fontello/font/hvp.woff?27136215") format("woff"), url("../../../../css/fontello/font/hvp.ttf?27136215") format("truetype"), url("../../../../css/fontello/font/hvp.svg?27136215#hvp") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'hvp';
    src: url('../font/hvp.svg?27136215#hvp') format('svg');
  }
}
*/
[class^="icon-"]:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div[class^="icon-"]:before, [class*=" icon-"]:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div[class*=" icon-"]:before {
  font-family: "hvp";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .5em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-down-open:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-down-open:before {
  content: '\e800'; }

/* '' */
.icon-left-open:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-left-open:before {
  content: '\e801'; }

/* '' */
.icon-right-open:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-right-open:before {
  content: '\e802'; }

/* '' */
.icon-up-open:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-up-open:before {
  content: '\e803'; }

/* '' */
.icon-print:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-print:before {
  content: '\e804'; }

/* '' */
.icon-th-list:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-th-list:before {
  content: '\e805'; }

/* '' */
.icon-list:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-list:before {
  content: '\e806'; }

/* '' */
.icon-list-1:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-list-1:before {
  content: '\e807'; }

/* '' */
.icon-cog:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-cog:before {
  content: '\e808'; }

/* '' */
.icon-star:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-star:before {
  content: '\e809'; }

/* '' */
.icon-star-empty:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-star-empty:before {
  content: '\e80a'; }

/* '' */
.icon-search:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-search:before {
  content: '\e80b'; }

/* '' */
.icon-ok:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-ok:before {
  content: '\e80c'; }

/* '' */
.icon-lock:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-lock:before {
  content: '\e80d'; }

/* '' */
.icon-lock-open:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-lock-open:before {
  content: '\e80e'; }

/* '' */
.icon-plus:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-plus:before {
  content: '\e80f'; }

/* '' */
.icon-pencil:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-pencil:before {
  content: '\e810'; }

/* '' */
.icon-trash-empty:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-trash-empty:before {
  content: '\e811'; }

/* '' */
.icon-floppy:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-floppy:before {
  content: '\e812'; }

/* '' */
.icon-mail:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-mail:before {
  content: '\e813'; }

/* '' */
.icon-commerical-building:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-commerical-building:before {
  content: '\e814'; }

/* '' */
.icon-videocam:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-videocam:before {
  content: '\e815'; }

/* '' */
.icon-info-circled:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-info-circled:before {
  content: '\e816'; }

/* '' */
.icon-pin-outline:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-pin-outline:before {
  content: '\e817'; }

/* '' */
.icon-pin:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-pin:before {
  content: '\e818'; }

/* '' */
.icon-arrows-cw:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-arrows-cw:before {
  content: '\e819'; }

/* '' */
.icon-arrows-ccw:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-arrows-ccw:before {
  content: '\e81a'; }

/* '' */
.icon-shuffle:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-shuffle:before {
  content: '\e81b'; }

/* '' */
.icon-camera:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-camera:before {
  content: '\e81c'; }

/* '' */
.icon-school:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-school:before {
  content: '\e834'; }

/* '' */
.icon-menu:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-menu:before {
  content: '\f0c9'; }

/* '' */
.icon-mail-alt:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-mail-alt:before {
  content: '\f0e0'; }

/* '' */
.icon-doc-text:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div:before {
  content: '\f0f6'; }

/* '' */
.icon-lock-open-alt:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-lock-open-alt:before {
  content: '\f13e'; }

/* '' */
.icon-bank:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-bank:before {
  content: '\f19c'; }

/* '' */
.icon-graduation-cap:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-graduation-cap:before {
  content: '\f19d'; }

/* '' */
.icon-child:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-child:before {
  content: '\f1ae'; }

/* '' */
.icon-binoculars:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-binoculars:before {
  content: '\f1e5'; }

/* '' */
.icon-venus:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-venus:before {
  content: '\f221'; }

/* '' */
.icon-mars:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-mars:before {
  content: '\f222'; }

/* '' */
.icon-mercury:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-mercury:before {
  content: '\f223'; }

/* '' */
.icon-transgender:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-transgender:before {
  content: '\f224'; }

/* '' */
.icon-user-plus:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-user-plus:before {
  content: '\f234'; }

/* '' */
.icon-handshake-o:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.icon-handshake-o:before {
  content: '\f2b5'; }

/* '' */
/**
 * google-material-color v1.2.6
 * https://github.com/danlevan/google-material-color
 */
* {
  box-sizing: border-box; }

*.randomColor-0 {
  background-color: #FFE082; }

*.randomColor-1 {
  background-color: #80CBC4; }

*.randomColor-2 {
  background-color: #80CBC4; }

*.randomColor-4 {
  background-color: #B39DDB; }

*.randomColor-5 {
  background-color: #FFAB91; }

*.randomColor-6 {
  background-color: #EEEEEE; }

*.randomColor-7 {
  background-color: #EF9A9A; }

*.randomColor-8 {
  background-color: #80CBC4; }

*.randomColor-9 {
  background-color: #9FA8DA; }

*.randomColor-10 {
  background-color: #CE93D8; }

*.randomColor-12 {
  background-color: #EEEEEE; }

*.randomColor-14 {
  background-color: #EF9A9A; }

*.randomColor-15 {
  background-color: #FFE082; }

*.randomColor-16 {
  background-color: #EEEEEE; }

*.randomColor-17 {
  background-color: #B0BEC5; }

*.randomColor-18 {
  background-color: #BCAAA4; }

*.randomColor-19 {
  background-color: #C5E1A5; }

*.randomColor-20 {
  background-color: #FFE082; }

*.randomColor-21 {
  background-color: #80DEEA; }

*.randomColor-22 {
  background-color: #FFF59D; }

*.randomColor-23 {
  background-color: #81D4FA; }

*.randomColor-24 {
  background-color: #CE93D8; }

*.randomColor-25 {
  background-color: #80CBC4; }

*.randomColor-27 {
  background-color: #EEEEEE; }

*.randomColor-28 {
  background-color: #F48FB1; }

*.randomColor-29 {
  background-color: #80DEEA; }

*.randomColor-30 {
  background-color: #EEEEEE; }

*.randomColor-31 {
  background-color: #80CBC4; }

*.randomColor-32 {
  background-color: #80CBC4; }

*.randomColor-33 {
  background-color: #FFE082; }

*.randomColor-34 {
  background-color: #EEEEEE; }

*.randomColor-35 {
  background-color: #FFF59D; }

*.randomColor-36 {
  background-color: #B0BEC5; }

*.randomColor-37 {
  background-color: #9FA8DA; }

*.randomColor-38 {
  background-color: #EF9A9A; }

*.randomColor-39 {
  background-color: #EF9A9A; }

*.randomColor-40 {
  background-color: #B0BEC5; }

*.randomColor-41 {
  background-color: #A5D6A7; }

*.randomColor-42 {
  background-color: #E6EE9C; }

*.randomColor-43 {
  background-color: #9FA8DA; }

*.randomColor-44 {
  background-color: #B0BEC5; }

*.randomColor-45 {
  background-color: #80DEEA; }

*.randomColor-46 {
  background-color: #90CAF9; }

*.randomColor-47 {
  background-color: #FFF59D; }

*.randomColor-48 {
  background-color: #A5D6A7; }

*.randomColor-49 {
  background-color: #BCAAA4; }

*.randomColor-50 {
  background-color: #A5D6A7; }

*.randomColor-52 {
  background-color: #CE93D8; }

*.randomColor-53 {
  background-color: #F48FB1; }

*.randomColor-54 {
  background-color: #EEEEEE; }

*.randomColor-55 {
  background-color: #FFE082; }

*.randomColor-56 {
  background-color: #B39DDB; }

*.randomColor-57 {
  background-color: #B39DDB; }

*.randomColor-58 {
  background-color: #B0BEC5; }

*.randomColor-59 {
  background-color: #CE93D8; }

*.randomColor-60 {
  background-color: #80DEEA; }

*.randomColor-61 {
  background-color: #B0BEC5; }

*.randomColor-63 {
  background-color: #80CBC4; }

*.randomColor-64 {
  background-color: #9FA8DA; }

*.randomColor-65 {
  background-color: #E6EE9C; }

*.randomColor-67 {
  background-color: #FFCC80; }

*.randomColor-68 {
  background-color: #E6EE9C; }

*.randomColor-69 {
  background-color: #80DEEA; }

*.randomColor-70 {
  background-color: #CE93D8; }

*.randomColor-71 {
  background-color: #80DEEA; }

*.randomColor-72 {
  background-color: #F48FB1; }

*.randomColor-73 {
  background-color: #CE93D8; }

*.randomColor-74 {
  background-color: #CE93D8; }

*.randomColor-75 {
  background-color: #BCAAA4; }

*.randomColor-76 {
  background-color: #B39DDB; }

*.randomColor-77 {
  background-color: #B0BEC5; }

*.randomColor-78 {
  background-color: #B0BEC5; }

*.randomColor-79 {
  background-color: #CE93D8; }

*.randomColor-80 {
  background-color: #EEEEEE; }

*.randomColor-81 {
  background-color: #A5D6A7; }

*.randomColor-82 {
  background-color: #B0BEC5; }

*.randomColor-84 {
  background-color: #9FA8DA; }

*.randomColor-85 {
  background-color: #CE93D8; }

*.randomColor-88 {
  background-color: #BCAAA4; }

*.randomColor-89 {
  background-color: #E6EE9C; }

*.randomColor-90 {
  background-color: #B39DDB; }

*.randomColor-91 {
  background-color: #F48FB1; }

*.randomColor-92 {
  background-color: #FFE082; }

*.randomColor-93 {
  background-color: #81D4FA; }

*.randomColor-95 {
  background-color: #CE93D8; }

*.randomColor-96 {
  background-color: #EEEEEE; }

*.randomColor-97 {
  background-color: #FFE082; }

*.randomColor-98 {
  background-color: #90CAF9; }

*.randomColor-99 {
  background-color: #9FA8DA; }

*.randomColor-100 {
  background-color: #FFF59D; }

div.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 3; }
  div.popup > div.wrapped {
    position: absolute;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 100%; }
    div.popup > div.wrapped > div#header {
      background-color: #9E9E9E; }
      div.popup > div.wrapped > div#header::after {
        content: '';
        display: table;
        clear: both; }
      div.popup > div.wrapped > div#header button {
        float: right;
        border: none;
        background: #424242;
        padding: 0.5rem 1rem;
        color: #fff; }
        div.popup > div.wrapped > div#header button:disabled {
          background-color: #9E9E9E; }
          div.popup > div.wrapped > div#header button:disabled:after {
            content: " (inaktiv)"; }
    div.popup > div.wrapped > div#body {
      background-color: #fff;
      height: calc(100% - 2.2rem);
      padding: 1rem;
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
      div.popup > div.wrapped > div#body > div#loader {
        text-align: center;
        font-weight: bold;
        padding: .5rem 1rem;
        font-size: 1.5rem; }

div.info-notice {
  position: relative;
  border: 2px solid #e5d102;
  border-radius: 4px;
  padding: 1rem;
  padding-left: 3rem;
  color: #e5d102;
  background-color: #fffde7;
  margin-bottom: 1rem; }
  div.info-notice > h2 {
    margin: 0;
    padding: 0;
    font-size: 1rem; }
  div.info-notice > p {
    margin: 0.5rem 0; }
  div.info-notice:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.info-notice:before {
    position: absolute;
    top: 0;
    left: 0;
    margin: 1rem;
    font-size: 1.5rem;
    color: #e5d102; }
  div.info-notice.important {
    border-color: #e7334c;
    background-color: #fad3d8;
    color: #e7334c; }
    div.info-notice.important:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.important:before {
      color: #e7334c; }
  div.info-notice.accent {
    border-color: #14af97;
    background-color: #E8F5E9;
    color: #14af97; }
    div.info-notice.accent:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div.accent:before {
      color: #14af97; }

section#header > div#top {
  display: flex;
  background-color: #282f3c;
  color: #fff;
  align-items: center;
  height: 2.6rem; }
  section#header > div#top > div#member {
    flex: 1 1 0;
    padding: 0.5rem 1rem; }
  section#header > div#top > div#buttonSet button {
    border: none;
    background: #9E9E9E;
    padding: 0.5rem 1rem;
    color: #fff; }
    section#header > div#top > div#buttonSet button:disabled {
      background-color: #9E9E9E; }
      section#header > div#top > div#buttonSet button:disabled:after {
        content: " (inaktiv)"; }

section#header > div#bottom {
  background-color: #d3f1ff;
  height: 150px;
  padding: 0 3rem;
  background-image: url(../../../../css/img/bg4.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: top right;
  border-bottom: 2px solid #424242;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    section#header > div#bottom {
      height: 100px;
      background-size: 170px auto;
      background-position: bottom right; } }
  section#header > div#bottom > div#label {
    flex: 1 1 0; }
    section#header > div#bottom > div#label h1 {
      font-size: 1.3rem; }
    section#header > div#bottom > div#label h2 {
      font-size: 1rem; }
    @media only screen and (max-width: 768px) {
      section#header > div#bottom > div#label h1 {
        font-size: 1rem; }
      section#header > div#bottom > div#label h2 {
        font-size: 0.7rem; } }
  section#header > div#bottom > div#logo {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: center center;
    background-color: #fff;
    border: 5px solid #424242; }
    @media only screen and (max-width: 768px) {
      section#header > div#bottom > div#logo {
        width: 70px;
        height: 70px; } }
section#login {
  padding: 1rem 0; }
  section#login div.wrapped > div#loginError {
    background-color: #fad3d8;
    font-weight: bold;
    padding: 0.5rem 1rem; }
  section#login div.wrapped > div#form div.field {
    padding: 1rem 1rem;
    border-bottom: 2px dotted #666; }
    section#login div.wrapped > div#form div.field[data-type="title"] {
      border-bottom: none; }
      section#login div.wrapped > div#form div.field[data-type="title"] > div#label {
        font-size: 1.5rem; }
      section#login div.wrapped > div#form div.field[data-type="title"] > div#notice {
        font-size: 1rem; }
    section#login div.wrapped > div#form div.field[data-category="online"] {
      background-color: #fff3e0; }
    section#login div.wrapped > div#form div.field[data-category="type"] {
      background-color: #ECEFF1; }
    section#login div.wrapped > div#form div.field[data-category="background"] {
      background-color: #fafafa; }
    section#login div.wrapped > div#form div.field[data-category="theme"] {
      background-color: #fff9ef; }
    section#login div.wrapped > div#form div.field[data-category="infos"] {
      background-color: #f1f9fe; }
    section#login div.wrapped > div#form div.field::after {
      content: '';
      display: table;
      clear: both; }
    section#login div.wrapped > div#form div.field > div#label {
      float: left;
      clear: none;
      text-align: inherit;
      width: 48.5%;
      margin-left: 0%;
      margin-right: 3%;
      font-weight: bold;
      line-height: 28px; }
      section#login div.wrapped > div#form div.field > div#label::after {
        content: '';
        display: table;
        clear: both; }
      section#login div.wrapped > div#form div.field > div#label:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none; }
      section#login div.wrapped > div#form div.field > div#label:nth-child(2n) {
        margin-right: 0%;
        float: right; }
      section#login div.wrapped > div#form div.field > div#label:nth-child(2n + 1) {
        clear: both; }
      @media only screen and (max-width: 768px) {
        section#login div.wrapped > div#form div.field > div#label {
          display: block;
          clear: both;
          float: none;
          width: 100%;
          margin-left: auto;
          margin-right: auto; }
          section#login div.wrapped > div#form div.field > div#label:first-child {
            margin-left: auto; }
          section#login div.wrapped > div#form div.field > div#label:last-child {
            margin-right: auto; } }
    section#login div.wrapped > div#form div.field > div#input-item {
      float: left;
      clear: none;
      text-align: inherit;
      width: 48.5%;
      margin-left: 0%;
      margin-right: 3%; }
      section#login div.wrapped > div#form div.field > div#input-item::after {
        content: '';
        display: table;
        clear: both; }
      section#login div.wrapped > div#form div.field > div#input-item:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none; }
      section#login div.wrapped > div#form div.field > div#input-item:nth-child(2n) {
        margin-right: 0%;
        float: right; }
      section#login div.wrapped > div#form div.field > div#input-item:nth-child(2n + 1) {
        clear: both; }
      @media only screen and (max-width: 768px) {
        section#login div.wrapped > div#form div.field > div#input-item {
          display: block;
          clear: both;
          float: none;
          width: 100%;
          margin-left: auto;
          margin-right: auto; }
          section#login div.wrapped > div#form div.field > div#input-item:first-child {
            margin-left: auto; }
          section#login div.wrapped > div#form div.field > div#input-item:last-child {
            margin-right: auto; } }
      section#login div.wrapped > div#form div.field > div#input-item > input[type="text"], section#login div.wrapped > div#form div.field > div#input-item input[type="email"], section#login div.wrapped > div#form div.field > div#input-item input[type="date"], section#login div.wrapped > div#form div.field > div#input-item input[type="password"], section#login div.wrapped > div#form div.field > div#input-item input[type="number"], section#login div.wrapped > div#form div.field > div#input-item textarea {
        width: 100%;
        border: none;
        padding-left: 0.5rem;
        height: 28px;
        background-color: #F5F5F5;
        border-right: 5px solid #666;
        color: #424242; }
        section#login div.wrapped > div#form div.field > div#input-item > input[type="text"]:valid, section#login div.wrapped > div#form div.field > div#input-item input[type="email"]:valid, section#login div.wrapped > div#form div.field > div#input-item input[type="date"]:valid, section#login div.wrapped > div#form div.field > div#input-item input[type="password"]:valid, section#login div.wrapped > div#form div.field > div#input-item input[type="number"]:valid, section#login div.wrapped > div#form div.field > div#input-item textarea:valid {
          background-color: #E8F5E9;
          border-color: #14af97; }
        section#login div.wrapped > div#form div.field > div#input-item > input[type="text"]:invalid, section#login div.wrapped > div#form div.field > div#input-item input[type="email"]:invalid, section#login div.wrapped > div#form div.field > div#input-item input[type="date"]:invalid, section#login div.wrapped > div#form div.field > div#input-item input[type="password"]:invalid, section#login div.wrapped > div#form div.field > div#input-item input[type="number"]:invalid, section#login div.wrapped > div#form div.field > div#input-item textarea:invalid {
          background-color: #fad3d8;
          border-color: #e7334c; }
      section#login div.wrapped > div#form div.field > div#input-item > textarea {
        min-height: 100px; }
      section#login div.wrapped > div#form div.field > div#input-item > select {
        width: 100%; }
        section#login div.wrapped > div#form div.field > div#input-item > select:valid {
          background-color: #E8F5E9;
          border-color: #14af97; }
        section#login div.wrapped > div#form div.field > div#input-item > select:invalid {
          background-color: #fad3d8;
          border-color: #e7334c; }
    section#login div.wrapped > div#form div.field > div#public {
      padding: 0.5rem 0;
      font-size: 0.85rem;
      color: #7299b0;
      font-weight: bold;
      float: left;
      clear: none;
      text-align: inherit;
      width: 100%;
      margin-left: 0%;
      margin-right: 3%; }
      section#login div.wrapped > div#form div.field > div#public::after {
        content: '';
        display: table;
        clear: both; }
      section#login div.wrapped > div#form div.field > div#public:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none; }
      section#login div.wrapped > div#form div.field > div#public:nth-child(2n) {
        margin-right: 0%;
        float: right; }
      section#login div.wrapped > div#form div.field > div#public:nth-child(2n + 1) {
        clear: both; }
    section#login div.wrapped > div#form div.field > div#notice {
      padding: 0.5rem 0;
      font-size: 0.85rem;
      float: left;
      clear: none;
      text-align: inherit;
      width: 100%;
      margin-left: 0%;
      margin-right: 3%; }
      section#login div.wrapped > div#form div.field > div#notice::after {
        content: '';
        display: table;
        clear: both; }
      section#login div.wrapped > div#form div.field > div#notice:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none; }
      section#login div.wrapped > div#form div.field > div#notice:nth-child(2n) {
        margin-right: 0%;
        float: right; }
      section#login div.wrapped > div#form div.field > div#notice:nth-child(2n + 1) {
        clear: both; }
    section#login div.wrapped > div#form div.field[data-type="checkbox"] > div#input-item > input, section#login div.wrapped > div#form div.field[data-type="options"] > div#input-item > input {
      text-align: left;
      vertical-align: middle; }
    section#login div.wrapped > div#form div.field[data-type="checkbox"] > div#input-item > label, section#login div.wrapped > div#form div.field[data-type="options"] > div#input-item > label {
      display: inline-block;
      padding: 0.5rem 1rem;
      cursor: pointer;
      font-weight: bold; }
    section#login div.wrapped > div#form div.field[data-type="checkbox"] > div#input-item input:checked + label, section#login div.wrapped > div#form div.field[data-type="options"] > div#input-item input:checked + label {
      font-weight: bold; }
    section#login div.wrapped > div#form div.field[data-type="checkbox"] > div#input-item input:invalid + label, section#login div.wrapped > div#form div.field[data-type="options"] > div#input-item input:invalid + label {
      color: #e7334c; }
    section#login div.wrapped > div#form div.field:last-of-type {
      border-bottom: 0; }
  section#login div.wrapped > div#form button {
    border: none;
    background: #424242;
    padding: 0.5rem 1rem;
    color: #fff;
    float: right; }
    section#login div.wrapped > div#form button:disabled {
      background-color: #9E9E9E; }
      section#login div.wrapped > div#form button:disabled:after {
        content: " (inaktiv)"; }

section#menu {
  height: 3.5rem;
  text-align: center;
  background-color: #fff;
  border-bottom: 2px solid #424242;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2; }
  section#menu div {
    padding: 0 1rem; }
    section#menu div.active {
      color: #e5d102;
      font-weight: bold; }
      section#menu div.active > a {
        color: #e5d102; }
    section#menu div > a {
      text-decoration: none;
      color: #424242;
      font-size: 1.3rem;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        section#menu div > a {
          font-size: 0.85rem; } }
section#findMember {
  padding: 1rem 0; }
  section#findMember div#loginError {
    background-color: #fad3d8;
    font-weight: bold;
    padding: 0.5rem 1rem; }
  section#findMember div#form div.field {
    padding: 1rem 1rem;
    border-bottom: 2px dotted #666; }
    section#findMember div#form div.field[data-type="title"] {
      border-bottom: none; }
      section#findMember div#form div.field[data-type="title"] > div#label {
        font-size: 1.5rem; }
      section#findMember div#form div.field[data-type="title"] > div#notice {
        font-size: 1rem; }
    section#findMember div#form div.field[data-category="online"] {
      background-color: #fff3e0; }
    section#findMember div#form div.field[data-category="type"] {
      background-color: #ECEFF1; }
    section#findMember div#form div.field[data-category="background"] {
      background-color: #fafafa; }
    section#findMember div#form div.field[data-category="theme"] {
      background-color: #fff9ef; }
    section#findMember div#form div.field[data-category="infos"] {
      background-color: #f1f9fe; }
    section#findMember div#form div.field::after {
      content: '';
      display: table;
      clear: both; }
    section#findMember div#form div.field > div#label {
      float: left;
      clear: none;
      text-align: inherit;
      width: 48.5%;
      margin-left: 0%;
      margin-right: 3%;
      font-weight: bold;
      line-height: 28px; }
      section#findMember div#form div.field > div#label::after {
        content: '';
        display: table;
        clear: both; }
      section#findMember div#form div.field > div#label:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none; }
      section#findMember div#form div.field > div#label:nth-child(2n) {
        margin-right: 0%;
        float: right; }
      section#findMember div#form div.field > div#label:nth-child(2n + 1) {
        clear: both; }
      @media only screen and (max-width: 768px) {
        section#findMember div#form div.field > div#label {
          display: block;
          clear: both;
          float: none;
          width: 100%;
          margin-left: auto;
          margin-right: auto; }
          section#findMember div#form div.field > div#label:first-child {
            margin-left: auto; }
          section#findMember div#form div.field > div#label:last-child {
            margin-right: auto; } }
    section#findMember div#form div.field > div#input-item {
      float: left;
      clear: none;
      text-align: inherit;
      width: 48.5%;
      margin-left: 0%;
      margin-right: 3%; }
      section#findMember div#form div.field > div#input-item::after {
        content: '';
        display: table;
        clear: both; }
      section#findMember div#form div.field > div#input-item:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none; }
      section#findMember div#form div.field > div#input-item:nth-child(2n) {
        margin-right: 0%;
        float: right; }
      section#findMember div#form div.field > div#input-item:nth-child(2n + 1) {
        clear: both; }
      @media only screen and (max-width: 768px) {
        section#findMember div#form div.field > div#input-item {
          display: block;
          clear: both;
          float: none;
          width: 100%;
          margin-left: auto;
          margin-right: auto; }
          section#findMember div#form div.field > div#input-item:first-child {
            margin-left: auto; }
          section#findMember div#form div.field > div#input-item:last-child {
            margin-right: auto; } }
      section#findMember div#form div.field > div#input-item > input[type="text"], section#findMember div#form div.field > div#input-item input[type="email"], section#findMember div#form div.field > div#input-item input[type="date"], section#findMember div#form div.field > div#input-item input[type="password"], section#findMember div#form div.field > div#input-item input[type="number"], section#findMember div#form div.field > div#input-item textarea {
        width: 100%;
        border: none;
        padding-left: 0.5rem;
        height: 28px;
        background-color: #F5F5F5;
        border-right: 5px solid #666;
        color: #424242; }
        section#findMember div#form div.field > div#input-item > input[type="text"]:valid, section#findMember div#form div.field > div#input-item input[type="email"]:valid, section#findMember div#form div.field > div#input-item input[type="date"]:valid, section#findMember div#form div.field > div#input-item input[type="password"]:valid, section#findMember div#form div.field > div#input-item input[type="number"]:valid, section#findMember div#form div.field > div#input-item textarea:valid {
          background-color: #E8F5E9;
          border-color: #14af97; }
        section#findMember div#form div.field > div#input-item > input[type="text"]:invalid, section#findMember div#form div.field > div#input-item input[type="email"]:invalid, section#findMember div#form div.field > div#input-item input[type="date"]:invalid, section#findMember div#form div.field > div#input-item input[type="password"]:invalid, section#findMember div#form div.field > div#input-item input[type="number"]:invalid, section#findMember div#form div.field > div#input-item textarea:invalid {
          background-color: #fad3d8;
          border-color: #e7334c; }
      section#findMember div#form div.field > div#input-item > textarea {
        min-height: 100px; }
      section#findMember div#form div.field > div#input-item > select {
        width: 100%; }
        section#findMember div#form div.field > div#input-item > select:valid {
          background-color: #E8F5E9;
          border-color: #14af97; }
        section#findMember div#form div.field > div#input-item > select:invalid {
          background-color: #fad3d8;
          border-color: #e7334c; }
    section#findMember div#form div.field > div#public {
      padding: 0.5rem 0;
      font-size: 0.85rem;
      color: #7299b0;
      font-weight: bold;
      float: left;
      clear: none;
      text-align: inherit;
      width: 100%;
      margin-left: 0%;
      margin-right: 3%; }
      section#findMember div#form div.field > div#public::after {
        content: '';
        display: table;
        clear: both; }
      section#findMember div#form div.field > div#public:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none; }
      section#findMember div#form div.field > div#public:nth-child(2n) {
        margin-right: 0%;
        float: right; }
      section#findMember div#form div.field > div#public:nth-child(2n + 1) {
        clear: both; }
    section#findMember div#form div.field > div#notice {
      padding: 0.5rem 0;
      font-size: 0.85rem;
      float: left;
      clear: none;
      text-align: inherit;
      width: 100%;
      margin-left: 0%;
      margin-right: 3%; }
      section#findMember div#form div.field > div#notice::after {
        content: '';
        display: table;
        clear: both; }
      section#findMember div#form div.field > div#notice:nth-child(n) {
        margin-right: 3%;
        float: left;
        clear: none; }
      section#findMember div#form div.field > div#notice:nth-child(2n) {
        margin-right: 0%;
        float: right; }
      section#findMember div#form div.field > div#notice:nth-child(2n + 1) {
        clear: both; }
    section#findMember div#form div.field[data-type="checkbox"] > div#input-item > input, section#findMember div#form div.field[data-type="options"] > div#input-item > input {
      text-align: left;
      vertical-align: middle; }
    section#findMember div#form div.field[data-type="checkbox"] > div#input-item > label, section#findMember div#form div.field[data-type="options"] > div#input-item > label {
      display: inline-block;
      padding: 0.5rem 1rem;
      cursor: pointer;
      font-weight: bold; }
    section#findMember div#form div.field[data-type="checkbox"] > div#input-item input:checked + label, section#findMember div#form div.field[data-type="options"] > div#input-item input:checked + label {
      font-weight: bold; }
    section#findMember div#form div.field[data-type="checkbox"] > div#input-item input:invalid + label, section#findMember div#form div.field[data-type="options"] > div#input-item input:invalid + label {
      color: #e7334c; }
    section#findMember div#form div.field:last-of-type {
      border-bottom: 0; }
  section#findMember div#form button {
    border: none;
    background: #424242;
    padding: 0.5rem 1rem;
    color: #fff;
    float: right; }
    section#findMember div#form button:disabled {
      background-color: #9E9E9E; }
      section#findMember div#form button:disabled:after {
        content: " (inaktiv)"; }

section#start > div.wrapped > div.widget > div#header {
  font-weight: bold;
  font-size: 1.3rem;
  padding: 0.5rem 0; }

section#start > div.wrapped > div.widget > div#body {
  padding: 0; }

section#start > div.wrapped > div.widget#infos > div#body > div.info {
  margin-bottom: 0.5rem;
  position: relative; }
  section#start > div.wrapped > div.widget#infos > div#body > div.info:last-of-type {
    margin-bottom: 0; }
  section#start > div.wrapped > div.widget#infos > div#body > div.info.notice > div#header {
    background-color: #e5d102; }
  section#start > div.wrapped > div.widget#infos > div#body > div.info.notice > div#body {
    border: 1px solid #e5d102; }
  section#start > div.wrapped > div.widget#infos > div#body > div.info.notice:before {
    color: #e5d102; }
  section#start > div.wrapped > div.widget#infos > div#body > div.info.attention > div#header {
    background-color: #cb4a54; }
  section#start > div.wrapped > div.widget#infos > div#body > div.info.attention > div#body {
    border: 1px solid #cb4a54; }
  section#start > div.wrapped > div.widget#infos > div#body > div.info.attention:before {
    color: #cb4a54; }
  section#start > div.wrapped > div.widget#infos > div#body > div.info:before {
    position: absolute;
    top: 3.1rem;
    left: 1rem;
    font-size: 2rem;
    color: #7299b0; }
  section#start > div.wrapped > div.widget#infos > div#body > div.info > div#header {
    background-color: #7299b0;
    padding: 0.5rem 1rem;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-weight: bold; }
  section#start > div.wrapped > div.widget#infos > div#body > div.info > div#body {
    padding: 0.5rem 1rem;
    padding-left: 4.5rem;
    border: 1px solid #7299b0; }
    section#start > div.wrapped > div.widget#infos > div#body > div.info > div#body > p.description {
      font-weight: bold; }

section#start > div.wrapped > div.widget#downloads > div#body {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center; }
  section#start > div.wrapped > div.widget#downloads > div#body > a {
    padding: 0.5rem;
    font-weight: bold;
    flex: 1 1 50%;
    text-decoration: none; }
    section#start > div.wrapped > div.widget#downloads > div#body > a > div.students {
      color: #7299b0; }
      section#start > div.wrapped > div.widget#downloads > div#body > a > div.students:before {
        background-color: #7299b0; }
    section#start > div.wrapped > div.widget#downloads > div#body > a > div.teachers {
      color: #14af97; }
      section#start > div.wrapped > div.widget#downloads > div#body > a > div.teachers:before {
        background-color: #14af97; }
    section#start > div.wrapped > div.widget#downloads > div#body > a > div.tutors {
      color: #e5d102; }
      section#start > div.wrapped > div.widget#downloads > div#body > a > div.tutors:before {
        background-color: #e5d102; }
    @media only screen and (max-width: 768px) {
      section#start > div.wrapped > div.widget#downloads > div#body > a > div {
        text-align: center; } }
    section#start > div.wrapped > div.widget#downloads > div#body > a > div:before {
      font-family: "hvp";
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      text-align: center;
      line-height: 50px;
      color: #fff;
      margin-right: 1rem;
      font-size: 1.1rem; }
      @media only screen and (max-width: 768px) {
        section#start > div.wrapped > div.widget#downloads > div#body > a > div:before {
          position: relative;
          display: block;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          margin-bottom: 1rem; } }
section#studentEdit {
  padding: 1rem 0; }
  section#studentEdit fieldset {
    margin: 0;
    margin-bottom: 1rem;
    border: 1px solid #9E9E9E;
    padding: 0.35rem 0; }
    section#studentEdit fieldset:last-of-type {
      margin-bottom: 0 !important; }
    section#studentEdit fieldset div.field {
      padding: 1rem 1rem;
      border-bottom: 2px dotted #666; }
      section#studentEdit fieldset div.field[data-type="title"] {
        border-bottom: none; }
        section#studentEdit fieldset div.field[data-type="title"] > div#label {
          font-size: 1.5rem; }
        section#studentEdit fieldset div.field[data-type="title"] > div#notice {
          font-size: 1rem; }
      section#studentEdit fieldset div.field[data-category="online"] {
        background-color: #fff3e0; }
      section#studentEdit fieldset div.field[data-category="type"] {
        background-color: #ECEFF1; }
      section#studentEdit fieldset div.field[data-category="background"] {
        background-color: #fafafa; }
      section#studentEdit fieldset div.field[data-category="theme"] {
        background-color: #fff9ef; }
      section#studentEdit fieldset div.field[data-category="infos"] {
        background-color: #f1f9fe; }
      section#studentEdit fieldset div.field::after {
        content: '';
        display: table;
        clear: both; }
      section#studentEdit fieldset div.field > div#label {
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%;
        font-weight: bold;
        line-height: 28px; }
        section#studentEdit fieldset div.field > div#label::after {
          content: '';
          display: table;
          clear: both; }
        section#studentEdit fieldset div.field > div#label:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#studentEdit fieldset div.field > div#label:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#studentEdit fieldset div.field > div#label:nth-child(2n + 1) {
          clear: both; }
        @media only screen and (max-width: 768px) {
          section#studentEdit fieldset div.field > div#label {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto; }
            section#studentEdit fieldset div.field > div#label:first-child {
              margin-left: auto; }
            section#studentEdit fieldset div.field > div#label:last-child {
              margin-right: auto; } }
      section#studentEdit fieldset div.field > div#input-item {
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%; }
        section#studentEdit fieldset div.field > div#input-item::after {
          content: '';
          display: table;
          clear: both; }
        section#studentEdit fieldset div.field > div#input-item:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#studentEdit fieldset div.field > div#input-item:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#studentEdit fieldset div.field > div#input-item:nth-child(2n + 1) {
          clear: both; }
        @media only screen and (max-width: 768px) {
          section#studentEdit fieldset div.field > div#input-item {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto; }
            section#studentEdit fieldset div.field > div#input-item:first-child {
              margin-left: auto; }
            section#studentEdit fieldset div.field > div#input-item:last-child {
              margin-right: auto; } }
        section#studentEdit fieldset div.field > div#input-item > input[type="text"], section#studentEdit fieldset div.field > div#input-item input[type="email"], section#studentEdit fieldset div.field > div#input-item input[type="date"], section#studentEdit fieldset div.field > div#input-item input[type="password"], section#studentEdit fieldset div.field > div#input-item input[type="number"], section#studentEdit fieldset div.field > div#input-item textarea {
          width: 100%;
          border: none;
          padding-left: 0.5rem;
          height: 28px;
          background-color: #F5F5F5;
          border-right: 5px solid #666;
          color: #424242; }
          section#studentEdit fieldset div.field > div#input-item > input[type="text"]:valid, section#studentEdit fieldset div.field > div#input-item input[type="email"]:valid, section#studentEdit fieldset div.field > div#input-item input[type="date"]:valid, section#studentEdit fieldset div.field > div#input-item input[type="password"]:valid, section#studentEdit fieldset div.field > div#input-item input[type="number"]:valid, section#studentEdit fieldset div.field > div#input-item textarea:valid {
            background-color: #E8F5E9;
            border-color: #14af97; }
          section#studentEdit fieldset div.field > div#input-item > input[type="text"]:invalid, section#studentEdit fieldset div.field > div#input-item input[type="email"]:invalid, section#studentEdit fieldset div.field > div#input-item input[type="date"]:invalid, section#studentEdit fieldset div.field > div#input-item input[type="password"]:invalid, section#studentEdit fieldset div.field > div#input-item input[type="number"]:invalid, section#studentEdit fieldset div.field > div#input-item textarea:invalid {
            background-color: #fad3d8;
            border-color: #e7334c; }
        section#studentEdit fieldset div.field > div#input-item > textarea {
          min-height: 100px; }
        section#studentEdit fieldset div.field > div#input-item > select {
          width: 100%; }
          section#studentEdit fieldset div.field > div#input-item > select:valid {
            background-color: #E8F5E9;
            border-color: #14af97; }
          section#studentEdit fieldset div.field > div#input-item > select:invalid {
            background-color: #fad3d8;
            border-color: #e7334c; }
      section#studentEdit fieldset div.field > div#public {
        padding: 0.5rem 0;
        font-size: 0.85rem;
        color: #7299b0;
        font-weight: bold;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        section#studentEdit fieldset div.field > div#public::after {
          content: '';
          display: table;
          clear: both; }
        section#studentEdit fieldset div.field > div#public:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#studentEdit fieldset div.field > div#public:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#studentEdit fieldset div.field > div#public:nth-child(2n + 1) {
          clear: both; }
      section#studentEdit fieldset div.field > div#notice {
        padding: 0.5rem 0;
        font-size: 0.85rem;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        section#studentEdit fieldset div.field > div#notice::after {
          content: '';
          display: table;
          clear: both; }
        section#studentEdit fieldset div.field > div#notice:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#studentEdit fieldset div.field > div#notice:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#studentEdit fieldset div.field > div#notice:nth-child(2n + 1) {
          clear: both; }
      section#studentEdit fieldset div.field[data-type="checkbox"] > div#input-item > input, section#studentEdit fieldset div.field[data-type="options"] > div#input-item > input {
        text-align: left;
        vertical-align: middle; }
      section#studentEdit fieldset div.field[data-type="checkbox"] > div#input-item > label, section#studentEdit fieldset div.field[data-type="options"] > div#input-item > label {
        display: inline-block;
        padding: 0.5rem 1rem;
        cursor: pointer;
        font-weight: bold; }
      section#studentEdit fieldset div.field[data-type="checkbox"] > div#input-item input:checked + label, section#studentEdit fieldset div.field[data-type="options"] > div#input-item input:checked + label {
        font-weight: bold; }
      section#studentEdit fieldset div.field[data-type="checkbox"] > div#input-item input:invalid + label, section#studentEdit fieldset div.field[data-type="options"] > div#input-item input:invalid + label {
        color: #e7334c; }
      section#studentEdit fieldset div.field:last-of-type {
        border-bottom: 0; }
      section#studentEdit fieldset div.field > div#input-item > div.input {
        padding: 0.1rem 1rem; }
        section#studentEdit fieldset div.field > div#input-item > div.input > label {
          display: inline-block;
          padding-left: 1rem; }
    section#studentEdit fieldset button {
      clear: both;
      border: none;
      background: #424242;
      padding: 0.5rem 1rem;
      color: #fff;
      float: right; }
      section#studentEdit fieldset button:disabled {
        background-color: #9E9E9E; }
        section#studentEdit fieldset button:disabled:after {
          content: " (inaktiv)"; }
  section#studentEdit button#remove {
    border: none;
    background: #424242;
    padding: 0.5rem 1rem;
    color: #fff;
    float: right; }
    section#studentEdit button#remove:disabled {
      background-color: #9E9E9E; }
      section#studentEdit button#remove:disabled:after {
        content: " (inaktiv)"; }
  section#studentEdit h1 {
    clear: both; }

section#checklist {
  padding: 1rem 0; }
  section#checklist fieldset {
    margin: 0;
    margin-bottom: 1rem;
    border: 1px solid #9E9E9E;
    padding: 0.35rem 0; }
    section#checklist fieldset:last-of-type {
      margin-bottom: 0 !important; }
    section#checklist fieldset div.field {
      padding: 1rem 1rem;
      border-bottom: 2px dotted #666; }
      section#checklist fieldset div.field[data-type="title"] {
        border-bottom: none; }
        section#checklist fieldset div.field[data-type="title"] > div#label {
          font-size: 1.5rem; }
        section#checklist fieldset div.field[data-type="title"] > div#notice {
          font-size: 1rem; }
      section#checklist fieldset div.field[data-category="online"] {
        background-color: #fff3e0; }
      section#checklist fieldset div.field[data-category="type"] {
        background-color: #ECEFF1; }
      section#checklist fieldset div.field[data-category="background"] {
        background-color: #fafafa; }
      section#checklist fieldset div.field[data-category="theme"] {
        background-color: #fff9ef; }
      section#checklist fieldset div.field[data-category="infos"] {
        background-color: #f1f9fe; }
      section#checklist fieldset div.field::after {
        content: '';
        display: table;
        clear: both; }
      section#checklist fieldset div.field > div#label {
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%;
        font-weight: bold;
        line-height: 28px; }
        section#checklist fieldset div.field > div#label::after {
          content: '';
          display: table;
          clear: both; }
        section#checklist fieldset div.field > div#label:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#checklist fieldset div.field > div#label:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#checklist fieldset div.field > div#label:nth-child(2n + 1) {
          clear: both; }
        @media only screen and (max-width: 768px) {
          section#checklist fieldset div.field > div#label {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto; }
            section#checklist fieldset div.field > div#label:first-child {
              margin-left: auto; }
            section#checklist fieldset div.field > div#label:last-child {
              margin-right: auto; } }
      section#checklist fieldset div.field > div#input-item {
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%; }
        section#checklist fieldset div.field > div#input-item::after {
          content: '';
          display: table;
          clear: both; }
        section#checklist fieldset div.field > div#input-item:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#checklist fieldset div.field > div#input-item:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#checklist fieldset div.field > div#input-item:nth-child(2n + 1) {
          clear: both; }
        @media only screen and (max-width: 768px) {
          section#checklist fieldset div.field > div#input-item {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto; }
            section#checklist fieldset div.field > div#input-item:first-child {
              margin-left: auto; }
            section#checklist fieldset div.field > div#input-item:last-child {
              margin-right: auto; } }
        section#checklist fieldset div.field > div#input-item > input[type="text"], section#checklist fieldset div.field > div#input-item input[type="email"], section#checklist fieldset div.field > div#input-item input[type="date"], section#checklist fieldset div.field > div#input-item input[type="password"], section#checklist fieldset div.field > div#input-item input[type="number"], section#checklist fieldset div.field > div#input-item textarea {
          width: 100%;
          border: none;
          padding-left: 0.5rem;
          height: 28px;
          background-color: #F5F5F5;
          border-right: 5px solid #666;
          color: #424242; }
          section#checklist fieldset div.field > div#input-item > input[type="text"]:valid, section#checklist fieldset div.field > div#input-item input[type="email"]:valid, section#checklist fieldset div.field > div#input-item input[type="date"]:valid, section#checklist fieldset div.field > div#input-item input[type="password"]:valid, section#checklist fieldset div.field > div#input-item input[type="number"]:valid, section#checklist fieldset div.field > div#input-item textarea:valid {
            background-color: #E8F5E9;
            border-color: #14af97; }
          section#checklist fieldset div.field > div#input-item > input[type="text"]:invalid, section#checklist fieldset div.field > div#input-item input[type="email"]:invalid, section#checklist fieldset div.field > div#input-item input[type="date"]:invalid, section#checklist fieldset div.field > div#input-item input[type="password"]:invalid, section#checklist fieldset div.field > div#input-item input[type="number"]:invalid, section#checklist fieldset div.field > div#input-item textarea:invalid {
            background-color: #fad3d8;
            border-color: #e7334c; }
        section#checklist fieldset div.field > div#input-item > textarea {
          min-height: 100px; }
        section#checklist fieldset div.field > div#input-item > select {
          width: 100%; }
          section#checklist fieldset div.field > div#input-item > select:valid {
            background-color: #E8F5E9;
            border-color: #14af97; }
          section#checklist fieldset div.field > div#input-item > select:invalid {
            background-color: #fad3d8;
            border-color: #e7334c; }
      section#checklist fieldset div.field > div#public {
        padding: 0.5rem 0;
        font-size: 0.85rem;
        color: #7299b0;
        font-weight: bold;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        section#checklist fieldset div.field > div#public::after {
          content: '';
          display: table;
          clear: both; }
        section#checklist fieldset div.field > div#public:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#checklist fieldset div.field > div#public:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#checklist fieldset div.field > div#public:nth-child(2n + 1) {
          clear: both; }
      section#checklist fieldset div.field > div#notice {
        padding: 0.5rem 0;
        font-size: 0.85rem;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        section#checklist fieldset div.field > div#notice::after {
          content: '';
          display: table;
          clear: both; }
        section#checklist fieldset div.field > div#notice:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#checklist fieldset div.field > div#notice:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#checklist fieldset div.field > div#notice:nth-child(2n + 1) {
          clear: both; }
      section#checklist fieldset div.field[data-type="checkbox"] > div#input-item > input, section#checklist fieldset div.field[data-type="options"] > div#input-item > input {
        text-align: left;
        vertical-align: middle; }
      section#checklist fieldset div.field[data-type="checkbox"] > div#input-item > label, section#checklist fieldset div.field[data-type="options"] > div#input-item > label {
        display: inline-block;
        padding: 0.5rem 1rem;
        cursor: pointer;
        font-weight: bold; }
      section#checklist fieldset div.field[data-type="checkbox"] > div#input-item input:checked + label, section#checklist fieldset div.field[data-type="options"] > div#input-item input:checked + label {
        font-weight: bold; }
      section#checklist fieldset div.field[data-type="checkbox"] > div#input-item input:invalid + label, section#checklist fieldset div.field[data-type="options"] > div#input-item input:invalid + label {
        color: #e7334c; }
      section#checklist fieldset div.field:last-of-type {
        border-bottom: 0; }
      section#checklist fieldset div.field > div#input-item > div.input {
        padding: 0.1rem 1rem; }
        section#checklist fieldset div.field > div#input-item > div.input > label {
          display: inline-block;
          padding-left: 1rem; }
    section#checklist fieldset button {
      clear: both;
      border: none;
      background: #424242;
      padding: 0.5rem 1rem;
      color: #fff;
      float: right; }
      section#checklist fieldset button:disabled {
        background-color: #9E9E9E; }
        section#checklist fieldset button:disabled:after {
          content: " (inaktiv)"; }
  section#checklist button#remove {
    border: none;
    background: #424242;
    padding: 0.5rem 1rem;
    color: #fff;
    float: right; }
    section#checklist button#remove:disabled {
      background-color: #9E9E9E; }
      section#checklist button#remove:disabled:after {
        content: " (inaktiv)"; }
  section#checklist h1 {
    clear: both; }

section#addSubscriptions {
  padding: 1rem 0; }
  section#addSubscriptions fieldset {
    margin: 0;
    margin-bottom: 1rem;
    border: 1px solid #9E9E9E;
    padding: 0.35rem 0; }
    section#addSubscriptions fieldset:last-of-type {
      margin-bottom: 0 !important; }
    section#addSubscriptions fieldset div.field {
      padding: 1rem 1rem;
      border-bottom: 2px dotted #666; }
      section#addSubscriptions fieldset div.field[data-type="title"] {
        border-bottom: none; }
        section#addSubscriptions fieldset div.field[data-type="title"] > div#label {
          font-size: 1.5rem; }
        section#addSubscriptions fieldset div.field[data-type="title"] > div#notice {
          font-size: 1rem; }
      section#addSubscriptions fieldset div.field[data-category="online"] {
        background-color: #fff3e0; }
      section#addSubscriptions fieldset div.field[data-category="type"] {
        background-color: #ECEFF1; }
      section#addSubscriptions fieldset div.field[data-category="background"] {
        background-color: #fafafa; }
      section#addSubscriptions fieldset div.field[data-category="theme"] {
        background-color: #fff9ef; }
      section#addSubscriptions fieldset div.field[data-category="infos"] {
        background-color: #f1f9fe; }
      section#addSubscriptions fieldset div.field::after {
        content: '';
        display: table;
        clear: both; }
      section#addSubscriptions fieldset div.field > div#label {
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%;
        font-weight: bold;
        line-height: 28px; }
        section#addSubscriptions fieldset div.field > div#label::after {
          content: '';
          display: table;
          clear: both; }
        section#addSubscriptions fieldset div.field > div#label:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#addSubscriptions fieldset div.field > div#label:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#addSubscriptions fieldset div.field > div#label:nth-child(2n + 1) {
          clear: both; }
        @media only screen and (max-width: 768px) {
          section#addSubscriptions fieldset div.field > div#label {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto; }
            section#addSubscriptions fieldset div.field > div#label:first-child {
              margin-left: auto; }
            section#addSubscriptions fieldset div.field > div#label:last-child {
              margin-right: auto; } }
      section#addSubscriptions fieldset div.field > div#input-item {
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%; }
        section#addSubscriptions fieldset div.field > div#input-item::after {
          content: '';
          display: table;
          clear: both; }
        section#addSubscriptions fieldset div.field > div#input-item:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#addSubscriptions fieldset div.field > div#input-item:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#addSubscriptions fieldset div.field > div#input-item:nth-child(2n + 1) {
          clear: both; }
        @media only screen and (max-width: 768px) {
          section#addSubscriptions fieldset div.field > div#input-item {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto; }
            section#addSubscriptions fieldset div.field > div#input-item:first-child {
              margin-left: auto; }
            section#addSubscriptions fieldset div.field > div#input-item:last-child {
              margin-right: auto; } }
        section#addSubscriptions fieldset div.field > div#input-item > input[type="text"], section#addSubscriptions fieldset div.field > div#input-item input[type="email"], section#addSubscriptions fieldset div.field > div#input-item input[type="date"], section#addSubscriptions fieldset div.field > div#input-item input[type="password"], section#addSubscriptions fieldset div.field > div#input-item input[type="number"], section#addSubscriptions fieldset div.field > div#input-item textarea {
          width: 100%;
          border: none;
          padding-left: 0.5rem;
          height: 28px;
          background-color: #F5F5F5;
          border-right: 5px solid #666;
          color: #424242; }
          section#addSubscriptions fieldset div.field > div#input-item > input[type="text"]:valid, section#addSubscriptions fieldset div.field > div#input-item input[type="email"]:valid, section#addSubscriptions fieldset div.field > div#input-item input[type="date"]:valid, section#addSubscriptions fieldset div.field > div#input-item input[type="password"]:valid, section#addSubscriptions fieldset div.field > div#input-item input[type="number"]:valid, section#addSubscriptions fieldset div.field > div#input-item textarea:valid {
            background-color: #E8F5E9;
            border-color: #14af97; }
          section#addSubscriptions fieldset div.field > div#input-item > input[type="text"]:invalid, section#addSubscriptions fieldset div.field > div#input-item input[type="email"]:invalid, section#addSubscriptions fieldset div.field > div#input-item input[type="date"]:invalid, section#addSubscriptions fieldset div.field > div#input-item input[type="password"]:invalid, section#addSubscriptions fieldset div.field > div#input-item input[type="number"]:invalid, section#addSubscriptions fieldset div.field > div#input-item textarea:invalid {
            background-color: #fad3d8;
            border-color: #e7334c; }
        section#addSubscriptions fieldset div.field > div#input-item > textarea {
          min-height: 100px; }
        section#addSubscriptions fieldset div.field > div#input-item > select {
          width: 100%; }
          section#addSubscriptions fieldset div.field > div#input-item > select:valid {
            background-color: #E8F5E9;
            border-color: #14af97; }
          section#addSubscriptions fieldset div.field > div#input-item > select:invalid {
            background-color: #fad3d8;
            border-color: #e7334c; }
      section#addSubscriptions fieldset div.field > div#public {
        padding: 0.5rem 0;
        font-size: 0.85rem;
        color: #7299b0;
        font-weight: bold;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        section#addSubscriptions fieldset div.field > div#public::after {
          content: '';
          display: table;
          clear: both; }
        section#addSubscriptions fieldset div.field > div#public:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#addSubscriptions fieldset div.field > div#public:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#addSubscriptions fieldset div.field > div#public:nth-child(2n + 1) {
          clear: both; }
      section#addSubscriptions fieldset div.field > div#notice {
        padding: 0.5rem 0;
        font-size: 0.85rem;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        section#addSubscriptions fieldset div.field > div#notice::after {
          content: '';
          display: table;
          clear: both; }
        section#addSubscriptions fieldset div.field > div#notice:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#addSubscriptions fieldset div.field > div#notice:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#addSubscriptions fieldset div.field > div#notice:nth-child(2n + 1) {
          clear: both; }
      section#addSubscriptions fieldset div.field[data-type="checkbox"] > div#input-item > input, section#addSubscriptions fieldset div.field[data-type="options"] > div#input-item > input {
        text-align: left;
        vertical-align: middle; }
      section#addSubscriptions fieldset div.field[data-type="checkbox"] > div#input-item > label, section#addSubscriptions fieldset div.field[data-type="options"] > div#input-item > label {
        display: inline-block;
        padding: 0.5rem 1rem;
        cursor: pointer;
        font-weight: bold; }
      section#addSubscriptions fieldset div.field[data-type="checkbox"] > div#input-item input:checked + label, section#addSubscriptions fieldset div.field[data-type="options"] > div#input-item input:checked + label {
        font-weight: bold; }
      section#addSubscriptions fieldset div.field[data-type="checkbox"] > div#input-item input:invalid + label, section#addSubscriptions fieldset div.field[data-type="options"] > div#input-item input:invalid + label {
        color: #e7334c; }
      section#addSubscriptions fieldset div.field:last-of-type {
        border-bottom: 0; }
      section#addSubscriptions fieldset div.field > div#input-item > div.input {
        padding: 0.1rem 1rem; }
        section#addSubscriptions fieldset div.field > div#input-item > div.input > label {
          display: inline-block;
          padding-left: 1rem; }
    section#addSubscriptions fieldset button {
      clear: both;
      border: none;
      background: #424242;
      padding: 0.5rem 1rem;
      color: #fff;
      float: right; }
      section#addSubscriptions fieldset button:disabled {
        background-color: #9E9E9E; }
        section#addSubscriptions fieldset button:disabled:after {
          content: " (inaktiv)"; }
  section#addSubscriptions button#remove {
    border: none;
    background: #424242;
    padding: 0.5rem 1rem;
    color: #fff;
    float: right; }
    section#addSubscriptions button#remove:disabled {
      background-color: #9E9E9E; }
      section#addSubscriptions button#remove:disabled:after {
        content: " (inaktiv)"; }
  section#addSubscriptions h1 {
    clear: both; }
  section#addSubscriptions fieldset#addSubscriptions::after {
    content: '';
    display: table;
    clear: both; }
  section#addSubscriptions fieldset#addSubscriptions div.input-item {
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    position: relative;
    padding: 0.5rem 1rem; }
    section#addSubscriptions fieldset#addSubscriptions div.input-item::after {
      content: '';
      display: table;
      clear: both; }
    section#addSubscriptions fieldset#addSubscriptions div.input-item:nth-child(n) {
      margin-right: 3%;
      float: left;
      clear: none; }
    section#addSubscriptions fieldset#addSubscriptions div.input-item:nth-child(2n) {
      margin-right: 0%;
      float: right; }
    section#addSubscriptions fieldset#addSubscriptions div.input-item:nth-child(2n + 1) {
      clear: both; }
    section#addSubscriptions fieldset#addSubscriptions div.input-item:nth-of-type(-n+2) {
      border: 0; }
    section#addSubscriptions fieldset#addSubscriptions div.input-item[data-state="closed"] {
      color: #757575; }
    section#addSubscriptions fieldset#addSubscriptions div.input-item[data-secreg="true"] > label {
      color: #AB47BC; }
    section#addSubscriptions fieldset#addSubscriptions div.input-item[data-student-state="confirmed"] > label {
      color: #14af97; }
    section#addSubscriptions fieldset#addSubscriptions div.input-item[data-student-state="unconfirmed"] > label {
      color: #e7334c; }
    @media only screen and (max-width: 768px) {
      section#addSubscriptions fieldset#addSubscriptions div.input-item {
        display: block;
        clear: both;
        float: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto; }
        section#addSubscriptions fieldset#addSubscriptions div.input-item:first-child {
          margin-left: auto; }
        section#addSubscriptions fieldset#addSubscriptions div.input-item:last-child {
          margin-right: auto; } }
    section#addSubscriptions fieldset#addSubscriptions div.input-item > input {
      position: absolute; }
    section#addSubscriptions fieldset#addSubscriptions div.input-item > label {
      display: inline-block;
      padding-left: 1.5rem;
      font-weight: bold; }
    section#addSubscriptions fieldset#addSubscriptions div.input-item > div {
      padding-left: 1.5rem; }
      section#addSubscriptions fieldset#addSubscriptions div.input-item > div#grades {
        font-size: 0.85rem; }

body {
  font-family: "museo-sans",sans-serif;
  color: #424242;
  background-image: url(../../../../css/img/bg5.svg);
  background-repeat: repeat-y;
  background-size: auto 100%;
  background-position: top left;
  background-attachment: fixed; }

div.wrapped {
  width: 960px;
  margin: 0px auto; }
  @media only screen and (max-width: 992px) {
    div.wrapped {
      width: 100%;
      padding: 0 1rem; } }
div.printArea {
  display: none;
  font-family: Arial, sans-serif; }
  div.printArea#default:before, section#start > div.wrapped > div.widget#downloads > div#body > a > div#default:before {
    font-size: 1.5rem;
    content: attr(data-notice); }

@media print {
  body section {
    display: none !important; }
  div.printArea {
    display: block; } }

@page {
  size: A4 portrait;
  margin: 1cm; }

/* ---------------------------------------- 
    BrowserBlast by @markgdyr
    markgoodyear.com
---------------------------------------- */
#browserblast {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: #fff; }

/*  
To prevent the banner overlapping content
.unsupported-browser is appened to the HTML tag
so you can push it down. The margin should be
total hight of the banner (height + border).
*/
/*# sourceMappingURL=index.css.map */