@font-face{
  font-family:FFScalaSansWebPro;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(fonts/FFScalaSansWebProRegular.woff2) format("woff2"),url(fonts/FFScalaSansWebProRegular.woff) format("woff")}
@font-face{
  font-family:FFScalaSansWebPro;
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(fonts/FFScalaSansWebProBold.woff2) format("woff2"),url(fonts/FFScalaSansWebProBold.woff) format("woff")}

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

[class^="classroom-ico-"], [class*=" classroom-ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'classroom-icon-font' !important;
  speak: never;
  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;
}

.classroom-ico-add_box:before {
  content: "\e900";
}
.classroom-ico-audio:before {
  content: "\e901";
}
.classroom-ico-books:before {
  content: "\e902";
}
.classroom-ico-cancel_send:before {
  content: "\e903";
}
.classroom-ico-checked:before {
  content: "\e904";
}
.classroom-ico-classroom:before {
  content: "\e905";
}
.classroom-ico-classroom_alt:before {
  content: "\e906";
}
.classroom-ico-create:before {
  content: "\e907";
}
.classroom-ico-date_range:before {
  content: "\e908";
}
.classroom-ico-delete:before {
  content: "\e909";
}
.classroom-ico-download_csv:before {
  content: "\e90a";
}
.classroom-ico-download_pdf:before {
  content: "\e90b";
}
.classroom-ico-edit:before {
  content: "\e90c";
}
.classroom-ico-external:before {
  content: "\e90d";
}
.classroom-ico-eye:before {
  content: "\e90e";
}
.classroom-ico-file:before {
  content: "\e90f";
}
.classroom-ico-group_add:before {
  content: "\e910";
}
.classroom-ico-image:before {
  content: "\e911";
}
.classroom-ico-info:before {
  content: "\e912";
}
.classroom-ico-leaderboard:before {
  content: "\e913";
}
.classroom-ico-link:before {
  content: "\e914";
}
.classroom-ico-lock:before {
  content: "\e915";
}
.classroom-ico-lock_open:before {
  content: "\e916";
}
.classroom-ico-menu:before {
  content: "\e917";
}
.classroom-ico-menu_book:before {
  content: "\e918";
}
.classroom-ico-notifications:before {
  content: "\e919";
}
.classroom-ico-package:before {
  content: "\e91a";
}
.classroom-ico-page:before {
  content: "\e91b";
}
.classroom-ico-person:before {
  content: "\e91c";
}
.classroom-ico-play_arrow:before {
  content: "\e91d";
}
.classroom-ico-qr_code_2:before {
  content: "\e91e";
}
.classroom-ico-question:before {
  content: "\e91f";
}
.classroom-ico-school:before {
  content: "\e920";
}
.classroom-ico-send:before {
  content: "\e921";
}
.classroom-ico-settings:before {
  content: "\e922";
}
.classroom-ico-star:before {
  content: "\e923";
}
.classroom-ico-star_half:before {
  content: "\e924";
}
.classroom-ico-star_outline:before {
  content: "\e925";
}
.classroom-ico-stop:before {
  content: "\e926";
}
.classroom-ico-task:before {
  content: "\e927";
}
.classroom-ico-unchecked:before {
  content: "\e928";
}
.classroom-ico-unread:before {
  content: "\e929";
}
.classroom-ico-video-camera:before {
  content: "\e92a";
}
.classroom-ico-youtube:before {
  content: "\e92b";
}
.classroom-ico-search:before {
  content: "\e92c";
}
.classroom-ico-alarm-2:before {
  content: "\e92d";
}
.classroom-ico-mail:before {
  content: "\e92e";
}
.classroom-ico-notifications_alt:before {
  content: "\e92f";
}
.classroom-ico-folder-open:before {
  content: "\e930";
}

html {
    color:#343539;
}

* {
    font-family:FFScalaSansWebPro,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-variant-numeric:lining-nums;
}

