body {margin:0;}
button {cursor:pointer;font-weight:bold;padding:0.5em;border-radius:0.4em;font-size:medium;width:100%;border:none;}
input {padding:0.5em;border-radius:0.4em;width:100%;border:none;box-sizing:border-box;}
input[readonly] {color:grey;}
label {float:left;padding-top:1em;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}   

.blk {background:white;padding:3em 0 1em 0;text-align:center;}
.blk h2 {padding:0.5em;}
.blk .txt {border:1px solid white;padding:1em;}

#cookies-bar {font-size:small;width:100%;text-align:center;}
#cookies-bar button {background:transparent;font-weight:bold;width:auto;}
#cookies-bar > div {padding: 0.2em;}

#pers #myimg {float:right;font-size:200%;padding-left:0.2em;margin-top:0.25em;}
#mytxt {padding-top:0.4em;float:right;}

#top {background:white;}
#top #pers {float:right;text-align:right;}

#bot {height:3em;background:white;text-align:right;padding:1em 20% 1em 0;}

[class*='icon-'] {vertical-align:middle;}
h1, h2, h3, p {margin:0;}

.features {padding:1em;}
.feature {position:relative;padding:0 0 0.5em 2em;text-align:left;}
.feature>div {position:absolute;left:0.3em;top:0.1em;}

#cookies .blk {width:50%;min-width:20em;margin:3em auto;}
#scale {width:0;height:0.2em;background:green;}

.info {text-align:left;padding:1em 0;}
#midd {max-width:50em;margin:auto;padding:2em 0;}

.blk {display:inline-block;vertical-align:top;position:relative;margin:1em 0;max-width:28em;}

#err {text-align:center;padding:2em;}

#erneuern #msg {color:#700b0b;}

#index .blk {max-width:22em;min-height:28em;}
#index #drei a {float:left;padding:1em 0;}

#regal .blk {display:block;max-width:50em;margin:auto;}
#regal h2 {text-align:left;color:white;padding:0.2em 0 2em;}
#regal #add1 {float:right;margin:0;width:auto;background:white;}
#regal #shelf>a>div {margin-bottom:0.5em;background:white;text-align:left;padding:1em;position:relative;}
#regal #shelf>a>div>img {height:6em;margin-right:1em;float:left;}
#regal .tx {display:table-cell;vertical-align:middle;height:5em;}
#regal #shelf h2 {padding:0;color:#700b0b;}
#regal #shelf h4 {margin:0;white-space:nowrap;}

#regal-cloud {display:none;}
#regal #code_lay {position:fixed;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.5);cursor:pointer;}

#regal #codefeld {max-width:26em;background-color:white;text-align:center;cursor:pointer;
position:fixed;margin:auto;top:0;left:0;bottom:0;right:0;width:100%;height:9em;
padding:2em;
}
#regal #codefeld label {float:none;}
#regal #codefeld input {font-family:monospace;font-size:large;width:10em;margin:1em 0;text-align:center;}
#regal #codefeld button {margin-top:0.5em;width:auto;padding:0.5em 1em;}
#regal #codefeld input:focus {outline:0;}

#registrieren button {margin-top:1em;}
#registrieren .info {position:relative;padding:1em 0 0 3em;text-align:left;}
#registrieren .info .icon-info, #registrieren #nube, #registrieren #notifi {position:absolute;left:0;font-size:200%;vertical-align:middle;line-height:2em;margin-right:1em;}
#registrieren #nube, #notifi {width:1em;height:1em;top:0.2em;}

#registrieren2 button {margin-top:1em;}

#impressum .txt {text-align:left;margin-bottom:1em;}
#impressum a {text-align:left;font-weight:bold;}

#nutzungsbedingungen .txt {text-align:left;}

#faq .blk {text-align:left;line-height:2em;font-weight:bold;}
#profil .blk {min-width:40%;}

#kontakt .blk {min-width:60%;}
#kontakt textarea {width:100%;height:8em;}

@font-face {
  font-family: 'educanext';
  src:
    url('fonts/educanext.ttf?wg8q9q') format('truetype'),
    url('fonts/educanext.woff?wg8q9q') format('woff'),
    url('fonts/educanext.svg?wg8q9q#educanext') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'educanext' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lock-alt2:before {
  content: "\4a";
}
.icon-chevron-circle-up:before {
  content: "\68";
}
.icon-chevron-up:before {
  content: "\4e";
}
.icon-icon_user:before {
  content: "\51";
}
.icon-icon_password:before {
  content: "\52";
}
.icon-x:before {
  content: "\43";
}
.icon-check:before {
  content: "\45";
}
.icon-thumb-tack_v2:before {
  content: "\4b";
}
.icon-thumb-tack2_v2:before {
  content: "\6b";
}
.icon-user:before {
  content: "\47";
}
.icon-info-circle:before {
  content: "\42";
}
.icon-plus:before {
  content: "\46";
}
.icon-question:before {
  content: "\4c";
}
.icon-chevron-down:before {
  content: "\6e";
}
.icon-user2:before {
  content: "\44";
}
.icon-barcode:before {
  content: "\41";
}
.icon-unlock-alt:before {
  content: "\53";
}
.icon-user-circle:before {
  content: "\6d";
}
.icon-user-circle-o:before {
  content: "\4d";
}
.icon-e:before {
  content: "\4f";
}
.icon-n:before {
  content: "\50";
}
.icon-question-circle:before {
  content: "\6c";
}
.icon-chevron-circle-down:before {
  content: "\48";
}
.icon-info-circle2:before {
  content: "\62";
}
.icon-plus-circle:before {
  content: "\66";
}
.icon-lock-alt:before {
  content: "\6a";
}
.icon-check-alt:before {
  content: "\65";
}
.icon-checkmark:before {
  content: "\65";
}
.icon-tick:before {
  content: "\65";
}
.icon-x-altx-alt:before {
  content: "\63";
}
.icon-exit:before {
  content: "\49";
}

.svg {font-family:educanext; display:inline-block}

#system_maintenance_message {
    padding: 0.5rem;
    text-align: center;
}