:root {
--hmkb_blue : hsl(212,89%,30%);
--hmkb_green : hsl(160,89%,82%);
--hmkb_green_ac11 : hsl(160,89%,35%);
--hmkb_blue_middle : hsl(212,89%,64%);
--hmkb_blue_light : hsl(212,89%,89%);
--layer1 : 0 0.15rem 0.3rem rgb(0 0 0 / 30%), 0 0.3rem 0.9rem rgb(0 16 8 / 8%);
}
.accordion,.accordion-container .print_student_button_container label{font-weight:700}.accordion{background-color:rgba(0,0,0,.2);color:#444;cursor:pointer;font-size:1.15rem;padding:.75rem 1rem 1rem;width:100%;text-align:left;outline:0;transition:.4s;line-height:1.5}.grey,.sub.accordion{background-color:rgba(0,0,0,.1)}.sub.accordion{padding:.5rem 1rem .66rem}.accordion-container select{margin-bottom:.5rem}dt[data-accordion-schueler-id]{display:flex;justify-content:space-between}dt[data-accordion-schueler-id] .right.print_student_button_container{float:none;flex-grow:2}.grey .sub.accordion{background-color:transparent;flex-grow:13;width:auto}.accordion-container .print_student_button_container .quickresult{font-weight:400}.empty_accordion progress,.lazy_message+.quickresult_container,input.visible_switch~section.visible_switch_content{display:none}.accordion_thema{margin-left:2.4rem}.lazy_message.hide+.quickresult_container{display:inline-block;position:relative;transform:translateY(.75rem)}.quickresult_container .note{position:absolute;left:50%;background-color:#eee;border:1px solid #999;padding:0 .5rem;transform:translateX(-50%) translateY(-.75rem);color:#555}.quickresult_container .quickresult{padding-left:.25rem;padding-right:.25rem}.quickresult.s0{background:red}.quickresult.s1{background:#ffd400}.quickresult.s2{background:#00feff}.quickresult.s3{background:#00ff7f}.quickresult.s4{background:#00ff2a}.print_student_button_container input{margin-left:1.25rem}.print_student_button_container label{display:inline;margin-right:1rem}.progress{float:right}.panel,dl dd{padding:0 1rem;background-color:#fff}.accordion-container .active .sub.accordion,.no_job_creation.cloud .sub.accordion:hover,.sub.accordion.active:hover,.sub.accordion:hover{background-color:#d8d8d8;color:#111}.accordion small{color:#056033;margin-left:.5rem}.print_student_button_container .round{background-color:transparent}.print_class_button_container svg,.print_student_button_container svg{margin:0 auto;fill:#fff;background:#555;border:.33rem solid #555;width:auto;height:1.5rem;transition:.3s ease-out;transform:scale(2) translateY(.2rem) translateX(-.3rem)}.print_class_button_container svg{transform:scale(2) translateY(0) translateX(0)}.print_class_button_container svg:hover,.print_student_button_container svg:hover{background:#000;border:.33rem solid #000}.user_form .accordion{font-size:1rem;padding:.25rem 1rem .5rem}dl dd{margin:0 .5rem .5rem;opacity:0;overflow:hidden;max-height:0;transition:.4s ease-in-out}#datenschutz_container,#datenschutz_container dl dd{margin:0}.active>.check_block>.panel,.active>.panel{max-height:400vh;padding:1rem 2rem 2rem;opacity:1;overflow-y:scroll}.accordion svg{transform:translateY(.4rem);margin-right:.5rem}.panel{margin-bottom:0;font-size:1rem;border:none}.accordion-container .accordion.active:hover,.accordion-container .accordion:focus,.accordion-container .accordion:hover,.accordion-container.active .accordion:hover{background-color:#c1c1c1;color:#333}#ticket_container .accordion-container.active .sub.accordion.cancel,#ticket_container .sub.accordion.cancel,#ticket_temp .sub.accordion.cancel{background-color:#beeaf2}#ticket_container .accordion-container.active .sub.accordion.cancel:hover,#ticket_container .sub.accordion.cancel:hover,#ticket_temp .sub.accordion.cancel:hover{background-color:#89e3f5}#ticket_container .accordion-container.active .sub.accordion.done,#ticket_container .sub.accordion.done,#ticket_temp .sub.accordion.done{background-color:#baf6ce}#ticket_container .accordion-container.active .sub.accordion.done:hover,#ticket_container .sub.accordion.done:hover,#ticket_temp .sub.accordion.done:hover{background-color:#89f5ad}#ticket_container .accordion-container.active .sub-container.subordinate .sub.accordion.cancel,#ticket_temp .accordion-container.active .sub-container.subordinate .sub.accordion.cancel{background-color:#cfdee1}#ticket_container .accordion-container.active .sub-container.subordinate .sub.accordion.cancel:hover,#ticket_temp .accordion-container.active .sub-container.subordinate .sub.accordion.cancel:hover{background-color:#afc9ce}#ticket_container .accordion-container.active .sub-container.subordinate .sub.accordion.done,#ticket_temp .accordion-container.active .sub-container.subordinate .sub.accordion.done,.no_job_creation.cloud .sub.accordion.done{background-color:#d0dbd4}#ticket_container .accordion-container.active .sub-container.subordinate .sub.accordion.done:hover,#ticket_temp .accordion-container.active .sub-container.subordinate .sub.accordion.done:hover,.no_job_creation.cloud .sub.accordion.done:hover{background-color:#a3dbb5}.accordion-container.active .accordion{background-color:#d6d6d6;color:#000}.right_marker{float:right;transform:rotate(180deg) translate(.5rem,-.25rem);transition:transform .4s ease-in-out}.active .right_marker{transform:rotate(0)}.empty_accordion .accordion{font-weight:400;color:#999;font-size:11px}input.visible_switch:checked~section.visible_switch_content{display:block}
#wp-admin-bar-wp-logo,
#wp-admin-bar-comments,
#wp-admin-bar-new-post,
#wp-admin-bar-new-page,
#wp-admin-bar-new-media {
display: none;
}
body.admin-bar #cms_system_wrapper_pos {
top: calc(1rem + 32px);
}
#cms_system_wrapper_pos {
position: absolute;
top: 1rem;
right: 2rem;
z-index: 99;
}
#cms_system_wrapper_pos * {
position: static!important;
}
#cms_system_wrapper {
display: flex;
flex-direction: column;
}
.cms_system {
padding: 1rem;
/*color: #fff;*/
background-color: var(--hmkb_blue_light);
}
.logged-in #wp-admin-bar-customize,
.logged-in #wp-admin-bar-updates,
.logged-in #wp-admin-bar-comments,
.logged-in #wp-admin-bar-new-content,
.logged-in #wp-admin-bar-edit,
.logged-in #wp-admin-bar-appearance,
.logged-in #wp-admin-bar-widgets,
.logged-in #wp-admin-bar-menus,
.logged-in #wp-admin-bar-header {
display: none;
}
/* softes ausschalten stufe 4 und 5 */
th.stufe5,
td.stufe5,
th.stufe4,
td.stufe4 {
display: none;
}
#wpadminbar #wp-admin-bar-site-name>.ab-item:before {
content: none;
}
.sub .accordion_thema {
font-size: 1rem;
}
.pdf_download_wrapper {
/* position: absolute;
right: 2.5%;*/
background: var(--hmkb_blue_light);
text-align: center;
padding: 1rem 2rem 1rem 2rem;
/* margin-top: -5rem;*/
}
.pdf_download_wrapper button {
padding: 1rem 2rem;
margin-bottom: 0.4rem;
}
/*.pdf_download_wrapper .smartquiz-download-info {
font-size: 11px;
}*/
.smartquiz-pdf-btn svg {
height: 1.5rem;
width: auto;
}
@supports ( grid-column: 1 / span 1 ) and ( display: flex ) and ( filter: blur(0) ) {
.good_browser {
display: block!important;
}
.old_browser {
display: none!important;
}
}
.navigation.post-navigation {
display: none;
}
.active a.inherit:link,
.active a.inherit:visited {
color: inherit!important;
}
b, strong {
font-weight: bold;
}
input.action_timer {
min-width: 70px;
}
.padding.smaller {
padding: 0.3rem 2rem 0.6rem 2rem;
}
.width_auto {
width: auto;
}
.size7 {
font-size: 7px;
}
.normal_bold {
font-size: 1rem;
font-weight: bold;
}
.ressource_container .padding {
padding: 0.6rem 1rem;
}
.ressource_container h3,
.ressource_container .button_container,
.ressource_container .ghost button {
margin: 0;
}
.material_review_status table {
margin-bottom: 0;
}
.padding {
padding: 1rem 2rem 2rem 2rem;
}
.padding.larger {
padding: 2rem 2rem 3rem 2rem;
}
.lightgrey {
background-color: #eee;
transition: all 0.6s ease-out;
}
.greycolor {
color: #999;
}
#smartpaper_version {
position: absolute;
bottom: -2rem;
left: 6rem;
color: #999;
}
/*article[class^="flow"] .lightgrey::after {
content: '';
bottom: 0;
right: 0;
width: 90%;
height: 2rem;
background: #fff;
display: block;
}*/
#colophon.site-footer .wrap {
padding-bottom: 0.3rem;
padding-top: 1rem;
}
button.btn {
border: 1px solid #111;
}
button.btn:not(.ghost):hover {
background-color: #222;
}
.no_gap .wp-block-columns {
gap: 0;
}
.no_gap .wp-block-column {
margin-left: 2rem!important;
}
.wp-block-columns.border_right_childs .wp-block-column {
padding: 2rem;
}
.wp-block-columns.border_right_childs > div:not(:last-of-type) {
border-right: 1px solid rgba( 0,0,0,0.3 );
margin-right: 1rem;
}
.no_loader .loader {
display: none;
}
#page {
line-height: 1.3;
}
.bubble_left {
position: relative;
background: linear-gradient(-62deg, hsl( 180, 100%, 70% ) 0%, hsl( 150, 100%, 70% ) 100%);
padding: 1rem 2rem 2rem 2rem;
font-size: 108%;
color: rgba(0,0,0,0.66);
}
.bubble_left:after {
content: '';
position: absolute;
display: block;
width: 0;
z-index: 1;
border-style: solid;
border-color: transparent hsl( 150, 100%, 70% );
border-width: 1rem 1rem 1rem 0;
top: 2rem;
left: -1rem;
margin-top: -1rem;
}
#page ul li {
margin-bottom: 0.6rem;
}
.bold {
font-weight: bold;
}
.grey_color {
color: rgba( 0, 0, 0, 0.3 );
}
select {
transition: all 0.3s ease-out;
}
select.raw,
input[type].error {
border-left: 0.23rem solid hsl(180,100%,23%);
color: #300;
animation: raw 1.82s alternate infinite ease-out;
}
select.toggle_target.active {
background-color: hsl(150,100%,72%);
font-weight: bold;
}
@keyframes raw {
100% { border-left-color: hsl(180,100%,42%); box-shadow: 0 0 0.6rem hsla(180,100%,23%,0.16); }
}
input[type].error {
background: red;
box-shadow: 0 0 0.6rem rgba( 255, 0, 0, 0.16 );
}
#inactivity_observer_wrapper {
background-color: #fff;
padding: 0;
max-width: 98vw;
margin: 0;
transition: all 1.2s ease-out;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
#inactivity_observer_wrapper .controll_field {
width: 2rem;
}
.insert_ls_accordions table caption {
display: none;
}
#inactivity_observer_wrapper .button_container,
#inactivity_observer_wrapper button {
margin-top: 0;
margin-bottom: 0;
}
#inactivity_observer_wrapper .fazit_box {
margin-top: 0;
}
#inactivity_observer_wrapper.active {
padding: 1rem 2rem 1.2rem 2rem;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
margin: 0 auto;
min-width: 42vw;
}
#inactivity_observer_wrapper
.ressource_container .ghost button,
#inactivity_observer_wrapper #stopp_timer_footer.btn {
padding: 0.5rem 1rem;
}
.timer_center {
display: flex;
justify-content: center;
align-content: center;
}
#content {
position: relative;
transition: opacity 0.6s ease-out, filter 0.9s ease-out;
}
/*#content.sleep {
opacity: 0.6;
filter: grayscale(66%);
}*/
.saturate.offline {
filter: saturate(10%);
}
/*#content::after {
content: '';
position: absolute;
bottom: 0;
width: 100vw;
left: 0;
height: 0;
background: transparent;
transition: all 0.9s ease-out;
transform: translateY( 400vh );
}
#content.sleep::after {
transform: translateY( 0 );
background: linear-gradient(0deg, hsl( 150, 100%, 70% ) 33%, hsla( 170, 100%, 70%, 0% ) 100%);
top: 0;
}
#content.sleep {
inset: 0;
}*/
.science_info {
position: fixed;
top: 2vh;
right: 3vw;
background-color: #fff;
border-left: 0.6rem solid #900;
padding-left: 0.6rem;
z-index: 999999999;
}
.science_info strong {
text-shadow: rgb(0 0 0) 3px 0px 0px, rgb(0 0 0) 2.83487px 0.981584px 0px, rgb(0 0 0) 2.35766px 1.85511px 0px, rgb(0 0 0) 1.62091px 2.52441px 0px, rgb(0 0 0) 0.705713px 2.91581px 0px, rgb(0 0 0) -0.287171px 2.98622px 0px, rgb(0 0 0) -1.24844px 2.72789px 0px, rgb(0 0 0) -2.07227px 2.16926px 0px, rgb(0 0 0) -2.66798px 1.37182px 0px, rgb(0 0 0) -2.96998px 0.42336px 0px, rgb(0 0 0) -2.94502px -0.571704px 0px, rgb(0 0 0) -2.59586px -1.50383px 0px, rgb(0 0 0) -1.96093px -2.27041px 0px, rgb(0 0 0) -1.11013px -2.78704px 0px, rgb(0 0 0) -0.137119px -2.99686px 0px, rgb(0 0 0) 0.850987px -2.87677px 0px, rgb(0 0 0) 1.74541px -2.43999px 0px, rgb(0 0 0) 2.44769px -1.73459px 0px, rgb(0 0 0) 2.88051px -0.838247px 0px;
color: hsl(160, 100%, 70%);
}
body hr {
background-color: rgba( 0,0,0,0.16 );
}
.logged_in_only {
display: none;
}
.cloud .no_cloud {
display: none;
}
.logged-in.admin-bar {
display: block;
}
.error_color {
color: #900;
}
#upload_message_container {
border: none;
}
.transition {
transition: all 0.3s ease-out;
}
.logged-in.admin-bar td.logged_in_only,
.logged-in.admin-bar th.logged_in_only {
display: table-cell;
}
.twentyseventeen-front-page #page article:not(.has-post-thumbnail):not(:first-child) {
border-top: none;
}
p {
margin: 0;
}
/*.bubble_counter {
display: inline-block;
background: #900;
color: #fff;
padding: 0.16rem 0.3rem;
height: auto;
width: auto;
aspect-ratio: 1 / 1;
text-align: center;
border-radius: 50%;
position: absolute;
transform: translateX(0.1rem);
}*/
.border_left {
border-left: 0.6rem solid;
padding-left: 1rem;
}
.background_single_cover {
background-repeat: no-repeat;
background-size: 1.2rem;
background-position: top;
}
.bubble_counter,
.accordion .bubble_counter {
border-radius: 50%;
background-color: #900;
color: #fff;
padding: 0.2rem 0.3rem 0.3rem 0.3rem;
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
transition: all 1s ease-out;
transform: translateX(0.3rem);
}
.bubble_counter.analyse {
background-color: hsl(150, 100%, 42%);
}
.bubble_counter:after {
content: '';
display: block;
height: 0;
width: 100%;
padding-bottom: 100%;
}
.scale {
font-weight: bold;
transform: scale(1.2);
}
.sub_cell {
transition: all 0.3s ease-out;
height: 2rem;
}
.sub_cell .sub_cell {
height: auto;
min-height: 1.7rem;
}
.sub_cell.selbsteinschaetzung {
display: inline-block;
position: relative;
}
.sub_cell.selbsteinschaetzung::before {
width: 0;
height: 0;
border-style: solid;
border-width: 0.7rem 0 0.7rem 0.8rem;
border-color: transparent transparent transparent rgb(36 48 49);
/*content: '';*/
position: absolute;
margin-top: -0.2rem;
margin-left: -0.13rem;
z-index: 1;
}
.sub_cell.selbsteinschaetzung small {
position: relative;
z-index: 1;
font-weight: bold;
}
.grid_auto {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.sub_cell.outline_td {
outline: 2px solid hsl( 150, 90%, 36% );
box-shadow: 0 0 1rem 0.3rem #fee;
z-index: 99999999;
animation: outline 0.3s alternate infinite ease-out;
}
@keyframes outline {
100% { outline-offset: 0.3rem; outline-color: hsl(160,90%,18%) }
}
.sub_cell .bubble_counter {
left: 50%;
transform: translateX(-50%) scale(0.9) translateY(-0.3rem);
min-width: 1.4rem;
background-color: hsl( 150, 10%, 44% );
box-shadow: 0 0 1rem hsla( 150, 90%, 70%, 0.9 );
text-shadow: 0 0 0.16rem #fff;
z-index: 99;
}
.sub_cell .bubble_counter.left {
left: 0;
}
.sub_cell .result {
/* background-color: rgba(0,0,0,0.8);
border: 1px solid #000;*/
padding: 0.42rem;
/*position: absolute;*/
line-height: 1.4;
color: #fff;
width: 1.4rem;
height: 1.42rem;
text-align: center;
}
.sub_cell .result strong {
/* display: inline-block;
transform: scale(1.5) translate(-10%, 50%);*/
font-size: 2rem;
color: rgba(0,0,0,0.66);
}
.text .bubble {
display: inline-block;
padding: 0.3rem 0.5rem;
background-color: hsl(160,100%, 42%);
border-radius: 50%;
margin-left: 0.3rem;
/* aspect-ratio: 1 / 1; */
/* height: 1rem; */
box-shadow: 0 0rem 1rem hsl(160deg 90% 42% / 60%);
text-shadow: 0 0 1rem #fff;
color: #fff;
}
.sub_cell .bubble_counter.scale {
transform: translateX(-50%) scale(1.2) translateY(0.16rem);
}
.bubble_counter.good {
background-color: hsl( 140, 80%, 44% );
box-shadow: 0 0 1rem hsla( 150, 90%, 70%, 0.9 );
text-shadow: 0 0 0.16rem #fff;
}
.bubble_counter.bad {
background-color: hsl( 180, 80%, 44% );
box-shadow: 0 0 1rem hsla( 190, 90%, 70%, 0.9 );
text-shadow: 0 0 0.16rem #fff;
color: rgba(255,255,255,0.66);
}
.bubble_counter_value {
overflow: visible;
height: 0;
margin-top: -1.3em;
}
.twentyseventeen-front-page #load_status {
border-color: #ccc;
}
.no_margin {
margin: 0!important;
}
.no_margin_top {
margin-top: 0;
}
.margin_left_auto {
margin-left: auto;
}
.gmta_teaser p {
margin-bottom: 1rem;
}
.gmta_teaser {
padding: 2rem;
background-color: #eee;
border-left: 0.6rem solid hsl(150, 80%, 50% )
}
#menu_frontpage.flex > * {
margin-right: 2rem;
}
#menu_frontpage {
position: sticky;
top: -0.1rem;
z-index: 999;
margin-bottom: 2rem;
}
.button_container button.btn:hover {
background-color: #000;
}
.button_container.ghost button.btn:hover {
background-color: #ddd;
}
#tab_btn_container li.resp-tab-item.large {
padding: 1rem 3rem 1rem 2rem;
}
#menu_frontpage .button_container.ghost,
#menu_frontpage .button_container.dark_ghost {
box-shadow: 0 0.15rem 0.3rem rgba( 0, 0, 0, 0.3 );
margin-bottom: 0;
}
#menu_frontpage .button_container.ghost {
background-color: hsl(150, 80%, 92%);
}
#menu_frontpage .ghost button,
#menu_frontpage .dark_ghost button {
margin-top: 0;
margin-right: 0;
height: 100%;
}
#menu_frontpage .dark_ghost button {
background-color: transparent;
}
.inline_block {
display: inline-block;
}
.block {
display: block;
}
#smartpaper_frontpage .wpcf7-form {
max-width: none;
}
#smartpaper_frontpage .wpcf7-list-item {
display: block;
}
#menu_frontpage .button_container.ghost {
background-color: #fff;
}
#menu_frontpage .button_container.dark_ghost {
background-color: #555;
}
.unread_read_counter {
background: rgba(0,0,0,0.33);
/* padding: 0.33rem 0.6rem 0.6rem 0.6rem;*/
/*border-radius: 0.3rem;*/
/* border: 1px solid rgba(0,0,0,0.16);*/
transition: all 0.9s ease-out;
color: #333;
}
#page .check_judge table {
background-color: transparent;
}
#page .check_judge table.border td {
border: none;
}
#page .unread_read_counter.done {
color: #000;
/* background: hsl( 160, 90%, 80% )!important;
box-shadow: 0 0 0.6rem hsl(160deg 70% 60% / 72%);*/
}
#page .unread_read_counter.done .bubble {
color: hsl( 160, 80%, 80% );
}
.unread_read_counter .bubble {
margin-left: 0.6rem;
color: hsl( 160, 80%, 80% );
padding: 0.16rem 0.3rem 0.3rem 0.3rem;
}
.unread_read_counter.done .bubble {
color: #000;
}
.opacity {
opacity: 0.6!important;
}
.opacity33 {
opacity: 0.3!important;
}
.opacity16 {
opacity: 0.16!important;
}
body tr {
border-bottom: none;
}
.unread_read_counter .total {
color: hsl( 140, 0%, 90% );
}
#checklisten_start .h5p-iframe-wrapper iframe::before {
content: 'Selbsttest';
font-size: 11px;
position: absolute;
margin-top: -2rem;
margin-left: 2rem;
}
.px0_opacity {
height: 0!important;
padding: 0!important;
margin: 0!important;
border: none!important;
width: 0!important;
opacity: 0!important;
}
.backdrop {
background-color: #fff;
}
@supports ( backdrop-filter: none ) {
.backdrop,
#menu_frontpage .button_container.ghost,
#menu_frontpage .button_container.dark_ghost,
.abs_area blockquote.backdrop,
#main .resp-tabs-list li.backdrop {
backdrop-filter: blur(2rem) saturate(4);
}
.backdrop,
#menu_frontpage .button_container.ghost,
.abs_area blockquote.backdrop {
background-color: rgba(255,255,255,0.6);
}
.backdrop.textfocus {
background-color: rgba(255,255,255,0.8);
}
#menu_frontpage .button_container.dark_ghost {
background-color: rgba(0,0,0,0.6);
}
}
@supports ( -webkit-backdrop-filter: none ) {
#menu_frontpage .button_container.ghost,
#menu_frontpage .button_container.dark_ghost,
.abs_area blockquote.backdrop,
#main .resp-tabs-list li.backdrop {
-webkit-backdrop-filter: blur(2rem) saturate(4);
}
#menu_frontpage .button_container.ghost,
.abs_area blockquote.backdrop {
background-color: rgba(255,255,255,0.6);
}
#menu_frontpage .button_container.dark_ghost {
background-color: rgba(0,0,0,0.6);
}
}
/*.frosty {
background-color: rgba( 0, 0, 0, 0.066 );
padding: 1rem;
}
.frosty_hover:hover {
background-color: rgba( 0, 0, 0, 0.033 );
box-shadow: 0 0 2rem 0.3rem #fff;
}*/
/*.frosty_hover .ghost,
#page .frosty_hover .icons {
opacity: 0;
}
#page #inactivity_observer_container .icons,
.frosty_hover:hover .ghost,
#page .frosty_hover:hover .icons {
opacity: 1;
}*/
table.auto {
width: auto;
}
table.frosted thead tr {
background-color: transparent;
}
table.privat_logbuch {
border-collapse: collapse;
}
table.privat_logbuch th {
border: 1px solid rgba(0,0,0,0.33);
}
table.privat_logbuch td {
border: 1px solid rgba(0,0,0,0.16);
}
table.auto_width {
width: auto;
}
.excerpt_table_container {
position: relative;
}
.excerpt_table_container table
.ticket_card_rendered {
display: none;
}
.done .excerpt_table_container table,
.done .ticket_card_rendered {
display: block;
}
#tickets .ticket_card_rendered {
display: none;
}
#tickets .only_cloud {
display: none;
}
#tickets .done .ticket_card_rendered {
display: block;
}
#tickets .done .ticket_card_rendered .fazit_box {
display: none;
}
#tickets .done .ticket_card_rendered .wrapper {
max-width: 60ch;
}
#tickets .right_box p {
margin: 0;
}
#tickets .excerpt_table_container table.small.frosted th,
#tickets .excerpt_table_container table.small.frosted td {
padding: 0.2rem!important;
}
#material_container .overlay {
transition: all 0.3s ease-out;
transform: translateX(100vw) scale(3);
}
#material_container .overlay.active {
/* position: absolute;*/
/* top: 6vh;
right: -20vw;
width: 40vw;*/
transform: translateX(0) scale(1);
padding: 1rem 2rem 2rem 2rem;
}
#material_container .overlay.active .ticket_card_rendered {
display: none;
}
/*.ticket_card_rendered.small {
padding: 2rem;
background: rgba( 255,255,255,0.9 );
transform: scale(0.1) rotate(-3deg);
position: absolute;
top: -0.3rem;
left: -2rem;
max-width: 200rem;
transform-origin: top left;
transition: all 0.1s ease-out;
}
.ticket_card_rendered {
transform: scale(1) rotate(0);
position: relative;
}*/
form:not(.reset_fieldset) fieldset {
padding: 1rem 2rem 2rem 2rem;
border: none;
border-bottom: 1px solid rgba(0,0,0,0.16);
margin: 0;
}
fieldset legend {
font-weight: bold;
color: #999;
}
.triangle_down_center {
position: relative;
}
.triangle_down_center::after {
content: '';
left: 50%;
bottom: -2rem;
margin-left: -2rem;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 2rem 2rem 0 2rem;
border-color: hsl( 150, 90%, 72% ) transparent transparent transparent;
}
#page table.frosted thead tr th {
border: none;
padding-bottom: 0;
}
#page table.frosted tbody tr {
background-color: rgba( 255, 255, 255, 0.16 );
}
#page table.frosted.dark tbody tr {
background-color: rgba( 0, 0, 0, 0.23 );
}
#page table.frosted.dark tbody td {
border-color: #000;
}
#page table.frosted.dark .bubble {
background-color: rgba( 0, 0, 0, 0.66 );
}
table.frosted th img.icons,
table.frosted th:hover img.icons {
filter: brightness(0);
opacity: 0.33;
margin: 0;
height: 0.66rem;
}
table.frosted th {
color: rgba(0,0,0,0.33);
}
table.center td,
table.center th {
text-align: center;
vertical-align: middle;
}
#page table.border td,
#page table.border th {
border: 1px solid rgba(0,0,0,0.16);
}
.twentyseventeen-front-page #page table td,
.twentyseventeen-front-page #page table th {
border: none;
/*border-bottom: 1px solid rgba( 0,0,0,0.32 );*/
border-bottom: 1rem solid #333;
padding: 1rem 1rem 1.3rem 1rem;
}
.twentyseventeen-front-page #page table.slim td,
.twentyseventeen-front-page #page table.slim th,
.twentyseventeen-front-page #page table.small td,
.twentyseventeen-front-page #page table.small th {
border-bottom: 1px solid rgba(0,0,0,0.6);
}
/*.twentyseventeen-front-page .important_info {
max-width: 48%;
}*/
#page table.slim th {
vertical-align: middle;
}
.twentyseventeen-front-page #page table:not(.slim):not(.small) td {
padding: 1rem 2rem 2rem 2rem;
}
.twentyseventeen-front-page #page table.lernsituation:not(.slim):not(.small) td,
.twentyseventeen-front-page #page table#lernsituation:not(.slim):not(.small) td {
padding: 1rem 2rem 2rem 2rem;
}
#page table.small td,
#page table.small th {
padding: 0.4rem 0.4rem 0.6rem 0.4rem!important;
}
#page table.small tr.unread_read_counter td,
#page table.small tr.unread_read_counter th {
padding: 0.3rem 0.3rem 0.3rem 0.3rem!important;
}
#page table.small.frosted td,
#page table.small.frosted th {
padding: 0.4rem;
}
table#lernsituation tbody {
background-color: #eee;
}
#page table.small strong {
/*font-size: 1rem;*/
}
table ul {
padding-inline-start: 1.3rem;
}
.insert_ls_accordions table tfoot {
border-left: 1rem solid #000;
}
/*.youtube_container {
width: 516px;
height: 315px;
overflow: hidden;
}*/
#page .twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
border: none;
}
.wp-block-column {
transition: all 0.3s ease-out;
}
.wp-block-columns .wp-block-column.grow {
flex-grow: 3;
}
.youtube_container:hover {
cursor: pointer;
}
#page h4 {
color: #065;
font-size: 1.3rem;
font-weight: bold;
margin-bottom: 0.1rem;
}
#page .insert_ls_accordions h4 {
padding-top: 0;
}
#page .story p {
max-width: none;
}
#page .teaser_bold {
font-weight: bold;
color: #000;
font-size: 106%;
}
.youtube_onclick::after,
h4 a:link::before {
/*content: url('img/play-circle-solid.svg');*/
content: url('data:image/svg+xml;utf8,');
position: absolute;
width: 4rem;
top: 60%;
left: 50%;
transform: translateX(-50%);
animation: pulsing_play 0.8s ease-out alternate infinite;
}
#page h4 a:link {
position: relative;
padding-left: 1.6rem;
display: block;
color: hsl(150,80%,40%);
}
#page .insert_ls_accordions tfoot * {
color: rgba(255,255,255,0.6)!important;
}
h4 a:link::before {
display: inline-block;
width: 1.4rem;
margin-left: 0.3rem;
left: 0;
top: 0.2rem;
/*content: url('img/external-link-outline-green.svg');*/
content: url('data:image/svg+xml;utf8,');
}
@keyframes pulsing_play {
100% { transform: translateX(-50%) translateY(2%) scale(0.8);}
}
.yesyes {
animation: yesyes 0.1s ease-out alternate 6;
}
@keyframes yesyes {
100% { transform: translateY(2%) scale(1.02);}
}
.nono {
animation: nono 0.1s ease-out alternate 6;
}
@keyframes nono {
100% { margin-left: -0.6rem;}
}
.unloaded {
animation: unloaded 0.3s ease-out alternate infinite;
}
@keyframes unloaded {
100% { transform: scale(1.4) translate( 20% ); }
}
.highlight {
animation: highlight 0.12s ease-out alternate 12;
}
@keyframes highlight {
100% { transform: scale(1.6);}
}
small.do_action {
color: rgba(0,0,0,0.33)!important;
}
.youtube_container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
background-size: cover;
background-size: cover;
box-shadow: 0 0.3rem 2rem rgb(0 0 0 / 60%);
}
#smartpaper_frontpage .youtube_container {
max-width: 92%;
padding-bottom: 50%;
}
#smartpaper_frontpage .grow .youtube_container {
padding-bottom: 52%;
}
.youtube_container small {
background: rgba(255,255,255,0.3);
padding: 0.3rem;
position: absolute;
bottom: 0;
box-shadow: 0 0 1rem rgba(255,255,255,0.6);
transition: all 0.2s ease-out;
}
.youtube_container:hover small {
background: rgba(255,255,255,0.8);
font-size: 1rem;
}
.youtube_container.iframe_loaded {
background-image: none;
}
iframe.h5p-iframe {
width: 100%;
margin-bottom: 2rem;
}
.h5p_quiz_container {
width: 100%;
margin: 0 auto;
}
.youtube_container iframe,
.youtube_container object,
.youtube_container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.preview_thumb {
transition: all 0.2s ease-out;
height: 100%;
width: auto;
}
.preview_thumb:hover {
transform: scale(1.1);
}
.flipped_origin {
transform: rotateY(182deg);
transform-origin: left;
margin-left: 4rem;
}
/*#smartpaper_frontpage .accordion {
background-color: transparent;
padding: 0;
}*/
/*#smartpaper_frontpage blockquote {
margin-bottom: 3rem;
padding-bottom: 1rem;
color: #333;
padding: 1rem 1rem 2rem 1rem;
box-shadow: 0 0.15rem 0.3rem rgba( 0, 0, 0, 0.3 );
font-style: normal;
background-color: #fff;
}*/
/*#smartpaper_frontpage blockquote p {
border-left: 1rem solid hsl(150, 80%, 50% );
padding: 1rem 1rem 2rem 1rem;
display: inline-block;
background-color: #eee;
}*/
/*#smartpaper_frontpage blockquote::after {
content: '';
width: 0;
height: 0;
border-left: 23px solid transparent;
border-right: 2rem solid transparent;
border-top: 2rem solid hsl(150, 80%, 60%);
position: absolute;
margin-top: -2rem;
animation: slow_down 0.6s alternate infinite ease-out;
}*/
.blue {
color: var(--hmkb_blue);
}
.relative {
position: relative;
z-index: 3;
}
.wp-block-columns.layer1 {
background-color: #fff;
padding: 2rem 3rem 3rem 3rem;
}
.wp-block-columns.layer1.blue_left {
padding: 0;
}
.wp-block-columns.layer1.blue_left .wp-block-column {
padding: 2rem 3rem 3rem 3rem;
}
.wp-block-columns.layer1.blue_left .wp-block-column.blue {
background-color: hsl(190, 100%, 92%);
}
#smartpaper_frontpage .c-accordion__content blockquote:last-of-type::after {
content: none;
}
#smartpaper_frontpage p {
margin-bottom: 1rem;
}
#smartpaper_frontpage p,
#smartpaper_frontpage ul li {
max-width: 60ch;
}
#smartpaper_frontpage blockquote img {
max-width: 70ch;
height: auto;
opacity: 1;
margin-bottom: 4rem;
width: 100%;
height: auto;
}
#smartpaper_frontpage .wp-block-column {
margin-left: 0;
}
#smartpaper_frontpage blockquote p,
#smartpaper_frontpage .acf-block-figure figcaption.caption_box,
blockquote#leitbild {
border-left: 1rem solid hsla(140, 100%, 42%, 0.66);
padding: 1rem;
background-color: rgba( 0, 0, 0, 0.08 );
line-height: 1.3;
color: #333;
font-size: 1rem;
font-style: normal;
}
blockquote#leitbild {
width: 90%;
max-width: 30rem;
background-color: rgba( 255, 255, 255, 0.66 );
}
#smartpaper_frontpage .c-accordion__title {
/*border-bottom: 1px solid #ccc;*/
background-color: hsl(150, 90%, 80%);
padding: 1rem 2rem 1.33rem 2rem;
transition: all 0.3s ease-out;
margin-bottom: 0;
}
.c-accordion__title:after {
right: 2rem;
font-weight: bold;
color: #376;
}
#smartpaper_frontpage .c-accordion__content {
padding: 1rem 2rem 2rem 2rem;
background-color: #eee;
}
#smartpaper_frontpage .c-accordion__title:hover {
background-color: hsl(150, 90%, 70%);
}
#smartpaper_frontpage .c-accordion__title.open {
border-bottom: none;
background-color: transparent;
}
#smartpaper_frontpage .wp-block-pb-accordion-item {
font-size: 1rem;
font-weight: normal;
margin-bottom: 1rem;
border: 1px solid #ccc;
}
@keyframes slow_down {
100% { margin-top: -1rem }
}
label {
color: #575;
}
label small {
color: #000;
}
.ui-helper-hidden-accessible {
display: none;
}
.small {
font-size: 12px;
}
.bigger {
font-size: 160%;
}
.small .big {
font-size: 125%;
}
#chartjs-tooltip {
background: rgba( 255, 255, 255, 0.9);
padding: 2rem 2rem 3rem 2rem;
}
#chartjs-tooltip [class^="svg-empty"] {
fill: #999;
}
#chartjs-tooltip .star_set {
position: absolute;
height: 1.2rem;
width: auto;
}
.no_pad {
padding: 0;
}
.flex .full {
width: 100%;
}
.flex .flex1 {
flex: 1;
}
.flex {
display: flex;
/* align-items: center;*/
}
#primary .flex_inline {
display: inline-flex;
}
.flex.wrap {
flex-wrap: wrap;
}
.flex.flex-start {
align-items: flex-start;
}
.flex.justify-center {
justify-content: center;
}
.flex.space_between {
justify-content: space-between;
}
.flex.flex_end {
align-items: flex-end;
}
.flex.align_items_center {
align-items: center;
}
.flex .align_self_center {
align-self: center;
}
.flex.align_items_stretch {
align-items: stretch;
}
.flex.column {
flex-direction: column;
}
.flex.column .align_bottom {
align-self: revert;
margin-top: auto;
}
.flex .long {
max-width: 42ch!important;
}
.flex .one-third {
max-width: none;
width: 33.3%
}
.block42ch {
width: 42ch;
display: block;
}
.licence_info {
text-align: right;
}
.lizenz_name {
margin-right: 1rem;
}
img.third_width {
width: 33%;
}
.flex .fullsize {
max-width: none;
width: 100%;
margin-right: 0;
}
#classroom_login .flex > * {
max-width: 23ch;
margin-right: 2rem;
}
.flex .ghost:not( .margin_right ) {
margin-right: 0;
}
.flex .ghost button.btn {
margin-right: 0;
}
input, select {
cursor: pointer;
}
.flex > input {
max-height: 3rem;
}
.ui-tooltip {
padding: 1rem;
position: absolute;
z-index: 9999;
max-width: 20rem;
background: #fff;
box-shadow: 0 0.15rem 0.3rem rgba( 0, 0, 0, 0.3 );
border-bottom: 1px solid rgba(0,0,0,0.1);
border-left: 0.6rem solid hsl(150, 80%, 60% );
transform: translateY(1rem);
}
.ui-tooltip::before {
content: '';
position: absolute;
width: 0;
height: 0;
left: -1rem;
top: -0.4rem;
border-style: solid;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-color: transparent transparent hsl(150, 80%, 60% ) transparent;
}
body {
transition: background 0.4s ease-out;
}
body h1 {
font-weight: normal
}
.single-smartquiz #main {
max-width: 80rem;
margin: 0 auto;
}
h5.lf_meta {
font-size: 1rem;
margin-top: 0;
margin-bottom: 6rem;
padding-top: 1.2rem;
}
#main .margin_bottom {
margin-bottom: 2rem;
}
#main .margin_bottom.large {
margin-bottom: 4rem;
}
.border_bottom {
border-bottom: 1px solid rgba(0,0,0,0.16);
}
#main .margin_bottom.little {
margin-bottom: 0.6rem;
}
.margin_right {
margin-right: 1rem
}
.margin_right.big {
margin-right: 3rem
}
.margin_right.little {
margin-right: 0.3rem
}
html.freeze {
pointer-events: none!important;
overflow-y: hidden!important;
}
body label {
font-weight: normal;
}
body label.normal,
.normal label,
.normal {
font-weight: normal;
}
.twentyseventeen-front-page .entry-title {
display: none
}
button.full {
width: 100%;
}
.ghost button {
border: 1px solid rgba(0,0,0,0.16);
color: #333;
margin-top: 2rem;
background-color: transparent;
}
.save_area .ghost.flex_end {
margin-left: auto;
}
button:disabled {
background-color: #ccc;
pointer-events: none;
}
button:disabled ,
.disabled label {
color: #999;
}
.layer1:disabled {
box-shadow: none;
}
.passiv {
pointer-events: none;
}
#page input.passiv {
background-color: #eee;
color: #999;
}
.acc_new.passiv {
opacity: 0.33;
}
.kmbtcnk_container #marksChart {
margin-bottom: 4rem;
}
#naming_area {
margin-bottom: 2rem;
margin-right: 1rem;
}
#naming_area form {
display: flex;
}
#naming_area input {
background-color: #fff;
margin-right: 1rem;
max-width: 22ch;
color: #000;
font-weight: bold;
box-shadow: var(--layer1);
border: none;
padding: 0.66rem;
}
form input:disabled {
background-color: rgba(0,0,0,0.08);
color: rgba(0,0,0,0.5);
pointer-events: none;
}
input::placeholder {
color: #bbb;
}
input.datalist {
color: #065;
font-size: 1.3rem;
font-weight: bold;
width: 100%;
border: 1px solid rgba(0,0,0,0.16);
transition: all 0.3s ease-out;
}
input.datalist:hover {
background-color: hsla( 150, 100%, 92% );
}
/*button:disabled .icons {
display: none;
}*/
.ticket .icons.control {
margin: 0;
margin-left: 1rem;
}
#page .flex.column > * {
margin-bottom: 0.66rem;
margin-left: 0;
}
.accordion .right_box {
width: 100%;
}
#page .flex.column > *:last-of-type {
margin-bottom: 0;
}
.ticket .excerpt_table_container {
margin-top: 0.3rem;
margin-left: 4rem;
}
.ticket .auto_excerpt_summary {
max-width: 60ch;
}
.aufbau {
color: hsl(150,100%,35%);
}
.ausgang {
color: hsl(200,100%,35%);
}
.regular {
font-size: 1rem;
font-weight: normal;
}
body h5 {
color: #000;
font-size: 1.15rem;
font-weight: bold;
letter-spacing: 0;
text-transform: none;
}
body b, body strong {
font-weight: bold;
}
.sort_icon {
display: none;
}
.ui-sortable .ui-sortable-handle .sort_icon {
display: inline-block;
margin: 0;
opacity: 0;
height: 0;
width: 0;
transform: translateY(0.5rem);
transition: all 0.2s ease-out;
}
.ui-sortable .ui-sortable-handle:hover .sort_icon {
opacity: 0.3;
height: 1.6rem;
width: auto;
transition: all 0.2s ease-out;
margin-right: 0.6rem;
}
button:disabled:hover {
background-color: #ccc;
color: #777;
}
button:disabled .spinner {
display: none;
}
.disabled_icon {
display: none;
}
.disabled .disabled_icon {
display: inline;
}
.disabled .active_icon {
display: none;
}
#call_action_btn_container {
padding: 1rem;
transition: all 0.2s;
}
#call_action_btn_container:has( .button_container.disabled ) {
padding: 0;
}
#call_action_btn_container > .button_container {
margin-left: 4rem;
padding-bottom: 2rem;
}
#ticket_container .accordion-container {
margin-bottom: 2rem;
}
#help_message .accordion-container {
margin-bottom: 1rem;
}
#ticket_container {
margin-bottom: 0;
border-bottom: none;
transition: all 0.2s ease-out;
}
#ticket_container .tickets {
display: flex;
}
#ticket_container.open {
margin-bottom: 2rem;
}
#ticket_container .title {
display: none;
}
#ticket_container.open .title {
display: block;
}
#ticket_container .sub-container .panel {
background: rgba(0,0,0,0.023);
}
#ticket_container .panel {
border: none;
box-shadow: var(--layer1);
}
#ticket_container .ghost .btn {
background: #fff;
margin-right: 0;
margin-top: 2rem;
}
.transparent_panel .panel {
background-color: transparent;
}
.icons.control {
opacity: 0.8;
transition: all 0.2s ease-out;
}
.plenum_control .icons.control {
transform: scale(1.125);
}
.icons.control:hover {
opacity: 1;
transform: scale(0.8);
}
/*add und remove button in ticket*/
#ticket_container .dynamic_input_group div .add {
display: none;
}
#ticket_container .dynamic_input_group div .remove {
display: block;
}
#ticket_container .dynamic_input_group div:first-of-type .remove {
display: none;
}
#ticket_container .dynamic_input_group div:last-of-type .add {
display: block;
}
#ticket_container .dynamic_input img:last-of-type {
margin-right: 0;
}
#ticket_container .dynamic_input_group div {
animation: drop_in 0.2s ease-out 1;
animation-fill-mode: forwards;
transform: scale(0.3); }
/*.button_container:not(.ghost) button.btn.unloaded::before {
animation: shadow-pulse 0.6s ease-out;
animation-fill-mode: forwards;
}
#main .button_container:not(.ghost) button.btn.unloaded::after {
animation: fade_out 0.6s ease-out;
animation-fill-mode: forwards;
}*/
.darkish_color {
/*margin-left: 3rem;*/
color: rgba(0,0,0,0.6);
}
#briefing_container .arnold_avatar:not(.flipped),
#material_container .help_container .arnold_avatar {
animation: mega_zoom_in 0.2s ease-out 1;
animation-fill-mode: forwards;
transform: scale(3) rotate( -6turn );
filter: blur(2rem);
opacity: 0;
}
.mega_zoom_in {
animation: mega_zoom_in 0.3s ease-out 1;
animation-fill-mode: forwards;
transform: scale(8) rotate( -40deg ) translateY(66vh);
opacity: 0;
}
@keyframes mega_zoom_in {
100% { transform: scale(1); opacity: 1; filter: none; }
}
#help_container {
animation: slide_soft_in 0.3s ease-out 1;
transform: translateX(-60%);
animation-fill-mode: forwards;
opacity: 0;
}
@keyframes slide_soft_in {
100% { transform: translateX(0); opacity: 1; }
}
button.btn.unloaded {
animation: drop_in 0.2s ease-out 1;
animation-fill-mode: forwards;
transform: scale(0.3);
}
.fade_in {
animation: fade_in 0.2s ease-out 1;
animation-fill-mode: forwards;
opacity: 0;
}
/*button.btn.unloaded::before {
position: absolute;
width: 1rem;
height: 1rem;
z-index: -1;
left: 40%;
top: 0.6rem;
border-radius: 50%;
content: '';
}*/
@keyframes drop_in {
100% { transform: scale(1); }
}
@keyframes fade_in {
100% { opacity: 1 }
}
.boing {
animation: boing 0.12s alternate 4 ease-out;
animation-delay: 80;
}
.boing .bubble_counter_value {
animation: boing 0.2s alternate 4 ease-out;
}
.boing .icons {
animation: boing 0.2s alternate 2 ease-out;
animation-delay: 190;
}
.boing::after,
.boing::before {
content: '';
position: absolute;
width: 1rem;
height: 1rem;
background-color: hsl(160,90%,84%);
animation: zoonk 0.9s 1 ease-out;
animation-fill-mode: forwards;
z-index: -1;
border-radius: 50%;
}
.boing::after {
animation-delay: 0.4s;
}
@keyframes boing {
100% { transform: scale(1.2); text-shadow: 0 0 1rem hsl(150, 90%, 70%); }
}
@keyframes zoonk {
100% { transform: scale(12); opacity: 0; }
}
/*@keyframes shadow-pulse {
0% { box-shadow: 0 0 0 0 hsla( 140, 100%, 60%, 0.75 ); }
100% { box-shadow: 0 0 0 2rem hsla( 200, 60%, 90%, 0 ); }
}*/
/*@keyframes fade_out {
100% {opacity: 0;
}
}
*/
button.btn {
display: flex;
align-items: center;
margin-right: 1rem;
position: relative;
transition: all 0.2s ease-out;
box-shadow: var(--layer1);
}
.center_btn button.btn {
margin: 0 auto;
}
.flex {
display: flex;
}
#prepress {
border: 1px solid #bbb;
padding: 1rem;
margin-top: 1rem;
width: 30ch;
}
.fakeloader {
height: 0.5rem;
margin-top: 0.25rem;
margin-bottom: 0.5rem;
width: 0;
background-color: hsl( 200, 20%, 60% );
animation: fakeloader 1.8s 1 ease-out;
animation-fill-mode: forwards;
}
@keyframes fakeloader {
0% { background-color: hsl( 200, 0%, 60% ); }
100% { width: 100%; background-color: hsl(150, 100%, 60% ); }
}
#stack_loading_animation .fakeloader {
animation-duration: 3.3s;
height: 1rem;
margin-bottom: 1rem;
}
#stack_loading_animation {
padding-bottom: 2rem;
}
.sekundary_nav {
display: flex;
flex-direction: row-reverse;
}
.button_container {
margin-bottom: 2rem;
}
#main #ticket_container_wapper .button_container {
margin-bottom: 0;
}
.flex.margin_top .button_container {
margin-bottom: 0;
margin-top: 1rem;
}
.KMBCTnK,
.frontpage {
outline: none;
border: 0 solid transparent;
border-collapse: unset;
border-spacing: 0;
}
.KMBCTnK p {
margin-bottom: 0.23rem;
}
meter.analytics {
width: 12rem;
height: 2rem;
}
#material_container .review_material {
display: none;
}
table.frontpage {
margin-top: 4rem;
}
table.fixed {
table-layout: fixed;
}
.insert_ls_accordions table.frontpage {
margin-top: 2rem;
}
table.frontpage.auto_third th:not( :first-of-type ),
table.frontpage.auto_third td:not( :first-of-type ) {
width: 28%;
}
table.KMBCTnK th,
table.KMBCTnK td {
padding: 0.6rem 0.9rem;
}
table.KMBCTnK tfoot tr {
background-color: #222;
}
table.KMBCTnK tfoot tr * {
color: #aaa!important;
}
table.KMBCTnK .text_wrap {
font-size: 1rem;
}
.frontpage .ls_id {
display: none;
}
/*.frontpage .flex {
justify-content: space-between;
}*/
.frontpage tr {
transition: all 0.2s ease-out;
}
/*.frontpage tr:not(.offline):hover {
box-shadow: 0 0 3rem 0.6rem hsla( 150, 100%, 52%, 0.33 )
}*/
.frontpage .offline {
color: #777;
}
.frontpage .offline p,
.offline .lerngruppe dl {
display: none;
}
.app_info {
max-width: calc( 44ch + 11rem);
padding-left: 9.7rem;
padding-top: 4rem;
border: none!important;
}
.app_info p {
margin-bottom: 1.5rem;
}
.frontpage .teaser {
font-weight: bold;
color: #000;
}
#herkules_silhouette {
position: absolute;
right: 0;
}
.layer1 {
box-shadow: 0 0.15rem 0.3rem rgb(0 0 0 / 30%), 0 0.3rem 0.9rem rgb(0 16 8 / 8%);
/* border-bottom: 1px solid rgba(0,0,0,0.1);*/
}
.layer1_colored {
box-shadow: 0 0.15rem 0.3rem currentColor, 0 0.3rem 0.9rem rgb(0 16 8 / 12%);
/* border-bottom: 1px solid rgba(0,0,0,0.1);*/
}
/*
.done.layer1 {
box-shadow: 0 0.15rem 0.3rem rgba( 0, 128, 0, 0.3 );
}
.cancel.layer1 {
box-shadow: 0 0.15rem 0.3rem rgba( 0, 64, 128, 0.3 );
}*/
.layer2 {
box-shadow: 0 0.15rem 0.66rem rgb(0 0 0 / 16%), 0 1.2rem 3rem 0rem rgb(10 8 0 / 16%), 0 2rem 5rem 1rem rgb(4 2 0 / 8%);
}
.frontpage .lerngruppe small strong {
margin-right: 0.5rem;
}
.border_right {
border-right: 1px solid rgba( 0,0,0,0.3 )!important;
}
.border_left_kms {
border-left: 0.6rem solid transparent;
padding-left: 1rem;
}
#profile_compare_output .sub_cell .border_right {
border-right: 1px solid rgba( 0,0,0,0.3 );
}
.KMBCTnK td {
position: relative;
padding: 1rem;
border: none;
border-top: none!important;
}
.KMBCTnK td:first-child {
padding: 1rem;
}
/*.frontpage dt {
margin-top: 0.5rem
}
.frontpage dt:first-of-type {
margin-top: 0;
}
.frontpage dd {
display: inline-block;
}*/
.frontpage .level svg {
width: 2rem;
height: auto;
}
#profile_compare_output tbody td {
position: relative;
}
#profile_compare_output tbody td[title]:hover::after {
background-color: rgba( 0,0,0,0.2 );
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#profile_compare_output .done .ticket_card_rendered {
color: #000;
}
#profile_compare_output .done {
color: hsl(150,100%,30%);
}
#profile_compare_output .cancel {
color: hsl(180,90%,30%);
}
.outline .done {
color: hsl(150,100%,60%);
}
.outline .cancel {
color: hsl(180,90%,60%);
}
#profile_compare_output b.done {
color: hsl(140,100%,35%);
}
#profile_compare_output b.cancel {
color: hsl(180,90%,35%);
}
#profile_compare_output .level5 {
background-color: hsla(140,100%,70%,0.6);
}
#profile_compare_output .level4 {
background-color: hsla(150,95%,70%,0.3);
}
#profile_compare_output .level3 {
background-color: hsla(160,90%,70%,0.3);
}
#profile_compare_output .level2 {
background-color: hsla(170,80%,70%,0.3);
}
#profile_compare_output .level1 {
background-color: hsla(180,80%,70%,0.6);
}
.gradient_level5 {
background: radial-gradient(circle, hsla(140, 100%, 70%, 0.6) 0%, hsla(140,100%,70%,0) 66%);
}
.gradient_level4 {
background: radial-gradient(circle, hsla(150,90%,70%,0.6) 0%, hsla(150,90%,70%,0) 66%);
}
.gradient_level3 {
background: radial-gradient(circle, hsla(160,90%,70%,0.6) 0%, hsla(160,90%,70%,0) 66%);
}
.gradient_level2 {
background: radial-gradient(circle, hsla(170,80%,70%,0.6) 0%, hsla(170,80%,70%,0) 66%);
}
.gradient_level1 {
background: radial-gradient(circle, hsla(180,80%,70%,0.6) 0%, hsla(180,80%,70%,0) 66%);
}
.darkest.level4 {
color: hsl(140, 100%, 24% );
}
#profile_compare_output .center {
text-align: center;
}
#profile_compare_output .sortable,
.dataTable .sortable {
transition: all 0.2s ease-out;
cursor: pointer;
}
#profile_compare_output .sorting_asc,
#profile_compare_output .sorting_desc,
#profile_compare_output .sortable:hover,
.dataTable .sorting_asc,
.dataTable .sorting_desc,
.dataTable .sortable:hover {
background: #555;
color: hsl(150, 100%, 80% );
}
#profile_compare_output .sortable:before {
display: inline-block;
width: 0.6rem;
height: auto;
margin-left: -0.3rem;
position: absolute;
left: 50%;
}
.dataTable .sortable:before,
.dataTable .sorting_asc:before,
.dataTable .sorting_desc:before {
display: inline-block;
width: 0.4rem;
margin-right: 0.1rem;
}
#profile_compare_output th,
.dataTable th {
text-align: center;
position: relative;
}
.sorting_asc::before {
content: url( "img/sort-up-solid-green.svg" );
margin-top: 1.1rem;
}
.sorting_desc::before {
content: url( "img/sort-down-solid-green.svg" );
margin-top: 0.8rem;
}
#multi_profile_compar tbody tr:nth-of-type(odd) {
background-color: #eee;
}
/*#multi_profile_compare .icons.small {
width: 0.9rem;
}*/
#multi_profile_compare tbody td {
transition: all 0.2s ease-out;
}
#multi_profile_compare tbody td.unfocus {
filter: saturate(20%);
opacity: 0.66;
}
#profile_compare_output .icons.small,
#profile_compare_output input[type="checkbox"] {
margin-right: 0;
}
#profile_compare_output .ticket_card_preview .icons.small {
margin-right: 0.3rem;
}
#profile_compare_output select {
margin-right: 2rem
}
#profile_compare_output .drop_in {
animation: drop_in 0.2s ease-out 1;
animation-fill-mode: forwards;
transform: scale(0.3);
}
thead img {
transition: filter 0.15s ease-out
}
.sorting_desc img,
.sorting_asc img,
thead th:hover img {
filter: sepia(1) brightness(2) hue-rotate(60deg) saturate(2);
}
#profile_compare_output th {
background-color: #999;
}
.frontpage th.secondrow {
background-color: #bbb;
}
.frontpage caption,
#profile_compare_output caption {
font-weight: bold;
text-align: left;
}
#profile_compare_output table {
border-collapse: collapse;
width: 100%;
border: 1px solid #999;
}
#profile_compare_output td,
#profile_compare_output th {
border: 1px solid #555;
border-collapse: unset;
background-clip: border-box;
}
#profile_compare_output .bold_border.border_right {
border-right: 3px solid #555!important;
}
#multi_profile_compare_wrapper #multi_profile_compare tbody td {
border-bottom: 3px solid #555!important;
}
#profile_compare_output .green {
color: hsl(150, 80%, 40%);
}
.vcenter {
vertical-align: middle!important;
}
.hcenter {
text-align: center!important;
}
#profile_compare_output caption {
margin-bottom: 0.6rem;
clear: both;
}
#profile_compare_output caption .right {
float: right;
}
#profile_compare_output .border_right {
border-right: 1px solid rgba( 0,0,0,0.3 ) ;
}
#profile_compare_output tfoot td {
background-color: #aaa;
padding: 2rem 3rem 1rem 3rem;
}
#profile_compare_output th.title {
max-width: 10rem;
}
#multi_profile_compare th,
#multi_profile_compare td,
.sub_cell {
padding: 0.16rem;
vertical-align: middle;
text-align: center;
flex: 1;
}
#ticket_table th,
#ticket_table td {
padding: 0.6rem;
}
/*#multi_profile_compare tr {
border-bottom: 0.3rem solid #aaa;
}*/
#profile_compare_output td.sub_cell_container {
padding: 0;
}
.sub_cell {
border-bottom: 0 solid transparent;
position: relative;
}
progress {
height: 0.6rem;
}
.sub_cell progress {
position: absolute;
left: 50%;
width: 1.2rem;
height: 0.42rem;
bottom: 0.42rem;
margin-left: -0.6rem;
}
.sub_cell.border {
border-bottom: 1px solid rgba(0,0,0,0.6);
}
/*#profile_compare_output .stufen {
max-width: 5ch
}*/
table.frontpage tfoot .green {
color: hsl(150, 100%, 70% );
}
.frontpage tfoot td {
color: #fff;
background: #555;
}
.wp-block-column.small_column {
flex-basis: 10%!important;
}
#berichte td {
padding-bottom: 4rem;
}
#lernsituation .lernsituation article {
/* background: linear-gradient(0deg, #ddd 0%, #fff 33%);*/
background-color: #fff;
}
#lernsituation td.lernsituation {
padding-bottom: 4rem;
border: none!important;
}
#lernsituation .lernsituation .licence_info img {
max-width: none;
width: auto;
height: 1.2rem;
display: block;
transform: none;
margin-top: 0.3rem;
}
.lernsituation .segment_color_box > div {
width: 1.3rem;
/* height: 1.3rem;*/
border: 1px solid rgba(0,0,0,0.6);
border-right: none;
}
.lernsituation .segment_color_box > div:last-of-type {
border-right: 1px solid rgba(0,0,0,0.6);
}
.lernsituation .lfbox {
background-color: rgba( 0, 0, 0, 0.16 );
padding: 0.1rem 0.3rem;
border-top: 1px solid rgba(0,0,0,0.6);
border-left: 1px solid rgba(0,0,0,0.6);
border-bottom: 1px solid rgba(0,0,0,0.6);
}
.lernsituation .lf.flex {
height: 1.1rem;
align-content: stretch;
}
.secondary .legend_color_box {
width: 1rem;
height: 1rem;
display: inline-block;
border: 1px solid rgba(0,0,0,0.6);
margin-right: 0.3rem;
transform: translateY(0.1rem);
}
/*tr .preview_cell {
filter: grayscale(0.92);
transition: all 0.3s ease-out;
}
tr:hover .preview_cell {
filter: grayscale(0) saturate(1.08);
}*/
/*#lernsituation tr:hover .preview_cell::after {
border-width: 2rem;
}*/
#lernsituation .preview_cell {
position: relative;
overflow: hidden;
}
#interne_berichte .preview_cell {
width: 12vw ;
}
#lernsituation .primary {
/* background: linear-gradient(0deg, hsla(150deg, 100%, 72%, 0.6) 0%, hsla(170deg, 100%, 92%, 0.6) 80%);*/
/* background-color: hsl(160,90%,82%);*/
width: auto;
/* border-left: 0.6rem solid hsla( 170, 100%, 32%, 0.6 );*/
}
.primary div.story {
background: rgba( 255, 255, 255, 0.66 );
/* padding-left: 1rem;*/
border-left: 0.6rem solid hsl( 150, 80%, 62% );
position: relative;
}
#lernsituation .secondary {
background: #eee;
width: 33%;
position: relative;
min-width: 24rem;
}
.primary div.story::before,
#lernsituation .secondary::before {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
width: 2rem;
background: linear-gradient(90deg, var(--hmkb_blue_light), transparent 100%);
opacity: 0.66;
}
#lernsituation .preview_cell::after {
content: '';
background-color: #fff;
position: absolute;
top: 89%;
left: -2vw;
right: -12vw;
height: 5rem;
transform: rotate(-2.5deg);
border-top: solid 0.6rem hsl(173, 100%, 40%);;
transition: all 0.4s ease-out;
}
.frontpage .lernsituation p {
font-weight: normal;
line-height: 1.3;
}
.frontpage small {
line-height: 1.1;
}
#privacy_message,
#berichte_message {
font-weight: normal;
max-width: 48%;
}
/*#privacy_message img {
width: 2rem;
margin-right: 0;
}*/
.single-kompetenzraster .entry-title {
transform: none;
font-size: 4.2rem;
color: var(--hmkb_blue);
font-weight: bold;
margin-bottom: 0;
}
.ls_id {
font-weight: bold;
}
.frontpage .preview_cell {
width: 100%;
height: 100%;
/*box-shadow: inset 0 0 3rem 0.6rem rgb(0 0 0 / 30%);*/
background-repeat: no-repeat;
background-size: cover;
background-position: top;
border: none;
border-color: transparent;
}
.width_16 {
width: 16%;
}
.lernsituation .width_16 {
width: 39%;
}
.width_33 {
width: 33%;
}
.width_auto {
width:auto;
}
.width_100 {
width: 100%;
}
table#lernsituation td {
padding-bottom: 2rem;
}
/*.frontpage img.preview {
width: 100%;
height: auto;
max-width: none;
}*/
.frontpage th {
background: #ccc;
text-align: left;
color: #555;
}
/*
.frontpage dd {
opacity: 1;
max-height: none;
background: transparent;
margin: 0;
padding: 0;
}
.frontpage dl {
margin-top: 0
}*/
.KMBCTnK td label::before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
transition: all 0.9s ease-out, background-color 0.3s ease-out;
}
.start_material .item {
display: block;
margin-right: 0;
}
.item .text {
margin-bottom: 0.6rem;
}
.item .ghost {
background-color: rgba(255,255,255,0.66);
backdrop-filter: blur(1rem) saturate(2);
}
#page .item .text,
#page .item p {
max-width: 31ch;
}
.item .ghost .text {
margin-bottom: 0;
}
.start_material img.preview {
display: block;
width: auto;
height: 100%;
max-width: none;
margin-left: -1rem;
}
.start_material .item a {
display: block;
}
.start_material .item a.flex {
display: flex;
}
.fazit_box select,
.fazit_box .quality-rating {
width: 13rem;
}
#material_container .fazit_box select {
width: auto;
}
.fazit_box .quality-rating {
display: inline-block;
}
.check_judge .fazit {
box-shadow: var(--layer1);
padding: 1rem;
margin-bottom: 1rem;
display: inline-block;
background-color: #fff;
}
.KMBCTnK td:hover label::before {
background-color: hsla( 130, 90%, 92%, 1 );
}
.KMBCTnK input:checked + label::before {
/* background-color: hsla( 140, 100%, 85%, 1 );*/
background: radial-gradient(circle, hsla( 160, 100%, 85%, 1) 0%, hsla( 140, 100%, 80%, 0.6) 100%);
box-shadow: 0 0 1rem hsl(160deg 100% 33% / 33%);
}
.KMBCTnK input:checked + label .text_wrap {
font-weight: bold;
}
.text_wrap {
text-wrap: balance;
}
.KMBCTnK td:hover input:disabled + label::before {
background-color: transparent;
}
#briefing_container {
}
.arnold_avatar {
width: 5rem;
height: auto;
margin-right: 2rem;
}
#intro_box {
transform: translateX( -900px );
}
#intro_box.start {
transform: translateX( 0 );
}
/*#intro_box .transport_avatar{
transform: translateX( -600px );
}*/
/*.tube_container {
position: relative;
height: 0;
/* padding-bottom: 56.25%;
width: 40%;
}*/
.responsive.tube {
width: 100%;
height: 100%;
}
#intro_box .avatar {
width: 6rem;
height: auto;
display: block;
transition: all 0.5s ease-out;
}
#intro_box .avatar.movein {
transform: translateX( -9rem ) scale( 0.7 );
}
/*.licence_info {
margin-top: 1rem;
}*/
.licence_info img {
transform: translateY( 0.3rem );
}
.important_info {
box-shadow: var(--layer1);
padding: 1rem 2rem 2rem 2rem;
display: inline-block;
background-color: rgba(0,0,0,0.04);
max-width: 46ch;
}
.ressource_container .padding.lightgrey {
padding-top: 0;
padding-bottom: 0.23rem;
position: relative;
}
.no_max_width {
max-width: none!important;
}
.c-accordion__content .important_info {
background-color: rgba(0,0,0,0.06);
}
.licence_info img {
width: 5rem
}
.start_material .licence_info img {
max-height: 1.2rem;
width: auto;
}
#start_material_briefing .start_material.flex {
flex-direction: column;
}
.start_material .ressource_container {
margin-top: 0;
}
#start_material_briefing .ressource_container {
margin: 0.6rem 0;
width: 100%;
}
.ressource_container .ghost {
opacity: 0;
}
.ressource_container:hover .ghost {
opacity: 1;
}
/*.start_material .item .text,
.start_material .item > p {
padding: 0 2rem 0 2rem;
}*/
.start_material .licence_info {
margin-top: 0;
}
.spinner {
width: 3rem;
height: auto;
margin-right: 1rem;
}
.slim .spinner {
width: 2rem;
margin: 0;
}
.KMBCTnK .text_wrap {
position: relative;
text-wrap: pretty;
}
.chose_destiny {
margin-bottom: 2rem;
}
table td:nth-tof-type(1) {
}
.KMBCTnK th {
background-color: #ccc;
text-align: left;
color: #999;
border: none;
}
.KMBCTnK th,
.KMBCTnK td {
}
.KMBCTnK td.thema {
font-weight: bold;
color: #999;
}
th.thema {
min-width: 8rem
}
/*th.stufe {
width: 18%
}*/
table {
line-height: 1.2;
}
/*table:not( .column_highlight ):not( .same_color ) tbody tr:nth-of-type(odd) {
background-color: #eee;
}
table:not( .column_highlight ):not( .same_color ) tbody tr:nth-of-type(even) {
background-color: #f4f4f4;
}*/
table.column_highlight tbody th:nth-of-type(even),
table.column_highlight tbody td:nth-of-type(even) {
background-color: #fff;
}
table tbody tr:nth-of-type(odd) td.code {
background-color: #000;
}
table tbody tr:nth-of-type(even) td.code {
background-color: #23241f;
}
table .block_max {
max-width: 50ch;
display: block;
}
.wasted_pic {
position: fixed;
bottom: 0;
width: 72vw;
left: 50%;
transform: translateX(-50%);
max-width: 50rem;
z-index: 1;
}
.music_licence {
position: fixed;
bottom: 1rem;
left: 1rem;
color: #733;
z-index: 5;
}
/*.work_check {
transform: scale(1.8);
}
*/
#ticket_sort_container {
transition: all 0.6s ease-out
}
#ticket_sort_container.big {
background: #fff;
padding: 4rem;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 1.4rem!important;
z-index: 9999999999999999;
}
#ticket_sort_container table {
width: 100%
}
#ticket_sort_container table .bold {
font-weight: bold;
}
/*.chatzone {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}*/
#tab_btn_container .resp-tab-active {
background-color: var(--hmkb_green);
}
article.intro {
max-width: 56ch;
margin-bottom: 2rem;
color: #000;
background: var(--hmkb_blue_light);
padding: 1rem 2rem 2rem 2rem;
transition: all 0.3s ease-out;
font-weight: bold;
/* font-family: 'RocGrotesk';*/
/* border-left: 23px solid hsla(150,90%,70%,0.66);*/
}
article.intro.start {
/* border-left: 23px solid hsla(150,90%,70%,0.66);*/
font-size: 1.08rem;
/* color: #000;*/
}
.smart_color {
color: hsl( 180, 100%, 72% );
}
.paper_color {
color: hsl( 150, 100%, 72% );
}
.cancel_color {
color: hsl(173,100%,33%);
}
.see_done{
opacity: 0;
max-height: 0;
overflow: hidden;
}
.done .see_done{
opacity: 1;
max-height: 100vh;
overflow: hidden;
}
.fazit_box {
margin-top: 0.42rem;
}
.fazit_box select,
.check_block select {
margin-right: 1rem;
transition: background-color 0.2s ease-out;
}
.ticket .done,
.job_status.done,
#profile_compare_output .job_status.done {
background-color: hsl(150, 90%, 80% );
color: #000;
}
.ticket .cancel,
.job_status.cancel,
#profile_compare_output .job_status.cancel {
background-color: hsl(200, 78%, 85%);
color: #000;
}
#chartjs-tooltip .done,
.done_list li::before {
color: hsl(150, 90%, 40% );
}
#chartjs-tooltip .cancel,
#chartjs-tooltip .undone_list li::before {
color: hsl( 200, 70%, 40% );
}
.logbuch_control .chart_container {
height: 12rem;
width: 100%;
max-width: 18rem;
transform: translateX(-52px);
}
.flow.flow0 {
background-color: hsl( 200, 70%, 80% );
}
#primary .ressource_container {
border-left: none;
}
.ressource_container.flow0,
.accordion.flow0 {
border-left: 0.6rem solid hsl( 200, 70%, 74% );
}
.ressource_container.flow0 .lightgrey {
background-color: hsl( 190, 23%, 89% );
}
.ressource_container.flow1 .lightgrey {
background-color: hsl( 190, 23%, 89% );
}
.ressource_container.flow2 .lightgrey {
background-color: hsl( 170, 23%, 89% );
}
.ressource_container.flow3 .lightgrey {
background-color: hsl( 165, 23%, 89% );
}
.ressource_container.flow4 .lightgrey {
background-color: hsl( 160, 33%, 89% );
}
.flow.flow1 {
background-color: hsl( 180, 70%, 80% );
}
.ressource_container.flow0 .preview_wrapper,
.ressource_container.flow1 .preview_wrapper,
.ressource_container.flow2 .preview_wrapper
{
border: 0.6rem solid hsl( 190, 73%, 70% );
}
.ressource_container.flow3 .preview_wrapper,
.ressource_container.flow4 .preview_wrapper {
border: 0.6rem solid hsl( 160, 73%, 70% );
}
.ressource_container.flow0 .preview_wrapper
.ressource_container.flow1,
.accordion.flow1 {
border-left: 0.6rem solid hsl( 180, 70%, 74% );
}
.flow.flow2 {
background-color: hsl( 180, 60%, 80% );
}
.ressource_container.flow2,
.accordion.flow2 {
border-left: 0.6rem solid hsl( 180, 70%, 74% );
}
.flow.flow3 {
background-color: hsl( 150, 80%, 80% );
}
.ressource_container.flow3,
.accordion.flow3 {
border-left: 0.6rem solid hsl( 150, 70%, 74% );
}
.flow.flow4 {
background-color: hsl(150, 90%, 80% );
}
.offtopic {
font-style: italic;
opacity: 0.66;
}
*:not(.observer_message) .offtopic {
opacity: 1;
}
.gradient_level1 .result strong {
color: hsl( 200, 100%, 72% );
}
.gradient_level2 .result strong {
color: hsl( 180, 100%, 72% );
}
.gradient_level3 .result strong {
color: hsl( 160, 100%, 72% );
}
.gradient_level4 .result strong {
color: hsl( 150, 100%, 72% );
}
.gradient_level5 .result strong {
color: hsl( 140, 100%, 72% );
}
.flowcolor_Nicht,
.flowcolor_cancel,
.flowcolor_wasted { color: hsl( 200, 30%, 32% ); }
.flowcolor_-1 { color: hsl( 180, 90%, 32% ); }
.flowcolor_0 { color: hsl( 160, 90%, 32% ); }
.flowcolor_done,
.flowcolor_1 { color: hsl( 150, 90%, 32% ); }
.flowcolor_2,
.flowcolor_3,
.flowcolor_4,
.flowcolor_5 {
color: hsl( 150, 100%, 32% );
}
.flow .neutral {
color: #333;
display: none;
}
.wasted_material,
.flowcolor_Nicht .value_container,
.flowcolor_cancel .value_container,
.flowcolor_wasted .value_container {
background: radial-gradient( hsla( 190, 100%, 72%, 0.66 ), transparent);
padding: 0.6rem;
}
.ressource_container.flow4,
.accordion.flow4 {
border-left: 0.6rem solid hsl( 150, 70%, 74% );
}
.check_judge p {
margin-bottom: 2rem;
font-weight: bold;
max-width: 56ch;
text-wrap: balance;
}
.extern.berichte label {
display: inline-block;
}
.extern.berichte img {
margin-right: 1rem;
}
.firstnumber {
font-size: 1.1rem;
position: relative;
}
.secondnumber {
font-size: 1rem;
position: relative;
}
.firstnumber::before {
position: absolute;
background: currentColor;
content: '';
inset: 0;
opacity: 0.23;
}
.secondnumber::before {
position: absolute;
background: currentColor;
inset: 0;
content: '';
opacity: 0.08;
}
.check_judge label {
display: flex;
align-items: center;
}
.ressource_container .fazit_box label {
display: block;
}
.save_area {
display: flex;
}
.inline {
display: inline;
}
/*.save_area > * {
padding: 1rem;
font-size: 10px;
}*/
#checklisten_zusatz .check_judge {
margin-bottom: 3rem;
}
.dropzone {
/*margin: 0;*/
width: 44%;
}
.save_status {
background-color: #eee;
}
.check_judge table {
width: auto;
margin-top: 0;
vertical-align: middle;
background-color: #eee;
box-shadow: none;
border: none;
/*margin-left: 2rem;*/
}
.check_judge table td {
padding: 1rem;
}
.check_judge ul {
margin: 0;
}
.frontpage dt {
font-weight: normal;
}
.frontpage {
line-height: 1.2!important
}
/*.check_judge .fazit {
background-color: #eee;
display: inline-block;
padding: 1rem 2rem 1rem 1rem;
border-left: 1rem solid hsl(150, 100%, 70% );
}*/
.check_block .panel {
background-color: #eee;
}
#download_stack ,
.check_judge .fazit select,
.fazit_box .quality-rating,
.ticket .quality-rating,
.ticket .flow,
.ticket select.status {
margin-right: 1rem;
}
#colophon {
transition: box-shadow 0.3s ease-out;
z-index: 9999;
}
#colophon.sticky {
position: sticky;
bottom: 0;
box-shadow: 0 0 2rem rgba( 0, 0, 0, 0.3 );
z-index: 99;
}
#ticket_temp .info {
display: none;
}
#ticket_temp dl.sub-container + .info {
display: block;
}
.source_container.loading {
background: #eee;
margin-bottom: 1rem;
padding: 1rem;
}
.chatzone {
display: grid;
grid-template-columns: 28rem 2fr 2fr;
grid-template-rows: 1fr;
grid-gap: 2rem;
}
#briefing_message {
grid-column: 1 / span 1;
grid-row: 2 / span 1;
}
#help_container {
grid-column: 2 / span 2;
grid-row: 1 / span 1;
}
#call_action_btn_container label,
#page h3,
#chartjs-tooltip h3 {
font-weight: bold;
font-size: 1.8rem;
line-height: 1.1;
margin-bottom: 0.3rem;
padding-top: 0;
color: var(--hmkb_blue);
}
#page .lernsituation h3 {
font-size: 2.5rem;
}
#page h3.c-accordion__title {
color: hsl(150,80%,20%);
}
#page #logo {
margin: -1rem 0 0 1rem;
max-width: 18rem;
}
.grey {
margin-bottom: 2rem;
}
.brown p,
.grey p {
margin-bottom: 1rem;
margin-top: 1rem;
}
/*#briefing_message p:hover::before {
content: attr( data-stufe );
position: absolute;
margin-left: -2.5rem;
margin-top: -0.5rem;
background: hsl( 100, 100%, 90% );
padding: 0.5rem;
}*/
.btn .icons {
height: 2.2rem;
width: auto;
}
/*#btn_briefing {
margin-right: 2rem;
}*/
#load_status {
background: #eee;
padding: 1rem 2rem 2rem 2rem;
border: dashed 9px #ccc;
min-height: 10rem;
animation: border_color 0.6s alternate infinite ease-out;
transition: all 0.3s ease-out;
}
@keyframes border_color {
100% { border-color: hsl(160, 90%, 62% ); }
}
@keyframes border_color2 {
100% { border-color: hsl(150, 90%, 62% ); }
}
#load_status.ready {
color: hsl(140, 100%, 24%);
background-color: hsla(150,90%,70%,0.33);
animation: none;
border-color: hsl(150, 90%, 62% );
text-shadow: 0 0 0.6rem hsl(150, 100%, 98%);
}
#compare_status {
padding-top: 1rem;
}
#load_status.drop_hover {
background-color: hsl(150, 80%, 92% );
border: dashed 9px hsl(170, 90%, 62% );
animation: none;
}
/*#load_status.ready {
background: #eee;
color: #555;
}*/
#load_status.ready .green {
color: hsl(150, 80%, 40% );
}
.material_message {
max-width: 60ch;
margin-bottom: 2rem
}
.source_container {
margin-bottom: 2rem;
}
.source_container ul {
list-style-type: none;}
#page .source_container ul li {
list-style-type: none;}
#start_material_briefing.grey,
.material_message,
.check_message .grey {
background: #eee;
padding: 1rem 2rem 2rem 2rem;
}
.check_message {
display: none!important;
}
#briefing_message p {
transition: background 0.15s ease-out;
}
#briefing_message_2 ol {
counter-reset: item;
}
.lernsituation li,
#briefing_message_2 ol > li,
#chartjs-tooltip li {
margin: 0;
margin-bottom: 0.5rem;
padding: 0 0 0 0.75rem;
text-indent: -0.75rem;
list-style-type: none;
counter-increment: item;
}
.lernsituation li::before,
#briefing_message_2 ol > li:before,
#chartjs-tooltip li::before {
display: inline-block;
width: 1rem;
padding-right: 0.5rem;
font-weight: bold;
text-align: right;
content: counter(item) ".";
}
.lernsituation li::before,
#chartjs-tooltip li::before {
content: "■"
}
#briefing_message_2 .star_set {
display: inline-block;
height: 1rem;
width: auto;
}
#briefing_container .check_message p {
padding: 0;
}
.check_message .grey .button_container {
margin-bottom: 0
}
.help_container .check_message {
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-gap: 2rem;
display: grid;
}
.help_container .check_message p {
max-width: 68ch;
}
.check_message p.align_end {
margin: 0;
align-self: end;
}
.point_left:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: 10px solid transparent; /* Adjust size */
border-right: 20px solid black; /* Color and width of triangle */
border-bottom: 10px solid transparent; /* Adjust size */
}
#main #briefing_container_2 {
border-left: 0 solid transparent;
margin-bottom: 5rem;
transition: all 0.2s ease-out;
/*background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 8%)*/;
}
/*#main #briefing_container_2.sticky {
position: sticky;
bottom: 5rem;
margin-bottom: 0;
border-left: 0.6rem solid hsl(150, 60%, 50% );
box-shadow: 0 -0.15rem 0.3rem rgba( 0, 0, 0, 0.4 );
max-height: 20vh;
overflow: hidden;
}*/
#main .big {
font-size: 1.08rem;
padding-bottom: 0!important;
line-height: 1.2;
}
/*#briefing_message {
position: sticky;
top: 5rem;
line-height: 1.3;
}*/
/* #main #briefing_message p:last-of-type {
padding-bottom: 3rem;
}*/
/*#main #briefing_message_2 p,
#main #briefing_message p {
grid-column: 1 / span 1;
}*/
.brown {
background-color: #eee;
animation: to_blue 0.66s ease-out 1;
padding: 1rem 2rem 2rem 2rem;
animation-fill-mode: forwards;
box-shadow: var(--layer1);
}
@keyframes to_blue {
100% { background-color: var(--hmkb_blue_light); }
}
/*#briefing_container .arnold_avatar:not(.flipped) {
filter: sepia(0.6) brightness(0.9) hue-rotate(-5deg) saturate(0.8);
}*/
#help_message {
}
.check_block label {
font-weight: normal;
}
.check_block {
margin-bottom: 2rem;
}
.flipped {
transform: scaleX( -1 );
}
#page {
transition: filter 0.3s ease-out
}
body.wasted {
background-color: #100;
}
body.wasted #page {
opacity: 0.3;
filter: blur(2rem) brightness(50%);
}
body.wasted .wasted_message h1{
position: fixed;
top: 20vh;
left: 0;
right: 0;
padding: 2rem;
font-size: 5rem;
color: #fff;
font-weight: bold;
border-top: 0.5rem solid red;
border-bottom: 0.5rem solid red;
text-align: center;
background-color: rgba( 0, 0, 0, 0.5 );
box-shadow: 0 0.5rem 3rem #000;
}
.chat_name {
transform: translate( -1.8rem, -0.5rem );
display: inline-block;
display: none!important;
}
.ticket .right_box {
margin-left: 2.4rem;
}
.accordion-container .open_close {
width: 2rem;
margin-top: -0.2rem;
height: auto;
transform: rotate( -495deg );
transition: transform 0.6s ease-out;
position: absolute;
}
.accordion-container.active .sub-container:not(.active) .open_close {
transform: rotate( -495deg );
}
.accordion-container .open_close.edit {
transform: unset;
right: 1rem;
height: 1.5rem;
width: auto;
margin-top: 0;
}
.accordion img {
opacity: 0.33
}
.accordion.sub {
display: flex;
}
.accordion-container {
position: relative;
}
.edit_on .lock {
display: none;
}
.edit_off .unlock {
display: none;
}
a:hover .icons.download {
animation: download 0.6s alternate infinite ease-in;
}
@keyframes download {
0% { transform: translateY( 0 ); }
100% { transform: translateY( 0.2rem );}
}
.resp-tab-item .icons,
.ghost .btn img {
width: auto;
height: 1.7rem;
}
.ghost img {
opacity: 0.6
}
.icons {
width: 2rem;
height: auto;
margin-right: 0.5rem;
}
.icons.small {
width: 1.3rem;
}
.icons.height1rem {
height: 1rem;
width: auto;
}
.icons.large {
width: 4rem;
}
.margin_left.small {
margin-left: 0.3rem;
}
.icons.big {
width: 4rem;
}
thead .icons.small {
height: 1rem;
width: auto;
}
.accordion-container .check_judge select {
margin-bottom: 0;
}
.accordion-container.active > dt > button > .open_close {
transform: rotate( 0 );
}
.preview_ressource_img {
width: 7rem;
height: auto;
display: block;
margin: 0 auto 1rem auto;
}
.ressource_container {
/* min-width: 28rem;*/
width: calc(100% / 2 - 1.3rem);
transition: border-color 0.6s ease-out;
}
.ressource_container img.preview {
transform: rotate(10deg);
height: 120%;
}
.ressource_container .preview_wrapper {
position: absolute;
transform: rotate(-10deg);
right: -1rem;
top: -1.2rem;
/* bottom: 0; */
height: 6rem;
box-shadow: var(--layer1);
overflow: hidden;
width: 7rem;
transition: all 0.4s;
}
#primary .ressource_container {
overflow: hidden;
}
.ressource_container[data-material-type="code_url"] .clipper {
/* overflow: hidden;
width: 30rem;
height: 18rem;
background: #000;*/
}
iframe.unloaded {
display: none;
}
.youtube_loading {
color: hsl(150, 100%, 90% );
}
.unloaded + .youtube_loading {
display: block;
}
.loaded .youtube_loading {
display: none;
}
.ressource_container .link_title {
color: #000;
/* max-width: 32ch;*/
}
/*#main .ressource_container p {
margin-bottom: 0.3rem;
}*/
.ressource_container h3 {
margin: 0;
padding: 0;
}
/*.ressource_container select.review_material {
margin-left: 1rem;
}*/
.ressource_container .code_logo {
width: 2.5rem;
margin-left: -0.75rem;
margin-top: -0.75rem;
position: absolute;
}
.ressource_container[data-material-type="code_url"] .code_info {
}
.ressource_container {
position: relative;
background: #fff;
/*padding: 1rem 2rem 2rem 2rem;*/
margin: 0.6rem;
text-align: left;
align-self: flex-start;
}
.ressource_container select.review_material {
width: auto;
}
.cloud .ressource_container {
background-color: transparent;
padding: 0;
}
.source_container .panel {
background: rgba(0,0,0,0.06);
}
.contact_area form {
margin-left: 0;
margin-right: 0;
}
.contact_area .wpcf7-submit {
font-size: 1rem
}
.contact_area .wpcf7-list-item {
margin-left: 0;
}
.contact_area small {
font-weight: normal;
}
.contact_area {
background: hsl(150,100%,80%);
padding-bottom: 4rem;
}
/*.contact_area::before {
position: absolute;
content: '';
height: 30vh;
background: : red;
left: 0;
right: 0;
z-index: 0
}*/
.abs_area {
position: relative;
height: 100vh;
width: 100vw;
box-shadow: inset 0 2rem 8rem rgba( 0, 0, 0, 0.7 );
overflow: hidden;
}
.abs_area img {
width: 5rem;
height: auto;
display: block;
}
.abs_area .fullsize_background {
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.abs_area blockquote {
position: absolute;
font-style: normal;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255,255,255,0.98);
padding: 4rem 3rem 3rem 3rem;
text-align: center;
border-left: 3rem solid hsl( 160, 100%, 50% );
/*border-top-right-radius: 5rem;*/
}
/*.ressource_container[data-material-type="youtube"] .info {
position: absolute;
margin-top: -1rem;
}*/
.info .datenschutz {
margin-left: 1rem;
}
.ressource_container[data-material-type="youtube"] {
/*width: 43%;*/
}
.ressource_container[data-material-type="youtube"] .youtube_wrapper {
background: #000;
/* width: 640px;
height: 360px;*/
width: 100%;
aspect-ratio: 64 / 36;
/* padding-bottom: 30%;
height: 0;
padding-top: 0;
overflow: hidden;*/
}
#main select {
max-width: none;
font-weight: bold;
}
#main select.raw {
font-weight: normal;
}
#main .logbuch_control select {
width: 100%;
}
.ressource_container[data-material-type="code_url"] header {
display: flex
}
.ressource_container p,
header .text_box {
max-width: 38ch;
}
.ressource_container[data-material-type="code_url"] iframe {
/* width: 1600px;
height: 1100px;
transform: scale(0.33) translateX( -5% );*/
transform-origin: top left;
max-width: none;
pointer-events: none;
margin-bottom: 0;
max-height: 7rem;
padding: 0.5rem;
background: #eee;
border: none;
}
.ressource_container iframe.mobil_portrait {
width: 7rem;
height: 14rem;
position: absolute;
right: 1rem;
top: -0.25rem;
transform: rotate( 2deg );
max-height: 14rem;
background: transparent;
}
.source_container .panel {
display: flex;
flex-wrap: wrap;
}
.no_flex {
display: block!important;
}
/*.ressource_container:first-of-type {
margin-left: 0;
}*/
/*.ressource_container[data-material-type="buch"],
.ressource_container[data-material-type="pdf"] {
padding: 1rem 1rem 1.5rem 1rem;
}*/
.ressource_container[data-material-type="buch"] {
max-width: 50ch;
}
/*Yes / No Toggle*/
/*@media ( max-width: 30rem ) {
.KMBCTnK thead{
display: none;
}
.KMBCTnK td{
display: block;
}
/* #logo svg{
display: none;
}
}*/
@media ( max-width: 60rem ) {
.no_mobile {
display: none;
}
.max_small img {
max-width: 3rem;
}
.twentyseventeen-front-page .max_small {
margin-bottom: 0;
}
#page header h1 {
padding-top: 0;
}
.important_info {
max-width: 100%!important;
}
#menu_frontpage .button_container {
margin-right: 1rem;
padding: 0.6rem;
}
#menu_frontpage .btn {
padding: 0;
}
#menu_frontpage .btn .icons {
height: 1.1rem;
}
#menu_frontpage .text {
padding: 0;
font-size: 0.7rem;
display: block;
}
.twentyseventeen-front-page .site-main {
padding-bottom: 0;
}
.abs_area {
height: 33vh;
}
#masthead .outline {
position: relative;
z-index: 999;
margin-top: -1rem;
line-height: 1.5rem;
}
}
#masthead .outline {
position: relative;
z-index: 999;
/* margin-top: -1rem;
line-height: 3rem;*/
}
#main .small_logo {
padding-left: 1rem;
padding-right: 1rem;
}
.small_logo .outline {
display: block;
color: #eee;
font-size: 0.7rem;
line-height: 0.8rem;
}
.outline {
text-shadow: rgb(0 0 0) 3px 0px 0px, rgb(0 0 0) 2.83487px 0.981584px 0px, rgb(0 0 0) 2.35766px 1.85511px 0px, rgb(0 0 0) 1.62091px 2.52441px 0px, rgb(0 0 0) 0.705713px 2.91581px 0px, rgb(0 0 0) -0.287171px 2.98622px 0px, rgb(0 0 0) -1.24844px 2.72789px 0px, rgb(0 0 0) -2.07227px 2.16926px 0px, rgb(0 0 0) -2.66798px 1.37182px 0px, rgb(0 0 0) -2.96998px 0.42336px 0px, rgb(0 0 0) -2.94502px -0.571704px 0px, rgb(0 0 0) -2.59586px -1.50383px 0px, rgb(0 0 0) -1.96093px -2.27041px 0px, rgb(0 0 0) -1.11013px -2.78704px 0px, rgb(0 0 0) -0.137119px -2.99686px 0px, rgb(0 0 0) 0.850987px -2.87677px 0px, rgb(0 0 0) 1.74541px -2.43999px 0px, rgb(0 0 0) 2.44769px -1.73459px 0px, rgb(0 0 0) 2.88051px -0.838247px 0px;
}
.glow {
position: relative;
}
.glow::after {
position: absolute;
bottom: 50%;
left: 50%;
content: attr(data-segment-char);
width: 0.8rem;
height: 0.8rem;
transform: translate(-50%, 50%);
background: radial-gradient(circle, rgba(255,255,255,0.16) 0%, rgba(0,252,255,0) 100%);
font-size: 10px;
color: inherit;
font-weight: bold;
text-align: center;
opacity: 0.6;
text-shadow: 0 0 0.3rem rgba( 255, 255, 255, 0.6 );
}
#documentation table.frontpage {
margin: 0;
}
#documentation table tr td:first-of-type {
font-weight: bold;
}
footer .outline {
letter-spacing: 0.1rem;
}
#smart_part2 {
color: hsl(150, 100%, 70%);
}
/*#masthead .meta_qm_logo {
position: relative;
z-index: 999;
}*/
#lernsituation .ghost {
margin-right: 0.6rem;
}
#lernsituation .ghost svg {
position: absolute;
margin-left: -1.5rem;
}
.flex.reset_margin button {
margin: 0;
}
#smartpaper_frontpage h1 {
font-size: 3rem;
margin-top: 0;
padding-top: 0;
}
.call2action {
background-color: var(--hmkb_blue_light);
/* border-left: 0.6rem solid hsl(173, 100%, 40%);*/
}
@media ( max-height: 900px ) {
html {
font-size: 12px;
}
/* #herkules_silhouette {
top: -1rem;
}*/
.meta_qm_logo {
width: 9rem;
margin-left: -8rem;
margin-top: -3rem;
}
header h1 .outline {
font-size: 1.5rem;
line-height: 1.5rem;
}
#page header h1 {
font-size: 2rem;
padding-top: 2rem;
}
#page .entry-title {
font-size: 4rem;
/* font-family: 'RocGrotesk';*/
margin-bottom: 1rem;
}
#page .site-header {
height: 7rem;
}
#colophon #logo {
max-width: 20rem;
display: block;
}
#colophon svg {
max-width: 20rem;
}
/* #colophon .details {
margin-top: 0;
}*/
}
/*@media ( max-width: 700px ) {
#herkules_silhouette {
display: none;
}
}*/
.flex.detail_container {
justify-content: space-between;
align-items: center;
}
.flex.detail_container .details {
margin-top: 0;
}
@media (min-width: 782px) {
.wp-block-column:not(:first-child) {
margin-left: 4rem;
}
}
@media screen and (min-width: 48em) {
#content .wrap,
#page header h1.wrap,
#colophon .wrap {
max-width: 130rem;
}
}
#wpadminbar {
z-index: 9999999999999999;
}
/*firefox only css*/
@-moz-document url-prefix() {
#page .resp-tabs-list li::after {
content: none;
}
#page .resp-tab-active {
background-color: hsla(150,90%,70%,1);
}
#page .resp-tabs-list li,
#page .resp-tabs-list li.resp-tab-item.resp-tab-active {
box-shadow: 0 0.6rem 1.6rem rgba(0, 0, 0, 0.33);
}
}
.show_on_mobile {
display: none;
}
.hide_on_mobile {
display: block;
}
.flex.hide_on_mobile {
display: flex;
}
td.hide_on_mobile,
td.hide_on_mobile {
display: table-cell;
}
thead.hide_on_mobile {
display: table-header-group;
}
.fade_open {
transition: all 0.3s ease-out;
}
details[open] .fade_open {
opacity: 0;
}
/* smartphone */
@media screen and (max-width: 840px) {
.show_on_mobile,
.chatzone,
.help_container .check_message,
#page .source_container .panel,
#main .flex:not(#menu_frontpage),
#inactivity_observer_wrapper .flex,
#page .KMBCTnK td {
display: block;
}
table.responsiv,
table.responsiv thead,
table.responsiv tbody,
table.responsiv tr,
table.responsiv td {
display: block;
width: 100%!important;
}
#herkules_silhouette {
display: block;
bottom: 2rem;
}
.hide_on_mobile,
#page .KMBCTnK thead,
.bubble_left:after,
#colophon .details {
display: none!important;
}
html #page header h1 {
font-size: 2rem;
margin: 0 auto;
font-weight: normal;
color: #fff;
line-height: 3rem;
z-index: 9999999;
padding-top: 2rem;
max-width: 1400px;
padding-left: 2rem;
}
#page header .meta_qm_logo {
margin-top: -3rem;
}
#page header .entry-title {
font-size: 2rem;
}
#tab_btn_container.resp-tabs-list li {
display: block;
float: none;
margin: 0.3rem 0;
}
#help_container {
grid-column: initial;
grid-row: initial;
}
#page .resp-tab-content {
padding: 3rem 1rem 5rem 1rem;
}
#page ul.resp-tabs-list {
position: static;
}
#page .active > .panel {
padding: 1rem 0.3rem 2rem 0.3rem;
}
#page .ressource_container {
min-width: auto;
margin: 0.6rem;
}
}
#smartquiz_iframe_onepage_container{
position: fixed;
top: 4vh;
right: 0;
height: 92vh;
width: 95vw;
transform: translateX(100%);
transition: transform .45s ease;
z-index: 10000;
background: #fff;
box-shadow: 0.6rem 0 2rem 3px rgba(0, 0, 0, 0.66);
overflow: hidden;
display: flex;
flex-direction: column;
padding: 2rem;
}
#smartquiz_iframe_onepage_container.open{
transform:translateX(0);
}
#smartquiz_iframe_onepage_container iframe{
border:0; width:96%; flex:1 1 auto; margin: 0 auto;
}
.dfa-modal-overlay {
position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
background: rgba(225, 224, 222, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 10000;
animation: fadeIn 0.3s ease-in-out;
backdrop-filter: blur(1rem);
}
.dfa-modal-box {
background-image: url( 'wp_config/css/img/smartpaper_logo.svg' );
background-size: 8rem auto;
background-repeat: no-repeat;
background-position: 4rem 2rem;
background-color: #fff;
padding: 7rem 4rem 2rem 4rem;
max-width: 90%;
width: 30rem;
text-align: left;
animation: zoomIn 0.3s ease-in-out;
font-family: sans-serif;
}
.dfa-modal-box-highlight {
box-shadow: var(--layer1);
background-color: var(--hmkb_blue_light);
padding: 1rem;
}
.dfa-title {
color: var(--hmkb_blue);
}
.dfa-message {
margin-bottom: 1em;
font-size: 1em;
}
.dfa-countdown {
font-size: 2.5em;
font-weight: bold;
margin-bottom: 1em;
}
.dfa-ok {
background: #0d6efd;
color: white;
border: none;
padding: 0.6em 1.4em;
border-radius: 8px;
cursor: pointer;
font-size: 1em;
}
.dfa-ok:hover {
background: #0b5ed7;
}
@keyframes fadeIn {
from { opacity: 0; } to { opacity: 1; }
}
@keyframes zoomIn {
from { transform: scale(0.8); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
svg.check-circle {
color: #17c964;
}
/* BELOW IS THE ESSENTIAL CODE FOR THE ANIMATION */
@keyframes checkmark {
0% {
stroke-dashoffset: 50%;
}
100% {
stroke-dashoffset: 0px;
}
}
svg.check-circle polyline {
animation: checkmark 0.5s cubic-bezier(0.55, 0.2, 0.71, -0.04) 0.7s backwards;
}
@keyframes grow-circle {
0% {
r: 0;
}
}
@keyframes grow-circle-bigger {
50% {
opacity: 0.11;
}
100% {
r: 100;
opacity: 0;
}
}
svg.check-circle circle.semi-transparent {
animation: grow-circle 0.45s cubic-bezier(0.66, 0.23, 0.51, 1.23) backwards,
grow-circle-bigger 0.9s linear 1.1s forwards;
}
svg.check-circle circle.colored {
animation: grow-circle 0.5s cubic-bezier(0.66, 0.23, 0.51, 1.23) 0.25s
backwards;
}