/* rot #ed1a3b hgrau #eaecec */
.trnred, .trnred > * {color:#ed1a3b;}

.main-header #digibox_logo {height:84px;margin-bottom:2em;text-align:center;}
.main-header #digibox_logo img {height:100%;}
.main-header h2 {color: #010101;}
h1.main-header {color:#ed1a3b}
#digibox_claim {margin: 2em 0;}
#digibox_claim img {width:13.5em;}

#cke_form_content {margin:auto;}
#notification_form {display: block;}
.form-item-wrapper {padding-top: 1em;}

.content-box {padding:1em; margin-bottom:1em;}
.content-box, .regal-box, .classes-box, .section_container, .results-box {text-align:left; margin-left:auto; margin-right:auto; max-width:45em; padding-top:2em; padding-bottom:2em;}
.content-box, .login-box, .info_box {
    background-color:white;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
}
.content-box .info {
    text-align:center;
}

.content-box form input {
    max-width: 80%;
}
.content-box a {color: #ed1a3b;}
.regal-box, .classes-box {background-color:transparent}

button, input[type="button"], input[type="submit"] {background:#ed1a3b; color:white; border-radius:0; height:2.4375rem; font-weight: bold; cursor:pointer; -webkit-appearance:none;}
input[type="checkbox"] {width:auto}
label {float:none}
div.main, .learning-resource-main {min-height: calc(100vh - 160px);padding:2rem;}
.learning-resource-main #content {position:relative;width:100%;min-height:95vh;}

a {color:#333333;}
li, p {margin-bottom:1em}

.blk {border-radius: 1em 1em 0px 1em;}
.blk .txt {background:#d8d8d8;}

#cookies-bar {background:#ed1a3b;color:white;padding:0.5em;}

#top {height:94px;text-align:center;}
#top #logo {margin-left:0;height:94px;float:left;position:relative;z-index:2;}
#top #logo img {height:100%;}
#top #digibox_logo {height:66px;float:right;margin:14px 0.5em;position:relative;z-index:2;}
#top #digibox_logo img {height:100%;}
#top #digibox_logo_small {display:none;}

#bot {height:auto;padding:1em 2em 1em 0; font-size:15px;}
#bot img {vertical-align:middle;}

#mytxt {text-transform:uppercase;line-height:80px;white-space:nowrap;position:relative;z-index:2;}
#mytxt div, #bot div {display:inline-block;margin:0 0.7em;}

.icon {font-family:d4s;font-size:4em;display:inline-block;position:absolute;top:-0.6em;
  border-radius:50%;color:#a2c614;background:white;padding:0.1em!important;}

.main, .learning-resource-main {background-color:#f5f5f5; text-align:center}
#start {
    background-image:url("/resources/d4s-v-trn/img/digibox_2560.jpg");
    background-size:contain;
    background-repeat:no-repeat;
    /*background-color:#b7b7b6;*/
    background-color:#d4d4d9;
}
.login-box {text-align:center;background-color:#ffffff;display:inline-block;padding:1em;max-width:45em;}
.login-box div {margin-left:auto; margin-right:auto}
.main2 .login-box {width:17em;padding:2em 1.8em;}
.login-box a {color:#ed1a3b}
.login-box .info {
    position: relative;
    padding: 0 0 0 5em;
    margin-bottom: 0.5em;
}
.login-box .info span {margin-left:0.9em}
.login-box textarea, .content-box textarea {width:80%; margin-bottom:1em; padding:0.5em; height:8em}
.login-column {display:inline-block;text-align:center;}
input, select {background-color:#f5f5f5;}
input[type="email"], input[type="submit"],
input[type="text"], input[type="password"],
input[type="time"]
{margin-bottom:0.5em; height:2.4375rem; border-radius:0; display:block; margin-left:auto; margin-right:auto; max-width:20em}

#nube {margin-left:0.9em}
#news {margin-left:0.9em}
#notifi {margin-left:0.9em}

.info #notifi, .info .icon-info {
    position: absolute;
    left: 3em;
    width: 1em;
    height: 1em;
}

.info .icon-info {
    margin-left: 0.4em;
}

#regal .blk {background:#a29e98;}
#regal #add1, #add-class, #join-class, #search_book_content_button {background-color:#ed1a3b; color:white; float:none;text-transform:uppercase;}
#add-class, #join-class {margin-bottom:2em;}
#regal #add1 span, #add-class span, #join-class span, #search_book_content_button span {color:white;display:inline-block;vertical-align:middle;font-weight:bold}
.plus-svg {color:red !important;background-color:white;font-size:22px;margin-right:15px;}
#regal #codefeld input {border:3px solid #2D2E32; margin:auto; margin-top:1.5em; text-align:center}
#regal #shelf h4, #regal h4, .ebook-selection-box h4 {font-weight:normal;margin:0.1em 0 0 0;font-size:15px;}
#regal #shelf h4 {white-space:normal;}
.empty_shelf_button_container {text-align:center;}
#code_lay {z-index:10;}
#regal #code_lay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    justify-content: center;
    align-items: center;
}

.red_button, .white_button, #notification_form input[type="submit"] {
    display:inline-block;
    font-size:15px;
    text-transform:uppercase;
    margin: 0.2em 0;
    padding:0.5em 0.7em;
    line-height:2;
    cursor:pointer;
    white-space: nowrap;
    filter: brightness(1);
    transition: 0.1s all cubic-bezier(0.85,0.07,0.41,0.99);
}
input[type="submit"].red_button, input[type="submit"].white_button, #notification_form input[type="submit"], #preview-button {
    font-size:13.3333px;
    line-height:normal;
}
.red_button {
    background-color:#ed1a3b;
    margin-right:1em;
}
.white_button {
    background-color: #fff;
    border:0.01em solid #DCDCDC;
}
.red_button:hover, .white_button:hover, #add1:hover, #add-class:hover, #join-class:hover, #notification_form input[type="submit"]:hover,
#codeOK:hover, #support-home button:hover, #support-user button:hover, #choose_notification_recepients input[type="submit"]:hover, .hover_button:hover,
#search_book_content_button:hover{
    filter: brightness(0.9);
}
.red_button span, .white_button span {
    font-weight:bold;
}
.red_button span {
    color:white;
}

.big_button {
    display:block;
    width:80%;
    margin:auto;
    text-align:center;
    font-size:13.3333px;
    text-transform:lowercase;
    padding:0.5em 0;
}

.tick-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.tick-list li {
  padding-left: 1em;
  text-indent: -1em;
}

.tick-list li:before {
  font-family: educanext;
  color: #ed1a3b;
  content: "E";
  padding-right: 5px;
}

#profil .d4sdialog {background-color:#d8d8d8;}
#profil .d4sdialog label, #profil .d4sdialog p {color:#333333;}

.ebook-box, .class-box, .section_container {background:white; overflow:hidden; text-align:left; padding:1em; border:1px solid #DCDCDC;margin-bottom:1em;position:relative;}
.section_container {padding-left:0;padding-right:0;}
#book_link, .archive_icon, .lector_icon {margin-right:1em;}
.lector_icon {position:relative;top:0.45em;}
.lector_image {display:block;margin-right:auto;margin-left:auto;max-width:90px;border-radius:50%;}
.lector_image > img {max-width:100%;border-radius:50%;}
.bag_shelf .ebook-box.archive, .bag_shelf .class-box.archive, .bag_shelf .ebook-box.demo {display:none;}
.archive_shelf .ebook-box.bag, .archive_shelf .class-box.bag, .archive_shelf .ebook-box.demo:not(.archive) {display:none;}
.demo_shelf .ebook-box:not(.demo), .demo_shelf .ebook-box.archive {display:none;}

.regal-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 2em;
    gap: 1em;
}

.regal-header-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.25em;
}

.regal-header-toggle-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.regal-toggle {
    text-align: center;
    padding: 0.5em;
    border: 1px solid #DCDCDC;
    border-bottom-width: 4px;
    background: #FFFFFF;
    cursor: pointer;
    min-width: 4em;
    user-select: none;
}

.regal-toggle.active{
    color: #ed1a3b;
    font-weight: 700;
    border-bottom-color: #ed1a3b;
}

.regal-toggle:hover {
    border-color: #ed1a3b;
}

#shelf.hide_demo .ebook-box.code_type_7, #shelf.hide_demo .ebook-box.code_type_13 {display:none;}
#demo_visibility_container {text-align:center;font-size:1.5em;}
#demo_visibility.active {color:#ed1a3b;}

.archive_book img, .lector_link img, .archive_class img {height:2.5em;}
.archive_icon, .lector_icon {display:inline-block;vertical-align:bottom;cursor:pointer;float:right;}
.ebook-box.archive .archive_icon_bag, .class-box.archive .archive_icon_bag {display:none;}
.ebook-box.bag .archive_icon_archive, .class-box.bag .archive_icon_archive {display:none;}
.ebook-link-box img {float:left; height:8em; margin-right:1em; margin-bottom:1em;border: 1px solid #DCDCDC;}
.ebook-link-box h1, .ebook-selection-box h1, .activity-box h1, .results-box h1, .user-results h1, .question-results h1 {color:#ED1A3B;font-size:1.6em;max-width:90%;}
.activity-box.activity-student-closed h1, .activity-box.activity-teacher-closed h1 {color:#666;}
.ebook-link-box {display:table;padding-bottom:0.5em;}
.ebook-link-box > div {display:table-cell;vertical-align:top;width:100%;}

.learning-resource-main {padding-top:2em;}
.learning-resource-main .return_action {font-size:15px;text-align:left;margin-left:15px;}
.learning-resource-main iframe {display:block;}
.learning-resource-main h1 {color:#ed1a3b;max-width:70%;margin:auto;}
.learning-resource-svg {cursor:pointer;z-index: 0;}
.learning-resource-link {display:inline-block;background-color:#ed1a3b;width:50%;height:100%;float:right !important;padding:0.5em;text-align:right;}
.learning-resource-title, .learning-resource-link {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
a:hover {text-decoration:none;}

.minus {transform: rotate(180deg);transition: all 0.5s;}
.plus {transform: rotate(0deg);transition: all 0.5s;}
.svg.next {transform: rotate(90deg);}
.svg.prev {transform: rotate(270deg);float:left;}

#toc h2 {
    cursor:pointer;
    user-select:none;
    font-size:15px;
    font-weight:normal;
    padding:1em 0;
}

#toc p {
    font-size:15px;
    color:grey;

}

#toc hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    padding:0;
}

#toc h2 .svg {
    float:right;
}

.support-box { text-align:left;display:block; background-color:#f5f5f5;}
.support-box div {width:45em;margin-left:auto; margin-right:auto; margin-bottom:1em}
.support-box div div {width:90%;}
.support-box table {background:white; border-collapse: collapse;}
.support-box th, .support-box td {padding:0.5em; cursor:pointer}
.support-box tr:nth-of-type(odd) {background:#fbd0d6} 
.support-box input {width:100%!important; margin-bottom:1em; background-color:white;}

#mytxt > #shelf-tabs-mobile {
    font-size:17px;
    display:none;
}

#shelf-tabs {
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    display:inline-block;
    padding-top:0.4em;
    font-size:17px;
}

#shelf-tabs-mobile > div, #shelf-tabs > div {
    display:inline-block;
    cursor:pointer;
    user-select: none;
    text-transform:uppercase;
    white-space:nowrap;
}

#shelf-tabs > div {
    line-height:80px;
}

/*Fixing Webfont in Windows FF */

.content-box, #codefeld ,#codefeld > #codeOK, .ebook-link-box > h4, #deaktivieren, .resource-box h4, .activity-box > h4 {font-size: 17px;}
.login-box > a, .content-box > a, #bot > a, .info, #add1, #add-class, #join-class, #archive_toggle_container, #search_book_content_button {font-size: 15px;}
#mytxt {font-size:17px;}

/* Dropdown Menu */

#sddm, #sddm1 {
    margin: 0;
    padding: 0;
    z-index: 30;
}
#sddm li, #sddm1 li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
#sddm li a {
    display: block;
    margin: 0 1px 0 0;
    padding: 4px 10px;
    width: 70px;
    background: #40B7EA;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}
#sddm li a:hover {
    background: -moz-linear-gradient(top,#104875,#009FE3);
    background: -webkit-gradient(linear,left top,left bottom,from(#104875),to(#009FE3));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#104875',endColorstr='#009FE3');
}
#sddm div, #sddm1 div {
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #5970B2;
    z-index:1;
}
#sddm div a, #sddm1 div a {
        border-color: #909090;
        border-bottom: 1px solid #909090;
        position: relative;
        display: block;
        margin: 0;
        padding: 5px 10px;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background: #fff;
        color: #000000;
}

#sddm div a:hover, #sddm1 div a:hover {
        background: #dbdbdb;
}
.inac {
    color: grey !important;
}
#sddmd {
    width: 100%;
    display:inline-block;
    background-color: #40B7EA;
}
#yuievtautoid-0 {margin:auto}
#notification_form .form-button {margin-top:1em;}
#preview-button { width:18.5em;}

#notification_form textarea {
    border:none;
    box-sizing:border-box;
}
#notification_creation_date {
     margin:1em;
     color:grey;
}
#show_notification_preview_content {
    position:absolute;
    right:2px;
    top:55px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    max-width:25em;
    width:100%;
    padding:0 .5em .5em .5em;
    background-color:white;
    font-size: 17px;
    z-index: 3;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}
#show_notification_preview_content .w3-ul {
    margin-top: .5em;
}
#show_notification_preview_content li, #my_notifications li {
    margin-bottom: 0;
}
.notification-wrapper {
     position: relative;
}
.notification_icon {
    padding-right: 7px;
}
.notification_counter {
    position: absolute;
    right: -2px;
    bottom: 10px;
    font-size: 10px;
    background-color: #ed1a3a;
    border-style: solid;
    border-width: 2px;
    border-color: #ed1a3a;
    padding: 2px 5px;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    line-height:1em;
}
.notification_head {
    font-size:15px;
}
.notifications-link-showall {
    float: right;
}
#notifications_list {
    max-width: 70em;
    display:block;
    margin-left: auto;
    margin-right: auto;
}
#notifications_list > table {
    margin: auto;
}
.list_filter input[type=text], #search_filter {
    background-color:#fff;
    border: 0.01em solid #DCDCDC;
}
#form_title {background-color:#fff;}
#notification_show .content-box img, #show_edit_notification_preview_content img {max-width:100%;height:auto !important;}
#notification_form #form_intro {display:none;}


.w3-ul{list-style-type:none;padding:0.5em;}.w3-ul li{padding:8px 8px;border-bottom:1px solid #ddd}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#eaecec;}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-bar{width:98.5%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item {padding:8px 8px;float:left;width:auto;border:none;outline:none;display:block}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-large{font-size:18px!important}
#notifications-link {color:#343539;}

.unread_li {
    border-left: 3px solid #ed1a3b;
    color: #ed1a3b;
}
#loadMore, #showLess { width:18.5em;font-size: 15px;margin-bottom:1em;}
#showLess { margin-top:1em;}
.small-head {font-size: 15px;}
#confirm_send { text-align:center; margin-top:1em; width:18.5em;font-size: 15px;}

#pw_dial input[type="email"], #pw_dial input[type="submit"], #pw_dial input[type="text"], #pw_dial input[type="password"] {width:100%}

.teacherbook_ribbon {
    background:#ed1a3b;
    color:#fff;
    text-decoration:none;
    text-align:center;
    padding:1em 1em;
    font-size:0.7em;
    line-height:1em;
    position:absolute;
    display:block;
    overflow:hidden;
    float:right;
    width:14em;
    top:1.5em;
    right:-4.5em;
    transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);
    box-shadow:0.1em 0.1em 1em rgba(0,0,0,0.8);
    font-weight:bold;
}

.archive_label {font-size:17px;margin-top:1px;}

.switch {position: relative;display: inline-block;width: 30px;height: 12px; padding-top:0}
.switch input {display:none;}

.slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; -webkit-transition:.4s; transition:.4s; border:1px solid #ccc;}
.slider_border {border-top:1px solid #ccc;margin:17% 14%;display:inherit;}
.slider:before {position:absolute; content:""; height:15px; width:15px; left:0px; bottom:-2px; background-color:#ED1A3A; -webkit-transition:.4s; transition:.4s;border-radius:2px; box-shadow: 1.5px 1.5px 1.5px 0px rgba(0,0,0,0.5);}                                                                                                                                      
input:checked + .slider:before {-webkit-transform: translateX(13px);-ms-transform: translateX(13px);transform: translateX(13px);}

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family:FFScalaSansWebPro,sans-serif !important;
    font-size: 1em !important;
}
.ui-widget .ui-widget {
    font-size: 1em !important;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family:FFScalaSansWebPro,sans-serif !important;
    font-size: 1em !important;
}
.ui-widget.ui-widget-content {
    border: 1px solid #808080 !important;
}
.ui-widget-content {
    border: 1px solid #808080 ;
    background: #ffffff !important;
    color: #333333 !important;
}
.ui-widget-content a {
    color: #333333 !important;
}
.ui-widget-header {
    border: 0px !important;
    border-bottom: 1px solid #000000 !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-weight: bold !important;
    padding: .8em 1em !important;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-top: 2px solid #000000;
    background-image: none;
    margin-top: .5em !important;
    padding: 0 !important;
}

.ui-widget-header a {
    color: #ffffff !important;
}

.ui-dialog {
    padding: 0em !important;
}

.ui-dialog.ui-widget.ui-widget-content {
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
    border: 0px !important;
}

.no-close .ui-dialog-titlebar-close {display: none }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #808080 !important;
    background: #808080 !important;
    color: #000000 !important;
}
.ui-state-checked {
    border: 1px solid #808080 !important;
    background: #808080 !important;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #000000 !important;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px !important;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #808080 !important;
    background: #ffffff !important;
    font-weight: normal !important;
    color: #000000 !important;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #000000 !important;
    text-decoration: none !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc !important;
    background: #ED1A3B !important;
    font-weight: normal !important;
    color: #ffffff !important;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #000000 !important;
    text-decoration: none !important;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214) !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #cccccc !important;
    background: #ffffff !important;
    font-weight: normal !important;
    color: #000000 !important;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #cccccc !important;
    background-color: #000000 !important;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #000000 !important;
    text-decoration: none !important;
}

.info_box {
    max-width: 1024px;
    padding: 3em;
    margin: auto;
    font-size: 17px;
    box-sizing: border-box;
}

.info_context_box {
    text-align:left;
    vertical-align:top;
}

.info_title {font-weight: bold;}
.info_main_title {color:#ed1a3b;}
.info_sub_title {font-size:19px}

.info_box ul {
    margin-top:0;
    list-style: none;
    text-indent: -1.7em;
    padding-left: 1.7em;
}

.info_box li:before {
    content: "\2713";
    color:#ed1a3b;
}

.info_box li.square:before {
    content: "\0025A0";
}

.info_box li, .info_box p {
    margin-bottom:0;
}

.info_box ul li span {
    margin-left:0.8em;
}

.info_floating_img {
    float: right;
    margin: 0 0 1em 1em;
}

.info_floating_img img {
    max-width: 100%;
}

.info_sub_title {
  font-size:19px;
  font-weight:700;
  text-align:center;
  margin-bottom:20px;
}

#registrieren #nube, #notifi {
    top:0;
}
select#language:invalid, select#language option[value=""] {
  color: #8b8b8b;
}
.report_table {
    text-align:center;
    border-collapse: collapse;
}
.report_table td, th {
    border: 1px solid black;
}
.hidden_by_search, .hidden {
    display:none;
}

#regal #popup_message_lay {
    position:fixed;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.85);
    z-index:10;
}

#regal #popup_message {
    color:white;
    text-align:center;
    position:fixed;
    margin:auto;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    max-width:45em;
    height:9em;
}
#regal #popup_message label {float:none;font-size: 27px;}
#regal #popup_message button {margin-top:0.5em;width:auto;padding:0.5em 1em;}
#regal #popup_message div {padding:0 1em;}

.active-tab, .active-tab > a {color:#ed1a3b;}
#regal.show-classes > .regal-box {display:none;}
#regal.show-books > .classes-box {display:none;}
#add-class, #join-class {width:auto;}

.class_info {padding-bottom:0.5em;}
#regal .class-box .class_info > h2 {color: #ed1a3b; padding-bottom:0.5em;}

.class_info.class_page {float:left;max-width:55%;}

.show_section_container {
  width: 100%;
  display: flex; }

.show_section, .activity_type_select {
    text-transform:uppercase;
    width:auto;
}

.activity_type_select {
    margin-top:0.5em;
    margin-bottom:0.5em;
}
h1.activity_title {
    font-size: 20px;
}

.show_section {
    flex-grow: 1;
    border: none;
    border-radius: 0;
    box-shadow: inset 0px -2px 1px -1px #ddd;
    z-index: 1;
}

.show_section.active {
  background-color: #fff;
  color: #666;
  border-bottom: 2px solid #ed1a3b;
  box-shadow: none;
  box-shadow: -2px 0 5px -2px #ddd, 2px 0 5px -2px #ddd;
  z-index: 2; }

.show_section:not(.active) {
  background-color: #eee;
  color: #666;
}

/*.show_section:not(.active), .activity_type_select:not(.active) {
    background-color:#fff;
    color:#666;
    border:1px solid #666;
}*/

.section_container:not(.active) {
    display:none;
}

.activity_warning {
    padding: 0.5em;
    margin-block: 0.5em;
    background-color: #FABEC7;
    container-type: inline-size;
}

#classroom_control .class_caret, #shelf_control .ebook_caret, #member_control .member_caret, #notification_control .notification_caret {
    display:inline-block;
    font-size:1.5em;
    line-height:1.5em;
    transition: all 0.5s;
    cursor:pointer;
}

#shelf_control, #classroom_control, #member_control, #notification_control, #activities_control {
    background-color:#fff;
    /*margin-bottom:0.5em;*/
    /*margin-top:0.5em;*/
    position:relative;
    /*padding:1em;*/ padding:0 1em;
    /*min-height:2em;*/
    display:flex;
    justify-content:space-between;
}

/*#shelf_control, #member_control, #notification_control {
    margin-top:1.5em;
}*/

#shelf_control>.label, #classroom_control>.label, #member_control>.label, #notification_control>.label, #activities_control>.label {
    color:#ff6600;
    display:inline-block;
    font-size:1.5em;
    font-weight:bold;
}

@media (max-width: 640px) {
    #shelf_control>.label, #classroom_control>.label, #member_control>.label, #notification_control>.label, #activities_control>.label {
        font-size:0.9em;
        margin:auto 0;
    }
}

#members, #notifications {
    padding:0.5em;
}

#notifications {
    cursor:pointer;
}

/*#members .member_promote_button, #members .member_demote_button, #members .member_delete_button {display:none;}*/

#members, #notifications {
    background:white;
    margin-bottom:0.5em;
    font-size:1em;
}

#created_notifications, #sent_notifications {
    border: 1px solid;
    max-height:50vh;
    overflow:auto;
}

#members > .member, #members > .invited_member, #notifications > .notification {
    display: table;
    width:96%;
    border: solid thin lightgray;
    border-radius: 5px;
    /*margin: 0.25em auto;*/ margin:0.25em 0.25em 0.25em 0.5em;
    padding:0 0 0 0.5em;
    white-space:nowrap;
}
#members > div > div, #confirmed_members > div > div, #notifications > div > div {
    width:32%;
    display:table-cell;
    padding:0.25em;
}

#members > .member > .member_role, #members > .invited_member > .invited_member_role {
    color:gray;
    font-size:small;
}

#members > .member > .member_actions, #members > .invited_member > .invited_member_actions,
#confirmed_members .member > .member_actions,
.notification_actions {
    text-align:right;
}

.member >.member_actions > button, .invited_member > .invited_member_actions > button, .notification_actions > button, .activity_actions > button {
    width:auto;
    height:auto;/**/
    font-weight:normal;
    padding:5px;
}

.member_actions > button > span, .invited_member_actions button > span,
.notification_actions > button > span, .activity_actions > button > span {
    font-size:1.2em;
}

.notification.unsend {font-weight:bold;}

.member.teacher .member_promote_button, .member.student .member_demote_button, .invited_member.teacher .invited_member_promote_button, .invited_member.student .invited_member_demote_button {
    display:none;
}

.member_promote_button[data-teacher_p="f"], .member_promote_button[data-teacher_p="f"] {
    visibility:hidden;
}

#member-cloud button, #member_invite_email button, #member_invite_csv button, #member_invite_other button, #token_create button, #token_create_confirm_dialog button,
#notification_actions > button {
    font-size:small;
    width: auto;
    margin-right: 1em;
}

#notification_title {
    max-width:100%;
}

#member_invite_email_text {
    border: 1px inset;
    font-family:monospace;
    font-size:large;
}

.member_label {
    margin:1em 0 0.5em 0;
    font-weight:bold;
    font-size:1em;
}



.sub_label {
    font-weight:bold;
    margin-left:0.5em;
    margin-top:1.5em;
}


#class_member_admin, #class_code_admin {
    width:auto;
    margin-bottom:0.25em;
}

#class_member_admin > span, #class_code_admin > span {
    vertical-align:middle;
}

.tab {
    display:inline-block;
    border: 1px solid #666;
    border-bottom:1px solid transparent;
    border-radius:5px 5px 0 0;
    padding:0.5em;
    color:#666;
}

a.tab.active {
    border: 1px solid #ed1a3b;
    background-color:#ed1a3b;
    color:#fff !important;
    border-bottom:1px solid transparent;
}

.tab_container {
    border: 1px solid #DCDCDC;
    padding:0.75em;
}

.tab_container > div:first-of-type {margin-bottom:0.5em;}

.ui-dialog-buttonset > button.ui-button {width:auto;}
.ui-dialog-buttonset {padding-left:0.5em; padding-right:0.5em;}

#member_invite_email_text {width:100%;}

#current_class_token {
    margin-bottom:1em;
    padding:5px;
    border: 1px inset;
    border-radius:5px;
    text-align:center;
}

#qr_code {
    text-align:center;
}

.ebook-selection-box, .activity-ebook-selection-box {
    border:1px solid #DCDCDC;
    padding:1em;
    margin-top:1em;
    cursor:pointer;
    position:relative;
}

.ebook-selection-box > div {
    vertical-align:top;
    padding:1em;
}

.ebook-selection-box > img, .activity-ebook-selection-box > div > img {
    width: 100px;
    border: 1px solid #DCDCDC;
    vertical-align: middle;
}

.ebook-selection-box > * {
    display:inline-block;
}

.activity-ebook-selection-box {
    display: block;
    padding: 0;
    margin: 0.5em 0;
    border: none;
}

.activity-ebook-selection-box:hover {
    background-color: #eee;
}

.activity-ebook-selection-box > div {
    display: inline-block;
    vertical-align: middle;
    margin: 0.5em;
}

.ebook-selection-box.selected::after {
    font-family: educanext;
    font-size:5em;
    content:'e';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    line-height:2.5em;
    background:rgba(220,220,220,0.5);
}

.class_book, .activity-box {
    position:relative;
    padding:0.5em;
    overflow:hidden;
    border:1px solid #DCDCDC;
}

.activity-box {
    margin-bottom: 0.5em;
    background: white;
    text-align: left;
    padding: 1em;
    position: relative;
}

.activity-box > div {
    position:relative;
}

/*.activity-box.activity-closed {
    cursor:default;
}*/

.activity-box h1, .results-box h1 {
    margin-bottom:1em;
    display:inline-block;
    margin-right:0.5em;
}

.class_book_remove {
    position:absolute;
    z-index:1;
    top:0.2em;
    right:0.2em;
}

.class_book_remove::after {
    font-family: educanext;
    font-size:2em;
    content:'C';
    position:absolute;
    top:0;
    right:0;
}

.class_shelf, #activities, #results {
    padding:1em;
    /*padding-top:2em;*/
}

#regal div.expired, #regal #shelf > a > div.expired {background-color:#eee;}
#regal div.expired h1, #regal div.expired h2, #regal div.expired h4 {color:#666;}
#regal div.expired img,
#regal div.expired .teacherbook_ribbon,
#regal div.expired a#learning_resource_link,
#regal div.expired a#book_link {filter:grayscale(1);}
#regal div.expired .expired_label {color:#ED1A3B;}

#regal div.no_teachercode:after, a.no_teachercode > div:after {
    content:' ';
    background-color:#488bc9;
    opacity:0.3;
}

.class_invited {cursor:pointer;}
.class_invited .class_info, .class_invited #class-link {opacity:0.4;}

.not_available_ribbon, .no_teacher_ribbon {
    color:#000;
    font-size:0.6em;
    position:absolute;
    text-align:center;
    padding:0.1em 1em;
    line-height:2em;
    display:block;
    z-index:7;
    overflow:hidden;
    width:10em;
    box-shadow:0.1em 0.1em 1em rgba(0,0,0,0.8);
    transform:rotate(-55deg);
    -webkit-transform:rotate(-55deg);
    -ms-transform:rotate(-55deg);
    -moz-transform:rotate(-55deg);
    -o-transform:rotate(-55deg);
    left:-5px;
    top:55px;
    background:#eaeaea;
}

.no_teacher_ribbon {
    width:12em;
    left:-15px;
    background:#eaeaea;
}

.add_code {
    position:absolute;
    right:2em;
    top:0;
    bottom:0;
    height:3em;
    margin:auto;
    font-size:small;
    width:auto;
    z-index:2;
}

#add_code_dialog_book_info {
    display:flex;
    gap:1em;
    margin-bottom:1em;
}

input#add_code_input {
    font-family:monospace;
    font-size:large;
    width:10em;
    text-align:center;
    margin:1em auto;
}

#class-create-dialog input, #class-join-dialog input, #activityfeld input {font-family:monospace;font-size:large;margin:0.3em 0;text-align:center;border:1px inset;width:100%;max-width:unset;}
#activityfeld textarea {margin:0.3em 0;border:1px inset;padding:0.3em;box-sizing:border-box;}
#activityfeld #activity_title {text-align:left;}
#class-create-dialog #classfeld label, #class-join-dialog label {white-space:unset}
#class-create-dialog {margin:0.5em;}
#class_description  {width:100%;}

button.accept_invite {
    width: auto;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    height: 3em;
    z-index:2;
    font-size:small;
}
.activity_type_book_container {display:none;}
.activity_type_book_container.active {display:block;}

#resourcefeld {display:none;}

.activity_category {
    text-align:center;
    cursor:pointer;
    min-width: 200px;
    height: 140px;
    display: inline-block;
    margin: 15px 30px 15px 0px;
    border: none;
    position: relative;
    background-color: #ffffff;
}

.activity_category_text {
    position: absolute;
    bottom: -1em;
    background: #ffffff;
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 0.5em 0;
    border: 1px solid #f5f5f5;
}

.selected > .activity_category_text {
    background: #ed1a3b;
    color:#fff;
}

.category_image {
    max-height: 118px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
}

.category_icon {
    height: 118px;
    text-align: center;
    line-height: 110px;
    font-size: 40px;
}

.category_icon_no_img {
    border: 1px solid #cdd1d4;
    background-color: #cdd1d4;
    padding: 0.5em;
    border-radius:2em;
    color: white;
    font-size:1em;
}

.activity_resource {
    cursor:pointer;
    display:none;
}

.activity_resource, #activity_selected {
    text-decoration: none;
    color: #707070;
    vertical-align: middle;
    margin: 2px 0 2px 0;
    padding: 3px;
    white-space: nowrap;
}

#activity_selected_container {display:none;}

#category_html {
    margin-bottom:1.5em;
}

#activity_selected {
    display:inline-block;
    background: #ed1a3b;
    color: white;
    font-weight: bold;
    padding:0.5em;
}

#activity_selected_delete {
    display:inline-block;
    cursor:pointer;
    color:#ed1a3b;
}

.resourcefeld_back {
    cursor:pointer;
}

#activity_description  {width:100%;}

input#activity_start_date, input#activity_start_time,
input#activity_stop_date, input#activity_stop_time {
    width:25%;
    display:inline-block;
    border:0;
    padding:0;
}
input#activity_send_start_notification_p, input#activity_send_end_notification_p {width:auto;}

.activity_state {
    display:inline-block;
    position:absolute;
    right:0;
    top:0;
}

.activity_actions {
    text-align:right;
    font-size:1.2em;
    position:absolute;
    bottom:0;
    right:0;
}

#activityfeld.resource_selected .activity_type_select.active {
    background-color:#666;
}

.activity-teacher-open, .activity-teacher-new, .activity-teacher-closed, .activity-student-open, .activity-student-edit {
    cursor:pointer;
}

.activity-teacher-open, .activity-student-done {
    border-left:1em solid green;
}

.activity-student-open, .activity-teacher-new, .activity-student-edit {
    border-left:1em solid orange;
}

.activity-teacher-closed, .activity-student-closed {
    border-left:1em solid grey;
}

.activity-student-done .activity_result,
.activity-student-closed .activity_result {
    display:inline-block
}

#activities.closed > .activity-teacher-open,
#activities.closed > .activity-teacher-new,
#activities.closed > .activity-student-open,
#activities.closed > .activity-student-edit,
#activities.closed > .activity-student-done {
    display:none;
}

#activities.open > .activity-teacher-closed,
#activities.open > .activity-student-closed {
    display:none;
}

#activities.closed > #page_open {display:none;}
#activities.open > #page_closed {display:none;}

.activity_result {
    display:none;
    position:relative;
}

.activity_result > span, .member_result > span {
    font-size:1.5em;
    color:green;
}

span.activity_result_percent {
    font-size:1.2em;
    color:#000;
    display:none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: 0.5em;
    white-space:nowrap;
}

.activity_result:hover > .activity_result_percent {
    display:inline-block;
}

#activity_description_container {
    display:none;
}

#activity_answer, #text_feedback {
    min-height:50px;
    resize:none;
    width:100%;
}

#bookfeld {max-height:80vh;position:relative;}

.mini-book, #add_code_dialog>div>img {max-width:120px;max-height:6em;border:1px solid #dcdcdc;vertical-align: middle;}
.mini-books {float:right;max-width:45%;overflow:auto;}
.mini-books > div {width:max-content;}
.mini-books > div > a > div {display:inline-block;margin-left:1em;position:relative;}
.mini-books > div > a.expired {filter:grayscale(1);}
#notification_open_author, #notification_open_date, #notification_open_recipients {display:inline-block;font-weight:bold;}
#activity_question_container {margin-bottom:1em;width:100%;}
.activity_question {padding:0.5em;background-color:lightgrey;margin-top:0.5em;}
#activity_answer_container {margin-top:1em;width:100%}
.activity_resource_select {color:green;}

.framewrapper_lti_link_container {
    text-align:center;
}

table.result_table, table.collected_results_table, table.collected_questions_table {
    width:100%;
    border-collapse:collapse;
    border-spacing: 0.5em;
}

table.result_table {
    margin-top:1.5em;
}

table.collected_results_table tr.member.deleted, table.result_table tr.deleted, table.collected_results_table tr.member.disabled, table.result_table tr.disabled {
    color:gray;
}

.collected_results_table td, .collected_questions_table td {
    cursor:pointer;
}

.result_table th, .collected_results_table th, .collected_questions_table th {
    text-align:left;
    border: none;
    border-bottom: 1px solid #000;
}
.result_table th,.result_table td, .collected_results_table th, .collected_results_table td, .collected_questions_table th, .collected_questions_table td {
    padding:0.25em;
}
.result_table tr:last-child {
    border-top: 1px solid #000;
    font-weight:bold;
}
.result_table td:nth-child(2), .result_table th:nth-child(2), 
.collected_results_table td:nth-child(4), .collected_results_table th:nth-child(4),
.collected_questions_table th:nth-child(2), .collected_questions_table th:nth-child(3),
.collected_questions_table td:nth-child(2), .collected_questions_table td:nth-child(3) {
    text-align:center;
}

.collected_results_table td:nth-child(5) {
    text-align:right;
}

.activity_result.result {
    display:inline-block;
    /*margin-bottom:1.5em;*/
}
span.activity_result_percent.result {
    display:inline-block;
}

#results.user-results > .collected_questions_table {
    display:none;
}

#results.question-results > .collected_results_table {
    display:none;
}

.view_attempt, .show_stats {
    width:auto;
    height:auto;
    padding:0.25em;
}

.download_csv, .download_pdf {
    width:auto;
    margin-top:2em;
}
#grading_percent {
    width:5em;
    text-align:right;
}
#grading_button {
    width:auto;
}
#grading_container {
    text-align:center;
}
#star_rating_container {
    margin-right:30px;
    display: inline-block !important;
    margin-top: 10px;
}
#star_rating_container button.button_star_rating {
    width: 30px;
    background-color: #ffffff;
}
button.button_star_rating .classroom-ico-star, button.button_star_rating .classroom-ico-star_outline {
    color:#008000;
    font-size:24px;
}
#feedback_container {
    margin-top:30px;
}
.activity_result.result {
    width:100%;
}
#page_open, #page_closed {
    text-align:center;
}

#page_open > ul, #page_closed > ul {
    display:inline-block;
}

/*pagination style*/

.compact-theme a, .compact-theme span {
    box-shadow:none;
    border: 1px solid #dcdcdc;
    background: #fff;
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
    border-left: 1px solid #dcdcdc;
}

.compact-theme .current {
    background: #dcdcdc;
}

.compact-theme a:hover, .compact-theme li:not(.disabled):not(.active) span:hover {
    background: #eee;
}
.ebook_title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/********/
/*SEARCH*/
/********/

#search_book_content {
    max-width:100%;
    margin-top:0.5em;
}
#search_book_content_button {
    width:auto;
}
#search_book_content_button > span:first-of-type {
    font-size:22px;
    margin-right:10px;
}
#search_result_container {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-around;
}

.search_result {
    display:inline-block;
    margin:1em;
    text-align:center;
    padding:0.5em;
    width:25%;
    min-width:150px;
    max-width:200px;
    box-sizing: border-box;
}
.search_result > a > img {
    width:100%;
}
.search_result:hover {
    background-color:#eee;
}

/************/
/*SUPERCODES*/
/************/

.supercode_book {
    width:150px;
    display:inline-block;
    padding:12px;
}

.supercode_book > img {
    width:100%;
}

.supercode_book > div {
    display:flex;
    justify-content:center;
    vertical-align:middle;
    text-align:center;
}

@media screen and (min-width: 769px) {
    #start {display:flex;min-height:84vh;}
    .main1 {
        display:inline-block;
        width:58%;
    }
    .main-header, .info_title {padding-top:1em;margin-bottom:1em;}
    .info_main_title {font-size:2em;}
    .main2 {
        display:inline-block;
        width:42%;
    }
    #archive_toggle_container {
        float:right;
    }
    .login-column {margin-top:5em;}
}

@media (min-width:769px) and (max-width:1650px) {
    #start {
        background-image:url("/resources/d4s-v-trn/img/digibox_1440.jpg");
        background-size:100vw;
        background-position:center left;
        background-color:#ced2d7;
    }
}

.small_screen_text {display:none;}
@media (max-width: 768px) {
    .small_screen_text {display:inline-block;}
    .main2 {text-align:center;background-color:transparent;}
    #digibox_claim {text-align:center;}
    .main-header #digibox_logo {display:none;}
    .main-header h2 {display:none;}
    h1.main-header, .info_title {font-size:23px;padding-top:1em;padding-bottom:1em;}
    #top #digibox_logo_small {display:block;height:45px;float:right;margin:7.5px 0.5em;}
    #top #digibox_logo_small img {height:100%;}

    #start {background-image:url("/resources/d4s-v-trn/img/digibox_768.jpg");background-size:100%;}
    .main1 {padding-bottom:76%}
    #archive_toggle_container {
        float:none;
        width:100%;
        margin-bottom: 0.5em;
    }
    .login-column {margin-top:20vw;}
    .ebook-link-box h1, .ebook-selection-box h1, .activity-box h1, .results-box h1 {font-size: 23px;}
    #learning_resource_link, #book_link, .archive_book {font-size: 12px;}
    .regal-box, .classes-box, .results-box {padding-left:10px; padding-right:10px;}
    .content-box, .login-box {margin: 1em;}
    .teacherbook_ribbon {
        transform:rotate(50deg);-webkit-transform:rotate(50deg);-ms-transform:rotate(50deg);-moz-transform:rotate(50deg);-o-transform:rotate(50deg);
        right:-5.5em;
    }
    .ebook-link-box h1, .activity-box h1, .results-box h1 {max-width:85%;}
    .ebook-link-box img {height:7em;}

    .mini-books:not(.resources-1) {float:none;max-width:100%;overflow:auto;}
    .class_info.class_page:not(.resources-1) {float:none;max-width:100%;}
    div.main, .learning-resource-main {padding:0.5em;}
    .big_screen_text {display:none !important;}
    .small_screen_icon {font-size:24px;}

    #members > .member > .member_name, #members > .invited_member > .invited_member_email, #notifications > .notification > .notification_title {
        white-space:initial;
        width:90%;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding:0.05em;
    }

    #activities_control {
        display:block;
    }

    #activity_add {
        margin-bottom:0.5em;
    }

    #activities {
        padding-top:0.5em;
    }

    .activity_state {
        display:block;
        position:static;
    }

    .class-box {padding:0.5em 1em;}
    .mini-books {padding-bottom:0.5em;}

    #members > .member, #members > .invited_member, #notifications > .notification {
        margin:0.25em auto 0.25em auto;
    }

    .download_pdf {margin-top:0.25em;}

    .info_box { padding:1.5em;}

}

@media (max-width: 767px) {
    .regal-header {
        justify-content: space-around;
        flex-direction: column;
    }
}

@media screen and (min-width: 1121px) {
    .main {
        background-image:
            url("/resources/d4s-v-trn/img/pictogramm_praesentation.svg"),
            url("/resources/d4s-v-trn/img/pictogramm_loesung.svg"),
            url("/resources/d4s-v-trn/img/pictogramm_didaktik.svg"),
            url("/resources/d4s-v-trn/img/pictogramm_work.svg"),
            url("/resources/d4s-v-trn/img/pictogramm_pruefung.svg"),
            url("/resources/d4s-v-trn/img/pictogramm_safetycheck.svg"),
            url("/resources/d4s-v-trn/img/pictogramm_video.svg");
        background-position:
            calc(100vw/2 - 500px) 18%,
            calc(100vw/2 - 680px) 30%,
            calc(100vw/2 - 560px) 55%,
            calc(100vw/2 - 460px) 90%,
            calc(100vw/2 + 500px) 25%,
            calc(100vw/2 + 340px) 55%,
            calc(100vw/2 + 400px) 85%;
        background-repeat:
            no-repeat;
        background-attachment: fixed;
    }
}

@media (max-width: 1279px) {
    #top #logo {height:60px;}
    #top #digibox_logo {height:45px;margin:7.5px 0.5em;}
    #mytxt {overflow:auto;line-height:normal;float:none;width:100%;text-align:center;border-top:1px solid #e5e5e5;}
    #show_notification_preview_content {
        top:85px !important;
    }
    #shelf-tabs {display:none;}
    #mytxt > #shelf-tabs-mobile {display:inline-block;}
}


@media (max-width: 1024px) {
    .info_floating_img {
        text-align: center;
        float: none;
        margin: 1em 0 0 0;
    }

    .info_floating_box {
        display: flex;
        flex-direction: column-reverse;
    }
}

#regal #reader__dashboard button {
  width: 100%;
}

#reader {
    max-width:500px;
    margin:auto;
}

#reader__dashboard_section {
    width:auto !important;
    padding-left:10px !important;
    padding-right:10px !important;
}

#regal #codefeld {
    height:auto;
    position:initial;
    width:auto;
    margin-top:25vh;
    background-color: white;
    text-align: center;
    max-width: 100%;
    width: 25em;
    padding: 2em;
    margin: 0.5em;
}

body #cc-main {
    font-family:FFScalaSansWebPro,sans-serif;
}

body #cc-main .cm__btn {
    background-color: #ed1a3b;
    border-color: #ed1a3b;
    border-radius:0;
}

body #cc-main .cm__btn:hover {
    background-color: #ed1a3b;
    border-color: #ed1a3b;
    filter:brightness(0.9);
}