@charset "UTF-8";
.termin_filter,
.tk_legend {
padding: var(--rd-spacing-sm);
}
.err_input_msg,
.terminkalnder_flex ul li {
font-size: var(--rd-fontsize-4);
font-size: var(--rd-fontsize-4);
}
.demo_btn_grid .btn_action.dell_demo ::before,
.demo_btn_grid a.btn_action.add_customer ::before {
content: "";
display: inline-block;
height: 15px;
width: 15px;
background-image: none;
background-color: var(--rd-font-light);
}
.demo_btn_grid .btn_action.dell_demo ::before,
.termin_filter,
.tk_legend,
footer.container-fluid {
background-color: var(--rd-font-light);
background-color: var(--rd-font-light);
}
.protocol,
.protocol_legend {
margin-left: var(--rd-spacing-xxx-big);
}
#errordebuger,
.copy_final_step p,
.footer_titel+ul li,
.footer_titel+ul li a,
.popup_day li a,
body,
h2,
h3,
html {
color: var(--cl-asphalt-blue);
}
.admin_assist_grid,
.copy_menu {
grid-template-columns: 50% 50%;
}
.bdn_list span,
.cc_time,
.del_demo {
font-style: italic;
}
.ansprechpartner:before,
.copy_final_step legend,
.footer_titel,
.lg_titel,
.link_brake>span,
.pd_titel,
.sett_msg_grid>div>label,
.st_element>label,
.th_titel,
.tk_monat {
text-transform: uppercase;
}
#calendar .header .next:after,
#calendar .header .prev:before {
background-image: url("/src/img/svg/af/chevron-down-gray.svg");
}
@font-face {
font-family: Caveat;
font-display: swap;
src: url(/fonts/Caveat-VariableFont_wght.woff2) format("woff2");
}
.terminkalnder_flex ul li {
padding: var(--rd-spacing-xx-sm);
border-bottom: var(--rd-borderwidth-border-default) solid #999;
font-size: var(--rd-fontsize-4);
}
.termin_filter {
border-radius: var(--rd-borderradius-border-md);
margin-bottom: var(--rd-spacing-sm);
}
.tk_legend {
margin-bottom: var(--rd-spacing-md);
}
.err_input_msg,
.tk_legend ul li {
padding: var(--rd-spacing-xx-sm);
}
.tk_legend ul li {
margin-right: var(--rd-spacing-sm);
}
.err_input_msg {
border: var(--rd-borderwidth-border-default) solid var(--cl-error);
color: var(--cl-error);
font-size: var(--rd-fontsize-4);
}
.af2,
.footer_titel {
font-size: var(--rd-fontsize-3);
letter-spacing: 0;
}
.demo_btn_grid .btn_action.dell_demo ::before {
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url(/src/img/2021/svg/trash.svg);
-webkit-mask-image: url(/src/img/2021/svg/trash.svg);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.demo_btn_grid a.btn_action.add_customer ::before {
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url(/src/img/svg/reload_icon.svg);
-webkit-mask-image: url(/src/img/svg/reload_icon.svg);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.addbtn,
.pdf_btn {
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
background: var(--rd-primary-active);
}
.green_btn,
.import_bil_form input[type="submit"] {
background-color: var(--rd-primary-active) !important;
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
background: var(--rd-primary-active) !important;
}
.addbtn:hover,
.green_btn:hover,
.import_bil_form input:hover,
.pdf_btn:hover {
background: var(--rd-primary-hover) !important;
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-hover) !important;
}
.addbtn:focus,
.demo_filter button:focus,
.green_btn:focus,
.import_bil_form input:focus,
.pdf_btn:focus {
background: var(--rd-primary-pressed) !important;
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-pressed) !important;
color: var(--rd-font-light) !important;
}
body,
html {
background-color: var(--rd-font-light) !important;
}
@media screen and (min-width: 1200px) {
.container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
footer.container-fluid {
border-top: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
}
footer.container-fluid .container {
padding-top: 60px;
padding-bottom: 30px;
}
.kw-sec .col {
padding: var(--rd-spacing-big) 40px;
padding-bottom: 60px;
}
.kw-sec .col:first-child {
border-right: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
}
footer.container-fluid .pcl_img {
max-width: 195px;
}
footer.container-fluid .koop {
width: 132.76px;
}
.KursNotizBlock .NoteLektion div:nth-child(2),
.data-nickname,
.db_baner_grid .wt_img img,
.form_cell pc-datetimeinput,
.formfields #aeanimation svg,
.job_d_input button,
.labal-input-flex input,
.login_section .teaser_img,
.prev_img img,
.small_image img,
.user_table_slider img,
.users_icon img,
footer.container-fluid img {
width: 100%;
}
footer.container-fluid .social {
display: block;
margin: var(--rd-spacing-xxx-big) 0;
}
footer.container-fluid .sociallink {
display: inline-block;
width: 25px;
height: 25px;
margin-right: var(--rd-spacing-big);
}
.complead .vmpb_name,
.complead .vmpb_p,
.ktc_video.curent_video~a,
.ktc_video.curent_video~span,
footer.container-fluid .sociallink a {
filter: grayscale(1);
}
.af2 {
text-align: center;
line-height: 20px;
color: var(--cl-ocean-blue);
}
.footer_titel {
font-weight: var(--rd-fontweights-open-sans-0);
line-height: 17px;
color: var(--rd-font-dark);
}
.bdn_list,
.copy_final_step p,
.protocol_legend {
font-weight: var(--rd-fontweights-open-sans-1);
}
.footer_titel+ul {
margin: 0;
padding: 0;
margin-top: var(--rd-spacing-sm);
}
#NewTime:checked~#NewTimeCont,
.fb_t_img img {
padding-top: var(--rd-spacing-xx-sm);
padding-top: var(--rd-spacing-xx-sm);
}
.footer_titel+ul li {
display: block;
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 29px;
}
.protocol_legend {
font-size: var(--rd-fontsize-4);
}
.abgabe_time,
.demo_msg,
.protocol,
.vmpb_date,
.vmpb_procent_bg {
font-size: var(--rd-fontsize-3);
}
.protocol {
background-color: var(--cl-pale-grey);
margin-right: var(--rd-spacing-xxx-big);
padding: var(--rd-spacing-big);
margin-bottom: var(--rd-spacing-xxx-big);
box-sizing: border-box;
}
.copy_menu {
display: grid;
margin-bottom: var(--rd-spacing-big);
grid-template-areas: "LEFT RIGHT";
}
.cm_right {
padding: 0 var(--rd-spacing-big);
grid-area: RIGHT;
}
.copy_i_form {
padding: var(--rd-spacing-xxx-big);
}
.copy_radio>input[type="radio"]+label {
margin-bottom: var(--rd-spacing-sm);
margin-bottom: 10px;
}
#NewTime:checked~#NewTimeCont {
padding-left: var(--rd-spacing-x-big);
display: block;
padding-left: 25px;
}
.copy_final_step p {
margin-bottom: var(--rd-spacing-lg);
}
.project_flex {
margin: 0 var(--rd-spacing-sm);
display: flex;
background-color: var(--rd-font-light);
}
.checklist_grid fieldset input,
.input-return,
.vmpb_project {
margin-bottom: var(--rd-spacing-sm);
}
.vmp_body {
padding: var(--rd-spacing-sm);
}
.abgabe_time,
.vmpb_date {
font-style: italic;
color: #999;
padding: 0 var(--rd-spacing-xx-sm);
}
.vmpb_procent_bg {
margin: var(--rd-spacing-xx-sm);
background-color: var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-lg);
position: relative;
overflow: hidden;
height: 14px;
}
.admin_assist_grid,
.prj_camera_grid {
display: grid;
margin-bottom: var(--rd-spacing-sm);
}
.user_box .vp_input_label {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-boxM;
}
.admin_assist_grid {
padding-left: var(--rd-spacing-big);
box-sizing: border-box;
grid-template-areas: "ADMIN ASSIST";
}
.prj_camera_grid {
padding: var(--rd-spacing-sm) var(--rd-spacing-big);
}
.st_element ul {
border: var(--rd-borderwidth-border-default) solid #eff1f3;
}
.CertFilter .table_cell>,
.CertFilter .table_cell>label {
display: block;
text-transform: uppercase;
font-size: var(--rd-fontsize-3);
font-weight: 800;
margin-bottom: var(--rd-spacing-xx-sm);
color: var(--cl-blue-grey);
}
.demoform input,
.demoform textarea,
.freelancer_ranking select {
padding: var(--rd-spacing-xx-sm);
font-size: var(--rd-fontsize-4);
}
.demo_msg {
background-color: var(--cl-pale-grey);
padding: var(--rd-spacing-xx-sm);
}
.LG2,
.template_right_tbn .addbtn,
.th_titel {
font-size: var(--rd-fontsize-4);
}
.template_homes {
background-color: var(--rd-font-light);
}
#NewTimeCont,
#ces2_checkbox,
.add_courses input,
.bday .bday_cont,
.cc_radio input,
.copy_radio>input[type="radio"],
.copy_table #selectAll,
.copy_table .copy_checkbox,
.foto_ulpoad input,
.gray_sel .center>input[type="radio"],
.mainframe nav ul li.mobil_nav_x,
.prio_pluse input,
.rolles_list li input,
.sday .bday_cont,
.selectAdd input,
.settings input[name="setting_tab"],
.st_c1,
.st_c2,
.st_c3,
.st_c4,
.st_c5,
.st_c6,
.st_c7,
.such_grid .such_btn button,
.tk_checkbox,
.tk_checkbox~.th_cont {
display: none;
}
.bday,
.sday {
display: inline-block;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50%;
height: 15px;
position: relative;
width: 15px;
}
.bday {
background-image: url(/src/img/svg/af/birthday-cake-solid.svg);
}
.sday {
background-image: url("/src/img/svg/pc_loader_hut.svg");
}
.bday:hover .bday_cont,
.sday:hover .bday_cont {
display: block;
position: absolute;
background-color: var(--rd-font-light);
padding: var(--rd-spacing-xx-sm);
top: 0;
left: 100%;
z-index: 100;
box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
}
.bdn_list {
white-space: nowrap;
}
.bdn_list span {
font-weight: 400;
margin-left: 10px;
color: #999;
}
.roll_col {
column-count: 3;
-webkit-column-count: 3;
-moz-column-count: 3;
column-gap: 20px;
-webkit-column-gap: 13px;
-moz-column-gap: 13px;
}
.fb_t_grid {
display: grid;
grid-template-areas: "IMG TEXT";
grid-template-columns: 100px auto;
}
.fb_t_img {
grid-area: IMG;
vertical-align: top;
}
.fb_t_img img {
width: 90%;
}
.rolles_list {
display: block;
margin: 0;
padding: 0;
column-count: 3;
-webkit-column-count: 3;
-moz-column-count: 3;
column-gap: 20px;
-webkit-column-gap: 13px;
-moz-column-gap: 13px;
}
.rolles_list li {
display: block;
padding: 2px 10px;
}
.template_homes {
border-radius: var(--rd-borderradius-border-md);
box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
0 1px 3px 0 rgba(63, 63, 68, 0.15);
}
.LG1,
.aktiv_users_line:before {
background-color: var(--cl-deep-green);
}
.th_titel {
display: block;
text-align: left;
color: var(--cl-blue-grey);
font-weight: var(--rd-fontweights-open-sans-0);
line-height: 19px;
padding: 10px 20px;
border-bottom: var(--rd-borderwidth-border-focus) solid #dfe3e8;
}
.LG3,
.lg_titel,
.template_right_tbn .addbtn,
.template_right_tbn .magenta_btn {
font-weight: var(--rd-fontweights-open-sans-1);
}
.template_right_tbn {
text-align: right;
padding-right: 0;
margin-bottom: 10px;
box-sizing: border-box;
width: 100%;
position: relative;
}
#attachments_block input[type="file"],
#tab1:checked~.tab1_cont,
#tab2:checked~.tab2_cont,
#tab3:checked~.tab3_cont,
#users_input_text,
.baum_filter,
.fof_footer>div,
.haus_changes .form_btn_block .gray_btn,
.mobile_select ul label,
.not_editable_rol+.public_class,
.selectet_inst_menu .right_site ul li,
.template_right_tbn .addbtn,
.template_right_tbn .usertext,
.termin_edit_input div.weak_Select label {
display: inline-block;
}
.template_right_tbn .addbtn {
vertical-align: middle;
margin-left: 10px;
margin-top: var(--rd-spacing-x-sm);
}
.template_right_tbn .magenta_btn {
margin-top: 0;
font-size: var(--rd-fontsize-4);
vertical-align: middle;
}
.template_right_tbn #addkurs:checked~.dropdown_btn {
right: 0;
top: 100%;
}
.sdn-cc-element {
background-image: url("/src/img/black60p.png");
padding: 10px !important;
}
.LG1,
.LG2,
.LG3 {
padding: 10px;
}
.sdn-cc-element js3q-span {
text-shadow: none !important;
}
.licens_form {
min-width: auto !important;
}
.lizenzpaket_grid {
display: grid;
grid-template-areas: "LEFT CENTER RIGHT";
border: 2px solid var(--cl-deep-green);
vertical-align: top;
margin-top: 10px;
margin-bottom: 30px;
}
.LG1 {
grid-area: LEFT;
text-align: center;
color: var(--rd-font-light);
}
.LG2 {
grid-area: CENTER;
}
.LG2 span,
.LG3 span,
.fdate,
.freelancer_prj {
font-size: var(--rd-fontsize-3);
color: #999;
}
.LG3 {
grid-area: RIGHT;
border-left: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
font-size: var(--rd-fontsize-4);
}
.LG3 span {
display: block;
font-weight: 400;
}
.aktiv_users_line,
.apu_tel>div,
.cc_time,
.cert_table td[data-label="Mitarbeiter"],
.controlling_users,
.cours_statistic .cs_plan,
.cours_statistic .cs_view,
.del_demo,
.doppelt_overlay form ul,
.lg_lz_coung,
.lg_titel,
.small_header,
.stars_footer,
.zeit_erfassung table {
font-size: var(--rd-fontsize-4);
}
.add_licens,
.add_licens+.addbtn_disabled {
display: inline;
margin-right: 10px;
margin-bottom: 10px;
}
.customer_licens_form {
display: inline-block;
padding: var(--rd-spacing-big);
}
.customer_licens_form input[name="licens"] {
padding: 10px;
border: var(--rd-borderwidth-border-default) solid #999;
width: 100%;
box-sizing: border-box;
border-radius: var(--rd-borderradius-border-md);
margin-bottom: 20px;
}
.customer_licens_form .form_btn_block {
text-align: left;
padding-left: 0;
}
.aktiv_users_line {
margin-bottom: 20px;
}
.aktiv_users_line span,
.prj_complead_percent {
font-weight: 800;
color: var(--cl-deep-green);
}
.link_brake>span,
.nav_c {
font-weight: var(--rd-fontweights-open-sans-1);
}
.aktiv_users_line:before,
.nav_c {
color: var(--rd-font-light);
text-align: center;
display: inline-block;
}
.aktiv_users_line:before {
content: "!";
width: 15px;
height: 15px;
line-height: 15px;
border-radius: var(--rd-borderradius-border-xl);
margin-right: var(--rd-spacing-xx-sm);
}
.complead_small_btn:after,
.cours_statistic .cs_plan:before,
.cours_statistic .cs_view:before,
.edit_small_btn:after {
content: "";
background-repeat: no-repeat;
background-position: 50%;
}
.banner_prev,
.copy_c,
.dsg_input>div,
.link_brake,
.link_li,
.que_typ_text,
.que_typ_thema,
.such_text,
.web_dash .bg_img,
.wgn,
nav li {
position: relative;
}
.link_brake>span {
background-color: var(--cl-light-blue);
position: absolute;
left: 10px;
top: -6px;
font-size: var(--rd-fontsize-3);
line-height: 10px;
padding: 0 2px;
color: #999;
}
.complead_small_btn,
.edit_small_btn {
display: inline-block;
width: 20px;
height: 20px;
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
border-radius: var(--rd-borderradius-border-md);
background: linear-gradient(180deg, #89cc20 0, var(--cl-deep-green) 100%);
position: relative;
}
.cours_statistic,
.fvb_bullet,
.nav_c {
border-radius: var(--rd-borderradius-border-xl);
}
.complead_small_btn:after,
.edit_small_btn:after {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-size: 80%;
}
.complead_small_btn:after {
background-image: url(/src/img/svg/af/check-white.svg);
}
.edit_small_btn:after {
background-image: url(/src/img/svg/af/pencil-alt-solid_white.svg);
}
.del_demo span {
display: block;
color: #999;
}
.nav_c {
position: absolute;
top: 8px;
right: 8px;
font-size: var(--rd-fontsize-3);
background-color: var(--rd-primary-active);
min-width: 20px;
height: 14px;
line-height: 14px;
}
.demo_btn_grid {
display: inline-grid;
grid-template-areas:
"BTN1 BTN2 BTN3"
"BTN4 BTN5 BTN6";
margin-right: 15px;
/* grid-template-columns: 50% 50%; */
/* grid-template-rows: 50% 50%; */
}
.fl_clear,
.flclear {
clear: both;
}
.payed {
color: #007ace !important;
font-weight: 600 !important;
font-style: normal !important;
margin-left: 10px;
float: right;
font-size: var(--rd-fontsize-4) !important;
}
.cours_statistic {
position: absolute;
right: var(--rd-spacing-xx-sm);
bottom: var(--rd-spacing-xx-sm);
display: inline-grid;
grid-template-areas: "LEFT RIGHT";
background-color: var(--rd-font-light);
}
.cours_statistic .cs_view {
grid-area: LEFT;
padding-right: 10px;
padding-left: 10px;
color: #e75783;
font-weight: 800;
}
.cours_statistic .cs_plan {
padding-right: 15px;
color: #60a9d0;
font-weight: 800;
}
#returndiv .er_name,
.add_time_btn:hover,
.ce_titel,
.dreh_termin:hover .dreh_info a:hover,
.dta_user,
.fbs_single_grid>div:nth-child(4) span:first-child,
.freelancer_prj .fprj_titel,
.homes_list .er_ast.curent .ers_name,
.project_filter label,
.releas_termin:hover .releas_info a:hover,
.setting_confirm span,
.t_art,
.wartung_msg span,
label[for="cuall2"] .ac_c_l,
label[for="cuall"] .ac_c_l {
font-weight: var(--rd-fontweights-open-sans-1);
}
.cours_statistic .cs_view:before {
display: inline-block;
width: 15px;
height: 12px;
vertical-align: var(--rd-spacing-xx-sm) top;
margin-top: var(--rd-spacing-xx-sm);
margin-right: 2px;
background-size: 120%;
background-image: url("/src/img/svg/af/eye-gray.svg");
}
.cours_statistic .cs_plan:before {
display: inline-block;
width: 15px;
height: 12px;
vertical-align: top;
margin-top: var(--rd-spacing-xx-sm);
margin-right: var(--rd-spacing-xx-sm);
background-size: 110%;
background-image: url("/src/img/svg/hut-gray.svg");
}
@media screen and (max-width: 1380px) {
.freelancer_filter .inline_table {
display: inline-grid;
grid-template-columns: 50% 50%;
gap: 4px;
}
.freelancer_filter input[name="suche"] {
width: 220px;
}
}
.dd_baum .rd-treeview-node:hover {
background-color: var(--rd-list-hover) !important;
}
.dd_baum .rd-treeview-node .actions span {
margin-top: 5px;
}
@media screen and (max-width: 1450px) {
#navigation_mobil+nav {
display: none;
}
label[for="navigation_mobil"] {
display: inline-block;
width: 25px;
height: 25px;
background-image: url(/src/img/svg/mobile_menu_magenta.svg);
background-size: 100%;
background-repeat: no-repeat;
cursor: pointer;
position: absolute;
top: 22px;
left: 8px;
z-index: 10;
}
.new_header~.mainframe label[for="navigation_mobil"] {
right: unset;
left: 10px;
top: -60px;
display: none;
}
#navigation_mobil+nav {
display: none;
}
#navigation_mobil:checked+nav {
display: block;
width: 100%;
background-color: var(--rd-font-light);
text-align: center;
border-bottom: 4px solid #e75982;
}
#navigation_mobil+nav,
.rd-instruction-menu:before {
display: none;
}
.content_table {
max-width: calc(100vw - 60px);
}
.new_header~.mainframe #navigation_mobil:checked+nav {
display: inline-block;
text-align: left;
width: auto;
position: absolute;
z-index: 10000;
top: 0;
}
}
@media screen and (max-width: 1200px) {
.center,
.db_dash,
.topkurse {
box-sizing: border-box;
}
.mainframe>section .center {
min-width: 100%;
padding-right: 40px;
box-sizing: border-box;
}
.db_dash,
.mainframe>section {
display: block;
max-width: unset;
}
.db_dash>div {
display: inline-block;
}
.dbk_element {
margin: var(--rd-spacing-xx-sm);
}
.db_dash,
.dbd_diagram,
.mainframe nav ul,
.topkurse {
width: 100%;
}
.topkurse {
height: auto;
margin-top: 10px;
}
.dbd_diagram+.dbk_element {
margin-left: 0;
}
.navi_end {
height: 0;
}
.tc_cell.set_right {
padding-right: 50px;
}
.demo_teaser {
left: 0;
width: 100%;
}
.ktc_tab li label {
font-size: var(--rd-fontsize-4);
}
.ft_menu_bar {
display: none !important;
}
.logout_block {
position: relative;
width: 100%;
height: auto;
}
.logout_block a {
line-height: 19px;
padding: 10px;
}
.td_time_icon:hover~.time_help {
right: 0;
}
.dashboard_content>a {
min-width: 250px;
}
.cl_flex {
display: flex;
}
.clcc_navi {
position: relative;
left: auto;
bottom: auto;
margin-top: 10px;
}
.clc_content,
.clc_img {
height: auto;
min-height: 250px;
background-size: cover;
background-position: 50%;
}
.fromoverlay {
z-index: 1000;
}
.feedback_return {
left: 50px;
width: 100%;
}
}
@media screen and (max-width: 1000px) {
.prev_kurs_name {
line-height: 1.2em;
}
.ReferentTable thead,
.respons_table thead,
.shadow_right:after {
display: none;
}
.respons_table tr {
display: block;
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.respons_table td,
.td_diagram {
margin-bottom: var(--rd-spacing-xx-sm);
}
.ReferentTable tr td,
.respons_table td {
border-bottom: var(--rd-borderwidth-border-default) dotted var(--cl-pale-grey);
}
.respons_table td {
display: table;
width: 100%;
padding-bottom: 10px;
}
.respons_table td:before {
content: attr(data-label);
display: table-cell;
font-weight: var(--rd-fontweights-open-sans-1);
font-size: var(--rd-fontsize-4);
width: 180px;
vertical-align: top;
padding-left: 20px;
}
.user_grid,
.user_grid>div {
display: flex;
width: 100%;
margin-bottom: 10px;
flex-direction: column;
}
.cb_navi .blue_link,
.pdf_btn {
display: inline-block;
top: auto;
left: auto;
right: auto;
}
.ug_right>div {
width: 100%;
max-width: unset;
}
.ur_r_tab {
text-align: left;
}
.pdf_btn {
position: relative !important;
}
.user_fortbildungen {
min-width: unset;
}
.cb_navi .blue_link {
position: relative;
bottom: auto;
border-left: none;
margin-bottom: 10px;
}
.ReferentTable tr:nth-child(odd) td {
border-bottom: var(--rd-borderwidth-border-default) dotted var(--rd-font-light);
}
.ReferentTable tr td:last-child {
border-bottom: none;
}
.ReferentTable tr {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
display: block;
}
.ReferentTable td,
.ReferentTable tr td:first-child,
.ReferentTable tr td:nth-child(2),
.ReferentTable tr td:nth-child(8),
.ReferentTable tr th:first-child,
.ReferentTable tr th:nth-child(2) {
display: block;
width: 100%;
padding: var(--rd-spacing-xx-sm) 10px;
}
.ReferentTable tr:nth-child(odd) {
background-color: var(--cl-pale-grey);
}
.ReferentTable tr td:before {
content: attr(data-label);
width: 100%;
display: block;
font-weight: var(--rd-fontweights-open-sans-0);
}
.freelancer_prj {
display: inline-block;
white-space: nowrap;
margin-right: 10px;
background-color: var(--cl-light-grey);
color: var(--cl-asphalt-blue);
padding: 2px var(--rd-spacing-xx-sm);
}
.freelancer_prj .fprj_titel {
margin-right: var(--rd-spacing-xx-sm);
}
td[data-label="Animation"],
td[data-label="Kamera"],
td[data-label="Schnitt"] {
display: inline-block !important;
width: auto !important;
white-space: nowrap;
margin-right: 10px;
margin-bottom: 10px;
}
.rd-course-library .cl_course.cl_flex {
flex-direction: column;
}
}
.terminkalnder_flex ul li,
.tk_checkbox:checked~.th_cont {
border-bottom: var(--rd-borderwidth-border-default) solid #999;
}
@media screen and (max-width: 900px) {
.rd-header-filter:has(.date_piker) .rd-header-filter-suche-feld .project_suche_grid {
grid-template-areas:
"DATE"
"TEXT" !important;
grid-template-columns: 100% !important;
}
.clcc_navi,
.ktc_content {
left: auto;
bottom: auto;
position: relative;
}
.cl_course,
.clc_content,
.clcc_navi,
.ktc_content,
.ktc_content>div {
position: relative;
}
.db_drei {
width: 100%;
}
.mainframe {
display: block;
}
.clc_content {
left: auto;
height: auto;
}
.clcc_navi {
margin-top: 10px;
margin-bottom: 10px;
}
.clcc_navi>div {
margin: 10px 0;
display: block;
}
.clcc_navi>div:nth-child(3) {
margin-bottom: 20px;
display: block;
}
.content_table {
display: block;
width: 100%;
height: auto;
}
.content_table>div {
display: block;
width: 100%;
}
.ktc_content {
top: auto;
right: auto;
}
.ktc_content>div {
font-size: var(--rd-fontsize-4);
}
.kurs_img {
min-width: unset;
}
.InstructionMenu {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.instruction_add_table,
.instruction_add_table>div {
margin: 0;
display: block;
width: 100%;
float: unset;
}
.instruction_add_table>div {
height: 250px;
margin-bottom: 15px;
}
.instruction_add_table #categorie {
background-color: #fcfbf6;
}
}
.copy_c.disabled:hover:after,
.popup_day {
box-shadow: 0 0.12rem 0.2rem rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 700px) {
.such_grid {
grid-template-areas: "DATE" "SUCHE" "BTN" !important;
grid-template-columns: 100% !important;
}
.such_grid>div {
padding-right: 0 !important;
margin-bottom: 10px;
}
.such_grid .such_feld .search_btn {
right: 0 !important;
}
.interviews .table {
display: grid;
grid-template-areas: "IMG" "TXT";
grid-template-columns: 100%;
}
.interviews .table .tc_text {
display: unset;
width: 100%;
grid-area: TXT;
padding: 0;
}
.interviews .table .tc_img {
display: unset;
width: 100%;
grid-area: IMG;
}
.such_feld .search_btn {
bottom: 0;
}
.referent_add_form {
width: auto;
}
.projects-edit .table {
display: block !important;
}
.support-teaser-b {
padding: 32px 48px !important;
}
.instr_right_btn_element {
position: relative;
left: auto;
top: auto;
right: auto;
width: auto;
text-align: left;
margin-bottom: 15px;
display: block;
}
.instr_right_btn_element .addbtn,
.instr_right_btn_element .pdf_btn,
.instr_right_btn_element .usertext {
display: inline-block;
}
.ic_u_list table thead {
display: none;
}
.ic_u_list table td,
.ic_u_list table tr {
display: block;
width: 100%;
}
.uk_kurs_end {
position: relative;
margin: var(--rd-spacing-xx-sm) 0;
}
.uk_kurs_end:before {
position: relative;
left: unset;
top: unset;
vertical-align: middle;
margin-right: var(--rd-spacing-xx-sm);
}
.help_body {
display: flex;
flex-direction: column;
}
.nout_img img {
margin-bottom: 50px;
}
.feedbackForm {
width: 90%;
}
.db_drei,
.db_kacheln {
display: grid !important;
}
}
@media screen and (max-width: 600px) {
.lh_name {
font-size: var(--rd-fontsize-4);
white-space: nowrap;
}
.dbke_menu a,
.dropdown_link {
font-size: var(--rd-fontsize-3);
white-space: nowrap;
}
.id_table_input,
.id_table_input>div {
display: block;
width: 100%;
}
.prev_kurs_categorys {
padding-top: 220px;
}
.prev_kurs_overlay {
background-image: none;
}
.DB_Content img,
.prev_kurs_desc,
.submit_menu_down button {
width: 100%;
}
.kurs_breadcrumbs,
.logout_hover:hover .lhn_cont {
display: none;
}
.pcp_kurs_bg_img {
background-position: 50%;
}
.prev_kurs {
background-color: #454545;
padding: var(--rd-spacing-big);
}
.prev_kurs_navi>div {
margin-bottom: 10px;
}
#certBody .mainframe>section .center div,
.nout_img {
display: none !important;
}
.nou_teaser {
margin-bottom: 40px;
}
.prev_kurs_img {
position: absolute;
right: 0;
left: 0;
top: 0;
background-repeat: no-repeat;
margin: 0;
width: 100%;
/* background-size: cover !important; */
bottom: 0;
height: auto;
opacity: 0.2;
background-position: 65%;
}
#certBody .mainframe>section .center h1 {
line-height: 1.2em;
}
#certBody .mainframe>section .center h1:first-child:after {
content: "Auf mobilen Endgeräten ist diese Funktion nicht verfügbar.";
display: block;
font-size: var(--rd-fontsize-5);
font-weight: 400;
line-height: 1.4em;
color: #fd6262;
margin-top: 20px;
}
.figure {
position: relative;
z-index: 100;
}
.cl_flex {
display: flex;
flex-direction: column;
}
.clc_content,
.clc_img {
height: auto;
min-height: 150px;
background-size: cover;
background-position: top !important;
padding: 0 var(--rd-spacing-md);
}
.cl_course .set_fav {
margin-right: 0;
}
pc-course-wishes {
right: 12px;
}
.clcc_navi a,
.ibu_proces {
width: 100%;
box-sizing: border-box;
}
.copy_table td:before {
content: attr(data-label);
display: block;
width: 100%;
font-size: var(--rd-fontsize-3);
font-weight: var(--rd-fontweights-open-sans-1);
color: var(--cl-asphalt-blue);
}
.copy_table td div {
display: block;
}
.id_table_input>div label span.radio_text {
display: inline !important;
margin-top: var(--rd-spacing-xx-sm);
}
.projects-edit .zeit_erfassung {
overflow-x: auto;
}
.projects-edit .box_re {
display: inline;
}
.submit_menu_down {
grid-template-areas: "CONT HELP" !important;
}
.setting_test {
grid-template-areas: "CONT" "HELP" !important;
grid-template-columns: 100% !important;
}
.submit_menu_down .st_element {
padding-right: 20px;
padding-left: 20px;
}
.submit_menu_down .st_help {
padding: var(--rd-spacing-big);
}
.submit_menu_down .allinstract_btn {
margin-left: 0 !important;
}
.sett_msg_confgi .sett_msg_grid {
grid-template-areas: "LEFT" "RIGHT" !important;
grid-template-columns: 100% !important;
gap: 15px;
margin-bottom: 15px;
}
.sett_msg_confgi .smg_right {
padding-left: 0 !important;
}
.DB_Content span img {
width: auto;
}
.dEnd .rd-green-info-msg {
display: grid !important;
}
.rd-nav-grid {
grid-template-areas: "FILTER" "NAV" !important;
}
.kp_text_bullet {
width: 100% !important;
}
.reaser_content h2 {
font-size: var(--rd-fontsize-8);
}
.st_c1 .table {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--rd-spacing-md);
}
.st_c1 .table .set_right {
text-align: left;
}
.lp_congif_grid {
grid-template-areas: "LABEL LABEL" "INPUT CHECK" !important;
}
.sp_name {
grid-area: LABEL;
}
.sp_points {
grid-area: INPUT;
}
.sp_status {
grid-area: CHECK;
}
header .center {
padding: 0 var(--rd-spacing-x-sm) !important;
}
#calendar .box-content ul.label li {
font-size: 0px;
}
#calendar .box-content ul.label li span {
font-size: var(--rd-fontsize-4);
}
.dreh_marker,
.releas_marker {
width: 15px;
height: 15px;
}
#calendar .dates {
grid-template-rows: auto auto auto auto auto auto;
}
#calendar .header {
display: grid;
grid-template-areas: "MONAT MONAT" "LEFT RIGHT";
grid-template-columns: 50% 50%;
}
#calendar .header .title {
grid-area: MONAT;
margin-bottom: 10px;
}
#calendar .header .prev {
grid-area: LEFT;
margin-right: 20px;
}
#calendar .header .next {
grid-area: RIGHT;
margin-left: 20px;
}
.cpc_desc.desc_flex {
flex-wrap: wrap-reverse;
gap: var(--rd-spacing-x-sm);
}
}
@media screen and (max-width: 590px) {
.ms_tabcont,
.paginator .selectbox {
box-sizing: border-box;
}
.kongratulation,
.mavi_add_btn,
.paginator,
.test_block {
position: relative;
}
.dbke_text {
margin-bottom: 10px;
}
.demo_teaser {
height: auto;
}
.paginator {
display: block;
width: 100%;
}
.pagecountnavi,
.paginator .selectbox {
display: block;
width: 100%;
text-align: left;
padding-left: 20px;
}
.paginator .selectbox {
margin-bottom: 10px;
padding-bottom: 10px;
}
.teaser_kurs p {
width: 100%;
}
.mavi_add_btn {
top: auto;
left: auto;
right: auto;
bottom: auto;
margin-bottom: 20px;
}
.top_paginator {
background-color: var(--rd-font-light);
}
.grp_members_wrap {
display: flex !important;
flex-direction: column;
}
.grp_members_list_assigned .grp_members_list_item_ctrl {
transform: rotate(-90deg) !important;
vertical-align: middle;
top: -5px;
}
.grp_members_list_item_ctrl {
transform: rotate(-90deg) !important;
top: -5px !important;
}
.grp_groupdetails .cb_cont {
padding-left: 10px !important;
}
.mstt_table table thead {
display: none;
}
.mstt_table table tbody td,
.mstt_table table tbody tr {
display: block;
width: 100%;
}
.mstt_table table tbody td:before {
content: attr(data-label);
width: 150px;
display: inline-block;
font-weight: var(--rd-fontweights-open-sans-1);
color: var(--cl-asphalt-blue);
}
.my_statistic {
width: 100%;
min-width: unset;
}
.ms_tabmenu div,
.ms_tabmenu label,
.mst_table>div {
display: inline-block;
}
.mst_print_block {
padding: 10px;
}
.mst_table {
display: block;
}
.kongratulation {
padding-bottom: 30px;
}
.bp_input select[name="status"],
.projects-edit .bp_input input,
.projects-edit .bp_input select#wo {
width: 220px;
}
.projects-edit .vp_input_label {
margin-left: 20px !important;
}
}
@media screen and (max-width: 550px) {
.header_logo,
.header_table .ht_cell {
vertical-align: middle !important;
}
.test_block,
.test_cell {
position: relative;
}
.logout_hover {
display: none;
}
.freelancer_filter .table_cell,
.header_table {
display: block;
}
.header_table .ht_cell {
display: inline-block;
}
.header_logo img {
max-width: 120px;
}
.test_cell {
background-color: var(--cl-input-placeholder);
padding-bottom: unset !important;
min-height: 100vh;
height: auto;
}
.freelancer_filter .rd-primary-btn,
.freelancer_filter input[name="suche"],
.freelancer_filter select {
width: 100%;
}
.freelancer_filter .inline_table {
display: block !important;
}
.footage_such_grid {
grid-template-columns: 100% !important;
gap: var(--rd-spacing-x-sm);
}
.footage_such_grid .sg_btn {
width: fit-content;
padding-left: 0 !important;
}
.clc_img {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
height: 250px !important;
}
.my_instr_navi_element {
display: table;
}
.rd-course-library .clc_img {
max-height: 190px !important;
background-size: cover;
}
}
@media screen and (max-width: 500px) {
.clcc_navi>div,
.clcc_navi>div a {
display: block;
width: 100%;
text-align: center;
}
.view_btn:before {
position: relative;
top: auto;
left: auto;
vertical-align: middle;
}
.clcc_navi>div a {
margin-bottom: 10px;
}
.category_link,
.fromoverlay form,
.fromoverlay form input[type="submit"] {
width: 100%;
}
.prev_kurs_navi>div {
display: block;
margin-bottom: 10px;
}
.respons_table td {
padding: var(--rd-spacing-xx-sm) 10px;
display: block;
width: 100%;
box-sizing: border-box;
}
.respons_table td:before,
.small_table th {
display: none;
}
.respons_table td:before {
display: block;
padding-left: 0;
}
.del_roll {
top: -10px;
}
.vp_input_label>div {
display: block;
width: 100%;
text-align: left;
}
#CustomerIntro fieldset * {
display: grid !important;
}
.fv_video_box+div .tg_o_h1+h1 {
line-height: 45px !important;
}
.webinar_c .faq_frage img {
right: 0 !important;
}
.prev_karusel .gallery .slick-dots {
display: none !important;
}
.fromoverlay .cert_element,
.video_prev_text .vp_text {
height: auto !important;
}
.kurs_edit_table,
.kurs_edit_table .ket_info .table_input>div,
[data-pagekey="webinars"] .pc_datetimevalue_wrap {
display: block !important;
}
.kurs_edit_table #attachments_block input[type="file"] {
margin-bottom: 15px;
font-size: var(--rd-fontsize-4);
}
.kurs_edit_table .ket_bild {
padding-left: 0 !important;
}
#attachments_block {
width: 100%;
padding: 10px !important;
}
.table_input {
width: calc(100% - 20px);
}
.fromoverlay .catrgory_list label,
.newcategory {
width: 95%;
}
.fromoverlay .addkursform_form_desc {
margin: var(--rd-spacing-x-sm);
}
.fromoverlay legend {
margin-left: var(--rd-spacing-x-sm);
}
.cours_plus_category .cpc_n_menu a,
.fromoverlay .form_btn_block {
text-align: center;
}
.fromoverlay .form_btn_block span {
display: block;
margin-bottom: var(--rd-spacing-x-sm);
}
.fromoverlay .form_btn_block input {
display: block;
width: 100%;
margin-right: 10px;
}
.fromoverlay .form_btn_block .del_btn {
float: none !important;
}
.fromoverlay .ief_cont .iefd_tests {
padding: var(--rd-spacing-big) 10px !important;
}
[data-pagekey="webinars"] .pcx_picvalue_urlwrap {
display: flex !important;
}
.instruction_img_overlay .clcc_navi .button {
width: fit-content;
display: inline-block;
}
.copy_table tbody tr td:nth-child(3) {
white-space: normal !important;
}
.template_right_tbn {
text-align: center;
padding: 0 var(--rd-spacing-md) 0 16px;
display: grid;
}
.template_right_tbn label {
margin-top: var(--rd-spacing-x-sm);
margin-left: 0 !important;
}
.ic_c_cont .vertical_tale th {
padding: 10px 0 !important;
}
.webinar_waitinglist_buttonwrap a {
width: fit-content;
margin: auto !important;
padding-right: var(--rd-spacing-md);
}
.fortbildung_v .mainframe>section .center {
padding-bottom: 80px !important;
}
.fort_plan .del_form>span {
display: inline-block !important;
}
.ms_tabmenu {
padding: 0 10px !important;
}
.ms_tabmenu label {
padding: 10px var(--rd-spacing-xx-sm) !important;
}
.fd_table_text {
padding-right: 0 !important;
}
}
.smallform,
.vmpb_p {
bottom: 0;
left: 0;
top: 0;
}
@media screen and (max-width: 400px) {
.q_menu,
.q_menu a,
.q_menu label {
display: block;
position: relative;
}
.lh_name {
font-size: var(--rd-fontsize-3);
}
.filter {
right: calc(-200%);
}
.dd_charts {
flex-direction: column;
}
.dd_charts>div {
width: 100%;
}
.q_menu {
margin-top: 10px;
word-break: break-all;
}
.q_menu a,
.q_menu label {
width: 100%;
margin: 10px 0 !important;
box-sizing: border-box;
float: unset !important;
text-align: center;
}
}
.ekp_navi,
.termin_edit_input div.cc_days {
margin-bottom: 20px;
}
.ekp_navi a {
margin-right: var(--rd-spacing-xx-sm);
vertical-align: bottom;
}
@media screen and (max-width: 1600px) {
.ReferentTable {
font-size: var(--rd-fontsize-4);
}
.ReferentTabl {
width: 100%;
}
.ReferentTable tr td {
width: auto;
word-break: break-word;
}
.ReferentTable tr td:nth-child(4) {
width: 150px;
}
td[data-label="Ansprechpartner"]>div {
white-space: unset;
display: block;
text-align: left;
}
td[data-label="Ansprechpartner"] a {
margin-left: 0;
margin-bottom: var(--rd-spacing-xx-sm);
}
}
#calendar .box-content ul,
#calendar .dates {
grid-template-columns: calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7);
}
.fvb_bullet {
position: absolute;
z-index: 1000;
display: inline-block;
top: -90px;
right: -90px;
height: 168px;
width: 168px;
background-color: var(--rd-primary-active);
color: var(--rd-font-light);
}
.h2_over_titel+h2 {
color: var(--cl-dark-grey);
font-size: var(--rd-fontsize-14);
}
.freelancer_prj .fprj_titel {
color: var(--cl-asphalt-blue);
}
.settings label[for="st1"],
.settings label[for="st2"] {
box-sizing: border-box;
}
.settings label[for="st1"]:after,
.settings label[for="st2"]:after {
content: "";
background-color: var(--cl-deep-green);
}
.st_c2 .form_down_buttons,
.st_c5 .form_down_buttons,
.st_c6 .form_down_buttons {
padding-top: 20px;
}
#InvoiceTableWrap .ivtbl_table,
.st_c6_tabel {
overflow: auto;
}
.demo_msg,
.popup_day {
max-height: 250px;
overflow-y: scroll;
}
@media screen and (max-width: 420px) {
.category_link,
.cld_name,
.pagecountnavi,
.paginator .selectbox,
.reset_add_kurs,
table tbody td {
box-sizing: border-box;
}
h1 {
line-height: 48px !important;
}
.footer_menu li a {
color: var(--cl-asphalt-blue) !important;
}
.sociallink img {
filter: invert(1);
opacity: 0.7 !important;
}
.footer_menu li {
display: block !important;
width: 100%;
margin-bottom: var(--rd-spacing-xx-sm) !important;
}
.footer_menu li:after,
.fvb_bullet,
.mini_preview_cont,
.mini_preview_img {
display: none;
}
.footer_menu {
padding-top: 20px;
}
#navigation_mobil:checked+nav,
.Instractions,
.addkurs_body,
.aktiv_user td:first-child,
.cb_cont,
.cl_course,
.clcc_navi>div:nth-child(3),
.contant_frame,
.content_sub_title,
.dbd_title,
.instract_cont,
.overtitel_navi,
.overtitel_navi+h1,
.respons_table tr,
.teaser_kurs,
.top_kurse a {
text-align: left;
}
.clc_content,
.clc_img {
padding: 10px 20px;
}
.clcc_name {
margin-bottom: 10px;
}
.clcc_categorys {
margin-bottom: var(--rd-spacing-xx-sm);
}
.ReferentTable tr td:nth-child(4),
.clcc_navi>div a,
.pcs_next button,
.pcs_next input {
width: 100%;
}
.clcc_navi {
margin-right: 0;
width: 100%;
}
.category_link {
width: 90%;
}
.cld_name {
padding: 10px var(--rd-spacing-xx-sm);
}
.help_line {
margin-bottom: 20px;
}
.header_table .ht_cell {
text-align: left;
float: left;
}
.white_play_icon {
margin-top: 20px;
}
.instr_right_btn_element .addbtn {
float: right;
}
.cont_nav {
clear: both;
padding-top: 20px;
text-align: left;
}
.cb_navi2 {
margin: 0;
padding: 10px;
z-index: 1;
}
.paginator {
padding-bottom: 20px;
}
.respons_table+.paginator {
padding-top: 20px;
margin-bottom: 0;
}
.cont_body {
margin-bottom: 30px;
}
.cl_webinar .cont_nav {
display: grid;
grid-template-columns: 50% 50%;
width: 100%;
grid: "EL1 EL2" "EL3 EL4" "El5 EL6";
}
.cont_nav>a,
.cont_nav>div,
.cont_nav>span {
font-size: var(--rd-fontsize-4);
top: unset;
right: unset;
left: unset;
}
.del_form {
grid-area: EL6;
padding-top: 20px;
}
.del_link,
.pcr_text {
font-size: var(--rd-fontsize-4);
}
.content_navi_top {
text-align: left;
margin-bottom: 20px;
}
.ic_u_h_counter {
white-space: nowrap;
font-size: var(--rd-fontsize-3);
}
.ic_u_h_menu a,
.ic_u_h_menu span {
display: block;
margin-bottom: 10px;
}
.ic_u_header+.navi button,
.ic_u_header+.navi label {
position: relative;
display: block;
float: unset;
width: 100%;
box-sizing: border-box;
margin: 0 0 10px;
text-align: center;
}
.filter {
margin-right: -120px;
}
.pagecountnavi,
.paginator .selectbox {
padding: 10px;
}
.td_diagram {
max-width: 100%;
}
.respons_table tbody tr:nth-child(2n) {
background-color: #f9f9f9;
}
.del_form form,
.del_form>span {
display: block;
text-align: left;
}
.del_form form button {
padding-left: 0 !important;
}
.del_roll {
top: auto;
margin-bottom: var(--rd-spacing-xx-sm);
display: inline-block;
}
.grp_grouplist {
overflow-y: scroll;
max-height: 250px;
}
.addkurs_header {
text-align: left !important;
}
.freelancer_filter button,
.freelancer_filter input,
.freelancer_filter select {
width: 100%;
margin-bottom: 10px;
}
td[data-label="Referent"] {
display: grid !important;
grid-template-areas: "TOP TOP" "LEFT RIGHT";
grid-template-columns: 50% 50%;
}
.ReferentTable tr td:before {
grid-area: TOP;
}
.referent_db_img {
grid-area: LEFT;
width: 100px;
height: 100px;
}
.referent_db_name {
grid-area: RIGHT;
}
.freelancer_prj {
display: inline-block;
white-space: nowrap;
margin-right: 10px;
background-color: var(--cl-light-grey);
color: var(--cl-asphalt-blue);
padding: 2px var(--rd-spacing-xx-sm);
}
.freelancer_prj .fprj_titel {
width: auto;
margin-right: var(--rd-spacing-xx-sm);
}
td[data-label="Animation"],
td[data-label="Kamera"],
td[data-label="Schnitt"] {
display: inline-block !important;
width: auto !important;
white-space: nowrap;
margin-right: 10px;
margin-bottom: 10px;
}
.terminkalnder_flex>.terminkalender {
width: 49%;
}
.fat_titel {
line-height: 42px !important;
font-size: var(--rd-fontsize-14);
font-weight: var(--rd-fontweights-open-sans-1);
}
.favb_grid {
display: grid;
grid-template-areas: "EL1" "EL2" "EL3";
grid-template-columns: 100%;
margin-bottom: 20px;
}
}
#KalenderView .day_view thead th,
#calendar .box,
#users_slider_sounter,
.baum_statisic,
.center_video,
.copy_table tbody tr td:nth-child(5),
.copy_table tbody tr td:nth-child(6),
.day_view thead,
.pd_titel,
.tk_monat,
.vp_month .vpm_header {
text-align: center;
}
.admin_assist_grid,
.copy_menu {
grid-template-columns: 50% 50%;
}
.fb_table,
.terminkalnder_flex {
display: table;
width: 100%;
}
.terminkalnder_flex>.terminkalender {
display: table-cell;
border-right: var(--rd-borderwidth-border-default) solid #999;
}
.terminkalnder_flex>.terminkalender:last-child {
border-right: 0;
}
.tk_monat {
background-color: var(--cl-light-grey);
padding: var(--rd-spacing-xx-sm);
font-weight: var(--rd-fontweights-open-sans-0);
font-size: var(--rd-fontsize-3);
}
.Sa,
.So,
.pd_titel,
.tk_tag {
font-weight: var(--rd-fontweights-open-sans-1);
}
.curent_month .tk_monat,
.day_view thead th {
background-color: var(--rd-primary-active);
color: var(--rd-font-light);
}
.terminkalnder_flex ul,
.terminkalnder_flex ul li {
display: block;
margin: 0;
padding: 0;
position: relative;
}
.terminkalnder_flex ul li {
padding: var(--rd-spacing-xx-sm) var(--rd-spacing-xx-sm) var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
}
.qmh_user_elementn:last-child,
.terminkalnder_flex ul li:last-child {
border-bottom: 0;
}
.tk_tag {
width: 20px;
display: inline-block;
}
.curent_day .bday_cont,
.kal_aktueller_tag .bday_cont {
color: #535353;
}
.Sa,
.So {
color: #fd6262;
}
.urlaub_day {
background-color: #ffeb97;
cursor: pointer;
}
.callback {
background-color: #aed4e7;
cursor: pointer;
}
.webinar {
background-color: #b1d37a;
cursor: pointer;
}
.callback.webinar {
background-image: linear-gradient(to right, #aed4e7 50%, #b1d37a 50%);
cursor: pointer;
}
.urlaub_day.webinar {
background-image: linear-gradient(to right, #ffeb97 50%, #b1d37a 50%);
cursor: pointer;
}
.urlaub_day.callback {
background-image: linear-gradient(to right, #ffeb97 50%, #aed4e7 50%);
cursor: pointer;
}
.urlaub_day.callback.webinar {
background-image: linear-gradient(to right,
#ffeb97 33%,
#aed4e7 33%,
#aed4e7 66%,
#b1d37a 66%);
cursor: pointer;
}
.popup_day {
display: none;
position: absolute;
z-index: 10;
background-color: var(--rd-font-light);
top: 100%;
left: 0;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
}
#CTab01:checked~.CTabCont #CTabC01,
#CTab02:checked~.CTabCont #CTabC02,
#blur_checkbox:checked+.blur_popup,
#ces2_checkbox:checked+.course_exist_step2,
#favK:checked~.topK_cont #tkt2,
#filter_dd:checked~.filter_cont,
#filter_dd:checked~form .filter_cont,
#fo_check:checked+.feedback_overlay,
#instact_body .rd-itg-text span,
#moreoptionsChekbox:checked~.moreoptions,
#rd-filter-dd:checked~form .filter_cont,
#st1:checked~.st_c1,
#st2:checked~.st_c2,
#st3:checked~.st_c3,
#st4:checked~.st_c4,
#st5:checked~.st_c5,
#st6:checked~.st_c6,
#st7:checked~.st_c7,
#topK:checked~.topK_cont #tkt1,
.avg_user_star>span,
.cc_days,
.cc_radio,
.cert_prev_block a,
.controlling_filter>div input,
.day_t_Art,
.dd_baum .homes_list input:checked~ul,
.debuggershow ul,
.dreh_info a,
.filter_grid .filter_label span,
.fuser_roll,
.fvb_bullet span,
.kf_licens .pricing_box #vorteile_checkbox:checked+label+ul,
.koop_user,
.new_header input:checked~.lhn_cont,
.po_complead,
.schwebend_form .text b,
.shared_progress,
.we_logo_img,
.weak_table thead th span,
input#all-fetures:checked~#all-fetures-content,
input:checked+.changeDateHiddenForm,
input:checked+.instr_text_cont #wtext,
li:hover .popup_day {
display: block;
}
.pd_titel {
display: block;
width: 100%;
background-color: var(--cl-light-grey);
color: var(--cl-asphalt-blue);
}
.popup_day li {
border: none !important;
white-space: nowrap;
margin-bottom: var(--rd-spacing-xx-sm) !important;
}
.popup_day li span {
margin-right: var(--rd-spacing-xx-sm);
display: inline-block;
}
.call,
.tk_legend ul li.call {
background-color: #aed4e7;
}
.tk_legend ul li.web,
.web {
background-color: #b1d37a;
}
.free,
.tk_legend ul li.free {
background-color: #ffeb97;
}
.termin_filter,
.tk_legend {
background-color: var(--rd-font-light);
padding: 10px;
}
.t_user {
font-style: italic;
width: 150px;
}
.t_firma {
color: #005eff;
}
.terminkalnder_flex>.terminkalender:nth-last-child(-n + 4) .popup_day {
left: auto;
right: 0;
}
.termin_filter {
box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
border-radius: var(--rd-borderradius-border-md);
margin-bottom: 10px;
}
.tk_legend {
margin-bottom: 15px;
display: inline-block;
}
.copy_c.disabled:hover:after,
.err_input_msg,
.tk_legend ul li,
.vp_month .vpm_header {
padding: var(--rd-spacing-xx-sm);
}
.ansprechpartner ul,
.filter_grid ul,
.table_header .ac_c label,
.tk_legend ul {
margin: 0;
padding: 0;
}
.copy_radio>input[type="radio"]+label .radio_gfx,
.kp_users label,
.list_link:before,
.pc_checkbox,
.release_link:before {
vertical-align: middle;
margin-right: var(--rd-spacing-xx-sm);
}
.tk_legend ul li {
display: inline-block;
margin-right: 10px;
}
.err_input_msg {
border: var(--rd-borderwidth-border-default) solid var(--cl-error) !important;
color: var(--cl-error);
}
.curent_day {
background-color: var(--rd-primary-active) !important;
box-sizing: border-box;
color: var(--rd-font-light);
background-image: unset !important;
}
.Instruction_count_return,
.instract_popup,
.kp_users label,
.pc_checkbox {
background-color: var(--rd-font-light);
}
.terminkalender .has_instract.i_start {
background-color: #b5d486;
}
.terminkalender .has_instract {
background-color: #dbe8cc;
}
.terminkalender .has_instract.i_end {
background-color: #9ab573;
}
.terminkalender .pflicht.i_start {
background-color: #eec09c;
}
.terminkalender .pflicht {
background-color: #f1dccc;
}
.terminkalender .pflicht.i_end {
background-color: #d7a680;
}
.terminkalender .expert.i_start {
background-color: #b2d4e6;
}
.terminkalender .expert {
background-color: #d9e9f1;
}
.terminkalender .expert.i_end {
background-color: #98bbce;
}
.terminkalender .has_instract.pflicht.i_start {
background-image: linear-gradient(to left, #b5d486 50%, #eec09c 50%);
}
.terminkalender .has_instract.pflicht {
background-image: linear-gradient(to left, #dbe8cc 50%, #f1dccc 50%);
}
.terminkalender .has_instract.pflicht.i_end {
background-image: linear-gradient(to left, #9ab573 50%, #d7a680 50%);
}
.terminkalender .has_instract.expert.i_start {
background-image: linear-gradient(to left, #b5d486 50%, #b2d4e6 50%);
}
.terminkalender .has_instract.expert {
background-image: linear-gradient(to left, #dbe8cc 50%, #d9e9f1 50%);
}
.terminkalender .has_instract.expert.i_end {
background-image: linear-gradient(to left, #9ab573 50%, #98bbce 50%);
}
.terminkalender .has_instract.pflicht.expert.i_start {
background-image: linear-gradient(to left,
#b5d486 33%,
#eec09c 33%,
#eec09c 66%,
#b2d4e6 66%);
}
.terminkalender .has_instract.pflicht.expert {
background-image: linear-gradient(to left,
#dbe8cc 33%,
#f1dccc 33%,
#f1dccc 66%,
#d9e9f1 66%);
}
.terminkalender .has_instract.pflicht.expert.i_end {
background-image: linear-gradient(to left,
#9ab573 33%,
#d7a680 33%,
#d7a680 66%,
#98bbce 66%);
}
.instract_popup {
display: none;
position: absolute;
z-index: 1;
}
#calendar .day,
.copy_radio label,
.instract_popup li {
display: block;
margin-bottom: var(--rd-spacing-xx-sm);
}
li:hover .instract_popup,
li:hover .instract_popup>ul>li>span>span {
display: block;
white-space: nowrap;
}
li:hover .instract_popup>ul>li>span {
display: inline-block;
white-space: nowrap;
vertical-align: middle;
}
.bp_form .text1 span,
.fbc,
.label_help span,
li:hover .instract_popup>ul>li>span>span:first-child {
font-weight: var(--rd-fontweights-open-sans-0);
}
li:hover .instract_popup>ul>li>span>span:nth-child(2) {
color: #999;
font-size: var(--rd-fontsize-4);
}
.Instruction_count_return {
position: absolute;
right: 2px;
top: 2px;
width: 15px;
height: 15px;
vertical-align: middle;
text-align: center;
font-size: var(--rd-fontsize-3);
line-height: 15px;
border-radius: var(--rd-borderradius-border-xl);
}
.cc_days label,
.ct_in_name,
.fcourse,
.protocol_legend {
font-size: var(--rd-fontsize-4);
font-weight: var(--rd-fontweights-open-sans-1);
}
.ct_in_name>span {
display: block;
font-weight: 400;
color: #999;
font-size: var(--rd-fontsize-3);
}
.copy_table tbody tr td:nth-child(3) {
color: #999;
white-space: nowrap;
font-size: var(--rd-fontsize-3);
}
.kp_users label,
.pc_checkbox {
display: inline-block;
width: 15px;
height: 15px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
position: relative;
cursor: pointer;
}
.ac_c label .ac_c_c:before,
.fe_checkblock input[type="checkbox"]+label:before,
.kp_users label:before,
.pc_checkbox:before,
.temp_check+label:before,
label[for="temp_check_all"]:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-position: 50%;
background-size: 100%;
background-image: url(/src/img/svg/af/check-white.svg);
opacity: 0;
transition: 0.2s linear;
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
background-color: var(--cl-deep-green);
}
.protocol,
.vp_month .vpm_header {
background-color: var(--cl-pale-grey);
}
#temp_check_all:checked+label[for="temp_check_all"]:before,
.ac_c input:checked+label .ac_c_c:before,
.cc_radio input:checked~label.cc_r_circle:before,
.cc_radio:hover label.cc_r_circle:before,
.copy_radio>input[type="radio"]:checked+label .radio_gfx:before,
.fe_checkblock input[type="checkbox"]:checked+label:before,
.fe_radiokblock input[type="radio"]:checked+label:before,
.homes_box input:checked+label .he_checkbox:after,
.kp_users input:checked+label:before,
.mobile_select ul li input:checked~.cb_box:before,
.temp_check:checked+label:before,
input:checked+.pc_checkbox:before {
opacity: 1;
}
.protocol_legend {
border: 0;
margin-left: 30px;
margin-bottom: 0;
}
.protocol {
margin-left: 30px;
margin-right: 30px;
padding: var(--rd-spacing-big);
margin-bottom: 30px;
box-sizing: border-box;
font-size: var(--rd-fontsize-3);
font-style: italic;
}
.project_flex,
.vmpb_details,
.vp_month {
background-color: var(--rd-font-light);
}
.copy_menu {
display: grid;
width: 100%;
margin-bottom: 20px;
grid-template-areas: "LEFT RIGHT";
}
.copy_menu>div,
.prj_camera_grid .input-append.date,
.referent_db_img {
vertical-align: top;
}
.cm_left {
grid-area: LEFT;
text-align: left;
padding-left: 20px;
}
.cm_right {
text-align: right;
padding: 0 20px;
grid-area: RIGHT;
}
.copy_menu a,
.copy_menu button {
margin: 0;
vertical-align: top;
display: inline-block;
}
.copy_i_form {
padding: 30px;
}
.admin_msg>label+p,
.copy_i_form h2,
.modal_content_inner .newQMUserAddPopup button,
.wursch+h2 {
margin-top: 0;
}
.copy_radio>input[type="radio"]+label .radio_gfx {
position: relative;
display: inline-block;
cursor: pointer;
box-sizing: border-box;
height: 16px;
width: 16px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
background: linear-gradient(180deg, var(--rd-font-light) 0, #f9fafb 100%);
}
.copy_radio>input[type="radio"]:checked+label .radio_gfx {
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
}
.copy_radio>input[type="radio"]+label .radio_gfx:before {
content: "";
display: inline-block;
height: 8px;
width: 8px;
border-radius: var(--rd-borderradius-border-md);
background-color: var(--cl-deep-green);
position: absolute;
left: 3px;
top: 3px;
transition: 0.2s linear;
opacity: 0;
}
.radio_text {
display: inline-block !important;
color: var(--cl-asphalt-blue);
font-size: var(--rd-fontsize-5);
}
#NewTimeCont #reportrange,
label[for="job_form_block"] {
width: auto !important;
}
.copy_final_step legend {
font-size: var(--rd-fontsize-5);
font-weight: 800;
border: 0;
margin: 0;
color: var(--rd-primary-active);
}
.copy_final_step p,
.future_releas,
.prj_label,
.prj_label+input[type="range"]+span,
.vmpbd_status,
.vmpbd_titel,
.vp_month .vpm_header {
font-weight: var(--rd-fontweights-open-sans-1);
}
.copy_final_step p {
color: var(--cl-asphalt-blue);
margin-bottom: 40px;
margin-top: 30px;
}
.copy_i_form .iut_left,
.untertitel_hover ul {
box-shadow: none;
}
.copy_final_step li {
line-height: 24px;
}
.vp_month {
min-width: 220px;
border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.project_flex {
margin: 0 10px;
display: flex;
max-width: 100%;
}
.vp_month .vpm_header {
font-size: var(--rd-fontsize-4);
}
.vp_month .vpm_header .timer {
font-weight: 300;
font-size: var(--rd-fontsize-3);
}
.vmpb_details {
display: none !important;
padding: var(--rd-spacing-x-sm);
color: var(--cl-asphalt-blue);
}
.vmpb_project {
margin-bottom: 10px;
position: relative;
display: table;
width: 200px;
background-color: #fafafa;
font-size: var(--rd-fontsize-4);
}
.columns3 .vmpb_project {
background-color: var(--rd-warning-inactive);
}
.columns3 .vmpb_project.future_video {
background-color: var(--rd-secondary-inactive);
}
#messefilterform select,
.EditSoftware,
.cDHF_body,
.cDHF_footer,
.ce_nav,
.footage_such_grid input,
.table_navi,
.vmp_body {
padding: 10px;
}
.vmpb_project[data-category="QM Kategorie"] .vmpb_p {
background-color: #5ea9cf;
}
.vmpb_project[data-category="QM Kategorie"] .vmpb_name {
color: #5ea9cf;
}
.vmpb_project[data-category="Podcast"] .vmpb_p {
background-color: #fc6a41;
}
.vmpb_project[data-category="Podcast"] .vmpb_name {
color: #fc6a41;
}
#such_ergebnis .suchtitle span,
.categpry_time_plan #warrning,
.copy_c.disabled:hover:after,
.day_view tbody tr.now th,
.k_lpus_tabelle td:nth-child(3),
.ktc_video.curent_video .ktcm_top_right,
.kurs_plus .vmpb_name,
.qmh-price-teaser span,
.qmh_opup form .formheader span,
.text>span,
td[data-label="Preis"] span.bonus {
color: var(--rd-primary-active);
}
.vmpb_name {
word-break: break-word;
padding: 0 var(--rd-spacing-xx-sm);
font-size: var(--rd-fontsize-3);
}
.vmpb_project:hover .vmpb_details {
position: absolute;
display: block !important;
z-index: 100;
background-color: var(--rd-font-light);
width: 250px;
top: 0;
left: 0;
box-shadow: 0 0.14rem 0.2rem rgba(0, 0, 0, 0.4);
}
.vmpbd_titel {
padding: var(--rd-spacing-xx-sm) var(--rd-spacing-xx-sm) 0 var(--rd-spacing-xx-sm);
}
.vmpbd_referent,
.vmpbd_status {
padding: 0 var(--rd-spacing-xx-sm);
font-size: var(--rd-fontsize-3);
}
.vp_month:nth-last-child(-n + 2) .vmpb_project:hover .vmpb_details {
left: unset;
right: 0;
}
.vmpb_p {
text-align: right;
position: absolute;
padding-right: var(--rd-spacing-xx-sm);
box-sizing: border-box;
background-color: var(--cl-deep-green);
color: var(--rd-font-light);
min-width: 25px;
}
.digtrino .vmpb_p,
.kurs_plus .vmpb_p,
.list_link,
.release_link {
padding: 2px var(--rd-spacing-xx-sm);
}
.list_link,
.prj_label+input[type="range"]+span,
.release_link {
color: var(--cl-asphalt-blue);
font-size: var(--rd-fontsize-4);
}
.kurs_plus .vmpb_p {
background-color: var(--rd-primary-active);
color: var(--rd-font-light);
font-weight: unset;
font-size: var(--rd-fontsize-3);
}
.digtrino .vmpb_name {
color: #ff7800;
}
.digtrino .vmpb_p {
background-color: #ff7800;
color: var(--rd-font-light);
font-weight: unset;
font-size: var(--rd-fontsize-3);
line-height: 10px;
}
#calendar .dates li.mask,
.copy_c.disabled,
.customer_kp_table tbody tr:hover,
.urlaub_kalender td.blank {
background-color: var(--cl-pale-grey);
}
.list_link,
.release_link {
display: inline-block;
margin-left: var(--rd-spacing-sm);
margin-bottom: var(--rd-spacing-sm);
border: var(--rd-borderwidth-border-default) solid #999;
border-radius: var(--rd-borderradius-border-md);
background-image: linear-gradient(var(--cl-pale-grey), #cfafaf);
}
.animation_grid,
.cuter_grid,
.prj_camera_grid {
margin-bottom: 10px;
padding: 10px 20px;
}
.list_link:before,
.release_link:before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background-size: 100%;
opacity: 0.8;
}
.release_link:before {
background-image: url(/src/img/svg/af/calendar-alt-solid-gray.svg);
}
.list_link:before {
background-image: url(/src/img/svg/af/list-solid-gray.svg);
}
.list_link:hover,
.release_link:hover {
box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.15);
}
.prj_edit_table {
display: table;
width: 100%;
padding: var(--rd-spacing-big);
}
.checklist_grid>div,
.prj_edit_table>div {
display: table-cell;
width: 50%;
}
.prj_edit_table>div .bp_label,
.user_box .vp_input_label,
.user_box .vp_input_label>div {
display: block;
width: 100%;
text-align: left;
}
.user_box .vp_input_label {
padding-left: var(--rd-spacing-sm);
padding-right: var(--rd-spacing-sm);
box-sizing: border-boxM;
}
.copy_c.disabled .ct_in_name>span,
.copy_c.disabled td {
color: var(--cl-light-grey) !important;
}
.error-label,
.kp_end,
.user_find_table .Gesperrt,
.user_find_table .Gesperrt td:nth-child(3) {
color: var(--cl-error);
}
.add_attachment:hover,
.cd_edit:hover,
.cd_teile:hover,
.copy_c.disabled .pc_checkbox,
.copy_c.disabled .typ_icon,
.day_back:hover,
.day_next:hover,
.doppelt_overlay .edit_btn:hover,
.edit_cc:hover,
.ft_download:hover,
.kal_vormonat_tag,
.ktc_video.curent_video~a .ktcm_left>span,
.ktc_video.curent_video~span .ktcm_left>span,
.prjDelImg:hover,
.user_view_avatar:hover,
.white_creater_link:hover,
.zeit_erfassung .deleat_btn:hover {
opacity: 0.5;
}
.animation_grid>label:before,
.cuter_grid>label:before,
.prj_camera_grid>label:before,
.quali_grid>label:before,
.text_grid>label:before {
content: "";
width: 15px;
height: 15px;
margin-right: var(--rd-spacing-xx-sm);
background-size: 100%;
background-repeat: no-repeat;
opacity: 0.7;
display: inline-block;
vertical-align: middle;
}
.copy_c.disabled:hover:after {
content: "Diese Fortbildung wurde bereits aktualisiert und steht Ihnen neu in der Kursbibliothek zur Verfügung. Die veraltete Fortbildung wird nicht übernommen.";
position: absolute;
left: 10px;
margin-top: var(--rd-spacing-sm);
background-color: var(--rd-font-light);
font-size: var(--rd-fontsize-3);
max-width: 300px;
}
.admin_assist_grid {
padding-left: var(--rd-spacing-big);
width: 100%;
box-sizing: border-box;
display: grid;
grid-template-areas: "ADMIN ASSIST";
margin-bottom: 10px;
}
.admin_assist_grid .aag_v {
grid-area: ADMIN;
padding-right: var(--rd-spacing-xx-sm);
border-right: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
}
.admin_assist_grid .aag_a {
grid-area: ASSIST;
padding-left: var(--rd-spacing-xx-sm);
border-left: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
}
.admin_assist_grid label,
.animation_grid label,
.cuter_grid label,
.prj_camera_grid label,
.quali_grid label,
.text_grid label {
display: block;
margin-bottom: var(--rd-spacing-xx-sm);
font-weight: var(--rd-fontweights-open-sans-1);
color: var(--cl-blue-grey);
font-size: var(--rd-fontsize-4);
}
.admin_assist_grid label:before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
margin-right: var(--rd-spacing-xx-sm);
background-size: 100%;
background-repeat: no-repeat;
}
.admin_assist_grid .aag_v label:before {
background-image: url(/admin/projects/icons/admin.svg);
opacity: 0.6;
}
.admin_assist_grid .aag_a label:before {
background-image: url(/admin/projects/icons/assist.svg);
opacity: 0.6;
}
.prj_camera_grid {
display: grid;
background-color: #ebf1ff;
text-align: left;
}
.about_teasr+.whitesel .about_grid .ag_txt,
.dropdown_btn,
.global-new-test-setings .rd-pfdgi-lig-label,
.help_content h3,
.prj_camera_grid .bp_label,
.temp_select {
text-align: left;
}
.prj_camera_grid>label:before {
background-image: url(/admin/projects/icons/camera-icon.svg);
}
.cuter_grid {
display: block;
background-color: #e5ffe7;
}
.cuter_grid>label:before {
background-image: url(/admin/projects/icons/cuter-icon.svg);
}
.animation_grid {
background-color: #ffffffcf;
}
.animation_grid>label:before {
background-image: url(/admin/projects/icons/animation-icon.svg);
}
.quali_grid {
padding: 10px 20px;
background-color: #ffedf2;
}
.quali_grid>label:before,
.text_grid>label:before {
background-image: url(/admin/projects/icons/quali-icon.svg);
}
.prj_label {
margin-top: 10px;
font-size: var(--rd-fontsize-4);
}
.prj_label+input[type="range"] {
width: 90%;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
}
.prj_label+input[type="range"]+span {
margin-left: 10px;
width: calc(10% - 15px);
display: inline-block;
text-align: right;
vertical-align: middle;
}
.copy_slider_content {
display: table;
width: 100%;
position: relative;
margin-top: 10px;
text-align: left;
}
.CertFilter .table,
.cb_small,
.project_filter .table {
width: auto;
}
.copy_slider_content>div {
display: table-cell;
vertical-align: top;
}
.copy_slider_content .bp_label {
white-space: nowrap;
padding-top: var(--rd-spacing-xx-sm);
padding-right: 15px;
}
.copy_slider_content .input-append.date input {
padding: var(--rd-spacing-xx-sm) !important;
}
.future_releas {
font-size: var(--rd-fontsize-4);
display: inline-block;
vertical-align: top;
padding-top: 20px;
margin-left: 15px;
}
.betreuer,
.kp_end {
font-size: var(--rd-fontsize-3);
}
.betreuer,
.sett_msg_grid>div>label,
.st_element>label {
font-weight: var(--rd-fontweights-open-sans-0);
}
.kp_end {
display: block;
font-style: italic;
}
.betreuer {
display: block;
color: var(--cl-asphalt-blue);
}
.small_edit_btn {
background-color: var(--cl-deep-green);
color: var(--rd-font-light);
font-size: var(--rd-fontsize-4);
padding: 2px var(--rd-spacing-xx-sm);
border-radius: var(--rd-borderradius-border-md);
font-weight: var(--rd-fontweights-open-sans-1);
text-decoration: none;
cursor: pointer;
}
.small_edit_btn:hover {
box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
}
.smallform {
position: absolute;
right: 0;
background-image: url("/src/img/black60p.png");
z-index: 0;
}
.addtimeform .bp_label,
.cl_trigger>div,
.input_label .sc_input:checked~.valueB,
.input_label .sc_input~.sc_label,
.input_label .sc_input~.valuelabel {
vertical-align: middle;
}
.addtimeform {
min-width: unset !important;
}
.ze_navi {
margin-top: 40px;
text-align: right;
}
.zeit_erfassung {
background-color: #ffffffeb;
padding: 10px;
margin: 10px 30px;
}
.form_down_buttons,
.submit_menu_down {
border-top: var(--rd-borderwidth-border-default) solid #dfe3e8;
margin-left: -20px;
}
.zeit_erfassung h3 {
margin: 0 0 10px;
font-size: var(--rd-fontsize-5);
}
.prj_l_info,
.st_element>label,
.st_help {
font-size: var(--rd-fontsize-3);
}
.customer_kp_table tbody tr:hover {
cursor: pointer;
box-shadow: 0 0.12rem 0.2rem rgba(0, 0, 0, 0.5);
}
.zeit_erfassung .deleat_btn:before {
background-image: url(/src/img/svg/af/trash-alt-red.svg);
}
.urlaubsantrag_grid>div,
.zeit_erfassung tfoot th {
padding: var(--rd-spacing-x-sm);
}
.prj_l_info {
margin-top: -5px;
display: block;
color: #999;
margin-bottom: var(--rd-spacing-xx-sm);
font-style: italic;
}
.sett_msg_confgi legend,
.sett_msg_grid>div>label,
.st_element>label,
.st_help {
color: var(--cl-blue-grey);
}
.CertFilter .table_cell,
.checklist_grid>div:first-child,
.project_filter .table_cell {
padding-right: 10px;
}
.project_filter input[type="text"] {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
padding: 6px;
font-size: var(--rd-fontsize-4);
}
.project_filter button {
margin-top: 20px;
padding: 6px 15px;
}
.cb_small {
display: inline-block;
}
.tab_end_line {
border-bottom: var(--rd-borderwidth-border-focus) solid var(--cl-pale-grey);
margin-top: -1px;
}
.setting_test {
display: grid;
grid-template-areas: "CONT HELP";
grid-template-columns: 60% 40%;
width: 100%;
position: relative;
margin-bottom: 15px;
}
.setting_test:first-child {
margin-top: 30px;
}
.st_element {
grid-area: CONT;
padding-right: 70px;
}
.st_help {
grid-area: HELP;
padding-top: 20px;
padding-right: 20px;
}
.day_next,
.god_feed,
.knb_element .btns,
.st_help button,
.time_reset,
pc-facility-selector .er_ast .actions {
float: right;
}
.st_element>label {
display: block;
margin-bottom: 10px;
}
.mobile_select,
.sett_msg_confgi legend {
font-weight: var(--rd-fontweights-open-sans-1);
}
.st_element input[type="text"],
.st_element select {
width: 100%;
box-sizing: border-box;
padding: var(--rd-spacing-x-sm);
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
}
.st_element ul {
border: 1px solid #eff1f3;
margin: 0;
padding: 0;
}
.st_element ul li {
display: block;
padding: 10px;
border-bottom: var(--rd-borderwidth-border-default) solid #eff1f3;
}
.mobile_select ul li:last-child,
.st_element ul li:last-child {
border-bottom: none;
}
.submit_menu_down {
margin-right: -20px;
max-width: unset;
width: calc(100% + 40px);
margin-top: 40px;
}
.st_element select {
background-image: linear-gradient(to bottom,
var(--rd-font-light) 1%,
#f9fafb 77%);
}
.sett_msg_confgi legend {
font-size: var(--rd-fontsize-5);
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
border: none;
margin-bottom: 20px;
display: block;
}
.complead .vmpb_name,
.fbsg6,
.input_help,
.msg_placeholder,
.selectet_inst_menu a,
.selectet_inst_menu span,
.sett_msg_grid>div>label {
font-size: var(--rd-fontsize-3);
}
.about_img_grid,
.sett_msg_grid {
display: grid;
grid-template-areas: "LEFT RIGHT";
grid-template-columns: 50% 50%;
}
.db_baner_grid>div:first-child,
.smg_left {
grid-area: LEFT;
padding-right: 10px;
}
.db_baner_grid>div:nth-child(2),
.smg_right {
grid-area: RIGHT;
padding-left: 10px;
}
/* .CertFilter button, */
.CertFilter select,
.mobile_select {
padding: var(--rd-spacing-xx-sm);
}
.sett_msg_grid>div>label {
display: block;
margin-bottom: 10px;
}
.sett_msg_grid div .slider_checkbox {
display: block;
border: 1px solid #eff1f3;
background-color: var(--rd-font-light);
padding: var(--rd-spacing-xx-sm);
margin-top: -1px;
}
.mobile_select,
.sett_msg_grid input[type="text"] {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.sett_msg_grid .slider_checkbox+label {
margin-top: 25px;
}
.sett_msg_grid input[type="text"] {
padding: var(--rd-spacing-x-sm);
border-radius: var(--rd-borderradius-border-md);
box-sizing: border-box;
width: 100%;
}
.sett_msg_grid .slider_checkbox {
min-width: 300px;
}
.form_down_buttons {
text-align: right;
margin-top: 44px;
width: calc(100% + 0px);
}
#calendar .header .next:after,
#calendar .header .prev:before,
.day_t_menu,
.tk_checkbox:checked~.th_cont {
margin-top: var(--rd-spacing-xx-sm);
}
.mobile_select {
color: var(--cl-asphalt-blue);
border-radius: var(--rd-borderradius-border-md);
padding-right: 25px;
font-size: var(--rd-fontsize-4);
min-width: 150px;
}
.CertFilter select,
.mobile_select:hover ul {
border: var(--rd-borderwidth-border-default) solid #999;
}
.cert_cont_nav,
.demo_filter {
margin-bottom: 20px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
background-color: var(--rd-font-light);
}
.mobile_select:hover ul {
background-color: var(--rd-font-light);
box-sizing: border-box;
z-index: 100;
}
.cert_table td[data-label="Fortbildung"] {
display: block;
font-size: var(--rd-fontsize-4);
}
.cert_table td[data-label="Fortbildung"] span,
.referent_db_name>span {
display: block;
font-size: var(--rd-fontsize-3);
color: #999;
}
.cert_table td[data-label="Fortbildung"] span:before {
content: "Kurs: ";
}
.cert_table td[data-label="Zeitraum"] {
font-size: var(--rd-fontsize-4);
white-space: nowrap;
}
.cert_table td[data-label="Abschlussdatum"],
.cert_table td[data-label="Fortbildungminuten"] {
font-size: var(--rd-fontsize-4);
text-align: right;
}
.cert_cont_nav {
padding: 24px;
box-sizing: border-box;
display: block;
box-shadow: 0px 2px 5px rgba(16, 24, 40, 0.1);
}
.cert_cont_nav .table {
display: grid;
/* align-items: end; */
/* gap: 16px; */
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas:
"one two three"
". . four";
gap: 16px;
align-items: center;
margin-bottom: 0;
}
.cert_cont_nav .table_cell:first-child {
grid-area: one;
}
.cert_cont_nav .table_cell:nth-child(2) {
grid-area: two;
}
.cert_cont_nav .table_cell:nth-child(3) {
grid-area: three;
}
.cert_cont_nav .table_cell:nth-child(4) {
grid-area: four;
text-align: right;
margin-top: var(--rd-spacing-md);
}
.cert_cont_nav .table_cell label {
font-size: var(--rd-fontsize-3);
font-weight: var(--rd-fontweights-open-sans-1);
color: var(--rd-font-dark);
}
#instract-edit-form,
#instract-find-form,
.AniSetForm,
.demo_filter,
.teilen_form .form_title,
.view_form {
padding: var(--rd-spacing-big);
}
.cert_download_info {
display: block;
font-weight: 400;
font-size: var(--rd-fontsize-4);
line-height: 16px;
color: #e75982;
}
.job_tabs[for="tab1"],
.mr10,
.view_form b {
margin-right: 10px;
}
.demo_table .btn_action {
margin: var(--rd-spacing-xx-sm);
}
.demo_filter {
border-radius: var(--rd-borderradius-border-md);
box-shadow: 0 0.12rem 0.2rem rgba(0, 0, 0, 0.15);
}
#calendar .box-content ul.label li,
.ac_c label,
.demo_msg {
background-color: var(--cl-pale-grey);
}
.demo_filter input[type="text"],
.demo_filter select {
font-size: var(--rd-fontsize-4);
line-height: 14px;
padding: 10px;
border: var(--rd-borderwidth-border-default) solid #999;
border-radius: var(--rd-borderradius-border-md);
margin-right: var(--rd-spacing-xx-sm);
}
.ansprechpartner:before,
.th_cont .th_action a {
font-weight: var(--rd-fontweights-open-sans-1);
font-size: var(--rd-fontsize-3);
}
.tk_checkbox:checked~.th_cont {
display: block;
background-color: var(--rd-font-light);
}
.th_cont .th_action a {
display: inline-block;
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
margin: var(--rd-spacing-xx-sm);
border-radius: var(--rd-borderradius-border-md);
padding: 2px var(--rd-spacing-xx-sm);
background-color: var(--cl-deep-green);
background: linear-gradient(180deg, #89cc20 0, var(--cl-deep-green) 100%);
color: var(--rd-font-light) !important;
}
.continue_btn:hover,
.th_cont .th_action a:hover {
background: linear-gradient(180deg, var(--cl-deep-green) 0, #89cc20 100%);
}
.form_cell .date,
.form_cell pc-datetimeinput[dateonly] .pc_datetimevalue_wrap,
.popup_day label,
input[name="ToDoEdit"]+.table,
input[name="ToDoEdit"]+.table .table_cell {
display: block;
width: 100%;
}
.ansprechpartner,
.live_webinar span {
color: var(--cl-asphalt-blue);
font-weight: 400;
}
.ansprechpartner:before {
content: "Ansprechpartner";
display: block;
padding: var(--rd-spacing-xx-sm);
margin: 0;
}
.day_t_users .ansprechpartner:before,
.dta_art,
.hover_fest .text {
font-weight: 800;
}
.ansprechpartner ul li {
padding: 0 var(--rd-spacing-xx-sm);
}
.ansprechpartner .ap_mail a,
.folder_size>span:nth-child(2) {
font-style: italic;
color: #999;
}
.ansprechpartner .ap_tel a {
color: #007ace;
}
.day_view tbody th {
padding: 10px;
vertical-align: top;
}
.day_view tbody tr.now {
background-color: #f9d8e2;
}
.day_view tbody tr:nth-child(2n),
.switch_homes_table tbody tr:hover {
background-color: #fafafa;
}
.callback,
.urlaub_day,
.webinar {
display: block;
vertical-align: top;
margin: var(--rd-spacing-xx-sm);
padding: var(--rd-spacing-xx-sm);
}
.dta_art {
margin-right: 10px;
}
.day_t_time {
display: block;
color: #7d7d7d;
font-style: italic;
}
.apu_name>div:nth-child(2),
.demo_msg,
.demotime,
.img_info {
font-size: var(--rd-fontsize-3);
color: #999;
}
.checklist_grid fieldset>label,
.day_t_Firma {
font-weight: var(--rd-fontweights-open-sans-1);
display: block;
}
.day_t_users .ansprechpartner {
border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
border-top: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
background-color: rgba(256, 256, 256, 0.5);
}
.clcc_navi>div:nth-child(-n + 2),
.day_t_menu a,
.day_t_users .ansprechpartner li span,
.referent_db_name>span>span,
.tab_filter ul li {
display: inline-block;
margin-right: 10px;
}
.day_t_users .ansprechpartner .ap_mail a,
.urlaubsantrag_grid .wann {
font-style: italic;
color: var(--cl-asphalt-blue);
}
.day_t_menu {
display: block;
}
.day_t_users .ansprechpartner .ap_tel a:before {
content: "Tel.";
color: var(--cl-asphalt-blue);
margin-right: var(--rd-spacing-xx-sm);
}
.day_t_users .ansprechpartner .ap_movil a:before {
content: "Mobil.";
color: var(--cl-asphalt-blue);
margin-right: var(--rd-spacing-xx-sm);
}
.demoform,
.ekp_navi,
.homes_box,
.ku_body,
.new_header .logout_hover {
margin-top: 20px;
}
.demoform label {
display: block;
font-weight: var(--rd-fontweights-open-sans-0);
}
.cont_body tfoot td,
.ekp_navi button,
.input_label>label {
font-weight: var(--rd-fontweights-open-sans-1);
}
.demoform input,
.demoform select,
.demoform textarea {
padding: var(--rd-spacing-xx-sm);
font-size: var(--rd-fontsize-4);
min-width: 250px;
border: var(--rd-borderwidth-border-default) solid #999;
}
.demoform textarea {
width: 100%;
height: 150px;
}
.demoform input,
.demoform select {
margin-bottom: 10px;
min-width: 250px;
box-sizing: border-box;
}
.demo_msg {
display: block;
padding: var(--rd-spacing-xx-sm);
max-width: 250px;
}
.demo_msg:before {
content: "";
background-image: url(https://www.pflegecampus.de/src/img/svg/af/comment-solid-gray.svg);
display: inline-block;
width: 10px;
height: 10px;
background-size: 100%;
margin-right: var(--rd-spacing-xx-sm);
}
@media screen and (max-width: 1500px) {
.kp_we_banners {
width: auto !important;
}
}
@media screen and (max-width: 1200px) {
.center,
.db_dash,
.topkurse {
box-sizing: border-box;
}
.mainframe>section .center {
min-width: 100%;
padding-right: 40px;
box-sizing: border-box;
}
.db_dash,
.rd-instruction-wizard .mainframe>section {
display: block;
}
.db_dash>div {
display: inline-block;
}
.dbk_element {
margin: var(--rd-spacing-xx-sm);
}
.db_dash,
.dbd_diagram,
.mainframe nav ul,
.topkurse {
width: 100%;
}
.topkurse {
height: auto;
margin-top: 10px;
}
.dbd_diagram+.dbk_element {
margin-left: 0;
}
.navi_end {
height: 0;
}
.tc_cell.set_right {
padding-right: 50px;
}
.dashboard .navigation_mobil {
top: -120px;
}
.demo_teaser {
left: 0;
width: 100%;
}
.ktc_tab li label {
font-size: var(--rd-fontsize-4);
}
.ft_menu_bar {
display: none !important;
}
.logout_block {
position: relative;
width: 100%;
height: auto;
}
.logout_block a {
line-height: 19px;
padding: 10px;
}
.td_time_icon:hover~.time_help {
right: 0;
}
.dashboard_content>a {
min-width: 250px;
}
.cl_flex {
display: flex;
}
.clcc_navi {
position: relative;
left: auto;
bottom: auto;
margin-top: 10px;
}
.clc_content,
.clc_img {
height: auto;
min-height: 280px;
background-size: cover;
background-position: 50%;
}
.fromoverlay {
z-index: 1000;
}
.ReferentTable tr td:first-child,
.ReferentTable tr td:nth-child(2),
.ReferentTable tr th:first-child,
.ReferentTable tr th:nth-child(2) {
display: table-cell;
}
}
@media screen and (max-width: 1050px) {
.kp_we_banners .img {
float: unset !important;
}
.ic_contant,
.ic_users {
float: unset;
display: block;
width: 100%;
}
.ic_users {
margin-bottom: 10px;
}
.ic_contant {
margin-left: 0;
}
.ref_box {
margin-bottom: 80px;
}
.dd_menu,
.dropdown_btn {
right: 0;
}
form[action="category-save"] {
width: 90% !important;
}
}
@media screen and (max-width: 1100px) {
.prev_kurs_name {
line-height: 1.2em;
}
.respons_table thead,
.shadow_right:after {
display: none;
}
.respons_table tr {
display: block;
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.respons_table td,
.td_diagram {
margin-bottom: var(--rd-spacing-xx-sm);
}
.respons_table td {
display: table;
width: 100%;
border-bottom: var(--rd-borderwidth-border-default) dotted var(--cl-pale-grey);
padding-bottom: 10px;
text-align: left;
}
.respons_table td:before {
content: attr(data-label);
display: table-cell;
font-weight: var(--rd-fontweights-open-sans-1);
font-size: var(--rd-fontsize-4);
width: 180px;
vertical-align: top;
padding-left: 20px;
text-align: left;
}
.user_grid,
.user_grid>div {
display: flex;
width: 100%;
margin-bottom: 10px;
flex-direction: column;
}
.ug_right>div {
width: 100%;
max-width: unset;
}
.ur_r_tab {
text-align: left;
}
.user_fortbildungen {
min-width: unset;
}
.cb_navi .blue_link {
position: relative;
display: inline-block;
top: auto;
left: auto;
right: auto;
bottom: auto;
border-left: none;
margin-bottom: 10px;
}
}
@media screen and (max-width: 960px) {
#swtchInstCreate>div {
flex-direction: column;
align-items: unset !important;
}
#swtchInstCreate>div>span.slider {
margin-top: var(--rd-spacing-md);
}
.clcc_name {
font-size: var(--rd-fontsize-5);
}
}
@media screen and (max-width: 1024px) {
.clcc_navi,
.ktc_content {
left: auto;
bottom: auto;
position: relative;
}
.cl_course,
.clc_content,
.clcc_navi,
.ktc_content,
.ktc_content>div {
position: relative;
}
.addkursform .table_cell:nth-child(2),
.clc_img,
.db_drei {
width: 100%;
}
.dashboard_neue_kurse .db_new_cours {
width: 266px;
margin-bottom: 10px;
}
.mainframe,
.terminkalnder_flex {
display: block;
}
.cl_course {
max-width: 534px;
margin: auto auto 16px;
}
#ergebnis .cl_course {
max-width: 534px !important;
}
.clc_content {
left: auto;
height: auto;
}
.clcc_navi {
margin-top: 10px;
margin-bottom: 10px;
}
.clcc_navi>div {
margin: 10px 10px 10px 0;
display: inline-block;
}
.clcc_navi>div:nth-child(3) {
margin-bottom: 20px;
display: block;
}
.content_table {
display: block;
width: 100%;
height: auto;
max-width: unset;
}
.InstructionUsers_table>div,
.content_table>div,
.demo_table td,
.demo_table tr {
display: block;
width: 100%;
}
.ktc_content {
top: auto;
right: auto;
}
.ktc_content>div {
font-size: var(--rd-fontsize-4);
}
.kurs_img {
min-width: unset;
min-height: 350px;
}
.InstructionMenu {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.instruction_add_table,
.instruction_add_table>div {
margin: 0;
display: block;
width: 100%;
float: unset;
}
.instruction_add_table>div {
height: 250px;
margin-bottom: 15px;
}
.instruction_add_table #categorie {
background-color: #fcfbf6;
}
#next_overlay {
margin: 0;
}
.pcs_next {
float: unset;
display: block;
width: 100%;
}
.addmodul,
.dd_charts {
display: flex;
}
.InstructionUsers_table {
margin: 0;
width: 100%;
}
.addkurs_body .table,
.dashboard_navi form,
.id_table_input {
display: flex;
flex-direction: column;
}
.addmodul {
flex-direction: column;
margin-left: 0 !important;
}
.addmodul>div {
width: 100%;
padding: 10px;
margin-bottom: 10px;
box-sizing: border-box;
}
.dp_haus_select {
margin-top: 10px;
}
.dashboard_datepiker {
padding-right: 0;
}
.dd_charts>div {
padding: 10px;
}
.terminkalnder_flex>.terminkalender {
display: inline-block;
min-width: 100px;
vertical-align: top;
}
.demo_table thead {
display: none;
}
.demo_msg {
width: 95%;
box-sizing: border-box;
}
.demo_table tr:nth-child(2n) {
background-color: #fafafa;
}
}
@media screen and (max-width: 870px) {
.prev_kurs_img {
/* background-size: cover; */
background-position: top;
}
.copy_table thead,
.lh_name:after {
display: none;
}
.cb_navi>a,
.copy_table td div {
display: inline-block;
}
.cb_navi {
padding-bottom: 0;
}
.instruction_detail_table,
.instruction_detail_table>div {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.eh_e_text {
white-space: nowrap;
font-size: var(--rd-fontsize-3);
}
.ah_trenner {
display: none !important;
}
.cont_body.grp_groupswrap {
display: flex !important;
flex-direction: column;
}
.grp_grouplistwrap {
box-shadow: 0 0 6px var(--cl-light-grey);
}
.fortbildungsplan .table,
.ibu_info {
display: flex;
flex-direction: column;
text-align: left !important;
}
.ibu_info>div {
text-align: left;
display: block;
}
.ibu_date {
margin-bottom: 10px;
flex: 1;
order: 1;
}
.carusel {
max-width: 100%;
}
.copy_table td,
.copy_table tr {
display: block;
width: 100%;
text-align: left !important;
}
.copy_table td:before {
content: attr(data-label);
display: inline-block;
width: 150px;
font-size: var(--rd-fontsize-4);
font-weight: var(--rd-fontweights-open-sans-1);
color: var(--cl-asphalt-blue);
}
.copy_c.disabled:hover:after {
top: 0;
}
}
@media screen and (max-width: 600px) {
.lh_name {
font-size: var(--rd-fontsize-4);
white-space: nowrap;
}
.dbke_menu a,
.dropdown_link {
font-size: var(--rd-fontsize-3);
white-space: nowrap;
}
.id_table_input,
.id_table_input>div {
display: block;
width: 100%;
}
.prev_kurs_categorys {
padding-top: 220px;
}
.prev_kurs_overlay {
background-image: none;
}
.prev_kurs_desc {
width: 100%;
}
.kurs_breadcrumbs {
display: none;
}
.pcp_kurs_bg_img {
background-position: 50%;
}
.prev_kurs {
background-color: #454545;
padding: var(--rd-spacing-big);
}
.prev_kurs_navi>div {
margin-bottom: 10px;
}
.prev_kurs_img {
position: absolute;
right: 0;
left: 0;
top: 0;
background-repeat: no-repeat;
margin: 0;
width: 100%;
/* background-size: cover !important; */
bottom: 0;
height: auto;
opacity: 0.2;
background-position: 65%;
}
#certBody .mainframe>section .center div,
.nout_img {
display: none !important;
}
.nou_teaser {
margin-bottom: 40px;
}
#certBody .mainframe>section .center h1 {
line-height: 1.2em;
}
#certBody .mainframe>section .center h1:first-child:after {
content: "Auf mobilen Endgeräten ist diese Funktion nicht verfügbar.";
display: block;
font-size: var(--rd-fontsize-5);
font-weight: 400;
line-height: 1.4em;
color: #fd6262;
margin-top: 20px;
}
.figure {
position: relative;
z-index: 100;
}
.cl_flex {
display: flex;
flex-direction: column;
}
.clc_content,
.clc_img {
height: auto;
min-height: 150px;
background-size: cover;
background-position: top !important;
}
.clcc_navi a,
.ibu_proces {
width: 100%;
box-sizing: border-box;
}
.copy_table td:before {
content: attr(data-label);
display: block;
width: 100%;
font-size: var(--rd-fontsize-3);
font-weight: var(--rd-fontweights-open-sans-1);
color: var(--cl-asphalt-blue);
}
.copy_table td div {
display: block;
}
.id_table_input>div label span.radio_text {
display: inline !important;
margin-top: var(--rd-spacing-xx-sm);
}
.webinarSession.webinarSession_status_future.clcc_status,
.webinarSession {
display: inline-block !important;
}
.button.border:hover {
color: var(--rd-primary-active) !important;
background-color: var(--rd-font-light) !important;
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
}
.button.border:focus {
color: var(--rd-primary-active);
background-color: var(--rd-font-light);
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
}
.dEnd .rd-demo-btns .rd-primary-btn {
margin-bottom: 0 !important;
}
.demo_page .support-teaser-b {
margin-bottom: var(--rd-spacing-lg);
}
.demo_page .support-teaser-b .contact_overpop_phonewrap {
flex-direction: column-reverse;
gap: 16px !important;
justify-content: center;
}
}
.ac_c_l span,
.brutto,
.ces2_form li span,
.doppelt_overlay form li span,
.freelancerT td:nth-child(6),
.freelancerT td:nth-child(7),
.freelancerT td:nth-child(8),
.k_lpus_tabelle td:first-child,
.k_lpus_tabelle td:nth-child(4) {
color: #999;
}
@media screen and (max-width: 590px) {
.ms_tabcont,
.paginator .selectbox {
box-sizing: border-box;
}
.mavi_add_btn,
.paginator,
.test_block {
position: relative;
}
.dashboard_neue_kurse .db_new_cours {
width: 100%;
height: auto;
}
.dashboard_neue_kurse .db_new_cours .cont .ref {
position: relative;
margin-top: 10px;
bottom: auto;
}
.dbke_text {
margin-bottom: 10px;
}
.demo_teaser {
height: auto;
}
.paginator {
display: block;
width: 100%;
}
.pagecountnavi,
.paginator .selectbox {
display: block;
width: 100%;
text-align: left;
padding-left: 20px;
}
.paginator .selectbox {
margin-bottom: 10px;
padding-bottom: 10px;
}
.teaser_kurs p {
width: 100%;
}
.mavi_add_btn {
top: auto;
left: auto;
right: auto;
bottom: auto;
margin-bottom: 20px;
}
.top_paginator {
background-color: var(--rd-font-light);
}
.grp_members_wrap {
display: flex !important;
flex-direction: column;
}
.grp_members_list_assigned .grp_members_list_item_ctrl {
transform: rotate(-90deg) !important;
vertical-align: middle;
top: -5px;
}
.grp_members_list_item_ctrl {
transform: rotate(-90deg) !important;
top: -5px !important;
}
.grp_groupdetails .cb_cont {
padding-left: 10px !important;
}
.mstt_table table thead {
display: none;
}
.mstt_table table tbody td,
.mstt_table table tbody tr {
display: block;
width: 100%;
}
.mstt_table table tbody td:before {
content: attr(data-label);
width: 150px;
display: inline-block;
font-weight: var(--rd-fontweights-open-sans-1);
color: var(--cl-asphalt-blue);
}
.my_statistic {
width: 100%;
min-width: unset;
}
.ms_tabmenu div,
.ms_tabmenu label,
.mst_table>div {
display: inline-block;
}
.mst_print_block {
padding: 10px;
}
.mst_table {
display: block;
}
}
.about_teasr,
.jobs_teaser {
min-height: unset !important;
}
@media screen and (max-width: 500px) {
.clcc_navi>div,
.clcc_navi>div a {
display: block;
width: 100%;
text-align: center;
}
.view_btn:before {
position: relative;
top: auto;
left: auto;
vertical-align: middle;
}
.clcc_navi>div a {
margin-bottom: 10px;
}
.category_link {
width: 100%;
}
.prev_kurs_navi>div {
display: block;
margin-bottom: 10px;
}
.respons_table td {
padding: var(--rd-spacing-xx-sm) 10px;
display: block;
width: 100%;
box-sizing: border-box;
}
.respons_table td:before,
.small_table th,
.wd_res_snip {
display: none;
}
.respons_table td:before {
display: block;
padding-left: 0;
}
.del_roll {
top: -10px;
}
.vp_input_label>div {
display: block;
width: 100%;
text-align: left;
}
.wd_searchresultwrap {
padding: var(--rd-spacing-xx-sm) !important;
}
.wd_resulitem .clcc_name {
font-size: var(--rd-fontsize-4) !important;
font-weight: 400 !important;
margin: 0;
}
.pcx_highlight,
.pcx_highlightBlue {
font-weight: 800;
}
}
@media screen and (max-width: 450px) {
.pricing .help_bullet {
position: unset !important;
}
.pricing .hb_right:hover:before {
left: 0;
bottom: calc(100% - 10px);
}
.pricing .hb_right:hover:after {
right: auto !important;
left: auto !important;
bottom: calc(100% - 14px);
}
.contractPackageFeatures .contractPackageFeature,
.features-box-mobile td.btr-title {
position: relative;
}
.contractPackageFeature {
margin-right: 0 !important;
}
.contractPackage:first-child .hb_right:hover:before {
bottom: calc(100% + 6px);
}
.contractPackage:first-child .hb_right:hover:after {
bottom: 33px;
}
.contractPackage:nth-child(3) .hb_right:hover:before {
bottom: calc(100% - 20px);
}
.contractPackage:nth-child(3) .hb_right:hover:after {
bottom: calc(100% - 25px);
}
span[data-tooltip]:hover:before,
table tbody td[data-tooltip]:hover:before,
th[data-tooltip]:hover:before {
width: 300px;
}
.support-teaser-b {
padding: 32px 16px !important;
}
.copyright,
.footer_table {
text-align: center !important;
}
.header_logo {
margin-left: 0 !important;
font-size: var(--rd-fontsize-3);
max-width: 125px;
}
.center {
padding: 0 10px !important;
}
.footer_table {
display: flex !important;
flex-direction: column;
}
.footer_table>div {
display: block;
text-align: center;
padding-bottom: 0;
}
.copyright {
padding: 0 !important;
margin: 0;
}
footer .f_pc_logo {
margin: 20px 0 10px;
width: 50px;
height: 20px;
}
.footer_menu {
margin: 0;
}
#suchform .such_feld,
#suchform label,
.cb_navi2 .such_feld,
.cb_navi2 label {
display: block;
width: 100%;
margin-bottom: 10px;
}
.prev_kurs_overlay_suche {
height: 100px;
}
#input_groupname,
#input_groupnote {
width: 100%;
}
.dashboard_datepiker .table,
.formtable {
display: flex;
flex-direction: column;
}
#reportrange {
min-width: unset;
}
.formtable>.form_cell {
width: 100%;
padding: 0 !important;
margin-bottom: var(--rd-spacing-xx-sm);
}
.kontakt_teaser h1+p {
width: 80%;
display: inline-block;
line-height: 1.2em !important;
}
.foerderungsantrag .fd_stepps {
padding-bottom: 40px;
}
.foerderungsantrag .vert_btn {
margin-bottom: 40px;
}
.cb_navi2 .dsg_filter label {
display: inline !important;
}
}
#leftcount,
.wgn .new_bullet {
min-width: 14px;
min-height: 14px;
}
#liste #suche,
.ac_c label {
margin: var(--rd-spacing-xx-sm) 10px;
}
.add_courses,
.pt_carusel.partner_teaser .center>div {
width: 100% !important;
}
.ac_c label {
display: block;
padding: var(--rd-spacing-xx-sm) 10px;
cursor: pointer;
}
#calendar .header .prev:before,
.ac_c label .ac_c_c,
.deleat+.db_text:before,
.ekp_navi a {
margin-right: var(--rd-spacing-xx-sm);
}
.ac_c label .ac_c_c {
display: inline-block;
width: 15px;
height: 15px;
background-color: var(--rd-font-light);
vertical-align: middle;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
position: relative;
}
#timesumme,
.kb_bc .kb_sublink:before {
margin-left: var(--rd-spacing-x-sm);
}
.ekp_navi a {
display: inline-block;
width: auto;
}
.ekp_navi button {
display: inline-block;
box-sizing: border-box;
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
border-radius: var(--rd-borderradius-border-md);
background: linear-gradient(180deg, #89cc20 0, var(--cl-deep-green) 100%);
box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
color: var(--rd-font-light);
line-height: 19px;
padding: 7px 20px;
font-size: var(--rd-fontsize-4);
cursor: pointer;
text-decoration: none;
position: relative;
vertical-align: top;
}
.input_label {
display: table;
margin-bottom: 10px;
}
.input_label>label {
width: 250px;
vertical-align: middle;
display: table-cell;
}
.brutto {
display: block;
white-space: nowrap;
font-size: var(--rd-fontsize-3);
}
.cont_body tfoot td {
vertical-align: top;
border-top: 3px double #999;
}
.kontakt_teaser,
.round-teaser {
width: 120%;
margin-left: -10%;
text-align: center;
border-bottom-left-radius: 100%;
border-bottom-right-radius: 100%;
background-color: var(--cl-light-blue);
padding: 60px;
box-sizing: border-box;
}
.round-teaser h1 {
color: var(--cl-dark-grey);
font-family: "Open Sans";
font-size: var(--rd-fontsize-14);
letter-spacing: 0;
line-height: 64px;
text-align: center;
font-weight: 400;
}
.round-teaser+div,
.round-teaser+div a {
color: var(--cl-dark-grey);
font-family: "Open Sans";
font-size: var(--rd-fontsize-5);
letter-spacing: 0.78px;
line-height: 29px;
padding: 30px 0 150px;
}
.kontakt_teaser h1,
.round-teaser+div h2,
.round-teaser+div h3 {
color: var(--rd-primary-active);
font-weight: var(--rd-fontweights-open-sans-1);
margin-bottom: 0;
text-transform: uppercase;
}
.fat_over_titel,
.kontakt_teaser h1 {
letter-spacing: 0.78px;
line-height: 21px;
}
.round-teaser+div h2,
.round-teaser+div h3 {
font-size: var(--rd-fontsize-4);
letter-spacing: 0.78px;
line-height: 29px;
margin-top: 40px;
}
.round-teaser+div h4 {
font-size: var(--rd-fontsize-4);
letter-spacing: 0.78px;
line-height: 29px;
margin-top: 40px;
color: var(--rd-primary-active);
}
.attach_block hr:first-child,
.newQMUserAddPopup .form_btn_block *,
.round-teaser+div p,
.test_adni_lib h2 {
margin: 0;
}
#calendar .header .next:after,
.sm_0:after,
.sm_1:after,
.sm_2:after,
.sm_3:after,
.sm_4:after,
.sm_5:after {
margin-left: var(--rd-spacing-xx-sm);
}
.kontakt_teaser .center,
.round-teaser .center {
padding: 0 !important;
}
.kontakt_teaser h1 {
font-family: "Open Sans";
font-size: var(--rd-fontsize-4);
}
.kontakt_teaser h1+p {
margin: 0;
color: var(--cl-dark-grey);
font-family: "Open Sans";
font-size: var(--rd-fontsize-14);
letter-spacing: 0;
line-height: 64px;
text-align: center;
display: inline-block;
width: 90%;
}
@media screen and (max-width: 1600px) {
.ReferentTable {
font-size: var(--rd-fontsize-4);
}
.ReferentTabl {
width: 100%;
}
.ReferentTable tr td {
width: auto;
word-break: break-word;
min-width: 40px;
}
.ReferentTable tr td:nth-child(4) {
width: 150px;
}
td[data-label="Ansprechpartner"]>div {
white-space: unset;
display: block;
text-align: left;
}
td[data-label="Ansprechpartner"] a {
margin-left: 0;
margin-bottom: var(--rd-spacing-xx-sm);
}
.freelancerT .shadow_right {
display: grid !important;
}
}
@media screen and (max-width: 1400px) {
.cont_body {
position: relative;
max-width: 98%;
}
.ReferentTable {
width: 100%;
}
.ReferentTable tr td:nth-child(8) {
width: 50px;
}
.termin_filter {
display: grid;
grid-template-areas: "EL1 EL2" "EL3 EL4" "EL5 EL6";
width: 95%;
position: relative;
grid-template-columns: 50% 50%;
margin-bottom: 40px;
}
.termin_filter div #reportrange,
.termin_filter div input,
.termin_filter div select {
width: 100% !important;
min-width: unset;
box-sizing: border-box;
}
}
@media screen and (max-width: 1000px) {
.CTabCont thead,
.ChangelogTable thead,
.LogoTable thead,
.ReferentTable thead,
.VideoProjectTable thead,
.alle_kurse thead,
.animation_table thead,
.cours_instruction thead,
.courseRating thead,
.demo_table td.d_gelöscht::before,
.k_lpus_tabelle thead,
.kp_users thead,
.softwarecustomer thead {
display: none;
}
.ReferentTable tr {
margin-bottom: 10px;
}
.ReferentTable td,
.ReferentTable tr td:first-child,
.ReferentTable tr td:nth-child(2),
.ReferentTable tr td:nth-child(8),
.ReferentTable tr th:first-child,
.ReferentTable tr th:nth-child(2) {
display: block;
width: 100%;
padding: var(--rd-spacing-xx-sm) 10px;
}
.ReferentTable tr:nth-child(odd) {
background-color: var(--cl-pale-grey);
}
.ReferentTable tr td:nth-child(2) {
display: block !important;
}
.CTabCont td:before,
.ChangelogTable td:before,
.LogoTable td:before,
.ReferentTable td:before,
.ReferentTable tr td:before,
.VideoProjectTable td:before,
.alle_kurse td:before,
.animation_table td:before,
.cours_instruction td:before,
.courseRating td:before,
.demo_table td:before,
.k_lpus_tabelle td:before,
.kp_users td:before,
.softwarecustomer td:before {
content: attr(data-label);
width: 100%;
display: block;
font-weight: var(--rd-fontweights-open-sans-0);
}
.CTabCont tr,
.ChangelogTable tr,
.CustomerTable tr,
.LogoTable tr,
.ReferentTable tr,
.VideoProjectTable tr,
.alle_kurse tr,
.animation_table tr,
.cours_instruction tr,
.courseRating tr,
.demo_table tr,
.k_lpus_tabelle tr,
.kp_users tr,
.softwarecustomer tr {
display: block;
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.CTabCont td,
.ChangelogTable td,
.LogoTable td,
.VideoProjectTable td,
.alle_kurse td,
.animation_table td,
.cours_instruction td,
.courseRating td,
.demo_table td,
.k_lpus_tabelle td,
.kp_users td,
.softwarecustomer td {
display: block;
width: 100%;
margin-bottom: var(--rd-spacing-xx-sm);
border-bottom: var(--rd-borderwidth-border-default) dotted var(--cl-pale-grey);
padding-bottom: 10px;
}
.ReferentTable td {
display: block;
width: 100%;
margin-bottom: var(--rd-spacing-xx-sm);
padding-bottom: 10px;
}
.k_lpus_tabelle {
box-sizing: border-box;
position: relative;
width: 100%;
}
.LogoTable tbody td,
.k_lpus_tabelle tbody td,
.k_lpus_tabelle tbody tr {
display: block;
width: 100%;
text-align: left !important;
}
.k_lpus_tabelle tbody td .small_edit_btn {
display: inline-block;
}
.demo_table .demo_msg,
.k_lpus_tabelle .docu_mini_info {
background-color: var(--cl-light-green);
}
.ReferentTable td[data-label="Typ"],
.demo_table td[data-label="Typ"],
.feedbacks td[data-label="Typ"] {
text-align: left;
}
.courseRating tr td:nth-child(8),
.feedbacks tr td:nth-child(6) {
border-bottom: none;
}
.demo_table .d_gelöscht,
.demo_table .demo_btn_grid {
display: flex;
}
.demo_table td[data-label="Datum"] {
font-size: var(--rd-fontsize-5);
font-style: normal;
}
.demo_table .btn_action {
background: var(--rd-primary-active) !important;
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
}
.CTabCont td,
.alle_kurse td,
.animation_table td,
.demo_table td,
.k_lpus_tabelle td {
color: #999;
color: var(--cl-black) !important;
}
.CTabCont,
.VideoProjectTable,
.alle_kurse,
.animation_table,
.demo_table,
.k_lpus_tabelle {
font-size: var(--rd-fontsize-4);
}
.mailer_columns {
grid-template-columns: 100% !important;
}
.project_filter .table {
display: inline-grid;
grid-template-areas: "one tow";
gap: 40px;
}
.ReferentTable tr td:nth-child(4) {
width: auto;
}
.double_form .table_cell {
display: block;
width: 100%;
margin-bottom: 10px;
}
.double_form .admin_assist_grid {
display: block;
}
.double_form .copy_slider_content {
display: grid;
}
.CTabCont tr td:last-child,
.ChangelogTable tr td:last-child,
.CustomerTable tr td:last-child,
.LogoTable tr td:last-child,
.ReferentTable tr td,
.ReferentTable tr td[data-label="Schnitt"],
.VideoProjectTable tr td:last-child,
.alle_kurse tr td:last-child,
.animation_table tr td:last-child,
.cours_instruction tr td:last-child,
.demo_table tr td:last-child,
.k_lpus_tabelle tr td:last-child,
.kp_users tr td:last-child,
.softwarecustomer tr td:last-child,
.video_tb tr td:last-child,
[data-label="Kamera"] {
border-bottom: none !important;
}
.CustomerTable tr:nth-child(odd),
.LogoTable tr:nth-child(odd),
.VideoProjectTable tr:nth-child(odd),
.alle_kurse tr:nth-child(odd),
.animation_table tr:nth-child(odd),
.demo_table tr:nth-child(odd),
.k_lpus_tabelle tr:nth-child(odd) {
background-color: var(--cl-pale-grey) !important;
}
.CTabCont tr:nth-child(2n),
.CustomerTable tr:nth-child(2n),
.k_lpus_tabelle tr:nth-child(2n) {
background-color: var(--rd-font-light) !important;
}
.CTabCont tr:nth-child(odd) td,
.CustomerTable tr:nth-child(odd) td,
.LogoTable tr:nth-child(odd) td,
.VideoProjectTable tr:nth-child(odd) td,
.alle_kurse tr:nth-child(odd) td,
.animation_table tr:nth-child(odd) td,
.demo_table tr:nth-child(odd) td,
.k_lpus_tabelle tr:nth-child(odd) td {
border-bottom: var(--rd-borderwidth-border-default) dotted var(--rd-font-light);
}
.CustomerTable tr:nth-child(2n) td {
border-bottom: var(--rd-borderwidth-border-default) dotted var(--cl-pale-grey);
}
.CTabCont table {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.test_adni_lib {
padding-left: 0 !important;
padding-right: 0 !important;
}
.test_adni_lib h2 {
margin-left: 10px !important;
}
.cours_instruction tr td {
padding-left: 20px !important;
}
.InstructionTable tr td:last-child {
width: 100%;
}
.teaser_kurs.small {
background-size: 50% 100% !important;
}
}
.date_typ label,
.freelancer_ranking label,
.sell_mail label {
margin-bottom: var(--rd-spacing-xx-sm);
text-transform: uppercase;
}
#calendar .box-content ul.label li,
#liste #suche,
.sell_mail input {
padding: var(--rd-spacing-xx-sm);
box-sizing: border-box;
}
@media screen and (max-width: 470px) {
.termin_filter {
grid-template-areas: "EL1" "EL2" "EL3" "EL4" "EL5" "EL6";
width: 100%;
grid-template-columns: 100%;
}
}
.dreh_marker,
.releas_marker {
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-position: 50%;
}
.white_sel {
text-align: center !important;
background-color: var(--rd-font-light) !important;
}
.white_sel .center {
display: inline-block !important;
font-size: var(--rd-fontsize-5) !important;
width: 80% !important;
transition: 0.4s linear !important;
}
.db_text.deleat,
.deleat+.db_text:before,
.mail_err:before,
.sm_0:after,
.sm_1:after,
.sm_2:after,
.sm_3:after,
.sm_4:after,
.sm_5:after {
display: inline-block;
}
.fa_teaser a,
.favb_grid+a,
.job_tabs:after,
.slider_checkbox_cont {
transition: 0.2s linear;
}
.sell_mail {
display: block;
margin-bottom: 10px;
}
.date_typ label,
.sell_mail label {
font-weight: var(--rd-fontweights-open-sans-0);
display: block;
}
#calendar .header .title,
.end,
.fat_over_titel,
.freelancer_ranking .Bewertung,
.freelancer_ranking label {
font-weight: var(--rd-fontweights-open-sans-1);
}
.sell_mail input {
width: 100%;
border: var(--rd-borderwidth-border-default) solid #999;
}
.mail_err_input {
background-color: #ffeded;
}
.mail_err,
.mail_err:before {
background-color: var(--rd-font-light);
}
.mail_err {
color: #fd6262;
border: var(--rd-borderwidth-border-default) solid #fd6262;
padding: var(--rd-spacing-xx-sm) 10px;
font-size: var(--rd-fontsize-3) !important;
margin-top: 10px;
position: relative;
}
.label_help,
.prj_cat {
color: #999;
font-style: italic;
}
.freelancer_ranking label,
.label_help,
.legende,
.prj_cat {
font-size: var(--rd-fontsize-3);
}
.mail_err:before {
content: "";
width: 12px;
height: 12px;
border-right: var(--rd-borderwidth-border-default) solid #fd6262;
border-bottom: var(--rd-borderwidth-border-default) solid #fd6262;
position: absolute;
transform: rotate(225deg);
top: -7px;
left: 12px;
}
.freelancer_ranking {
box-shadow: 0 0.12rem 0.4rem rgba(0, 0, 0, 0.25);
margin-top: 20px;
display: grid;
grid-template-areas: "TITEL TITEL TITEL" "KAMERA SCHNITT ANIMATION";
grid-template-columns: 33.3% 33.3% 33.3%;
background-color: #fafafa;
}
.fa_section .fa_video_block,
.tab1_cont,
.tab2_cont,
.tab3_cont {
box-shadow: 0 8px 9px 0 rgba(63, 63, 68, 0.1),
0 43px 40px -40px rgba(63, 63, 68, 0.1);
}
.freelancer_ranking .Bewertung {
grid-area: TITEL;
padding: 10px;
}
.freelancer_ranking .Bewertung:after {
content: "\2B50 \2B50 \2B50 \2B50 \2B50";
display: inline-block;
margin-left: var(--rd-spacing-xx-sm);
}
.freelancer_ranking .kamera {
grid-area: KAMERA;
padding: 10px;
}
.freelancer_ranking .Schnitt {
grid-area: SCHNITT;
padding: 10px;
}
.freelancer_ranking .Animation {
grid-area: ANIMATION;
padding: 10px;
}
.freelancer_ranking label {
display: block;
}
.sm_0:after {
content: "\1F634";
}
.sm_1:after {
content: "\1F621";
}
.sm_2:after {
content: "\1F622";
}
.sm_3:after {
content: "\1F615";
}
.sm_4:after {
content: "\1F60A";
}
.sm_5:after {
content: "\1F60D";
}
.freelancerT td:nth-child(8),
.freelancerT th:nth-child(8) {
width: 60px !important;
}
.label_help {
margin-bottom: 10px;
display: block;
}
.db_text.deleat {
position: relative;
margin-bottom: 10px;
margin-right: 20px;
color: #ee7f84;
}
.deleat+.db_text:before {
content: "";
width: 14px;
height: 14px;
background-image: url(/src/img/svg/af/trash-alt-red.svg);
background-size: 100%;
background-position: 50%;
background-repeat: no-repeat;
vertical-align: middle;
opacity: 0.8;
}
.prj_cat {
display: block;
}
#calendar .header {
min-height: unset;
}
#calendar .header .prev {
float: left;
margin-left: 10px;
box-shadow: 0.12rem 0.12rem 0.2rem rgba(0, 0, 0, 0.5);
}
#calendar .header .next {
float: right;
margin-right: 10px;
box-shadow: -0.12rem 0.12rem 0.2rem rgba(0, 0, 0, 0.5);
}
#calendar .header .next,
#calendar .header .prev {
background-color: var(--cl-pale-grey);
color: var(--cl-asphalt-blue);
padding: var(--rd-spacing-xx-sm) 10px;
font-size: var(--rd-fontsize-4);
display: inline-block;
border-radius: var(--rd-borderradius-border-md);
transition: 0.15s linear;
}
#calendar .header .prev:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
vertical-align: top;
background-size: 100%;
transform: rotate(90deg);
}
#calendar .header .next:after {
content: "";
display: inline-block;
width: 12px;
height: 12px;
vertical-align: top;
background-size: 100%;
transform: rotate(-90deg);
}
#calendar .header .next:hover,
#calendar .header .prev:hover {
transform: translateY(-2px);
box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.6);
}
#calendar .header .title {
font-size: var(--rd-fontsize-5);
color: var(--rd-primary-active);
}
#calendar .box-content ul {
margin-left: 0;
display: grid;
width: 100%;
list-style: none;
}
#calendar .box-content ul.label {
padding: 0;
background-color: transparent;
}
#calendar .box-content ul.label li {
border-radius: var(--rd-borderradius-border-none);
margin-top: 10px;
color: var(--cl-asphalt-blue);
text-shadow: none;
font-weight: 400;
}
#calendar .box-content ul.label li:nth-child(6),
#calendar .box-content ul.label li:nth-child(7) {
font-weight: 800;
color: #ec5e84;
}
#calendar .dates {
display: grid;
grid-template-rows: 120px 120px 120px 120px 120px 120px;
text-align: left;
padding: 10px;
box-sizing: border-box;
}
#calendar .dates li {
padding: 10px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
color: var(--cl-asphalt-blue);
}
#calendar .dates li.now {
border: 4px solid var(--rd-primary-active);
background-color: var(--rd-error-inactive);
}
.end {
color: #ec5e84 !important;
}
.dreh_termin {
display: inline-block;
position: relative;
vertical-align: top;
}
.dreh_marker {
display: inline-block;
background-color: #94c4e6;
border-radius: var(--rd-borderradius-border-md);
background-image: url("/src/img/svg/af/video-solid.svg");
background-size: 9px;
}
.dreh_termin.podcast .dreh_marker {
background-color: #ff8e01;
background-image: url("/src/img/svg/microphone-lines-solid-white.svg");
margin-left: 4px;
}
.dreh_marker.webinar {
background-color: #ec5e84;
margin: 0 0 0 var(--rd-spacing-xx-sm);
}
.dreh_marker.webinar2 {
background-color: #e14670;
}
.dreh_termin .dreh_info,
.releas_termin .releas_info {
display: none;
z-index: 10000;
}
.dreh_termin:hover .dreh_info,
.releas_termin:hover .releas_info {
position: absolute;
display: inline-block;
background-color: var(--rd-font-light);
padding: 10px;
font-size: var(--rd-fontsize-3);
min-width: 250px;
line-height: 12px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
margin-top: -10px;
margin-left: var(--rd-spacing-xx-sm);
}
.dreh_termin:hover .dreh_info:before,
.releas_termin:hover .releas_info:before {
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-left: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
content: "";
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
left: -0.4rem;
transform: rotate(45deg);
background-color: var(--rd-font-light);
}
.dreh_termin:hover .dreh_info a,
.releas_termin:hover .releas_info a {
display: block;
margin-bottom: 10px;
border-bottom: var(--rd-borderwidth-border-default) dashed #999;
padding-bottom: var(--rd-spacing-xx-sm);
color: var(--cl-asphalt-blue);
}
.dreh_termin:hover .dreh_info a span.a_users,
.releas_termin:hover .releas_info a span.a_users {
color: #ec5e84;
display: block;
}
.dreh_termin:hover .dreh_info a>span:first-child,
.releas_termin:hover .releas_info a>span:first-child {
color: #999;
font-weight: var(--rd-fontweights-open-sans-1);
display: block;
}
#calendar {
margin-bottom: 120px;
}
.releas_marker {
display: inline-block;
background-color: #84c485;
border-radius: var(--rd-borderradius-border-md);
background-image: url("/src/img/svg/af/play-solid.svg");
background-size: 6px;
}
.legende .dreh_marker,
.legende .releas_marker {
margin-left: 10px;
vertical-align: middle;
width: 15px;
height: 15px;
}
.legende {
vertical-align: middle;
margin-bottom: 20px;
}
.fat_over_titel,
.jobs_teaser h1.titel {
color: var(--cl-deep-green);
font-size: var(--rd-fontsize-8);
}
.fat_titel,
.jobs_teaser h1.titel {
margin-bottom: 0;
font-family: "Open Sans";
}
@media screen and (max-width: 600px) {
.kpt_1,
.kpt_neu,
.kurs_plus_teaser {
text-align: left !important;
}
#calendar .box-content ul.label li {
font-size: 0px;
}
#calendar .box-content ul.label li span {
font-size: var(--rd-fontsize-4);
}
.dreh_marker,
.releas_marker {
width: 15px;
height: 15px;
}
#calendar .dates {
grid-template-rows: auto auto auto auto auto auto;
}
.kurs_plus_teaser {
display: grid !important;
grid-template-areas: "EL1 EL2" "EL1 EL3" "EL1 EL4";
}
.kpt_neu {
grid-area: EL1;
height: 100% !important;
}
.kpt_1 {
grid-area: EL2;
padding-left: 15px !important;
padding-top: 10px;
}
.kpt_2,
.kpt_3 {
text-align: left !important;
padding-left: 15px !important;
padding-top: var(--rd-spacing-xx-sm);
}
.kpt_2 {
grid-area: EL3;
}
.kpt_3 {
grid-area: EL4;
padding-bottom: 15px;
}
.fourcols {
grid-template-columns: 1fr !important;
grid-gap: 0 !important;
}
#MailerWrap .btnrow {
display: grid !important;
grid-template-columns: 1fr;
}
#MailerWrap .btnrow a {
text-align: center !important;
margin-left: 0.5em !important;
}
.project_filter .table {
display: grid;
grid-template-areas: "one";
}
#calendar .header {
display: grid;
grid-template-areas: "MONAT MONAT" "LEFT RIGHT";
grid-template-columns: 50% 50%;
}
#calendar .header .title {
grid-area: MONAT;
margin-bottom: 10px;
}
#calendar .header .prev {
grid-area: LEFT;
margin-right: 20px;
}
#calendar .header .next {
grid-area: RIGHT;
margin-left: 20px;
}
.tko_2 .kurs_plus_preis {
display: none;
}
}
@media screen and (max-width: 300px) {
.form_btn_block input,
.form_btn_block span {
display: block;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.sm_text {
display: inline;
}
#calendar .header .next:after,
#calendar .header .prev:before {
display: none;
}
#calendar .header .next,
#calendar .header .prev {
margin-right: var(--rd-spacing-xx-sm);
margin-left: var(--rd-spacing-xx-sm);
font-size: var(--rd-fontsize-3);
}
#calendar .day {
font-size: var(--rd-fontsize-3);
}
}
@media screen and (max-width: 280px) {
#calendar .box-content ul,
#calendar .box-content ul li {
display: block;
width: 100%;
box-sizing: border-box;
}
#calendar .box-content ul.label,
#calendar .dates li.mask {
display: none;
}
}
.msg_notreadet,
.msg_readet {
display: inline-block;
width: 15px;
height: 15px;
background-size: 100%;
background-position: 50%;
background-image: url("/src/img/svg/af/check-blue.svg");
background-repeat: no-repeat;
vertical-align: middle;
margin-left: var(--rd-spacing-xx-sm);
}
.msg_notreadet {
filter: grayscale(100);
opacity: 0.5;
}
#liste #suche {
width: calc(100% - 20px);
border: var(--rd-borderwidth-border-default) solid #9999;
}
.fa_teaser {
background-color: var(--cl-light-blue);
border-bottom-left-radius: 100% 20%;
border-bottom-right-radius: 100% 20%;
}
.fat_over_titel {
text-align: center;
margin-top: 50px;
text-transform: uppercase;
}
.fat_titel,
.fat_titel+p {
color: var(--cl-dark-grey);
letter-spacing: 0;
text-align: center;
}
.fat_titel,
.h2_over_titel+h2 {
margin-top: 0;
font-weight: 400;
}
.fat_titel {
font-size: 60px;
line-height: 64px;
}
.fvbb2,
.jobs_teaser h1.titel {
font-weight: var(--rd-fontweights-open-sans-0);
}
.fat_titel+p {
font-size: var(--rd-fontsize-5);
line-height: 24px;
}
.fa_teaser a,
.fvbb1 {
color: var(--rd-font-light);
}
.fa_teaser a {
display: inline-block;
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
border-radius: var(--rd-borderradius-border-md);
background-color: var(--cl-deep-green);
margin-bottom: 80px;
padding: 10px 20px;
}
.fa_section .fa_video_block {
position: relative;
border-radius: var(--rd-borderradius-border-md);
background-color: var(--rd-font-light);
padding: var(--rd-spacing-big);
margin-top: -50px;
}
.fvbb1 {
margin-top: 30px;
font-size: var(--rd-fontsize-4);
letter-spacing: 0;
line-height: 19px;
text-align: center;
}
.fvbb2,
.fvbb3 {
margin-top: var(--rd-spacing-xx-sm);
letter-spacing: 0;
text-align: center;
}
.fvbb2 {
font-size: var(--rd-fontsize-14);
line-height: 29px;
}
.favb_text,
.fvbb3,
.h2_over_titel {
font-size: var(--rd-fontsize-4);
}
.favbg_titel,
.h2_over_titel {
font-weight: var(--rd-fontweights-open-sans-1);
}
.fvbb3 {
line-height: 19px;
}
.favb_text {
margin-top: 20px;
color: var(--cl-dark-grey);
margin-bottom: 10px;
letter-spacing: 0;
line-height: 20px;
text-align: center;
}
.h2_over_titel {
color: var(--rd-primary-active);
letter-spacing: 0.78px;
line-height: 19px;
text-align: center;
margin-top: 50px;
text-transform: uppercase;
}
.favbg_titel,
.favbg_titel+p,
.h2_over_titel+h2 {
color: var(--cl-dark-grey);
letter-spacing: 0;
text-align: center;
}
.h2_over_titel+h2 {
font-size: var(--rd-fontsize-11);
line-height: 42px;
}
.favb_grid {
display: grid;
grid-template-areas: "EL1 EL2 EL3";
grid-template-columns: 33.3% 33.3% 33.3%;
margin-bottom: 20px;
}
.favbg_bullet {
display: inline-block;
height: 65px;
width: 64px;
background-color: var(--rd-primary-active);
border-radius: var(--rd-borderradius-border-xl);
}
.favbg_bullet img {
width: 30px;
margin-top: 17px;
}
.favbg_titel {
font-size: var(--rd-fontsize-5);
line-height: 24px;
}
.favbg_titel+p {
font-size: var(--rd-fontsize-4);
line-height: 20px;
}
.favb_grid+a,
.jobs_teaser a {
color: var(--rd-font-light);
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 24px;
font-weight: var(--rd-fontweights-open-sans-1);
background-color: var(--cl-deep-green);
display: inline-block;
}
.favb_grid+a {
margin-bottom: 30px;
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
border-radius: var(--rd-borderradius-border-md);
padding: 10px 30px;
}
.wt_action a:after,
input:checked+.instr_text_cont #wtext:after {
transform: rotate(-90deg);
}
.jobs_teaser {
background-size: 120%;
background-position: top;
background-image: url(/src/img/black65p.png), url("/src/img/filmB.jpg");
border-bottom-left-radius: 100% 20%;
border-bottom-right-radius: 100% 20%;
}
.referent_db_name>span>span:before,
.view_ani {
background-repeat: no-repeat;
background-size: 100%;
}
.donw_titel {
color: var(--rd-font-light);
font-family: "Open Sans";
font-size: 60px;
font-weight: var(--rd-fontweights-open-sans-1);
letter-spacing: 0;
line-height: 64px;
text-align: center;
margin-bottom: 20px;
}
.jobs_teaser h1.titel {
letter-spacing: 1px;
line-height: 33px;
margin-top: 60px;
}
.jobs_teaser a {
box-sizing: border-box;
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
border-radius: var(--rd-borderradius-border-md);
font-family: "Open Sans";
text-decoration: none;
padding: 10px 20px;
margin-bottom: 40px;
}
.jobs_h2,
.tab1_cont h2,
.tab2_cont h2,
.tab3_cont h2 {
font-family: "Open Sans";
font-size: var(--rd-fontsize-14);
letter-spacing: 0;
line-height: 42px;
}
.jobs_h2 {
color: var(--cl-dark-grey);
text-align: center;
margin: 30px 0 40px;
}
.gray_sel {
background-color: var(--cl-light-blue);
padding: 10px 0;
}
.freelancer_filter,
.project_filter,
.tab1_cont,
.tab2_cont,
.tab3_cont {
background-color: var(--rd-font-light);
border-radius: var(--rd-borderradius-border-md);
}
.job_tabs {
color: var(--cl-asphalt-blue);
font-family: "Open Sans";
box-sizing: border-box;
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 24px;
display: inline-block;
padding: 10px 10px 20px;
position: relative;
cursor: pointer;
}
.job_tabs:after {
content: "";
background-color: var(--cl-deep-green);
position: absolute;
display: inline-block;
left: 0;
bottom: 0;
right: 0;
height: 0;
}
#favK:checked~.topK_cont label[for="favK"]:before,
#st1:checked~label[for="st1"]:after,
#st2:checked~label[for="st2"]:after,
#st3:checked~label[for="st3"]:after,
#st4:checked~label[for="st4"]:after,
#st5:checked~label[for="st5"]:after,
#st6:checked~label[for="st6"]:after,
#st7:checked~label[for="st7"]:after,
#tab1:checked~label[for="tab1"]:after,
#tab2:checked~label[for="tab2"]:after,
#tab3:checked~label[for="tab3"]:after,
#topK:checked~.topK_cont label[for="topK"]:before,
.fb_table #coursefragen>span.aktiv:after,
.fb_table #coursefragen>span:hover:after,
.job_tabs:hover:after,
.settings label[for="st1"]:hover:after,
.settings label[for="st2"]:hover:after,
.settings label[for="st3"]:hover:after,
.settings label[for="st4"]:hover:after,
.settings label[for="st5"]:hover:after,
.settings label[for="st6"]:hover:after,
.settings label[for="st7"]:hover:after{
height: 4px;
}
.tab1_cont,
.tab2_cont,
.tab3_cont {
display: none;
text-align: left;
padding: 10px 40px 50px;
box-sizing: border-box;
margin-top: 20px;
max-width: 900px;
margin-bottom: 150px;
}
.tab1_cont h2,
.tab2_cont h2,
.tab3_cont h2 {
color: var(--rd-primary-active);
font-weight: var(--rd-fontweights-open-sans-1);
}
.tab1_cont h3,
.tab1_cont li,
.tab1_cont p,
.tab2_cont h3,
.tab2_cont li,
.tab2_cont p,
.tab3_cont h3,
.tab3_cont li,
.tab3_cont p {
font-size: var(--rd-fontsize-5);
line-height: 29px;
letter-spacing: 0;
font-family: "Open Sans";
}
.tab1_cont h3,
.tab2_cont h3,
.tab3_cont h3 {
color: var(--cl-dark-grey);
}
.tab1_cont p,
.tab2_cont p,
.tab3_cont p {
color: var(--cl-blue-grey);
}
.tab1_cont li,
.tab2_cont li,
.tab3_cont li {
color: var(--rd-primary-active);
}
.freelancer_prj .fprj_titel,
.project_filter label {
color: var(--cl-asphalt-blue);
font-weight: var(--rd-fontweights-open-sans-1);
}
.tab1_cont li span,
.tab2_cont li span,
.tab3_cont li span {
color: var(--cl-blue-grey) !important;
}
.project_filter {
margin-top: 20px;
padding: 10px;
box-shadow: 0 0.12rem 0.24rem rgba(0, 0, 0, 0.1);
}
.project_filter label {
display: block;
}
.project_filter select {
display: block;
margin-bottom: 10px;
padding: var(--rd-spacing-xx-sm);
}
.data-nickname option:after {
content: "(" attr(data-nickname) ")";
color: #999;
margin-left: var(--rd-spacing-xx-sm);
font-style: italic;
font-size: var(--rd-fontsize-3);
}
.freelancer_filter {
display: block;
margin-bottom: 20px;
padding: var(--rd-spacing-big);
box-shadow: 0 2px 4px rgb(30 65 26 / 10%), 0 -1px 2px rgba(0, 0, 0, 0.1);
}
.freelancer_filter input,
.freelancer_filter select {
padding: 10px;
border: var(--rd-borderwidth-border-default) solid #999;
font-size: var(--rd-fontsize-4);
line-height: 1.3em !important;
box-sizing: border-box;
margin-right: 10px;
border-radius: var(--rd-borderradius-border-md);
}
.freelancer_filter .rd-primary-btn {
margin-top: 23px;
}
.referent_db_name>span>span:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-right: 2px;
opacity: 0.6;
vertical-align: middle;
}
.fl_i_Animation:before {
background-image: url("/admin/freelancer/animation-icon.svg");
}
.fl_i_Kameramensch:before {
background-image: url("/admin/freelancer/camera-icon.svg");
}
.fl_i_Schnitt:before {
background-image: url("/admin/freelancer/cuter-icon.svg");
}
.fl_i_Texter:before {
background-image: url("/admin/freelancer/texter-icon.svg");
}
.fl_i_Grafiker:before {
background-image: url("/admin/freelancer/grafiker-icon.svg");
}
.freelancer_prj .fprj_titel {
display: inline-block;
margin-right: var(--rd-spacing-xx-sm);
}
.admin_msg {
max-width: 90%;
}
.admin_msg input[type="text"] {
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
}
.admin_msg .slider_checkbox,
.cc_timer,
.we_form_grid .color_box,
label.block+input {
margin-bottom: 10px;
}
.admin_msg button,
.ce_cont .audio_img+audio {
margin-top: 10px;
}
.settings label[for="st1"],
.settings label[for="st2"],
.settings label[for="st3"],
.settings label[for="st4"],
.settings label[for="st5"],
.settings label[for="st6"],
.settings label[for="st7"]{
cursor: pointer;
display: inline-block;
padding: 10px;
margin-right: 10px;
position: relative;
margin-bottom: 0;
box-sizing: border-box;
}
.settings label[for="st1"]:before {
background-image: url("/src/img/svg/af/setting-tests-icon.svg");
}
.settings label[for="st2"]:before {
background-image: url("/src/img/svg/af/setting-msg-icon.svg");
}
.settings label[for="st3"]:before {
background-image: url("/src/img/svg/af/file-pdf-regular.svg");
background-size: 100% 100% !important;
opacity: 0.5;
}
.settings label[for="st4"]:before {
background-image: url("/src/img/svg/af/icons/pink/plus.svg");
background-size: 100% 100% !important;
opacity: 0.5;
}
.settings label[for="st1"]:after,
.settings label[for="st2"]:after,
.settings label[for="st3"]:after,
.settings label[for="st4"]:after,
.settings label[for="st5"]:after,
.settings label[for="st6"]:after,
.settings label[for="st7"]:after{
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
background-color: var(--cl-deep-green);
transition: 0.3s linear;
height: 0;
}
#prev_file_block label,
.admin_msg>label,
.auswertung_filter>div label,
.controlling_filter>div label,
.freelancer_filter label {
display: block;
font-weight: var(--rd-fontweights-open-sans-1);
}
.msg_placeholder span {
color: #9999;
}
.AniSetForm legend,
label.block {
font-weight: var(--rd-fontweights-open-sans-1);
color: var(--cl-asphalt-blue);
}
#tinymce p {
padding: 0;
margin: 2px 0;
}
input.sc_input:checked~.sc_label[for="admin14forend"]:before,
input.sc_input:checked~.sc_label[for="adminend"]:before,
input.sc_input:checked~.sc_label[for="user7forend"]:before {
background-color: #fd6262;
}
input.sc_input:checked~.sc_label[for="admin14forend"]:before,
input.sc_input:checked~.sc_label[for="user14forend"]:before {
background-color: #f3953f;
}
.slider_checkbox_cont {
overflow: hidden;
height: 0;
}
#CTabC01,
.test_adni_lib {
overflow-x: auto;
}
.slider_checkbox_cont select {
padding: var(--rd-spacing-xx-sm);
margin-top: var(--rd-spacing-xx-sm);
}
.slider_checkbox>input:checked~.slider_checkbox_cont {
height: auto;
padding: var(--rd-spacing-xx-sm) 0 20px 0;
}
.nlink[title="Einstellungen"]:before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: var(--rd-spacing-x-sm);
background-size: contain;
filter: grayscale(100%);
background-repeat: no-repeat;
background-position: 50%;
vertical-align: middle;
background-image: url("/src/img/svg/af/cog-solid.svg");
}
.form_down_buttons {
padding: 0 20px 20px;
}
.year .kalender {
display: inline-block;
width: auto;
margin: 10px;
vertical-align: top;
}
@media screen and (max-width: 480px) {
#filterblock:checked+.filter,
.clcc_navi {
margin-right: 0;
}
h1 {
line-height: 48px !important;
}
.footer_menu li a {
color: var(--cl-asphalt-blue) !important;
color: var(--rd-font-light) !important;
}
.sociallink img {
filter: invert(1);
opacity: 0.7 !important;
}
.footer_menu li {
display: block !important;
width: 100%;
margin-bottom: var(--rd-spacing-xx-sm) !important;
}
.footer_menu li:after,
.fvb_bullet,
.mini_preview_cont,
.mini_preview_img {
display: none;
}
.footer_menu {
padding-top: 20px;
}
#navigation_mobil:checked+nav,
.Instractions,
.addkurs_body,
.aktiv_user td:first-child,
.cb_cont,
.cl_course,
.clcc_navi>div:nth-child(3),
.contant_frame,
.content_sub_title,
.cours_plus_category,
.dbd_title,
.instract_cont,
.overtitel_navi,
.overtitel_navi+h1,
.teaser_kurs,
.top_kurse a {
text-align: left;
}
.clc_content,
.clc_img {
padding: 10px 20px;
}
.clcc_name {
margin-bottom: 10px;
}
.clcc_categorys {
margin-bottom: var(--rd-spacing-xx-sm);
}
.ReferentTable tr td:nth-child(4),
.clcc_navi>div a,
.pcs_next button,
.pcs_next input,
form[name="warenkorb"] .input-append.date {
width: 100%;
}
.clcc_navi {
width: 100%;
}
.category_link {
box-sizing: border-box;
width: 90%;
}
.cld_name {
box-sizing: border-box;
padding: 10px var(--rd-spacing-xx-sm);
}
.help_line {
margin-bottom: 20px;
}
.header_table .ht_cell {
text-align: left;
float: left;
}
.reaser_content .kurs_plus_preis,
.white_play_icon {
margin-top: 20px;
}
.instr_right_btn_element .addbtn {
float: right;
}
.cont_nav {
clear: both;
padding-top: 20px;
text-align: left;
display: block;
}
.cb_navi2 {
margin: 0;
padding: 10px;
z-index: 1;
}
.paginator {
padding-bottom: 20px;
}
.respons_table+.paginator {
padding-top: 20px;
margin-bottom: 0;
}
.cont_body {
margin-bottom: 30px;
}
.cl_webinar .cont_nav {
display: grid;
grid-template-columns: 50% 50%;
width: 100%;
grid: "EL1 EL2" "EL3 EL4" "El5 EL6";
}
.cont_nav>a,
.cont_nav>div,
.cont_nav>span {
font-size: var(--rd-fontsize-4);
top: unset;
right: unset;
left: unset;
}
.del_form {
grid-area: EL6;
padding-top: 20px;
}
.del_link,
.pcr_text {
font-size: var(--rd-fontsize-4);
}
.content_navi_top {
text-align: left;
margin-bottom: 20px;
}
.ic_u_h_counter {
white-space: nowrap;
font-size: var(--rd-fontsize-3);
}
.ic_u_h_menu a,
.ic_u_h_menu span {
display: block;
margin-bottom: 10px;
}
.ic_u_header+.navi button,
.ic_u_header+.navi label {
position: relative;
display: block;
float: unset;
width: 100%;
box-sizing: border-box;
margin: 0 0 10px;
text-align: center;
}
.reset_add_kurs,
table tbody td {
box-sizing: border-box;
}
.filter {
margin-right: -120px;
}
.pagecountnavi,
.paginator .selectbox {
box-sizing: border-box;
padding: 10px;
}
.td_diagram {
max-width: 100%;
}
.respons_table tbody tr:nth-child(2n) {
background-color: #f9f9f9;
}
.respons_table tr {
text-align: left;
margin-bottom: 0;
}
.del_form form,
.del_form>span {
display: block;
text-align: left;
}
.del_form form button {
padding-left: 0 !important;
}
.del_roll {
top: auto;
margin-bottom: var(--rd-spacing-xx-sm);
display: inline-block;
}
.grp_grouplist {
overflow-y: scroll;
max-height: 250px;
}
.addkurs_header {
text-align: left !important;
}
.freelancer_filter button,
.freelancer_filter input,
.freelancer_filter select {
width: 100%;
margin-bottom: 10px;
}
td[data-label="Referent"] {
display: grid !important;
grid-template-areas: "TOP TOP" "LEFT RIGHT";
grid-template-columns: 50% 50%;
}
.ReferentTable tr td:before {
grid-area: TOP;
}
.referent_db_img {
grid-area: LEFT;
width: 100px;
height: 100px;
}
.referent_db_name {
grid-area: RIGHT;
}
.freelancer_prj {
display: inline-block;
white-space: nowrap;
margin-right: 10px;
background-color: var(--cl-light-grey);
color: var(--cl-asphalt-blue);
padding: 2px var(--rd-spacing-xx-sm);
}
.freelancer_prj .fprj_titel {
width: auto;
margin-right: var(--rd-spacing-xx-sm);
}
td[data-label="Animation"],
td[data-label="Kamera"],
td[data-label="Schnitt"] {
display: inline-block !important;
width: auto !important;
white-space: nowrap;
margin-right: 10px;
margin-bottom: 10px;
}
.terminkalnder_flex>.terminkalender {
width: 49%;
}
.fat_titel {
line-height: 42px !important;
font-size: var(--rd-fontsize-14);
font-weight: var(--rd-fontweights-open-sans-1);
}
.favb_grid {
display: grid;
grid-template-areas: "EL1" "EL2" "EL3";
grid-template-columns: 100%;
margin-bottom: 20px;
}
.interview_sidebar {
display: none !important;
}
.interview_content,
.white_sel .center {
width: 100% !important;
}
.interview_content .table,
.interview_content .table_cell {
display: block;
width: 100%;
}
.nr_div,
.ort_div,
.plz_div,
.street_div,
.tc_text {
width: 100% !important;
padding: 0 !important;
}
.tc_img,
.tc_img img {
width: 100%;
margin: 0;
}
.tc_img {
grid-area: TOP;
padding: 0 !important;
}
.tc_img img {
padding: 0;
}
.int_h1 {
font-size: var(--rd-fontsize-7) !important;
line-height: 26px !important;
}
.double_recesion,
.one_recesion {
display: block !important;
width: 100% !important;
padding: 0 !important;
text-align: center !important;
}
.double_recesion>div,
.one_recesion>div {
display: grid !important;
grid-template-areas: "TOP" "DOWN";
grid-template-columns: 100%;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
}
.double_recesion>div img,
.one_recesion>div img {
grid-area: TOP;
display: inline-block;
position: relative;
float: unset;
left: auto;
top: auto;
margin: 10px;
}
.double_recesion>div .ref_text,
.one_recesion>div .ref_text {
padding: 10px !important;
margin: 0;
display: block;
width: 100% !important;
box-sizing: border-box;
}
.ref_q .qm_up {
left: auto !important;
top: auto;
}
.double_recesion~.mb20 a {
width: 100%;
box-sizing: border-box;
margin: var(--rd-spacing-xx-sm) 0 !important;
}
.kontakt_teaser h1+p {
width: 75% !important;
}
header #header_mobil:checked+.head_menu {
z-index: 200 !important;
}
#demozugang-kostenlos form {
min-width: unset !important;
width: 80% !important;
}
.shopping_table,
.shopping_table>div {
display: block !important;
width: 100%;
}
form[name="warenkorb"] .kauf_datum,
form[name="warenkorb"] .kauf_datum input {
display: block !important;
width: 100% !important;
}
form[name="warenkorb"] .kauf_datum {
margin-top: var(--rd-spacing-xx-sm);
}
.double_cont.pl10 {
padding-left: 0;
}
.double_cont.pr10 {
padding-right: 0;
}
.small_form_b {
width: 90% !important;
}
.rezesion_teaser {
margin-top: 70px;
}
.lizenzpaket_grid {
grid-template-areas: "LEFT" "CENTER" "RIGHT";
grid-template-columns: 100%;
}
.LG3 {
border-left: 0;
border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.kurs_plus_preis {
/* position: relative !important;
bottom: auto;
left: auto;
right: auto;
top: auto;
width: auto;
padding: 10px 30px;
margin-left: -10px;
height: auto;
box-shadow: 0 0.12rem 0.2rem rgba(0, 0, 0, 0.25);
border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-lg) var(--rd-borderradius-border-lg) var(--rd-borderradius-border-none);
text-align: left; */
width: 100px;
top: 110px;
right: 0;
}
.kpp1,
.kpp2,
.kpp3 {
text-align: left !important;
}
.kpp1,
.kpp3 {
margin: var(--rd-spacing-xx-sm) 0 !important;
}
.kurs_plus_preis .kpp1,
.kurs_plus_preis .kpp3 {
text-align: center !important;
font-size: var(--rd-fontsize-1);
}
.kpp2 {
font-size: var(--rd-fontsize-5);
}
.cpc_n_menu .rd-primary-btn {
margin-left: 0;
/* margin-top: 10px; */
}
.kurs_plus_preis.kpp_99999985 .kpp2 {
margin-top: 50px;
}
.kurs_plus_preis.kpp_99999985 .kpp2 .kpp2_1,
.kurs_plus_preis.kpp_99999985 .kpp2 .kpp2_3 {
font-size: 24px;
line-height: 132%;
}
.kurs_plus_preis.kpp_99999985 .kpp3 {
margin-top: 0 !important;
}
.kurs_plus_preis .kpp2 .kpp2_1,
.kurs_plus_preis .kpp2 .kpp2_3,
.kurs_plus_preis .kpp2 .kpp2_2 span:nth-child(2) {
font-size: 24px;
}
.site_input input {
width: 40px;
}
.kurs_plus_preis:before {
content: "";
display: block;
}
.formtable>.form_cell,
.myProfil,
.myProfil>div {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0;
}
.myProfil {
padding: 10px;
}
.about_teasr h1 {
font-size: var(--rd-fontsize-14) !important;
line-height: 1em !important;
}
.prev_kurs_ref_img {
display: flex;
margin: auto;
}
}
.add_ani,
.form_cell .add-on.icon-calendar,
.such_grid .such_feld .search_btn {
right: 10px;
}
.add_ani,
.view_ani {
display: inline-block;
cursor: pointer;
transition: 0.2s linear;
}
@media screen and (max-width: 350px) {
.prev_kurs_navi a {
display: block !important;
width: 100% !important;
text-align: center;
}
.dbd_diagram .table {
display: flex !important;
flex-direction: column;
}
.dbd_diagram {
height: auto;
}
.top_kurse {
position: relative;
width: 100%;
word-break: break-all;
}
.legend ul {
padding-left: 10px;
}
.about_teasr .about_over_titel {
font-size: var(--rd-fontsize-5) !important;
}
.about_teasr h1 {
font-size: var(--rd-fontsize-11) !important;
line-height: 1em !important;
}
.most_wanted .typ_list {
grid-template-columns: 1fr !important;
display: grid;
width: auto !important;
}
.kurs_plus_preis {
width: 86px;
top: 60px;
right: 0;
}
.kurs_plus_preis.kpp_99999985 .kpp2 .kpp2_1,
.kurs_plus_preis.kpp_99999985 .kpp2 .kpp2_3 {
font-size: 20px;
}
}
.AniSetForm legend {
font-size: var(--rd-fontsize-5);
border: none;
}
.test_adni_lib {
position: relative;
border: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
padding: 10px;
margin: var(--rd-spacing-big);
}
.about_teasr+.whitesel .center,
.graysel {
padding-bottom: 60px;
}
.add_ani {
background-color: var(--cl-deep-green);
width: 30px;
height: 30px;
border-radius: var(--rd-borderradius-border-xl);
text-align: center;
position: absolute;
top: 10px;
}
.add_ani:hover,
.del_ani:hover,
.edit_ani:hover,
.view_ani:hover {
transform: scale(1.2);
box-shadow: 0 0.15rem 0.25rem rgba(0, 0, 0, 0.25);
}
.add_ani:before {
content: "+";
line-height: 30px;
color: var(--rd-font-light);
font-size: var(--rd-fontsize-5);
font-weight: 800;
}
label.block {
display: block;
margin-bottom: var(--rd-spacing-xx-sm);
}
.about_teasr h1,
.admin_sort_box a,
.fof_footer .rd-primary-btn {
color: var(--rd-font-light);
}
.animate_date_field {
display: inline-grid;
grid-template-areas: "TAG MONAT";
margin-bottom: 10px;
}
.adf_tag {
grid-area: TAG;
padding-right: 10px;
}
.adf_monat {
grid-area: MONAT;
}
.animation_table tr td:last-child,
.ku_header,
.respons_table td[data-label="Menu"],
.schwebend_form .buttons {
text-align: right;
}
.view_ani {
width: 20px;
height: 20px;
background-color: var(--rd-primary-active);
border-radius: var(--rd-borderradius-border-md);
background-image: url("/src/img/svg/af/eye-white.svg");
background-position: 50%;
}
.del_ani,
.edit_ani {
width: 20px;
height: 20px;
border-radius: var(--rd-borderradius-border-md);
background-size: 70%;
display: inline-block;
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer;
transition: 0.2s linear;
}
.edit_ani {
background-color: var(--cl-deep-green);
background-image: url("/src/img/svg/af/pencil-alt-solid_white.svg");
}
.del_ani {
background-color: #f3953f;
background-image: url("/src/img/svg/af/trash-white.svg");
}
.cc_calender li,
.myFoto,
.white_preview>div {
background-color: var(--cl-pale-grey);
}
.ani_file_name {
font-size: var(--rd-fontsize-4);
font-style: italic;
color: #999;
}
.admin_sort_box,
.lastopen {
font-size: var(--rd-fontsize-3);
}
.about_over_h2,
.lastopen,
.wursch {
color: var(--rd-primary-active);
}
.formfields #aeanimation {
width: 100%;
max-width: 1420px;
display: inline-block;
}
.admin_sort_box {
display: flex;
}
.admin_sort_box .sort_icon:first-child {
grid-area: EL1;
width: 100px;
border-right: var(--rd-borderwidth-border-default) solid #999;
}
.admin_sort_box .sort_icon:nth-child(2),
.admin_sort_box .sort_icon:nth-child(3),
.admin_sort_box .sort_icon:nth-child(5) {
grid-area: EL2;
width: 100px;
border-right: var(--rd-borderwidth-border-default) solid #999;
padding-left: 10px;
}
.admin_sort_box .sort_icon:nth-child(4) {
grid-area: EL2;
width: 120px;
border-right: var(--rd-borderwidth-border-default) solid #999;
padding-left: 10px;
}
.admin_sort_box .reset_icon:before,
.admin_sort_box .sort_icon:before {
width: 15px;
filter: grayscale(1) brightness(100);
display: inline-block;
vertical-align: middle;
height: 15px;
background-size: 100%;
margin-right: var(--rd-spacing-xx-sm);
content: "";
}
.admin_sort_box .reset_icon {
grid-area: EL3;
width: 100px;
padding-left: 10px;
}
#users_output span,
.add_dd_btn:before {
color: var(--cl-deep-green);
}
.admin_sort_box .sort_icon:before {
background-image: url("/src/img/svg/sort_icon.svg");
}
.admin_sort_box .reset_icon:before {
background-image: url("/src/img/svg/reset_icon.svg");
}
.such_grid {
display: grid;
grid-template-areas: "DATE SUCHE BTN";
grid-template-columns: 260px calc(100% - 360px) 100px;
}
.such_grid.sg2 {
display: grid;
grid-template-areas: "DATE SUCHE";
grid-template-columns: 268px auto;
gap: 10px;
}
.such_grid .datepiker {
grid-area: DATE;
padding-right: 10px;
box-sizing: border-box;
}
.such_grid .such_feld {
grid-area: SUCHE;
position: relative;
width: unset;
padding-right: 10px;
}
.such_grid .such_btn {
grid-area: BTN;
}
.such_grid .datepiker #reportrange,
.such_grid .such_feld input {
padding: 10px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
font-size: var(--rd-fontsize-3);
display: block;
width: 100% !important;
line-height: 14px;
}
.such_grid .such_btn label {
font-size: var(--rd-fontsize-4);
line-height: 14px;
width: 100%;
}
.lastopen {
font-weight: 400;
font-style: italic;
}
.about_over_h2,
.about_teasr .about_over_titel {
font-size: var(--rd-fontsize-7);
text-align: center;
text-transform: uppercase;
}
.about_over_h2,
.about_over_h2+h2,
.about_teasr h1,
.lastopen span,
.we_form_grid>div>label,
.wl_editor #addform button,
.wursch {
font-weight: var(--rd-fontweights-open-sans-1);
}
.lastopen span {
display: inline-block;
margin-right: var(--rd-spacing-xx-sm);
}
.foto_ulpoad #prev_img {
background-image: url("/src/img/svg/af/users-solo-solid.svg");
background-size: 100%;
background-position: bottom -10px left 50%;
}
.myFoto {
display: inline-block !important;
width: 150px !important;
height: 150px !important;
border-radius: 100%;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
background-repeat: no-repeat;
background-position: 50%;
background-size: 100%;
}
.kw_field,
.white_form {
border-right: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
}
.cb_Text,
.user_menu_tab,
label.myFoto {
cursor: pointer;
}
.prev_img_class {
background-size: cover !important;
background-position: 50% !important;
}
.about_teasr,
.del_foto_block label[for="delimg"] {
background-position: 50%;
background-repeat: no-repeat;
}
.lp-c-outher-list-item .avatar_mainframe,
.user_mini_foto,
.user_mini_foto .avatar_mainframe {
display: inline-block;
width: 25px;
height: 25px;
background-size: contain;
vertical-align: middle;
margin-right: var(--rd-spacing-xx-sm);
border-radius: 100%;
}
.rd-app .rd-leftcol .user_mini_foto {
width: 35px;
height: 35px;
}
.controlling_filter>div,
.del_foto_block,
.knb_element>div {
display: inline-block;
vertical-align: top;
}
.teaser_end,
.teaser_end img {
width: 100%;
vertical-align: bottom;
}
.del_foto_block label[for="delimg"] {
display: inline-block;
width: 15px;
height: 15px;
background-size: 100%;
background-image: url(/src/img/svg/af/trash-alt-red.svg);
cursor: pointer;
}
.about_teasr {
background-image: url("/src/img/black55p.png"),
url("/src/img/teaser_ueber_uns.jpg");
background-size: cover;
position: relative;
}
.avatar_big_img,
.day_back,
.day_next,
.edit_cc,
.user_avatar,
.user_img,
.user_view_avatar {
background-size: 100%;
}
.teaser_end {
position: absolute;
left: 0;
right: 0;
bottom: -2px;
}
.about_teasr .about_over_titel {
color: var(--cl-deep-green);
font-weight: var(--rd-fontweights-open-sans-0);
letter-spacing: 0.65px;
line-height: 21px;
margin-top: 120px;
}
.about_teasr h1 {
font-size: 60px;
letter-spacing: 0;
line-height: 64px;
text-align: center;
margin: 0;
}
.about_grid .ag_txt h3,
.about_over_h2+h2 {
color: var(--cl-asphalt-blue);
font-size: var(--rd-fontsize-14);
letter-spacing: 0;
line-height: 42px;
}
.about_teasr a {
margin-top: 20px;
margin-bottom: 160px;
box-shadow: none;
padding: 15px 25px;
}
.about_grid {
display: grid;
grid-template-columns: 50% 50%;
}
.ag_i_t {
grid-template-areas: "IMG TEXT";
}
.ag_t_i {
grid-template-areas: "TEXT IMG";
}
.ag_img,
.inst_thumb {
grid-area: IMG;
}
.ag_txt {
grid-area: TEXT;
}
.about_img_grid div img,
.ag_img img {
width: 90%;
}
.graysel {
background-color: var(--cl-light-blue);
padding-top: 60px;
}
.about_grid .ag_txt h3 {
font-family: "Open Sans";
font-weight: 400;
}
.about_grid .ag_txt p {
color: var(--cl-asphalt-blue);
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 29px;
}
.about_over_h2 {
letter-spacing: 1.11px;
line-height: 27px;
}
.about_over_h2+h2 {
text-align: center;
margin: 0 0 60px;
}
.cc_calender li,
.first_line {
line-height: 18px;
height: 18px;
}
.cc_calender li.worksation_info {
height: unset;
font-size: 12px;
}
.about_herz {
background-image: url(/src/img/about/heart-solid.svg);
}
.about_pokal {
background-image: url(/src/img/about/trophy-solid.svg);
}
.about_users {
background-image: url(/src/img/about/users-solid.svg);
}
.about_lampe {
background-image: url(/src/img/about/lightbulb-regular.svg);
}
.graysel .about_grid {
margin: 40px 0;
}
.about_teasr+.whitesel+.graysel+.whitesel {
padding: 60px 0;
}
.ag_txt p {
display: inline-block;
max-width: 450px;
}
img[alt="Bild06"] {
max-width: 450px;
}
@media screen and (max-width: 560px) {
.about_grid,
.about_img_grid {
grid-template-columns: 100%;
}
.ag_i_t,
.ag_t_i {
grid-template-areas: "IMG" "TEXT";
}
.ag_img {
margin-bottom: 30px;
}
.about_img_grid {
display: grid;
grid-template-areas: "LEFT" "RIGHT";
}
.about_img_grid>div {
margin-bottom: 20px;
}
}
.user_avatar {
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin-right: var(--rd-spacing-xx-sm);
border-radius: 100%;
background-position: bottom -2px left 50%;
background-repeat: no-repeat;
}
.user_view_avatar {
display: inline-block;
width: 40px;
height: 40px;
background-position: bottom 0 left 50%;
background-repeat: no-repeat;
border-radius: 100%;
margin-right: 10px;
cursor: pointer;
}
#prev_teaserimg,
.day_back,
.day_next,
.edit_cc,
.vmpb_time .time_icon {
background-position: 50%;
}
.avatar_big_img {
width: 350px;
height: 350px;
background-repeat: 50%;
border-radius: var(--rd-spacing-xx-sm);
box-shadow: 0.12rem 0.15rem 0.25rem rgba(0, 0, 0, 0.25);
}
#prev_teaserimg,
.day_back,
.day_next,
.edit_cc,
.vmpb_time .time_icon,
.white_creater_link:before {
background-repeat: no-repeat;
}
.feedback_down,
.webinar_course {
box-shadow: 0 0 1px 0 rgb(63 63 68 / 50%), 0 1px 3px 0 rgb(63 63 68 / 15%);
}
#CatSearch,
.pc_deviceB img {
width: 80%;
}
.wursch {
text-transform: uppercase;
}
.add_dd_btn,
.wl_editor #addform button {
color: var(--rd-font-light);
margin-left: 20px;
cursor: pointer;
}
#startdate {
position: relative;
display: block;
width: 150px;
}
@media screen and (max-width: 868px) {
.kurs_img {
min-height: 350px;
}
}
.wrapper {
position: absolute;
top: 25%;
left: 50%;
transform: translate(-50%, -50%);
}
.cc_radio label,
.preloadingcircle {
position: relative;
}
.preloadingcircle {
display: inline-block;
width: 15px;
height: 15px;
background-color: var(--cl-deep-green);
border-radius: 50%;
animation: 1.5s cubic-bezier(0.8, 0.5, 0.2, 1.4) infinite preloading;
transform-origin: bottom center;
}
@keyframes preloading {
0%,
100% {
transform: translateY(0);
background-color: var(--cl-deep-green);
}
50% {
transform: translateY(50px);
background-color: var(--rd-primary-active);
}
}
.circle-1 {
animation-delay: 0.1s;
}
.circle-2 {
animation-delay: 0.2s;
}
.circle-3 {
animation-delay: 0.3s;
}
.circle-4 {
animation-delay: 0.4s;
}
.onloadimg {
width: 1px !important;
height: 1px !important;
}
#noteloader {
background-color: #ffffffbd;
z-index: 100;
width: 100%;
height: 250px;
position: absolute;
}
.white_creater_link {
display: inline-block;
position: absolute;
top: -30px;
}
.white_creater_link:before {
content: "";
display: inline-block;
width: 12px;
height: 15px;
background-size: 100%;
background-position: 50%;
background-image: url(/src/img/svg/af/code-blue.svg);
vertical-align: middle;
margin-bottom: 2px;
}
.add_dd_btn:before,
.user_img {
margin-right: var(--rd-spacing-xx-sm);
}
.first_line,
.homes_list .er_ast,
.label_info,
.we_form_grid>div>label {
margin-bottom: var(--rd-spacing-xx-sm);
}
.ktc_video.curent_video .ktcm_left>span {
background-image: url("/src/img/svg/play_video_icon_magenta.svg");
}
.white_editor h2 {
margin: 0;
font-size: var(--rd-fontsize-8);
color: #666;
}
.white_editor h2+span {
font-size: var(--rd-fontsize-4);
color: #999;
display: block;
}
.white_grid {
display: grid;
width: 100%;
grid-template-areas: "LEFT RIGHT";
min-height: 50px;
grid-template-columns: 350px auto;
}
.white_form {
grid-area: LEFT;
}
.white_preview {
grid-area: RIGHT;
border-left: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
}
.white_preview>div {
margin: 10px;
}
.we_form_grid {
display: grid;
grid-template-areas: "EL1 EL2 EL3";
grid-template-columns: 33% 33% 33%;
width: 100%;
padding: 10px 20px;
}
.we_form_grid>div:first-child {
grid-area: EL1;
padding-right: 10px;
}
.we_form_grid>div:nth-child(2) {
grid-area: EL2;
padding-right: 10px;
padding-left: 10px;
}
.we_form_grid>div:nth-child(3) {
grid-area: EL3;
padding-left: 10px;
}
.we_form_grid>div>label {
display: block;
}
.we_form_grid>div>input[type="text"],
.we_form_grid>div>select {
padding: var(--rd-spacing-xx-sm);
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
border-radius: var(--rd-borderradius-border-md);
border: var(--rd-borderwidth-border-default) solid #999;
}
.we_form_grid .color_box>input[type="color"] {
width: 25px !important;
height: 25px;
border-right: 0;
border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-md);
}
.we_form_grid .color_box>input[type="text"] {
border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) var(--rd-borderradius-border-none);
}
input[value="Allgemein"]+h1 {
color: #5ea9cf;
margin: 0 0 0 20px;
}
input[value="Header"]+h1 {
color: #76b82a;
margin: 0 0 0 20px;
}
input[value="Body"]+h1 {
color: var(--rd-primary-active);
margin: 0 0 0 20px;
}
input[value="Dropdown"]+h1 {
color: var(--cl-asphalt-blue);
margin: 0 0 0 20px;
}
.favcion_img img {
margin: 0 !important;
}
.wl_editor #addform button {
display: inline-block;
background-color: var(--cl-deep-green);
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
padding: 10px 20px;
}
.label_info {
font-size: var(--rd-fontsize-3);
display: block;
}
.label_info span {
color: var(--rd-primary-active);
font-weight: 800;
}
#dropdownform form label,
.add_dd_btn:before,
.cc_legend li,
.cc_time span,
.kw_field {
font-weight: var(--rd-fontweights-open-sans-1);
}
.add_dd_btn {
background-color: #76b82a;
display: inline-block;
padding: var(--rd-spacing-xx-sm) 15px;
}
.add_dd_btn:before,
.cc_legend,
.cc_r_circle,
.controlling_filter {
background-color: var(--rd-font-light);
}
.add_dd_btn:before {
content: "+";
display: inline-block;
width: 15px;
height: 15px;
line-height: 15px;
vertical-align: middle;
text-align: center;
border-radius: 100%;
}
.actions .more:hover,
.actions .template:hover,
.actions .todb:hover,
.add_dd_btn:hover,
.add_template:hover,
.ku_header .add_user:hover,
.to_homme:hover {
opacity: 0.8;
}
#dropdownform form {
display: inline-block;
margin-left: 20px;
}
#dropdownform form label {
display: block;
width: 100%;
}
#dropdownform form input {
padding: var(--rd-spacing-xx-sm);
display: block;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
}
#dropdownform form button {
display: block;
margin-left: 0;
width: 100%;
}
#dropdown_list {
margin-left: 20px;
margin-top: 20px;
}
.color_box input[type="text"] {
border: var(--rd-borderwidth-border-default) solid #999;
padding: 6px;
vertical-align: top;
display: inline-block;
}
.we_logo_img img {
width: 90%;
margin-left: 0 !important;
}
.kw_field {
color: var(--cl-light-grey);
}
.cc_grid,
.gantt_flex,
.gk_monat,
.rd-inst-titel-grid,
.urluab_filter_grid {
display: flex;
}
.cc_calender {
border-right: var(--rd-borderwidth-border-focus) solid var(--cl-light-grey);
}
.cc_calender .curent_day {
background-color: var(--rd-font-light) !important;
color: var(--cl-asphalt-blue);
border: 2px solid var(--rd-primary-active);
}
.cc_calender li,
.cc_calender ul {
display: block;
margin: 0;
padding: 0;
white-space: nowrap;
}
.cc_calender li {
margin-bottom: 2px;
padding: 2px var(--rd-spacing-xx-sm);
border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.complead .vmpb_date,
.ffirma,
.frecomand,
.fuser,
.user_cc_name {
font-size: var(--rd-fontsize-3);
font-weight: var(--rd-fontweights-open-sans-1);
}
.df_titel,
.live_webinar,
.webinar_titel {
font-weight: var(--rd-fontweights-open-sans-0);
}
.cc_calender td {
padding: var(--rd-spacing-xx-sm) 0;
vertical-align: top;
}
.cc_calender tr td:first-child,
.checklist_grid>div:nth-child(2) {
padding-left: 10px;
}
.first_line {
display: block;
font-size: var(--rd-fontsize-5);
}
.cc_r_circle,
.edit_cc,
.user_img {
width: 15px;
height: 15px;
vertical-align: middle;
}
.cc_days legend,
.cc_legend {
font-size: var(--rd-fontsize-4);
}
.cc_time.urlaub,
.user_cc_name.urlaub {
background-color: var(--rd-warning-inactive);
}
.cc_time.krank,
.user_cc_name.krank {
background-color: var(--rd-error-pressed);
color: var(--rd-error-inactive);
font-style: italic;
}
.cc_time.feast,
.user_cc_name.fest {
background-color: var(--rd-primary-active);
color: var(--rd-font-light);
font-size: var(--rd-fontsize-3);
}
.cc_calender li.supportuser {
background-color: var(--cl-main-transparent);
}
.cc_calender li.videouser,
.view-content-box table .current {
background-color: var(--rd-list-active);
}
.cc_calender li.superuser {
background-color: var(--cl-ocean-blue-alpha);
}
.cc_calender li.gastuser {
background-color: #c4ff0f;
color: #454545;
}
.cc_calender li.uxuser {
background-color: var(--rd-light-yellow);
}
.user_img {
display: inline-block;
border-radius: 100%;
}
.cc_legend {
margin-bottom: 10px;
padding: var(--rd-spacing-xx-sm);
}
.cc_legend ul,
.homes_list,
.kf_licens .pricing_box ul {
display: block;
margin: 0;
padding: 0;
}
.cc_days>div,
.cc_legend li,
.cc_radio label,
.cc_time span {
display: inline-block;
}
.cc_time span,
.edit_cc,
.homes_list .er_ast .ers_name {
margin-left: var(--rd-spacing-xx-sm);
}
.cc_legend li {
margin-right: 10px;
}
.controlling_filter>div .rd-primary-btn,
.termin_filter a {
margin-top: 21px;
margin-left: 10px;
}
.HO,
tr.red {
color: red;
}
.WL {
color: #001fff;
}
.BE {
color: #9e0000;
}
.AD {
color: #252525;
}
.BU {
color: #52cb77;
}
.cc_view {
overflow-y: scroll;
max-width: 1400px;
}
.cc_days legend {
font-weight: 800;
color: var(--cl-asphalt-blue);
background-color: var(--cl-pale-grey) e;
padding-left: 10px;
}
.cc_controlling_table th,
.df_text span,
.live_webinar_logo_white span {
font-weight: var(--rd-fontweights-open-sans-1);
}
.cc_days>div {
/* max-width: 150px; */
margin-right: 10px;
border-right: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
padding-right: 10px;
margin-bottom: 10px;
}
.cc_days .acf_i_right {
display: inline-grid !important;
grid-template-areas: "STD MIN";
width: auto !important;
}
.cc_days .acf_i_right input {
font-size: var(--rd-fontsize-3) !important;
}
.cc_days .acf_i_right>div:first-child {
grid-area: STD;
width: 35px;
}
.cc_days .acf_i_right>div:nth-child(2) {
grid-area: MIN;
width: 35px;
}
.cc_r_circle {
margin-right: var(--rd-spacing-xx-sm);
border-radius: 100%;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.cc_radio label.cc_r_circle:before {
content: "";
background-color: var(--rd-primary-active);
position: absolute;
left: 2px;
top: 2px;
right: 2px;
bottom: 2px;
border-radius: 100%;
opacity: 0;
transition: 0.2s linear;
}
.debuggershow>ul {
display: block !important;
}
.termin_edit_input div.cc_days {
display: flex !important;
flex-wrap: wrap;
}
.termin_edit_input div.weak_Select {
display: flex !important;
gap: 24px;
margin-bottom: 16px;
}
.termin_edit_input div.weak_Select>div>label {
display: block;
margin-bottom: 16px;
}
.edit_cc {
display: inline-block;
background-image: url(/src/img/svg/af/pencil-blue.svg);
}
.termin_filter a {
vertical-align: bottom;
display: inline-block;
}
.controlling_filter {
display: block;
padding: 10px;
}
.controlling_filter>div a {
margin-top: 29px;
display: inline-block;
margin-left: 20px;
}
.cc_controlling_table th {
padding: var(--rd-spacing-xx-sm);
}
.no_work {
background-color: var(--cl-pale-grey);
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.cc_controlling_table tr.work_time:nth-child(2n) {
background-color: #ffe2eb;
}
.controlling_users span:after {
content: ", ";
}
#all-fetures-content label[for="all-fetures"]:before,
.controlling_users span:last-child:after {
content: "";
}
.day_back {
float: left;
transform: rotate(180deg);
}
.instr_count,
.viev_pluse {
float: right;
}
.day_back,
.day_next {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/src/img/svg/af/chevron-right-white.svg");
cursor: pointer;
}
.cc_calender tr td {
min-width: 100px;
}
.cc_controlling_table {
text-align: left;
display: inline-table;
}
.cc_controlling_table tr th:first-child {
width: 150px;
}
.live_webinar {
color: var(--rd-primary-active);
}
#pr1r:checked~.prio_plus,
#pr2r:checked~.prio_plus,
#pr3r:checked~.prio_plus,
.live_webinar_logo_white,
.prio_plus:hover,
.prio_plus:hover~.prio_plus {
color: var(--rd-primary-active) !important;
}
.live_webinar_logo_white span {
color: var(--rd-font-light);
}
.webinar_course {
display: grid;
grid-template-areas: "IMG CONT";
grid-template-columns: 409px auto;
margin-top: 10px;
background-color: var(--rd-font-light);
}
.webinar_img {
grid-template-areas: IMG;
min-height: 250px;
background-size: cover;
}
.webinar_cont {
grid-template-areas: CONT;
padding: 10px 20px;
}
.webinar_titel {
color: var(--cl-dark-grey);
font-size: var(--rd-fontsize-8);
margin-bottom: 0;
line-height: 1.2em;
}
#prev_teaserimg,
.df_text,
.fd_feed {
margin-bottom: 10px;
}
.we_logo_img {
overflow: hidden;
}
.we_logo_img a {
display: block;
font-size: var(--rd-fontsize-4);
word-break: break-all;
}
.clcc_name_small,
.qmh_text_element .titel .text {
font-size: var(--rd-fontsize-5);
}
@media (max-width: 1400px) {
.clcc_name {
font-size: var(--rd-fontsize-7);
}
.clcc_name_small {
font-size: var(--rd-fontsize-4);
}
}
.allinstract_btn {
margin-left: 20px;
margin-top: 20px;
background-image: linear-gradient(var(--rd-primary-active), #ff84a7);
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
}
.allinstract_btn:hover {
background-image: linear-gradient(#ff84a7, var(--rd-primary-active));
}
.setting_confirm {
background-color: var(--cl-deep-green);
color: var(--rd-font-light);
margin-left: -40px;
width: calc(100% + 80px);
text-align: center;
padding: var(--rd-spacing-xx-sm);
box-sizing: border-box;
}
.ces2_form,
.doppelt_overlay form {
padding: var(--rd-spacing-big);
background-color: var(--rd-font-light);
}
.large {
background-size: 900px 100%;
}
@media screen and (max-width: 900px) {
.teaser_kurs.small {
background-size: 60% 100% !important;
}
}
#prev_teaserimg {
display: inline-block;
height: 250px;
width: 100%;
background-color: #dfe3e8;
background-size: 52px;
background-image: url("/src/img/svg/af/image-regular.svg");
cursor: pointer;
}
.doppelt_overlay {
position: fixed;
left: 0;
top: 0;
bottom: 0;
background-image: url("/src/img/black55p.png");
z-index: 10000;
width: 100vw;
text-align: center;
}
.doppelt_overlay form {
display: inline-block;
text-align: left;
box-sizing: border-box;
margin-top: 10%;
}
.df_titel {
font-size: var(--rd-fontsize-7);
}
.df_text {
margin-top: var(--rd-spacing-xx-sm);
}
.df_text span {
color: var(--rd-primary-active);
}
.df_menu {
display: grid;
grid-template-areas: "EL1 EL2";
width: 100%;
grid-template-columns: 50% 50%;
text-align: center;
margin-top: 20px;
}
.df_menu>div:nth-child(2) {
text-align: right;
grid-area: EL2;
}
.df_menu>div:first-child {
text-align: left;
grid-area: EL1;
}
.ces2_form .abort_btn,
.doppelt_overlay form .abort_btn {
padding: var(--rd-spacing-x-sm);
width: auto;
display: inline-block;
font-size: var(--rd-fontsize-4);
font-weight: var(--rd-fontweights-open-sans-1);
}
.complead,
.grp_grouplist_item_selected_true.grp_grouplist_item.public_roll:after {
background-color: var(--rd-font-light);
}
.complead,
.complead .payed {
color: #999 !important;
font-size: var(--rd-fontsize-3) !important;
}
.ces2_form ul,
.feedback_daumen label,
.fof_footer button,
.fof_footer label,
.fofb_grid .text_label,
.fofb_text textarea,
.instr_count {
font-size: var(--rd-fontsize-4);
}
.doppelt_overlay .edit_btn:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-image: url(../img/svg/af/pencil-blue.svg);
background-size: 100%;
background-repeat: no-repeat;
margin-right: 2px;
}
.instr_count>span {
font-weight: 800;
color: var(--rd-primary-active);
}
.teaser_img {
position: absolute;
right: 0;
height: 100%;
background-image: url('/whitelabel/sozialstation-buehl/img/db/Bühl_Bild.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
.course_exist_step2,
.feedback_overlay {
position: fixed;
right: 0;
background-image: url("/src/img/black60p.png");
left: 0;
top: 0;
bottom: 0;
}
.course_exist_step2 {
display: none;
height: 100vh;
z-index: 2000;
text-align: center;
}
.ces2_form {
display: inline-block;
margin-top: 100px;
text-align: left;
}
.ces2_form ul {
overflow-y: scroll;
max-height: 150px;
}
.text_grid {
padding: 10px 20px;
background-color: #ededed;
margin-top: 10px;
}
.pp1,
.pp2 {
padding-right: var(--rd-spacing-xx-sm);
}
.exist .cat_name {
color: #e75858 !important;
}
.vmpb_time {
color: var(--cl-asphalt-blue);
font-size: var(--rd-fontsize-3);
text-align: 12px;
padding-left: 2px;
}
.vmpb_time .time_icon {
display: inline-block;
width: 14px;
height: 14px;
margin-right: 2px;
background-size: 100%;
background-image: url("/src/img/svg/af/clock-regular-blue.svg");
vertical-align: middle;
filter: grayscale(1);
}
.bed_feed:before,
.fof_footer label,
.god_feed:before,
.homes_template {
margin-right: var(--rd-spacing-xx-sm);
}
.prio_pluse {
display: inline-grid;
grid-template-areas: "PL1 PL2 PL3";
}
.pp1 {
grid-area: PL1;
}
.pp2 {
grid-area: PL2;
}
.fofh_action,
.fofh_text {
padding: var(--rd-spacing-x-sm) 10px;
}
.pp3 {
grid-area: PL3;
}
.fofh_text,
.ftop .user {
grid-area: LE;
}
.prio_plus {
color: #999;
font-weight: 800;
font-size: var(--rd-fontsize-14);
line-height: 14px;
cursor: pointer;
}
.fofh_text,
.viev_pluse {
font-size: var(--rd-fontsize-5);
}
.viev_pluse {
display: inline-block;
font-weight: 800;
color: var(--rd-primary-active);
}
.fofb_grid .text_label,
.fofh_text {
font-weight: var(--rd-fontweights-open-sans-1);
letter-spacing: 0;
}
.fofb_grid .text_label,
.fofb_text textarea,
.fofh_text {
color: var(--cl-asphalt-blue);
font-family: "Open Sans";
}
.feedback_overlay {
z-index: 100;
display: none;
text-align: center;
scrollbar-width: none;
-ms-overflow-style: none;
overflow-y: scroll;
overflow-x: hidden;
}
.feedback_overlay::-webkit-scrollbar {
display: none;
}
#changeDateInput,
#fo_check,
.dd_baum .homes_list ul,
.kp_users input,
.temp_check {
display: none;
}
.feedback_overlay form {
display: inline-block;
background-color: var(--rd-font-light);
border-radius: var(--rd-spacing-xx-sm);
margin-top: 10%;
text-align: left;
}
.fof_header {
display: grid;
border-bottom: var(--rd-borderwidth-border-default) solid #dfe3e8;
grid-template-areas: "LE RE";
}
.fofh_text {
line-height: 22px;
text-align: left;
}
.fofh_action {
grid-area: RE;
text-align: right;
}
.fofh_action .close {
display: inline-block;
width: 12px;
height: 12px;
background-image: url("/src/img/svg/af/close.svg");
background-size: 100%;
opacity: 1;
}
.fofb_grid {
display: grid;
grid-template-areas: "TOPL TOPR" "LE1 IN1" "LE2 IN2" "LE3 IN3" "TEXT TEXT";
padding: 10px;
}
.legend {
grid-area: TOPR;
text-align: right;
padding-right: 10px;
}
.fofb_i1,
.fofb_i2 {
padding: 10px 10px 10px 0 !important;
}
.legend_blank {
grid-area: TOPL;
}
.fofb_l1 {
grid-area: LE1;
text-align: left;
}
.fofb_i1 {
grid-area: IN1;
text-align: right;
}
.fofb_l2 {
grid-area: LE2;
text-align: left;
}
.fofb_i2 {
grid-area: IN2;
text-align: right;
}
.fofb_l3 {
grid-area: LE3;
text-align: left;
}
.fofb_i3 {
grid-area: IN3;
text-align: right;
}
.fofb_text {
grid-area: TEXT;
text-align: left;
}
.fofb_grid .text_label {
display: block;
line-height: 19px;
}
.bed_feed:before,
.god_feed:before,
.stars_grid label {
display: inline-block;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100%;
}
.feedback_text,
.ftop {
font-size: var(--rd-fontsize-3);
}
.fofb_text textarea {
width: 100%;
letter-spacing: 0;
line-height: 19px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
background-color: var(--rd-font-light);
min-height: 72px;
box-sizing: border-box;
resize: vertical;
margin-top: var(--rd-spacing-xx-sm);
}
.feedback_daumen label,
.fofb_grid .bed_feed,
.fofb_grid .god_feed {
color: var(--cl-blue-grey);
font-weight: var(--rd-fontweights-open-sans-0);
letter-spacing: 0;
}
.fof_footer {
margin-top: 10px;
border-top: var(--rd-borderwidth-border-default) solid #dfe3e8;
display: block;
text-align: right;
padding: 10px;
}
.fofb_i1,
.fofb_i2,
.fofb_i3,
.fofb_l1,
.fofb_l2,
.fofb_l3,
.fofb_text {
margin-bottom: 10px;
border-radius: var(--rd-borderradius-border-md);
background-color: var(--cl-light-blue);
padding: 10px;
box-sizing: border-box;
}
.feedback_daumen label,
.temp_check+label,
label[for="temp_check_all"] {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.fofb_grid .bed_feed,
.fofb_grid .god_feed {
font-size: var(--rd-fontsize-3);
line-height: 14px;
text-transform: uppercase;
margin-bottom: var(--rd-spacing-xx-sm);
}
.bed_feed {
float: left;
}
.bed_feed:before,
.god_feed:before {
content: "";
height: 15px;
width: 15px;
vertical-align: middle;
}
.bed_feed:before {
background-image: url("/src/img/svg/af/feedback/sad.svg");
}
.god_feed:before {
background-image: url("/src/img/svg/af/feedback/smile.svg");
}
.stars_grid {
display: grid;
grid-template-areas: "ST1 ST2 ST3 ST4 ST5";
grid-template-columns: 20%;
}
.sg5 {
grid-area: ST5;
}
.sg4 {
grid-area: ST4;
}
.sg3 {
grid-area: ST3;
}
.sg2 {
grid-area: ST2;
}
.sg1 {
grid-area: ST1;
}
.stars_grid input {
opacity: 0.0001;
width: 1px;
height: 1px;
}
.stars_grid label {
width: 32px;
height: 32px;
background-image: url("/src/img/svg/af/feedback/star-bg.svg");
cursor: pointer;
}
.fstar,
.so_label+span>span.full,
.stars_grid input:checked~label,
.stars_grid label:hover,
.stars_grid label:hover~label,
.visible_stars span.full,
td.stars span.full {
background-image: url("/src/img/svg/af/feedback/star-fill.svg");
}
.feedback_daumen {
display: grid;
grid-template-areas: "JA NEIN";
grid-template-columns: 50%;
position: relative;
}
.attach_block>div,
.fbody {
grid-template-columns: 200px auto;
}
.feedback_daumen input {
opacity: 0.0001;
width: 1px;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
}
.feedback_daumen label {
text-align: center;
background: linear-gradient(180deg, var(--rd-font-light) 0, #f9fafb 100%);
line-height: 19px;
padding: var(--rd-spacing-xx-sm);
cursor: pointer;
}
#navi>ul>li>.nlink[title="Meine Nachrichten"]:before,
.add_time_btn:before,
.hert_smyle,
.homes_list .er_ast.central .ers_name:after,
.so_label+span>span,
.visible_stars span,
td.stars span {
background-repeat: no-repeat;
background-position: 50%;
}
#leftcount,
.fbsg1,
.fbsg3,
.fbsg5,
.fof_footer button,
.ftop .user,
.livewebinar span,
.old_titel,
.so_label {
font-weight: var(--rd-fontweights-open-sans-1);
}
.feedback_daumen>label[for="fd_hoch"] {
border-radius: var(--rd-borderradius-border-md) 0 0 var(--rd-borderradius-border-md);
}
.feedback_daumen>label[for="fd_runter"] {
border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0;
border-left: none;
}
.feedback_daumen>label[for="fd_hoch"]:before,
.feedback_daumen>label[for="fd_runter"]:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
vertical-align: top;
margin-right: var(--rd-spacing-xx-sm);
margin-top: 1px;
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
.feedback_daumen>label[for="fd_hoch"]:before {
background-image: url("/src/img/svg/af/feedback/like.svg");
}
.feedback_daumen>label[for="fd_runter"]:before {
background-image: url("/src/img/svg/af/feedback/dislike.svg");
}
.feedback_daumen input:checked+label,
.feedback_daumen label:hover {
background: var(--cl-blue-grey);
color: var(--rd-font-light);
}
.feedback_daumen input:checked+label:before,
.feedback_daumen label:hover:before {
filter: grayscale(100) brightness(100);
}
.fof_footer label {
color: var(--rd-primary-active);
letter-spacing: 0;
line-height: 19px;
padding: 10px;
cursor: pointer;
}
.fof_footer label:hover {
color: var(--rd-primary-hover);
}
.fof_footer label:focus {
color: var(--rd-primary-pressed);
}
.fof_footer button {
color: var(--rd-font-light);
letter-spacing: 0;
line-height: 19px;
padding: var(--rd-spacing-x-sm) 20px;
}
.fbgstar,
.so_label+span>span.blank,
.visible_stars span.blank,
td.stars span.blank {
background-image: url("/src/img/svg/af/feedback/star-bg.svg");
}
.fhstar,
.so_label+span>span.half,
.visible_stars span.half,
td.stars span.half {
background-image: url("/src/img/svg/af/feedback/star-half.svg");
}
.fbgstar,
.fhstar,
.fstar {
display: inline-block;
width: 10px;
height: 10px;
background-size: 100%;
}
.fbody,
.fbs_grid,
.ftop {
display: grid;
}
.feedback_text {
max-height: 50px;
overflow-y: scroll;
}
.feedback_down {
border-radius: var(--rd-borderradius-border-md);
background-color: var(--rd-font-light);
margin-top: 30px;
padding: var(--rd-spacing-big);
}
.acept_template,
.apu_action a,
.continue_btn,
.fe_checkblock input[type="checkbox"]+label {
box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
}
.fd_feed {
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-pale-grey);
padding-bottom: 10px;
}
.ftop {
background-color: var(--cl-pale-grey);
grid-template-areas: "LE RI";
padding: var(--rd-spacing-xx-sm);
}
.ftop .date {
text-align: right;
color: #999;
font-style: italic;
}
.fbody {
grid-template-areas: "STARS TEXT";
margin-left: 10px;
}
.fb_stars {
grid-area: STARS;
}
.fb_text {
grid-area: TEXT;
font-size: var(--rd-fontsize-4);
border-left: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
padding-left: 10px;
padding-top: var(--rd-spacing-xx-sm);
}
#leftcount,
.fbsg1,
.fbsg3,
.fbsg5,
.fcourse a span,
.livewebinar span.web_count,
.stars_footer .fstars,
.stars_overlay {
font-size: var(--rd-fontsize-3);
}
.fbs_grid {
grid-template-areas: "EL1 EL2" "EL3 EL4" "EL5 EL6";
}
.stars_overlay {
background-color: #ffffffc4;
display: inline-block;
position: absolute;
left: var(--rd-spacing-xx-sm);
bottom: var(--rd-spacing-xx-sm);
border-radius: var(--rd-spacing-xx-sm);
padding: var(--rd-spacing-xx-sm);
}
.homes_list .er_ast,
.noaccess {
background-color: var(--rd-font-light);
}
.so_label {
display: inline-block;
vertical-align: top;
width: 65px;
}
.so_label+span>span,
td.stars span {
display: inline-block;
width: 15px;
height: 15px;
background-size: 100%;
}
.noaccess {
text-align: center;
padding-bottom: 120px;
}
.fd_header,
.kp_info {
background-color: var(--cl-pale-grey);
}
#navi>ul>li>.nlink[title="Meine Nachrichten"]:before {
width: 22px !important;
height: 22px !important;
opacity: 0.7 !important;
background-image: url(/src/img/svg/af/messanger-icon.svg);
content: "";
display: inline-block;
margin-right: var(--rd-spacing-x-sm);
background-size: contain;
filter: grayscale(100%);
vertical-align: middle;
opacity: 0.9;
}
#leftcount {
line-height: 14px;
}
.livewebinar span,
.old_titel {
color: var(--rd-primary-active);
}
.livewebinar span.web_count {
color: var(--rd-font-light);
background-color: var(--rd-primary-active);
display: inline-block;
font-weight: 400;
line-height: 14px;
width: 14px;
text-align: center;
border-radius: 100%;
margin-left: 2px;
vertical-align: top;
}
@media screen and (max-width: 400px) {
.q_menu,
.q_menu a,
.q_menu label {
display: block;
position: relative;
}
.lh_name {
font-size: var(--rd-fontsize-3);
}
.filter {
right: calc(-200%);
}
.dd_charts {
flex-direction: column;
}
.dd_charts>div {
width: 100%;
}
.q_menu {
margin-top: 10px;
word-break: break-all;
}
.q_menu a,
.q_menu label {
width: 100%;
margin: 10px 0 !important;
box-sizing: border-box;
float: unset !important;
text-align: center;
}
.q_menu button {
display: block !important;
width: 100%;
float: unset;
}
.feedback_overlay form {
margin-top: 60px;
width: 100%;
border-radius: var(--rd-borderradius-border-none);
}
.fortbildung_proces .pf_diagram .dfd_title {
display: block;
width: 100%;
}
.fortbildung_proces .pf_diagram .ibu_proces_bg {
float: left;
}
.fortbildung_proces .pf_diagram {
width: 55%;
}
}
.kp_info {
padding: 10px;
border: var(--rd-borderwidth-border-default) dashed #999;
font-size: var(--rd-fontsize-4);
}
.kp_info p {
margin: 0;
font-style: italic;
}
.img_info+input {
display: block;
margin-bottom: 20px;
}
.cert_prev_img {
width: 200px !important;
height: 0 !important;
display: block !important;
background-size: 100% !important;
}
.cert_prev_img[style] {
height: 75px !important;
}
.homes_list li {
display: block;
list-style: none;
position: relative;
}
.homes_list .er_ast {
display: block;
padding: var(--rd-spacing-xx-sm) 15px;
cursor: pointer;
}
.homes_list .er_ast.GESPERRT {
color: var(--cl-dark-grey);
opacity: 0.7;
}
.homes_list .er_ast .ers_nr {
color: #999;
font-size: var(--rd-fontsize-4);
line-height: 16px;
display: inline-block;
vertical-align: middle;
}
.homes_list .er_ast .ers_name {
display: inline-block;
font-size: var(--rd-fontsize-5);
line-height: 16px;
vertical-align: middle;
}
.homes_list .er_ast.central .ers_name:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-left: 10px;
background-size: 100%;
background-image: url(/src/img/svg/af/home-magenta.svg);
vertical-align: middle;
}
.homes_list ul {
margin: 0 0 0 15px;
}
.homes_list ul:before {
content: "";
position: absolute;
border-left: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
left: 15px;
top: 30px;
bottom: 15px;
}
.freelancer_tab_menu a:first-child,
.homes_list ul li,
.ios_slider:checked+label span {
margin-left: 15px;
}
.homes_list ul li .er_ast:before {
content: "";
position: absolute;
left: -15px;
top: 0;
width: 15px;
height: 15px;
border-bottom: var(--rd-borderwidth-border-default) dashed var(--cl-light-grey);
}
.homes_list .er_ast.curent,
.homes_list .er_ast:hover {
background-color: #fafafa;
box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.156);
}
.fofb_titel {
display: block;
text-align: center;
padding: 0 30px;
box-sizing: border-box;
margin-top: 30px;
margin-bottom: 20px;
font-size: var(--rd-fontsize-5);
max-width: 400px;
}
.fofb_img {
text-align: center;
margin-bottom: 40px;
max-width: 500px;
}
.apu_action,
.rest_time {
text-align: right;
}
.fofb_img img {
max-width: 150px;
width: 100%;
}
.pt_carusel.partner_teaser .center img {
width: 70%;
vertical-align: bottom !important;
max-width: 150px;
display: inline-block;
filter: grayscale(100%);
max-height: 75px;
filter: url(#constantgrey);
}
.pt_carusel .slick-slide {
vertical-align: bottom !important;
text-align: center !important;
}
.pt_carusel .slick-track {
display: flex;
align-items: center;
}
.carusel-logos {
vertical-align: bottom;
}
.fcourse a span {
color: #999;
font-weight: 400;
display: block;
}
@media screen and (max-width: 500px) {
.demo_filter,
.demo_table td,
.demo_table tr {
box-sizing: border-box;
}
.demo_filter form {
display: block !important;
width: 90%;
}
.demo_filter form>div {
display: block !important;
width: 100%;
margin-bottom: 10px;
}
.demo_filter form button {
margin-bottom: 20px;
}
.center h1 {
font-size: var(--rd-fontsize-11) !important;
}
.demo_filter {
width: 100%;
}
.fast_filter_grid {
flex-wrap: wrap;
}
.most_wanted .typ_list {
column-gap: var(--rd-spacing-x-sm);
grid-template-columns: 1fr 1fr;
display: grid;
padding-top: var(--rd-spacing-lg);
}
.fast_filter_cont ul {
flex-wrap: wrap;
}
.kurs_plus_preis {
display: none !important;
}
}
.stars_footer td {
padding-top: var(--rd-spacing-x-sm);
}
.stars_footer .fstars {
width: 150px;
padding-left: 10px;
color: #999;
}
.fd_header {
margin-bottom: 15px;
padding: var(--rd-spacing-xx-sm) 10px;
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.fbs_single_grid {
display: inline-grid;
grid-template-areas: "EL0 EL1 EL2 EL 3";
font-size: var(--rd-fontsize-4) !important;
}
.add_time_btn,
.add_time_btn:before,
.continue_btn,
.hert_smyle,
.visible_stars,
.visible_stars span,
.wt_action a:after {
display: inline-block;
}
.fbs_single_grid>div:first-child,
.folder_size>span:first-child {
font-weight: var(--rd-fontweights-open-sans-1);
margin-right: 10px;
}
.fbs_single_grid>div:nth-child(2),
.fbs_single_grid>div:nth-child(3) {
margin-right: 10px;
border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
padding-right: 10px;
}
.hert_smyle {
width: 150px;
height: 150px;
background-size: 100%;
background-image: url("/src/img/svg/in-love4.svg");
animation-name: herzen;
animation-duration: 1s;
animation-iteration-count: infinite;
}
@keyframes herzen {
0% {
background-image: url("/src/img/svg/in-love1.svg");
}
25% {
background-image: url("/src/img/svg/in-love2.svg");
}
50% {
background-image: url("/src/img/svg/in-love3.svg");
}
100% {
background-image: url("/src/img/svg/in-love4.svg");
}
}
.cont_body .cb_navi_only {
border-radius: var(--rd-borderradius-border-none);
border-left: 0;
border-right: 0;
background-color: #fafafa;
margin-bottom: 20px;
}
.add_time_btn {
margin-bottom: 10px;
cursor: pointer;
font-weight: 400;
transition: 0.2s linear;
}
.add_time_btn:before {
content: "";
width: 18px;
height: 18px;
vertical-align: middle;
margin-right: 2px;
background-size: 100%;
background-image: url("/src/img/svg/af/clock-regular-blue.svg");
}
.continue_btn {
box-sizing: border-box;
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
border-radius: var(--rd-borderradius-border-md);
background: linear-gradient(180deg, #89cc20 0, var(--cl-deep-green) 100%);
color: var(--rd-font-light);
font-weight: var(--rd-fontweights-open-sans-1);
line-height: 19px;
padding: 10px 20px;
font-size: var(--rd-fontsize-4);
cursor: pointer;
text-decoration: none;
position: relative;
margin-right: 20px;
}
.ap_users label,
.db_baner_grid .wt_cont .wtc1,
.rest_time,
.visible_stars {
font-size: var(--rd-fontsize-3);
}
@media screen and (max-width: 550px) {
.header_logo,
.header_table .ht_cell {
vertical-align: middle !important;
}
.header_logo img {
max-width: 100% !important;
}
.test_block,
.test_cell {
position: relative;
}
.logout_hover {
display: none;
}
.header_table {
display: block;
}
.header_table .ht_cell {
display: inline-block;
}
.header_logo img {
max-width: 120px;
}
.clc_img {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}
.test_cell {
background-color: var(--cl-input-placeholder);
padding-bottom: unset !important;
min-height: 100vh;
height: auto;
}
.InstructionMenu .im_left,
.InstructionMenu .im_right {
display: block !important;
width: 100%;
text-align: center;
}
.InstructionMenu .im_left a,
.InstructionMenu .im_right button {
width: 100%;
}
.InstructionMenu .im_right {
padding-right: 0 !important;
padding-bottom: 20px;
}
.instruction_detail_left,
.instruction_detail_right {
padding: 10px 15px !important;
}
.continue_btn {
margin-right: 0;
margin-top: 10px;
}
}
.tk_webinar {
background-image: url("/src/img/webinar-teaser2.jpg");
}
input[name="CreateAnimation"]~.formfields #aeanimation {
background-color: var(--cl-pale-grey) !important;
}
.visible_stars {
color: var(--cl-asphalt-blue);
vertical-align: middle;
}
.visible_stars span {
width: 15px;
height: 15px;
background-size: 100%;
vertical-align: top;
}
.web_dash .bg_img:before {
content: "LIVE!";
color: var(--rd-primary-active);
font-weight: 800;
position: absolute;
bottom: var(--rd-spacing-xx-sm);
right: 10px;
background-color: #ffffffb6;
padding: 2px 10px;
border-radius: var(--rd-borderradius-border-lg);
display: none;
}
.ap_users label,
.db_baner_grid .wt_cont .wtc1 {
font-weight: var(--rd-fontweights-open-sans-0);
}
.no_bg {
background-image: none !important;
}
.switch_homes_table tbody tr {
cursor: pointer;
position: relative;
}
.switch_homes_table tbody tr.aktive td:first-child:before {
content: "";
background-color: var(--rd-primary-active);
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: var(--rd-spacing-xx-sm);
}
.rest_time {
color: var(--rd-primary-active);
font-weight: 800;
padding-right: 10px;
}
.apu_tel>div>span,
.homes_template,
.temp_name {
font-weight: var(--rd-fontweights-open-sans-1);
}
.gk_monat>div {
width: 46px;
padding: var(--rd-spacing-xx-sm);
margin: 0;
}
.ap_users input,
.ap_users label,
.rd-instructions .center h1 {
margin-bottom: var(--rd-spacing-xx-sm);
}
.gk_monat .tk_datum {
display: flex;
padding-right: var(--rd-spacing-xx-sm);
}
.gk_monat .tk_datum>span {
padding-left: var(--rd-spacing-xx-sm);
}
.prj_placeholder {
display: block;
height: 26px;
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
margin-right: -10px;
}
.k_name {
position: absolute;
padding-left: 10px;
}
.db_baner_grid {
display: grid;
width: 100%;
grid-template-areas: "LEFT RIGHT";
grid-template-columns: 555px 555px;
margin-bottom: 10px;
}
.db_baner_grid .webinar_teaser {
display: grid;
grid-template-areas: "EL1 EL2 EL3";
border-radius: var(--rd-borderradius-border-md);
background-color: var(--rd-font-light);
box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
height: 110px;
width: 548px;
}
.db_baner_grid .wt_img {
width: 120px;
padding: 10px;
box-sizing: border-box;
grid-area: EL1;
}
.db_baner_grid .wt_cont {
grid-area: EL2;
padding-left: var(--rd-spacing-xx-sm);
}
.db_baner_grid .wt_cont .wtc1 {
color: var(--rd-primary-active);
letter-spacing: 0;
line-height: 17px;
text-transform: uppercase;
margin-top: 10px;
}
.db_baner_grid .wt_cont .wtc2 {
color: var(--cl-dark-grey);
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 24px;
}
.db_baner_grid .wt_cont .wtc3,
.homes_template {
font-size: var(--rd-fontsize-4);
line-height: 19px;
}
.db_baner_grid .wt_cont .wtc2>span,
.tab_filter ul li a span {
color: var(--rd-primary-active);
font-weight: var(--rd-fontweights-open-sans-0);
}
.db_baner_grid .wt_cont .wtc3 {
color: var(--cl-asphalt-blue);
letter-spacing: 0;
margin-top: var(--rd-spacing-xx-sm);
}
.db_baner_grid .wt_action {
margin-top: 35px;
margin-right: 20px;
}
.db_baner_grid .kurs_plus_teaser {
height: 110px;
width: 548px;
}
.db_baner_grid .kurs_plus_teaser .kpt_1>div:first-child {
text-transform: uppercase;
margin-top: 10px;
}
.db_baner_grid .kurs_plus_teaser .kpt_1>div:nth-child(3) {
color: var(--cl-asphalt-blue);
font-size: var(--rd-fontsize-4);
letter-spacing: 0;
line-height: 19px;
margin-top: var(--rd-spacing-xx-sm);
width: 244px;
}
.wt_action a:after {
content: "";
width: 14px;
height: 14px;
vertical-align: middle;
background-image: url(/src/img/svg/af/chevron-down-gray.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: 50%;
filter: brightness(10);
margin-left: var(--rd-spacing-xx-sm);
}
.acept_template:before,
.apu_action a:before {
background-size: 70%;
background-position: 50%;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0;
content: "";
right: 0;
bottom: 0;
}
@media screen and (max-width: 1200px) {
.db_baner_grid {
grid-template-columns: 50% 50%;
width: 98%;
}
.db_baner_grid .kurs_plus_teaser,
.db_baner_grid .webinar_teaser,
.table_input {
width: 100%;
}
.kurs_edit_table {
display: grid;
grid-template-areas: "LEFT RIGHT";
grid-template-columns: 60% 40%;
position: relative;
width: 100%;
}
.kurs_edit_table>div {
display: unset;
width: unset;
max-width: unset;
position: relative;
min-width: unset;
}
.ket_info {
grid-area: LEFT;
padding-right: 10px;
}
.ket_bild {
grid-area: RIGHT;
padding-left: 10px;
}
.kp_we_banners>div {
max-width: 875px !important;
}
}
@media screen and (max-width: 900px) {
.kpt_2,
.wt_cont {
padding-right: 20px;
}
.db_baner_grid {
grid-template-columns: 100%;
grid-template-areas: "LEFT" "RIGHT";
width: 95%;
}
.db_baner_grid>div:first-child {
padding-right: 0;
}
.db_baner_grid>div:nth-child(2) {
padding-left: 0;
}
.db_baner_grid .kurs_plus_teaser,
.db_baner_grid .webinar_teaser {
width: 100%;
}
.db_baner_grid .kpt_neu {
width: 120px;
}
.kpt_2 {
text-align: right;
}
.db_baner_grid .kurs_plus_teaser,
.db_baner_grid .kurs_plus_teaser>div {
vertical-align: top;
}
.db_baner_grid .kurs_plus_teaser .kpt_1>div:nth-child(3) {
width: auto;
}
.db_baner_grid .kpt_2 {
padding-top: 35px;
padding-left: 10px;
}
.db_baner_grid .kpt_2,
.db_baner_grid .wt_action {
width: 180px;
text-align: right;
}
.db_baner_grid .kpt_2 a,
.db_baner_grid .wt_action a {
width: 100%;
text-align: center;
}
.db_baner_grid .webinar_teaser {
height: auto;
padding-bottom: 10px;
}
.db_baner_grid .kurs_plus_teaser {
height: auto;
}
}
.apu_action,
.filter_grid ul li {
padding: var(--rd-spacing-xx-sm) 0;
}
.ap_users label {
display: block;
color: var(--cl-blue-grey);
line-height: 17px;
position: relative;
}
.ku_header .add_user {
background-color: var(--rd-primary-active);
color: var(--rd-font-light);
padding: var(--rd-spacing-xx-sm) 10px;
border-radius: var(--rd-borderradius-border-md);
cursor: pointer;
display: inline-block;
}
.ku_header .add_user:before {
content: "+";
font-weight: 800;
font-size: var(--rd-fontsize-7);
line-height: 14px;
padding-right: var(--rd-spacing-xx-sm);
}
@media screen and (max-width: 800px) {
.reaser_content {
padding-left: 40px;
padding-right: 40px;
}
#instrac_count_titel {
margin-top: var(--rd-spacing-md) !important;
margin-left: var(--rd-spacing-md);
}
.feedback_return {
left: 0;
}
.rd-nav-grid {
display: block !important;
}
.rd-nav-grid .rd-tabs {
padding: 0 20px;
}
.rd-nav-grid .rd-tabs a {
padding: 16px !important;
}
.flex_form {
flex-direction: column;
}
.flex_form>div {
width: 100%;
}
#courseslist {
height: 350px;
}
.copy_i_form {
text-align: left;
}
.mobil_nav_x label[for="navigation_mobil"]:before,
.new_header .msg_header_icon,
.new_header pc-help,
.wd_picsnip,
.wd_res_referent {
display: none;
}
.new_header .lh_name {
font-size: 0px !important;
}
.new_header .tc_cell.set_right {
padding-right: 0;
}
.new_header .lhn_cont {
right: 0;
left: auto;
width: auto !important;
}
.new_header .header_table,
.new_header .header_table .ht_cell {
display: block;
text-align: center;
width: 100%;
}
.new_header .logout_hover {
position: absolute;
top: 0;
margin: 0;
display: block;
margin-top: 22px !important;
right: 0;
}
.kb_middle {
padding: 0;
}
.mainframe nav ul li.mobil_nav_x {
display: block;
}
.mobil_nav_x label[for="navigation_mobil"] {
display: block;
position: relative;
background-image: none;
width: 100%;
left: unset !important;
top: unset;
font-size: var(--rd-fontsize-4);
font-weight: var(--rd-fontweights-open-sans-1);
letter-spacing: 0;
line-height: 32px;
padding: 0 var(--rd-spacing-sm) var(--rd-spacing-sm) var(--rd-spacing-sm) !important;
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
height: auto;
}
.mobil_nav_x label[for="navigation_mobil"]:after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-image: url("/src/img/svg/af/close.svg");
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
right: 10px;
top: var(--rd-spacing-xx-sm);
}
.prev_kurs_overlay {
margin: 10px -10px !important;
box-sizing: border-box;
}
.header_logo img {
margin-left: 0 !important;
}
.wd_resulitem {
grid-template-columns: auto auto !important;
}
.wd_res_snip {
font-size: var(--rd-fontsize-3);
}
.teaser_kurs.small {
background-size: 70% 100% !important;
}
.edit_referent,
.edit_referent>div.table_cell {
display: block;
width: 100% !important;
}
}
.ap_user {
background-color: var(--cl-pale-grey);
display: grid;
grid-template-areas: "NAME TEL ACTION";
}
.apu_name {
grid-area: NAME;
}
.apu_name>div,
.apu_tel>div {
padding: 2px var(--rd-spacing-xx-sm);
}
.apu_tel {
grid-area: TEL;
}
.apu_tel>div>span {
width: 70px;
display: inline-block;
}
.acept_template,
.apu_action a {
display: inline-block;
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
border-radius: var(--rd-borderradius-border-md);
background: linear-gradient(180deg, #89cc20 0, var(--cl-deep-green) 100%);
color: var(--rd-font-light);
cursor: pointer;
text-decoration: none;
width: 20px;
height: 20px;
justify-content: center;
align-items: center;
position: relative;
margin: 0;
margin-right: var(--rd-spacing-xx-sm);
}
.apu_action a:before {
background-image: url("/src/img/svg/af/pencil-alt-solid_white.svg");
}
.AnsprechpartnerEditForm>div {
padding: var(--rd-spacing-xx-sm) 20px;
box-sizing: border-box;
margin-bottom: 0;
}
.AnsprechpartnerEditForm input[type="text"],
.AnsprechpartnerEditForm select,
.AnsprechpartnerEditForm textarea {
width: 100%;
box-sizing: border-box;
padding: 10px;
border: var(--rd-borderwidth-border-default) solid #999;
border-radius: var(--rd-borderradius-border-md);
}
.AnsprechpartnerEditForm textarea {
min-height: 150px;
resize: vertical;
}
.EditSoftware input[type="text"],
.EditSoftware textarea {
width: 100%;
box-sizing: border-box;
padding: var(--rd-spacing-xx-sm);
border: var(--rd-borderwidth-border-default) solid #999;
border-radius: var(--rd-borderradius-border-md);
}
.EditSoftware textarea {
height: 150px;
}
.EditSoftware~h2,
.c_link a,
.kb_bc .kb_mainlink:before {
margin-left: 10px;
}
.softwarecustomer {
margin: 0 10px;
width: calc(100% - 20px);
}
.actions,
.del_attach,
.multi_att input[type="file"] {
margin-left: 10px;
}
.acept_template:before {
background-image: url("/src/img/svg/af/sync-white.svg");
filter: brightness(1000);
}
.acept_template+.acept_template {
background: linear-gradient(180deg, var(--rd-primary-active) 0, #be345b 100%);
border: var(--rd-borderwidth-border-default) solid #be345b;
}
.homes_template {
display: inline-block;
border: var(--rd-borderwidth-border-default) solid #999;
border-radius: var(--rd-borderradius-border-md);
background: linear-gradient(180deg, var(--cl-light-grey) 0, #999 100%);
color: var(--cl-asphalt-blue);
text-decoration: none;
padding: 10px 20px;
margin-top: var(--rd-spacing-xx-sm);
cursor: pointer;
}
.dis_temp_check,
.temp_check+label,
label[for="temp_check_all"] {
width: 12px;
background-color: var(--rd-font-light);
vertical-align: middle;
position: relative;
display: inline-block;
margin-right: var(--rd-spacing-xx-sm);
height: 12px;
}
#changeDateBtn,
.del_date {
background-image: linear-gradient(var(--cl-light-grey), var(--rd-font-light));
margin-bottom: 10px;
cursor: pointer;
}
.homes_template:hover {
background: linear-gradient(180deg, #999 0, var(--cl-light-grey) 100%);
}
.dis_temp_check_text {
font-size: var(--rd-fontsize-3);
color: #999;
display: inline-block;
max-width: 150px;
text-align: right;
}
.temp_name,
.wartung_msg {
font-size: var(--rd-fontsize-4);
}
.temp_name {
padding-right: 40px !important;
}
.ranking_table td,
.ranking_table th,
.temp_select td,
.temp_select th {
padding: var(--rd-spacing-xx-sm);
}
.temp_check+label,
label[for="temp_check_all"] {
border-radius: var(--rd-borderradius-border-md);
cursor: pointer;
}
.dis_temp_check {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
}
.dis_temp_check:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-position: 50%;
background-size: 100%;
background-image: url(/src/img/svg/af/check-white.svg);
opacity: 0.4;
transition: 0.2s linear;
border: var(--rd-borderwidth-border-default) solid var(--cl-deep-green);
background-color: var(--cl-deep-green);
filter: grayscale(1);
}
.wartung_msg {
background-color: #ffeb97;
text-align: center;
padding: 2px;
font-weight: 400;
}
.changeDateHiddenForm,
.dd_baum .plus_label {
background-color: var(--rd-font-light);
position: absolute;
}
.from_center,
.shared_instr,
.temp_icon {
font-size: var(--rd-fontsize-3);
font-weight: var(--rd-fontweights-open-sans-1);
}
.fortbildungsplaner td[data-label="Typ"] {
text-align: left !important;
}
.temp_icon {
display: inline-block;
color: var(--rd-primary-active);
}
.from_center,
.shared_instr {
display: block;
line-height: var(--rd-lineheights-0);
}
.from_center {
color: var(--rd-success-default);
}
.shared_instr,
td[data-label="Preis"] span.paket {
color: var(--rd-secondary-active);
}
.prev_kurs_complead {
padding-left: 20px;
display: inline-block;
font-size: var(--rd-fontsize-4);
color: #999;
}
.iefd_details legend,
.instruction_detail_table legend,
.qmh_text_element .read_date {
font-size: var(--rd-fontsize-4);
font-weight: var(--rd-fontweights-open-sans-1);
}
.dd_baum .plus_label {
display: inline-block;
width: 15px;
height: 15px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: 100%;
cursor: pointer;
top: 7px;
left: -23px;
z-index: 1;
}
.dd_baum .plus_label:before {
content: "+";
line-height: 10px;
font-size: var(--rd-fontsize-5);
font-weight: var(--rd-fontweights-open-sans-1);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-align: center;
color: var(--cl-asphalt-blue);
}
#such_ergebnis .suchtitle,
.lexi_edits h3.lexi_index,
.mw_cont .mw_label:before {
font-size: var(--rd-fontsize-8);
}
.dd_baum .homes_list input:checked~.plus_label:before {
content: "-";
}
.list_view,
.tree_view {
color: #535353;
display: inline-block;
padding: 2px var(--rd-spacing-xx-sm);
border-radius: var(--rd-borderradius-border-md);
}
.cDHF_header,
.new_date {
color: var(--rd-font-light);
}
#changeDateBtn,
.cDHF_header,
.del_date,
.new_date {
padding: var(--rd-spacing-xx-sm) 10px;
}
.list_view:before,
.tree_view:before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background-image: url("/src/img/svg/af/list-solid.svg");
background-size: 100%;
vertical-align: top;
margin-right: 10px;
margin-top: var(--rd-spacing-xx-sm);
}
.central .fa_name:before,
.lex_link:before {
content: "";
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50%;
}
.list_view:hover,
.tree_view:hover {
text-decoration: none;
color: #535353;
opacity: 0.8;
}
.tree_view:before {
background-image: url("/src/img/svg/af/stream-solid.svg");
opacity: 0.5;
}
#changeDateBtn {
opacity: 0.3;
border: var(--rd-borderwidth-border-default) solid #999;
display: inline-block;
border-radius: var(--rd-borderradius-border-md);
}
.changeDateHiddenForm {
display: none;
z-index: 10;
box-shadow: 0 0.2rem 0.35rem rgba(0, 0, 0, 0.6);
border-radius: var(--rd-borderradius-border-md);
}
.del_date,
.new_date {
display: inline-block;
}
.cDHF_header {
font-weight: var(--rd-fontweights-open-sans-1);
border-bottom: var(--rd-borderwidth-border-default) solid #7cb81d;
background-color: #7cb81d;
border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
box-shadow: 0 0.12rem 0.12rem rgba(0, 0, 0, 0.15);
}
.del_date {
border: var(--rd-borderwidth-border-default) solid #999;
border-radius: var(--rd-borderradius-border-md);
margin-right: 10px;
}
.new_date {
border: var(--rd-borderwidth-border-default) solid #7cb81d;
margin-bottom: 10px;
border-radius: var(--rd-borderradius-border-md);
background-image: linear-gradient(#87ca20, #7cb81d);
cursor: pointer;
}
.b_sin,
.b_sul {
border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.b_sin,
.b_spr {
padding-left: 10px;
}
.del_date:hover {
background-image: linear-gradient(var(--rd-font-light), var(--cl-light-grey));
}
.new_date:hover {
background-image: linear-gradient(#7cb81d, #87ca20);
}
.central .fa_name:before {
background-image: url(/src/img/svg/af/home-solid.svg);
display: inline-block;
width: 20px;
height: 20px;
background-size: 100%;
margin-right: var(--rd-spacing-xx-sm);
}
.baum_statisic_header {
margin-right: 15px;
font-weight: var(--rd-fontweights-open-sans-1);
}
.actions .more,
.actions .template,
.actions .todb,
.add_template,
.to_homme {
color: var(--rd-font-light);
border-radius: var(--rd-borderradius-border-md);
margin-right: 10px;
cursor: pointer;
}
.baum_statisic,
.baum_statisic_header {
float: right;
display: grid;
grid-template-areas: "EL1 EL2 EL3 EL4";
font-size: var(--rd-fontsize-4);
}
.b_sul {
width: 70px;
padding-right: 10px;
}
.b_sin {
width: 105px;
}
.b_spr {
width: 90px;
}
.b_diagram {
background-color: var(--cl-light-grey);
display: block;
width: 100%;
height: 12px;
border-radius: var(--rd-borderradius-border-md);
overflow: hidden;
position: relative;
}
.b_diagram>span {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-color: #7cb81d;
}
.add_template,
.to_homme {
display: inline-block;
background-color: #7cb81d;
padding: 10px;
}
.blue_section {
background-color: #eef6fa;
padding-top: 50px;
padding-bottom: 80px;
}
.bp_form,
.copy_r {
background-color: var(--rd-font-light);
}
.blue_section:before {
content: "";
display: inline-block;
height: 45px;
background-image: url(/src/img/svg/teaser_bogen.svg);
width: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
background-size: 100%;
transform: scaleY(-1);
}
.blue_section h3 {
margin-bottom: 15px;
width: 100%;
padding: 0 20%;
box-sizing: border-box;
}
.actions {
display: inline-block;
width: 80px;
text-align: right;
}
.actions .more,
.actions .template,
.actions .todb {
display: inline-block;
background-color: #7cb81d;
width: 20px;
height: 20px;
background-position: 50%;
background-repeat: no-repeat;
}
.ab_cont div a:before,
.freelancer_tab_menu a,
.lex_link:before {
margin-right: var(--rd-spacing-xx-sm);
}
.actions .more,
.actions .todb {
background-image: url("/src/img/svg/af/database_white.svg");
background-size: 60%;
}
.actions .template {
background-image: url("/src/img/svg/af/sync-white.svg");
background-size: 60%;
}
.bp_form .close,
.lex_link:before,
.set_fav {
background-size: 100%;
}
.blur_popup {
display: none;
position: fixed;
z-index: 10;
left: 0;
top: 0;
width: 100%;
box-sizing: border-box;
bottom: 0;
text-align: center;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.blur_popup::-webkit-scrollbar {
display: none;
}
.bp_form,
.bp_form .close,
.infobullet_icon,
.lex_link,
.lex_link:before,
.set_fav {
display: inline-block;
}
#blur_checkbox:checked+.blur_popup~* {
filter: blur(3px);
}
.bp_form {
width: 90%;
max-width: 550px;
padding: var(--rd-spacing-lg);
margin-top: 10%;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-xl);
position: relative;
}
.bp_form .close {
position: absolute;
width: 20px;
height: 20px;
top: 40px;
right: 40px;
background-image: url("/src/img/svg/af/close.svg");
filter: brightness(0);
}
.bp_form .title {
font-weight: var(--rd-fontweights-open-sans-0);
font-size: var(--rd-fontsize-11);
margin-bottom: 20px;
}
.bp_form .text1 {
margin-bottom: 10px;
color: var(--cl-asphalt-blue);
font-weight: var(--rd-fontweights-open-sans-1);
}
.bp_form .text2 {
font-size: var(--rd-fontsize-4);
color: #666;
}
.copy_r {
position: fixed;
left: 0;
width: 100%;
font-size: var(--rd-fontsize-3);
bottom: 0;
text-align: right;
padding-right: 15px;
}
#attachments_block ul li,
.docu_mini_info,
.freelancer_tab_menu a {
padding: var(--rd-spacing-xx-sm);
}
.copy_r a,
.copy_r a:hover {
color: var(--cl-asphalt-blue);
text-decoration: none;
}
.LogoTable img {
max-width: 150px;
}
.p_logo img {
max-width: 250px;
}
.lexi_edits h3.lexi_index {
text-align: left;
color: var(--rd-primary-active);
}
.lex_link {
border-bottom: var(--rd-borderwidth-border-default) dotted #999;
width: 30%;
min-width: 250px;
}
.lex_link:before {
width: 15px;
height: 15px;
}
.st_online:before {
background-image: url("/src/img/2021/svg/tick.svg");
}
.st_offline:before {
background-image: url("/src/img/svg/close_red.svg");
opacity: 0.8;
background-size: 80%;
}
.set_fav {
width: 35px;
height: 35px;
background-image: var(--gray-heart);
float: right;
cursor: pointer;
transition: 0.2s linear;
margin-top: var(--rd-spacing-md);
filter: grayscale(1);
background-repeat: no-repeat;
background-position: 50%;
}
.fc_hearth,
.set_fav.favorited {
background-image: var(--magenta-heart);
}
.set_fav.favorited {
filter: grayscale(0) !important;
}
.infobullet_icon {
width: 30px;
height: 30px;
background-color: #999;
border-radius: 100%;
margin-bottom: 10px;
position: relative;
}
.fc_hearth,
.wgn a:before {
display: inline-block;
width: 15px;
background-repeat: no-repeat;
}
.ab_cont div a:before,
.fc_hearth,
.wgn a:before {
height: 15px;
background-size: 100%;
background-position: 50%;
vertical-align: middle;
}
.infobullet_icon:before {
content: "i";
font-weight: var(--rd-fontweights-open-sans-0);
color: var(--rd-font-light);
line-height: 30px;
}
.add_attachment,
.fc_counter,
.wgn .new_bullet {
font-weight: var(--rd-fontweights-open-sans-1);
}
.fav_text_div {
margin-top: 100px;
margin-bottom: 120px;
text-align: center;
font-size: var(--rd-fontsize-5);
}
.teil_select input:not(:checked)+label:before {
content: "-";
opacity: 1;
background-image: none;
color: var(--rd-font-light);
font-weight: 800;
line-height: var(--rd-spacing-xx-sm);
text-align: center;
}
.fc_counter {
color: var(--cl-blue-grey);
font-size: var(--rd-fontsize-4);
line-height: 19px;
}
.wgn a:before {
content: "";
margin-right: var(--rd-spacing-x-sm);
filter: grayscale(100%);
opacity: 0.9;
background-image: url("/src/img/svg/af/bell-solid-green.svg");
}
.wgn .ll_akivea:before {
filter: grayscale(0);
}
.wgn .new_bullet {
right: 20px;
position: absolute;
font-size: var(--rd-fontsize-3);
line-height: 10px;
}
.fc_blue {
filter: hue-rotate(-90deg);
}
.docu_mini_info {
background-color: var(--cl-light-grey);
display: block;
height: 80px;
overflow-y: scroll;
font-size: var(--rd-fontsize-3);
color: var(--cl-asphalt-blue);
}
td .docu_mini_info {
max-width: 420px;
}
.dt_web,
.multi_att input[type="file"] {
display: inline-block !important;
}
.referent.inaktiv {
opacity: 0.6;
}
.freelancer_tab_menu {
margin-bottom: 20px;
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
font-size: var(--rd-fontsize-4);
}
.freelancer_tab_menu a {
display: inline-block;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
background-color: var(--cl-pale-grey);
color: #535353;
margin-bottom: -1px;
}
.CTabMenu label,
.add_attachment {
padding: var(--rd-spacing-xx-sm) 10px;
cursor: pointer;
}
.freelancer_tab_menu a.aktiv,
.freelancer_tab_menu a:hover {
color: #535353;
background-color: var(--rd-font-light);
border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
}
#attachments_block {
display: block;
margin: 20px 0;
padding: var(--rd-spacing-big);
border: var(--rd-borderwidth-border-default) dashed var(--rd-primary-active);
border-radius: var(--rd-borderradius-border-md);
}
.add_attachment,
.attach_block,
.baum_filter #reportrange {
border-radius: var(--rd-borderradius-border-md);
}
#attachments_block ul {
display: block;
margin: 0 0 20px;
}
#attachments_block ul li {
display: block;
border-bottom: var(--rd-borderwidth-border-default) dotted var(--cl-light-grey);
}
.add_attachment {
background-color: var(--cl-deep-green);
display: inline-block;
color: var(--rd-font-light);
}
.CTabMenu,
.attach_block,
.instr_text_cont,
.kp_we_banners>div {
background-color: var(--rd-font-light);
}
.del_attach {
display: inline-block;
width: 12px;
height: 12px;
background-image: url(/src/img/svg/af/trash-alt-red.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: 50%;
vertical-align: middle;
cursor: pointer;
}
.att_label {
color: #535353;
font-size: var(--rd-fontsize-4);
}
.ab_cont div,
.anhang_label,
.attach_block .ab_label {
font-weight: var(--rd-fontweights-open-sans-0);
letter-spacing: 0;
color: var(--cl-asphalt-blue);
font-size: var(--rd-fontsize-4);
}
.attach_block {
margin: 20px 0;
padding: var(--rd-spacing-big);
}
.attach_block>div {
display: grid;
grid-template-areas: "LABEL CONT";
margin-bottom: 19px;
}
.anhang_label,
.attach_block .ab_label {
grid-area: LABEL;
padding-right: 20px;
line-height: 29px;
}
.ce_by,
.ce_date,
.extra_info,
.multi_att input[type="file"] {
font-size: var(--rd-fontsize-3);
}
.extra_info,
.no_attatch {
margin-bottom: 10px;
color: #999;
}
.anhang_label:before,
.attach_block .ab_label:before {
content: "";
display: inline-block;
width: 27px;
height: 27px;
margin-right: 14px;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
vertical-align: middle;
background-image: url("/src/img/2021/svg/paperclip.svg");
}
.anhang_label:before {
background-image: url("/src/img/2021/svg/link_icon.svg");
}
.ab_cont div {
line-height: 24px;
display: inline-block;
margin-right: 24px;
}
#such_ergebnis .suchtitle,
.ab_cont div a,
.anhang_cont a,
.kp_we_banners .text,
.kp_we_banners .tipp,
.new_header .lh_name,
.tab_filter select#order,
.tab_filter ul li a {
font-weight: var(--rd-fontweights-open-sans-1);
}
.ab_cont div a,
.anhang_cont a {
color: var(--rd-primary-active);
font-size: var(--rd-fontsize-4);
letter-spacing: 0;
line-height: 24px;
text-decoration: underline;
word-break: break-all;
}
.kp_we_banners .text,
.tab_filter div>label,
.tab_filter ul li a {
color: var(--rd-font-dark);
letter-spacing: 0;
}
.instr_text_cont label,
.uf_titel {
font-weight: var(--rd-fontweights-open-sans-0);
}
.attach_block>div:last-child,
.cbn2_table .date_searc_grid,
.cbn2_table .most_wanted,
.center h1.curent_titel,
.topkurse .dbd_title {
margin-bottom: 0;
}
.ab_cont div a:before {
content: "";
display: inline-block;
width: 15px;
background-image: url("/src/img/svg/af/paperclip-blue.svg");
}
.no_attatch {
font-style: italic;
}
.c_link,
.checklist_grid,
.detail_video_view input:checked~table,
.ref_expert_grid {
display: table;
}
#FrageTypForm .frage_element>div,
.c_link>div,
.fb_table>div {
display: table-cell;
}
.small_image {
display: inline-block;
width: 60px;
}
.CTabMenu {
display: block;
margin-bottom: 10px;
padding-left: 20px;
}
.CTabMenu label {
display: inline-block;
text-align: center;
margin: 0 10px;
position: relative;
font-size: var(--rd-fontsize-4);
}
.CTabMenu label:before {
content: "";
display: inline-block;
position: absolute;
background-color: var(--cl-deep-green);
height: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.2s linear;
}
#all-fetures-content,
#errordebuger.blur~.cookie_out_block,
#favK,
#moreoptionsChekbox,
#tkt1,
#tkt2,
#topK,
#wtext,
.CTabCont>div,
.audio_block audio,
.ce_desc,
.debuggershow input:checked+ul,
.def_btn .next_btn,
.detail_video_view table,
.fe_checkblock input,
.fe_radiokblock input,
.filter_cont,
.hidden_checkbox,
.home_rolles .rl_homes,
.ios_slider,
.ios_slider:checked+label:after,
.is_interval::after,
.kalder_btns input,
.kalder_tabs input,
.kf_licens .pricing_box #vorteile_checkbox,
.kf_licens .pricing_box #vorteile_checkbox+label+ul,
.kp_text_bullet hr,
.mobil_filter_on,
.mobile_select ul,
.mobile_select ul li input,
.moreoptions,
.most_wanted>.mw_label,
.mw_cont input,
.new_header .lhn_cont li a:before,
input:checked+.instr_text_cont #mtext,
input:checked+.instr_text_cont .itc_text:after,
input:checked+label[for="help_n"] .new_bullet {
display: none;
}
#CTab01:checked~.CTabMenu label[for="CTab01"]:before,
#CTab02:checked~.CTabMenu label[for="CTab02"]:before,
.auswertung #brain:checked~.auswertungTabMenu label[for="brain"]:before,
.auswertung #favs:checked~.auswertungTabMenu label[for="favs"]:before,
.auswertung #fobi:checked~.auswertungTabMenu label[for="fobi"]:before,
.auswertung #kurse:checked~.auswertungTabMenu label[for="kurse"]:before,
.auswertungTabMenu>label:hover:before {
height: 3px;
}
@media screen and (max-width: 650px) {
.db_baner_grid {
width: 100%;
}
.db_baner_grid .kpt_2,
.db_baner_grid .wt_action {
display: none;
}
.foerderungsantrag .fd_stepps {
display: inline;
}
.foerderungsantrag .fds_arrow {
height: 0;
width: 0;
}
.foerderungsantrag .white_sel {
display: grid;
gap: var(--rd-spacing-x-sm);
}
.foerderungsantrag a {
margin-right: 0;
}
.template_right_tbn label {
margin-top: var(--rd-spacing-x-sm);
}
.db_kacheln {
grid-template-columns: 1fr !important;
}
.dbk_element {
height: auto !important;
width: 100% !important;
}
.dbke_title {
margin-top: var(--rd-spacing-xx-sm) !important;
margin-bottom: var(--rd-spacing-xx-sm) !important;
}
.dbke_menu {
position: relative;
}
.attach_block>div {
grid-template-areas: "LABEL" "CONT";
grid-template-columns: 100%;
}
.ab_label,
.anhang_label {
padding-bottom: 10px;
padding: var(--rd-spacing-xx-sm);
margin-bottom: 10px;
}
.fortbildungsplan .ms_tabmenu {
display: grid !important;
}
.fortbildungsplan .ms_tabmenu label:after {
width: 200px;
}
.fortbildungsplan .ms_tabmenu .mst_print_block {
padding-top: 15px;
}
.kp_we_banners>div {
grid-template-areas: "LEFT MID" "RIGHT RIGHT" !important;
grid-template-columns: 103px auto !important;
}
.kp_we_banners a {
float: right;
margin: var(--rd-spacing-big) !important;
}
}
.absolute,
.onloadimg {
position: absolute;
}
.attach_block hr {
height: 0;
border: 0;
}
.cont_element,
.kp_we_banners .tipp,
.upload_form {
border-radius: var(--rd-spacing-xx-sm);
}
.instr_text_cont {
padding: var(--rd-spacing-big);
position: relative;
text-align: center;
}
.instr_text_cont .itc_text {
max-height: 200px;
overflow: hidden;
text-align: left;
position: relative;
}
.instr_text_cont .itc_text:after {
content: "";
position: absolute;
height: 168px;
left: 0;
bottom: 0;
right: 0;
z-index: 5;
background-image: linear-gradient(to bottom,
#ffffff00 20%,
#ffffff94 80%,
var(--rd-font-light) 100%);
}
.instr_text_cont label {
position: relative;
bottom: 0;
z-index: 10;
cursor: pointer;
}
.instr_text_cont label:after {
display: block;
content: "";
width: 100%;
height: 25px;
background-image: var(--magenta-arrow-right);
background-size: 100% 100%;
transform: rotate(90deg);
}
input:checked+.instr_text_cont .itc_text {
max-height: unset;
}
#instructionForm .simditor {
max-width: 650px;
}
.kp_we_banners {
display: inline-block;
position: relative;
max-width: 1113px;
width: 100%;
}
.kp_we_banners>div {
width: 100%;
border-radius: var(--rd-borderradius-border-md);
box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
margin-bottom: var(--rd-spacing-md);
display: grid;
grid-template-areas: "LEFT MID RIGHT";
grid-template-columns: 103px auto 170px;
min-height: 77px;
}
.kp_we_banners .left {
grid-area: LEFT;
text-align: center;
}
.kp_we_banners .mid {
grid-area: MID;
}
.kp_we_banners .right {
grid-area: RIGHT;
}
.kp_we_banners .text {
font-size: var(--rd-fontsize-5);
line-height: 20px;
padding: 18px 0;
max-width: 500px;
display: inline-block;
}
.kp_we_banners .tipp {
display: inline-block;
color: var(--rd-primary-active);
padding: var(--rd-spacing-xx-sm) 17px;
font-size: var(--rd-fontsize-5);
margin-top: 24px;
letter-spacing: 0;
line-height: 23px;
background-color: #fdf2f6;
}
.kp_we_banners a {
margin: var(--rd-spacing-big) 0;
}
.kwb_kursplus .left {
background-image: url("/src/img/2021/svg/kp-left.svg");
background-repeat: no-repeat;
}
.kwb_kursplus .mid {
background-image: url("/src/img/2021/svg/kp-right.svg");
background-repeat: no-repeat;
background-position: right;
margin-right: var(--rd-spacing-md);
}
.kp_we_banners .img {
display: inline-block;
padding-top: 10px;
vertical-align: top;
float: right;
margin-right: calc(45px + 25px);
}
.kp_we_banners .img span {
display: inline-block;
position: relative;
height: 56px;
width: 56px;
background-color: var(--cl-pale-grey);
border-radius: 100%;
margin-right: -25px;
}
.kreis1 {
background-image: url("/src/img/2021/Photo1.png");
z-index: 4;
}
.kreis2 {
background-image: url("/src/img/2021/Photo2.png");
z-index: 3;
}
.kreis3 {
background-image: url("/src/img/2021/Photo3.png");
z-index: 2;
}
.kreis4 {
background-image: url("/src/img/2021/Photo4.png");
z-index: 1;
}
.topK_nav {
display: block;
position: relative;
padding-left: var(--rd-spacing-md);
}
.topK_nav label {
display: inline-block;
margin-right: 25px;
font-size: var(--rd-fontsize-4);
letter-spacing: 0;
line-height: 19px;
color: var(--cl-asphalt-blue);
cursor: pointer;
position: relative;
padding: var(--rd-spacing-sm);
}
#favK:checked~.topK_cont label[for="favK"],
#topK:checked~.topK_cont label[for="topK"] {
font-size: var(--rd-fontsize-4);
font-weight: var(--rd-fontweights-open-sans-0);
letter-spacing: 0;
line-height: 19px;
color: var(--cl-asphalt-blue);
}
.topK_nav label:before {
content: "";
display: inline-block;
position: absolute;
background-color: var(--cl-deep-green);
left: 0;
right: 0;
bottom: 0;
height: 0;
}
.upload_form,
input:checked+.ce_desc {
background-color: var(--rd-font-light);
box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
}
.cd_edit,
.cd_teile,
.dell_content:before,
.ft_download {
background-size: 100%;
background-position: 50%;
background-repeat: no-repeat;
vertical-align: middle;
}
#tkt1 a {
margin: 10px 10px 20px 20px;
display: inline-block;
}
.extra_info {
display: block;
}
.ce_by,
.cont_element,
.mw_cont input:checked+.mw_label {
color: var(--rd-font-light);
}
#upload_overlay[style="display: block;"] {
position: absolute;
text-align: center;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1000000;
}
#upload_overlay[style="display: block;"]~* {
filter: blur(10px);
}
.upload_form {
display: inline-block;
z-index: 100;
margin-top: 10px;
padding: var(--rd-spacing-big);
width: 250px;
}
.uf_titel {
display: block;
margin-bottom: 15px;
}
#upload_overlay .progress {
position: relative;
display: block;
height: 20px;
border-radius: var(--rd-borderradius-border-lg);
}
#upload_overlay .progress-bar {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
padding-left: var(--rd-spacing-xx-sm);
padding-right: var(--rd-spacing-xx-sm);
background-color: var(--rd-primary-active);
line-height: 18px;
}
.cont_element {
display: inline-block;
width: 320px;
margin: 10px;
background-color: var(--cl-asphalt-blue);
overflow: hidden;
box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
}
.footage .such_div,
.teilen_form {
border-radius: var(--rd-borderradius-border-md);
}
.ce_by {
font-style: italic;
opacity: 0.9;
}
.ce_date {
font-style: italic;
opacity: 0.5;
}
.footage .such_div input,
.kb_bc>div,
.new_header .lh_name,
.such_text input,
.tab_filter div>label,
.tab_filter div>label[for="filter_dd"],
.tab_filter select#order,
.tab_filter ul li a,
.teilen_form .copy-link input,
.teilen_form .copy-link span,
.view_desc,
label[for="filter_dd"] {
font-size: var(--rd-fontsize-4);
}
.view_desc {
text-decoration: underline;
cursor: pointer;
}
input:checked+.ce_desc {
position: absolute;
display: block;
color: #535353;
padding: 10px;
max-width: 450px;
overflow-y: scroll;
z-index: 1;
}
.c_download {
display: grid;
width: 100%;
grid-template-areas: "TYP BTN";
}
.cd_aktions {
text-align: right;
grid-area: BTN;
}
.cd_edit,
.cd_teile,
.ft_download {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/src/img/svg/af/download-solid.svg");
filter: invert(1);
cursor: pointer;
}
.Content_placeholder,
.ce_cont {
height: 180px;
text-align: center;
}
.cd_edit,
.cd_teile {
filter: invert(0);
margin-right: var(--rd-spacing-xx-sm);
}
.cd_edit {
background-image: url(/src/img/svg/af/pencil-alt-solid_white.svg);
}
.cd_teile {
background-image: url(/src/img/svg/af/share-solid.svg);
}
.Content_placeholder {
width: 100%;
line-height: 180px;
background-color: var(--rd-primary-active);
display: block;
font-size: var(--rd-fontsize-11);
font-weight: 800;
}
.folder_size,
.ranking_table {
font-size: var(--rd-fontsize-3);
}
.contact_overpop_phone,
.sear_title {
font-weight: var(--rd-fontweights-open-sans-0);
}
.ce_cont {
background-color: #333;
position: relative;
}
.footage .such_div,
.new_filter,
.such_text input,
.tab_filter select#order,
.tab_filter ul,
.teilen_form {
background-color: var(--rd-font-light);
}
.ce_cont audio {
margin-top: 20%;
}
.ce_cont img {
width: 100%;
height: 100%;
}
.ce_cont .audio_img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.teilenoverlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 10000;
text-align: center;
}
.new_filter,
.tab_filter,
.tab_filter ul,
.tab_filter ul li a,
.teilen_form {
position: relative;
}
.teilen_form {
z-index: 10;
margin-top: 10%;
display: inline-block;
}
.teilen_form .closeform {
top: 10px;
right: 10px;
}
.teilen_form .copy-link {
margin: 10px 20px;
}
.teilen_form .copy-link input,
.teilen_form .copy-link span {
padding: var(--rd-spacing-xx-sm);
width: 100%;
}
.copy-link {
align-items: center;
}
.so_box {
overflow: auto !important;
}
.folder_size {
display: table;
margin-bottom: 10px;
}
.dell_content {
display: inline-block;
color: #535353;
cursor: pointer;
}
.dell_content:before {
content: "";
width: 15px;
height: 15px;
display: inline-block;
margin-left: 50px;
background-image: url(/src/img/svg/af/trash-alt-red.svg);
}
.footage .such_div {
margin-bottom: 10px;
padding: 10px;
box-shadow: 0 0.12rem 0.15rem rgba(0, 0, 0, 0.25);
}
.footage .such_div input {
width: 100%;
background-image: url("/src/img/svg/af/search-gray.svg");
background-size: 20px;
background-repeat: no-repeat;
background-position: top 6px right 8px;
border: var(--rd-borderwidth-border-default) solid #999;
padding: var(--rd-spacing-xx-sm);
}
#such_ergebnis[style="display: block;"] {
background-color: var(--rd-font-light);
padding: 10px;
}
#such_ergebnis .suchtitle+span {
cursor: pointer;
text-decoration: underline;
}
.ranking_table {
display: inline-table;
width: auto;
margin-bottom: 20px;
}
.tab_filter {
border-radius: var(--rd-borderradius-border-md);
margin-top: -40px;
}
.tab_filter ul {
display: block;
box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
0 1px 3px 0 rgba(63, 63, 68, 0.15);
margin: 0;
padding: 0 20px;
border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
z-index: 100;
max-width: 100%;
}
.new_filter {
border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md);
display: block;
box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15);
margin-bottom: 20px;
padding-bottom: 6px;
padding: var(--rd-spacing-md);
}
.tab_filter ul li a {
text-decoration: none;
line-height: 19px;
padding: 10px;
display: block;
transition: 0.2s linear;
}
.aktiv a:after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
bottom: -1px;
right: 0;
background-color: var(--cl-deep-green);
}
.such_text {
padding: 0;
margin-bottom: var(--rd-spacing-md);
}
.such_text:has(label[for="suche"]) .pc_input_clear {
display: none;
}
.such_text input {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md) 0 0 var(--rd-borderradius-border-md);
width: 100%;
letter-spacing: 0;
line-height: 19px;
padding: var(--rd-spacing-x-sm) 10px;
}
.most_wanted {
display: table;
width: 100%;
padding: 0;
margin-bottom: 10px;
}
.most_wanted>div {
display: table-cell;
text-align: left;
}
.most_wanted>div:first-child {
width: 200px;
}
.mw_cont .mw_label {
display: inline-block;
border-radius: var(--rd-borderradius-border-md);
background-color: var(--cl-pale-blue);
text-align: center;
padding: var(--rd-spacing-x-sm);
margin-right: var(--rd-spacing-xx-sm);
color: var(--rd-secondary-active);
text-transform: none;
cursor: pointer;
line-height: var(--rd-lineheights-1);
}
.mw_cont .mw_label:before {
content: "+";
display: inline-block;
width: 12px;
height: 7px;
vertical-align: middle;
margin-right: var(--rd-spacing-x-sm);
line-height: 2px;
transition: 0.2s linear;
}
.mw_cont input:checked+.mw_label:before {
transform: rotate(135deg);
margin-top: -5px;
color: var(--rd-font-light);
}
.mw_cont input:checked+.mw_label {
background-color: var(--cl-ocean-blue);
}
.tab_filter div>label {
line-height: 17px;
}
#FilterForm .most_wanted,
.mw_label {
padding: 0;
}
.tab_filter div>label[for="filter_dd"],
label[for="filter_dd"] {
letter-spacing: 0;
color: var(--cl-asphalt-blue);
line-height: 19px;
text-transform: unset;
font-weight: 400;
cursor: pointer;
}
.filter_grid {
display: grid;
grid-template-columns: 33% 33% 33%;
grid-template-areas: "EL1 EL2 EL3";
}
.filter_grid>div:first-child {
grid-area: EL1;
}
.filter_grid>div:nth-child(2),
.sag2 {
grid-area: EL2;
}
.filter_grid>div:nth-child(3) {
grid-area: EL3;
}
#filter_dd:checked~form label[for="filter_dd"]:after,
#filter_dd:checked~label[for="filter_dd"]:after,
.knb_element.active .btns .plus {
transform: rotate(180deg);
}
.filter_grid .filter_box,
.filter_grid ul,
.filter_grid ul li {
box-shadow: none !important;
border: none !important;
}
.filter_grid ul li {
display: block;
}
.filter_grid .filter_box label,
.filter_grid .pc_radio label {
margin-bottom: 0;
font-size: var(--rd-fontsize-4);
letter-spacing: 0;
line-height: 19px;
font-weight: 400;
text-transform: none;
color: var(--cl-asphalt-blue);
}
.tab_filter select#order {
right: 0;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
padding: var(--rd-spacing-x-sm);
margin-top: 20px;
width: 164px;
letter-spacing: 0;
color: var(--cl-asphalt-blue);
line-height: 19px;
position: relative;
float: right;
z-index: 1;
}
#wishtypform+select#order {
margin-top: 32px;
}
.sear_title {
color: var(--cl-asphalt-blue);
font-size: var(--rd-fontsize-6);
letter-spacing: 0;
line-height: 38px;
/* margin-bottom: 40px; */
/* margin-top: 32px; */
}
.webinars_filtered_result_wrap .sear_title {
margin-bottom: var(--rd-spacing-md);
}
.webinars_filtered_result_wrap .rd-infobar {
margin-bottom: var(--rd-spacing-lg);
}
.cl_webinar_fullPage_true .rd-infobar {
margin-top: var(--rd-spacing-xx-big);
}
.new_cl .prev_kurs_categorys,
.new_teaser h2 {
padding-top: 30px;
}
.new_cl .prev_kurs_img {
background-position: top right;
}
.kb_bc>div {
color: var(--cl-blue-grey) !important;
letter-spacing: 0;
line-height: 19px;
}
.kb_bc>div a {
color: var(--cl-ocean-blue);
}
.kb_bc .kb_back:before {
filter: none;
margin-top: var(--rd-spacing-xx-sm);
}
.loadingscreen[style="display: block;"]~* {
filter: blur(5px);
}
.loadingscreen {
position: absolute;
z-index: 100;
left: -40px;
right: -40px;
top: auto;
margin-top: 80px;
height: 100vh;
text-align: center;
}
.loadingscreen[display="block"]~* {
filter: blur(10px);
opacity: 0.5;
}
.lds-spinner {
color: official;
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-spinner div {
transform-origin: 40px 40px;
animation: 1.2s linear infinite lds-spinner;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
background: var(--cl-deep-green);
}
.dsg_input span,
.such_text label[for="suche"] {
right: 3px;
bottom: 3px;
width: 34px;
border-radius: var(--rd-borderradius-border-sm);
display: inline-block;
top: 3px;
}
.lds-spinner div:first-child {
transform: rotate(0);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.kb_breadcrumbs {
display: flex;
margin: 26px 0;
flex-wrap: wrap;
}
#CertEdit .img_info,
.home_select {
margin-top: var(--rd-spacing-x-sm);
}
.slick-arrow,
.slick-arrow:focus,
.slick-arrow:target,
.such_text input,
.such_text input:target,
input[type="range"]#users_input:focus {
outline: 0;
}
.such_text label[for="suche"] {
position: absolute;
margin: 0;
background-color: var(--cl-deep-green);
cursor: pointer;
}
.dsg_input span:before,
.such_text label[for="suche"]:before {
background-image: url(/src/img/svg/af/Vector.svg);
background-size: 14px;
content: "";
position: absolute;
top: 0;
left: 0;
filter: grayscale(1) brightness(10);
background-position: 50%;
right: 0;
background-repeat: no-repeat;
}
.autocomplete_textvalue_wrap input {
height: 40px;
padding: var(--rd-spacing-sm) var(--rd-spacing-md);
font-size: var(--rd-spacing-md);
}
.autocomplete_textvalue_wrap input:hover {
border-color: var(--rd-input-hover);
}
.autocomplete_textvalue_wrap input:focus {
outline: 0 !important;
border-color: var(--rd-input-hover) !important;
}
.app_slider tr td,
.app_slider tr th,
.fragen_block,
.mobile_select ul li {
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
pc-form-fields:hover+label,
pc-textinput:hover+label {
background-color: var(--rd-success-hover) !important;
}
.dsg_input input:focus+span,
.rd-selector-searchrow input:focus+span,
pc-form-fields:focus+label,
pc-textinput:focus+label {
background-color: var(--rd-success-pressed) !important;
}
.such_text label[for="suche"]:before {
bottom: 0;
}
.such_text pc-form-fields {
height: 40px;
}
.dsg_input span {
position: absolute;
background-color: var(--rd-success-default);
margin-bottom: 0;
}
.dsg_input span:before {
bottom: 0;
display: inline-flex;
}
.dsg_input input:hover+span,
.rd-selector-searchrow input:hover+span {
background-color: var(--rd-success-hover);
}
.edit_btn_block.new_deigne {
position: relative;
text-align: right;
width: 100%;
}
.edit_btn_block.new_deigne .mavi_add_btn {
position: relative;
display: inline-block;
}
#ergebnis {
min-height: 450px;
position: relative;
z-index: 0;
}
#ergebnis .block.teaser_img {
margin-top: 80px;
display: block;
width: 100%;
position: relative;
}
#ergebnis .block.teaser_img img {
width: 100%;
}
.new_filter {
z-index: 10;
}
.mw_label label {
display: none !important;
}
.mavi_add_btn {
padding-top: 10px;
padding-right: 10px;
}
.contact_overpop_phone {
background-image: url(/src/img/svg/phone_dark.svg);
background-repeat: no-repeat;
padding-left: 33px;
background-size: 23px auto;
line-height: 29px;
background-position: left center;
font-size: var(--rd-fontsize-5);
display: flex;
justify-content: center;
align-items: center;
}
.contact_overpop_people>div {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 100%;
width: 40px;
display: inline-block;
margin: 0 0 0 -20px;
height: 40px;
position: relative;
}
.he_checkbox,
.home_select {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.contact_overpop_people>div.contact_overpop_people1 {
background-image: url(/src/courses/999999/userimg/8/FranziskaLasrich.png);
z-index: 1 !important;
}
.contact_overpop_people>div.contact_overpop_people2 {
background-image: url(/src/courses/999999/userimg/10/MarcelOppermann.png);
z-index: 2 !important;
}
.contact_overpop_people>div.contact_overpop_people3 {
background-image: url(/src/courses/999999/userimg/99999927/YvonneGlasewald2023.png) !important;
z-index: 3 !important;
}
.contact_overpop_people>div {
margin-left: -14px !important;
}
.container-fluid.finalcta_sec {
background: var(--rd-font-dark);
padding-top: 80px;
padding-bottom: 60px;
border-top: var(--rd-borderwidth-border-default) solid #979797;
border-bottom: var(--rd-borderwidth-border-default) solid #979797;
}
.he_checkbox,
.home_rolles,
.new_header .lhn_cont {
background-color: var(--rd-font-light);
}
.urlaubsantrag_grid .wer,
a[href="tel:030992968779"] {
color: var(--rd-font-dark);
}
#FrageTypForm .label_info,
#FrageTypForm label {
color: var(--cl-blue-grey);
}
.help_bullet :before {
width: 240px !important;
padding-right: 20px !important;
}
.lh_avatar .avatar_mainframe,
.new_header .lh_name:before {
height: 32px;
width: 32px;
display: inline-block !important;
}
.new_header .lh_name,
.new_header .lhn_cont li a {
color: var(--cl-asphalt-blue);
padding: 0;
line-height: 19px;
letter-spacing: 0;
}
.new_header .lh_name {
border: none;
}
.new_header .hn_titel,
.new_header .lhn_cont li a.logout {
font-weight: var(--rd-fontweights-open-sans-0);
letter-spacing: 0.3px;
font-size: var(--rd-fontsize-3);
}
.new_header .lh_name:before {
background-size: cover;
}
.lh_avatar {
display: inline-block;
vertical-align: middle;
margin-right: var(--rd-spacing-x-sm);
}
#filter_reset:before,
.group-nav .navi_haus:before,
.he_checkbox {
margin-right: var(--rd-spacing-xx-sm);
}
.new_header .lh_name:after {
weight: 10px;
height: 10px;
background-color: var(--cl-asphalt-blue);
background-image: none;
-webkit-mask-image: var(--green-arrow);
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.new_header .lhn_cont {
color: var(--cl-asphalt-blue);
padding: 10px 0;
top: 100%;
border: 0;
box-shadow: 1px 1px var(--rd-spacing-xx-sm) 0 var(--box-shadow);
white-space: nowrap;
width: calc(100% + 20px);
min-width: 150px;
z-index: 1000;
}
.group-nav .navi_haus,
.new_header .lhn_cont li a {
white-space: normal;
font-size: var(--rd-fontsize-4);
}
.new_header .hn_titel {
color: var(--cl-asphalt-blue);
line-height: 17px;
border: 0;
margin-bottom: 10px;
padding: 0 20px;
}
.extern_home,
.extern_user,
.group-nav .navi_haus {
color: var(--rd-font-dark);
}
.extern_home,
.extern_instraction,
.extern_user,
.group-nav .navi_haus,
.home_rolles .rol_name,
.homes_box input:checked+label,
.kat_time,
label[for="help_n"] .new_bullet {
font-weight: var(--rd-fontweights-open-sans-1);
}
.fragen_block,
.new_header .hn_trenner {
border-top: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.new_header .lhn_cont li a {
padding: var(--rd-spacing-xx-sm) 20px;
display: block;
}
.new_header .hn_trenner {
margin: 6px 20px 16px;
}
.new_header .lhn_cont li a.logout {
color: var(--rd-primary-active);
line-height: 17px;
text-transform: uppercase;
}
.new_header .lhn_cont li a:hover {
background-color: var(--cl-main-transparent) !important;
}
.new_header .msg_header_icon {
margin-right: 26px;
background-color: var(--cl-asphalt-blue);
}
#filter_reset,
.frome_home:before {
margin-right: var(--rd-spacing-x-sm);
}
.group-nav .navi_haus:before,
.he_checkbox:after {
content: "";
background-color: var(--rd-primary-active);
mask-size: contain;
mask-position: 50%;
mask-repeat: no-repeat;
}
#loadcont .mavi_add_btn {
top: 0;
}
@media screen and (max-width: 450px) {
.db_baner_grid .kpt_neu,
.db_baner_grid .wt_img {
width: 80px;
}
.db_baner_grid .wt_img img {
margin-top: 15px;
}
.blur_popup {
font-size: 0.8em;
}
.kp_we_banners>div {
grid-template-areas: "LEFT" "MID" "RIGHT";
grid-template-columns: auto;
text-align: left;
padding: var(--rd-spacing-big);
}
.topK_nav label {
display: block;
text-align: center;
background-color: var(--cl-pale-grey);
margin-bottom: 0;
margin-right: 0;
}
#favK:checked~.topK_cont label[for="favK"],
#topK:checked~.topK_cont label[for="topK"] {
background-color: var(--rd-font-light);
}
.topK_nav {
padding-left: 0;
}
.kp_we_banners .left,
.kp_we_banners>div .right {
text-align: left;
}
.kp_we_banners .tipp {
margin-top: 0;
}
.kp_we_banners .img {
float: unset;
}
.kp_we_banners>div .right a {
margin-right: 0 !important;
}
.kwb_kursplus .mid {
background-image: none;
}
.kwb_kursplus .right {
background-image: url(/src/img/2021/svg/kp-right2.svg);
background-repeat: no-repeat;
background-position: right;
}
.kwb_kursplus .left {
height: 60px;
}
.new_cl .prev_kurs_navi a {
width: 100%;
display: block;
text-align: center;
}
.filter_grid {
display: block !important;
}
pc-webinars-filtered-app pc-ff-multi-or-all-select-popup {
width: 95% !important;
}
}
.home_select {
overflow-y: scroll;
max-height: 250px;
position: relative;
}
.home_select>label {
display: block;
width: 100%;
padding: var(--rd-spacing-xx-sm);
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-blue);
margin: 0;
cursor: pointer;
}
.he_checkbox {
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
border-radius: var(--rd-borderradius-border-md);
position: relative;
}
.he_checkbox:after {
position: absolute;
display: inline-block;
left: 0;
top: 0;
right: 0;
bottom: 0;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
-webkit-mask-repeat: no-repeat;
opacity: 0;
mask-image: url("/src/img/svg/af/check-blue.svg");
-webkit-mask-image: url("/src/img/svg/af/check-blue.svg");
transition: 0.2s linear;
}
.homes_box input:checked+label {
background-color: var(--cl-main-transparent);
}
.homes_box input:disabled+label {
filter: grayscale(1);
opacity: 0.8;
}
.homes_box input:disabled+label .he_checkbox:after {
mask: none;
-webkit-mask-image: none;
border-radius: var(--rd-borderradius-border-sm);
left: 2px;
top: 2px;
right: 2px;
bottom: 2px;
}
.kaufen_grid,
.kf_userdata .disabled_input {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.homes_box input:disabled+label .he_label:after {
content: "(Fortbildung vorhanden)";
font-weight: 400;
margin-left: 10px;
font-size: var(--rd-fontsize-3);
}
@media screen and (max-width: 800px) {
.kurs_edit_table {
grid-template-areas: "LEFT" "RIGHT";
grid-template-columns: 100%;
}
.filter_grid {
grid-template-areas: "EL1" "EL2" "EL3";
grid-template-columns: 100%;
}
.filter_grid .filter_gruppen_box {
height: 189px !important;
}
}
input:checked+label[for="selall"],
label[for="selall"] {
background-color: var(--cl-light-grey);
font-weight: var(--rd-fontweights-open-sans-1);
}
.extern_home span,
.extern_user span {
font-weight: 400;
display: inline-block;
font-size: var(--rd-fontsize-3);
margin-left: var(--rd-spacing-xx-sm);
color: var(--cl-blue-grey);
}
.extern_instraction {
opacity: 0.8;
}
.group-nav .navi_haus {
padding: 10px 20px;
line-height: 1em;
}
.group-nav .navi_haus:before {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
-webkit-mask-image: url(/src/img/svg/af/hotel-solid.svg);
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
-webkit-mask-repeat: no-repeat;
}
#filter_reset:before,
.frome_home:before {
mask-size: contain;
mask-position: 50%;
mask-repeat: no-repeat;
content: "";
vertical-align: middle;
}
#filter_reset {
color: var(--rd-primary-active);
font-size: var(--rd-fontsize-4);
font-weight: var(--rd-fontweights-open-sans-2);
letter-spacing: 0;
line-height: 19px;
cursor: pointer;
text-decoration: underline;
}
#filter_reset:before {
display: none;
height: 7px;
width: 7px;
background-color: #535353;
mask-image: url("/src/img/svg/af/close.svg");
-webkit-mask-image: url("/src/img/svg/af/close.svg");
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
-webkit-mask-repeat: no-repeat;
}
label[for="help_n"] .new_bullet {
position: absolute;
right: 40px;
font-size: var(--rd-fontsize-0);
line-height: 14px;
padding: 0 10px;
margin-top: var(--rd-spacing-xx-sm);
}
.detail_video_view {
display: block;
font-size: var(--rd-fontsize-3);
}
.detail_video_view table td,
.detail_video_view table th {
padding: var(--rd-spacing-xx-sm);
font-size: var(--rd-fontsize-3);
}
.detail_video_view label {
color: var(--cl-ocean-blue);
cursor: pointer;
text-decoration: underline;
}
.frome_home:before {
display: inline-block;
background-image: none !important;
background-color: var(--rd-primary-active) !important;
opacity: 1 !important;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
-webkit-mask-repeat: no-repeat;
filter: unset !important;
width: 20px !important;
height: 20px !important;
mask-image: url(/src/img/svg/af/house.svg);
-webkit-mask-image: url(/src/img/svg/af/house.svg);
margin-bottom: var(--rd-spacing-xx-sm);
}
.home_rolles .rol_name:before,
.time_reset:before {
mask-size: contain;
mask-position: 50%;
mask-repeat: no-repeat;
}
.kat_time {
margin: 10px 0;
font-size: var(--rd-fontsize-4);
letter-spacing: 0;
line-height: 19px;
}
.timeupdate_block {
padding: 10px 40px;
display: inline-table;
width: auto;
}
.not_editable_rol+.public_class .grouped_roll .downtogglebox_content .formfieldrow .access_label,
.timeupdate_block>div>label {
padding-right: 20px;
}
.ce_ordner {
color: #00aa0a;
}
option[data-perrent="1"] {
color: #f44336;
}
option[data-perrent="7"] {
color: #2196f3;
}
.file_caunter {
white-space: nowrap;
display: inline-block;
font-size: var(--rd-fontsize-3);
color: #535353;
}
.noaccess_kontakt {
text-align: center;
padding-bottom: 40px;
padding-top: 30px;
}
.creator_info {
font-size: var(--rd-fontsize-4);
font-style: italic;
color: var(--rd-primary-active);
}
.video_block {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}
.video_block iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.home_rolles {
padding: var(--rd-spacing-big);
margin-top: 30px;
}
.home_rolles .rol_name {
display: block;
padding: var(--rd-spacing-xx-sm);
margin: 0;
color: var(--rd-font-dark);
cursor: pointer;
}
.kf_userdata .disabled_input,
.kf_userdata input {
padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
background-color: var(--rd-font-light);
}
.home_rolles .rol_name:before {
content: "";
display: inline-block;
height: 14px;
width: 12px;
mask-image: var(--green-arrow);
-webkit-mask-image: var(--green-arrow);
transform: rotate(-90deg);
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
-webkit-mask-repeat: no-repeat;
background-color: var(--rd-font-dark);
vertical-align: middle;
margin-right: var(--rd-spacing-xx-sm);
transition: 0.2s linear;
}
.home_rolles .rol_name span:first-child {
display: inline-block;
margin-right: var(--rd-spacing-xx-sm);
font-weight: 200;
color: var(--cl-dark-grey);
}
.home_rolles .rol_name .homecounter {
display: inline-block;
float: right;
color: var(--cl-dark-grey);
font-weight: 400;
font-style: italic;
}
.kf_licens .pricing_box #preispaket,
.kf_licens .pricing_box .preis_zahl,
.kf_userdata legend {
font-weight: var(--rd-fontweights-open-sans-1);
}
.home_rolles input:checked+.rol_name:before,
.knb_element.active .droptopnotiz {
transform: rotate(0);
}
.home_rolles input:checked+.rol_name+.rl_homes {
display: block;
padding-left: 30px;
}
.kaufen2022 h1 {
margin: 33px 0 27px !important;
font-size: var(--rd-fontsize-12) !important;
line-height: 36px !important;
text-align: left !important;
}
.kaufen_grid {
display: grid;
grid-template-areas: "FORM CERT";
grid-template-columns: 50% 50%;
text-align: left;
}
.kf_userdata {
grid-area: FORM;
padding: 29px 45px;
background-color: var(--rd-font-light);
}
.kf_licens {
grid-area: CERT;
background-color: var(--cl-pale-pink);
padding: 0 var(--rd-spacing-xxx-big) var(--rd-spacing-lg) var(--rd-spacing-xxx-big);
}
.kf_userdata legend {
border: none;
font-size: var(--rd-fontsize-7);
letter-spacing: 0;
line-height: 24px;
color: var(--rd-font-dark);
margin-bottom: var(--rd-spacing-md);
}
.kf_userdata label {
display: block;
font-size: var(--rd-fontsize-4);
letter-spacing: 0;
line-height: 19px;
margin-bottom: var(--rd-spacing-xx-sm);
color: var(--cl-asphalt-blue);
}
.kf_userdata .disabled_input {
margin-left: 0;
border-radius: var(--rd-borderradius-border-md);
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 32px;
color: var(--cl-light-grey);
}
.kf_userdata .kfu_adress,
.kf_userdata input {
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 32px;
color: var(--cl-asphalt-blue);
}
.kf_userdata input {
display: block;
width: 100%;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
}
.kf_userdata input+legend {
margin-top: 40px;
}
.kf_userdata .kfu_adress {
margin-bottom: 40px;
}
.kf_userdata .input-append.date input {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey) !important;
border-radius: var(--rd-borderradius-border-md) !important;
background-color: var(--rd-font-light) !important;
font-size: var(--rd-fontsize-5) !important;
letter-spacing: 0 !important;
line-height: 32px !important;
color: var(--cl-asphalt-blue) !important;
padding: var(--rd-spacing-x-sm) var(--rd-spacing-md) !important;
}
.kf_licens .pricing_box #vorteile_checkbox+label,
.kf_licens .pricing_box .user_counter label,
.kf_licens .pricing_box ul li {
font-size: var(--rd-fontsize-5);
line-height: 29px;
letter-spacing: 0;
}
.kf_userdata .add-on.icon-calendar {
height: 24px;
width: 24px;
margin-right: var(--rd-spacing-sm);
background-image: url(/src/img/2021/svg/calendar.svg) !important;
}
.kf_licens .pricing_box {
border: none;
padding: 0;
text-align: center;
}
.fb_table .fb_action,
.footage_such_grid .sg_btn {
text-align: right;
padding-left: 10px;
}
.kf_licens .pricing_box .user_counter {
text-align: center;
display: block;
}
.kf_licens .pricing_box .user_counter label {
font-weight: var(--rd-fontweights-open-sans-0);
color: var(--rd-font-dark);
margin-right: 10px;
}
.kf_licens .pricing_box .user_counter input,
.kf_licens .pricing_box .user_counter input:focus {
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 32px;
color: var(--cl-asphalt-blue);
padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
width: 80px;
text-align: center;
outline: 0;
}
.kf_licens .pricing_box .price_fields_B {
display: inline-grid;
grid-template-areas: "EUR SUM MWST" "GES GES GES";
}
.kf_licens .pricing_box .price_fields_B .preis_title {
grid-area: GES;
}
.kf_licens .pricing_box .price_fields_B .euro_icon {
grid-area: EUR;
}
.kf_licens .pricing_box .price_fields_B .preis_zahl {
grid-area: SUM;
}
.kf_licens .pricing_box .price_fields_B .preis_m {
grid-area: MWST;
line-height: 120px;
}
.kf_licens .pricing_box .price_fields_B .preis_m span {
margin-top: -40px;
}
.kf_licens .pricing_box #preispaket {
font-size: var(--rd-fontsize-5);
font-style: italic;
letter-spacing: 0;
line-height: 24px;
margin-bottom: 20px;
}
.kf_licens .pricing_box .close_btn {
background-image: url("/src/img/svg/close_red.svg");
height: 24px;
width: 24px;
display: inline-block;
background-size: 100%;
background-position: 50%;
filter: grayscale(1) brightness(0.6);
position: absolute;
right: 40px;
cursor: pointer;
}
.kf_licens .pricing_box #angebotUC {
width: 80px;
}
.kf_licens .pricing_box .price_fields {
display: inline-grid;
grid-template-areas: "EL1 EL2" "EL3 EL3";
align-items: center;
margin-bottom: 20px;
margin-top: 10px;
}
.kf_licens .pricing_box .preis_zahl {
grid-area: EL1;
font-size: var(--rd-fontsize-15);
letter-spacing: 0;
line-height: 102px;
color: var(--rd-primary-active);
}
#FrageTypForm label,
#messefilterform label,
#user_count,
#users_output,
.co_form button,
.co_form h3,
.cookie-btn-container button,
.cookie_inside_div h3,
.disable_kp_block>label,
.kf_licens .pricing_box .preis_m,
.kf_licens .pricing_box .preis_title,
.uo_label {
font-weight: var(--rd-fontweights-open-sans-0);
}
.kf_licens .pricing_box .preis_m {
grid-area: EL2;
font-size: var(--rd-fontsize-7);
letter-spacing: 0;
color: var(--rd-font-dark);
padding-left: var(--rd-spacing-xx-sm);
}
.kf_licens .pricing_box .preis_title {
grid-area: EL3;
font-size: var(--rd-fontsize-8);
letter-spacing: 0;
line-height: 30px;
color: var(--rd-font-dark);
}
.kf_licens .pricing_box .euro_icon {
font-size: var(--rd-fontsize-14);
font-weight: var(--rd-fontweights-open-sans-1);
letter-spacing: 0;
line-height: 102px;
vertical-align: top;
display: inline-block;
color: var(--rd-primary-active);
}
.kf_licens .pricing_box .preis_m span {
font-weight: 400;
line-height: 0;
}
.kf_licens .pricing_box .pb_cont {
text-align: left;
margin-top: 24px;
}
.kf_licens .pricing_box ul li {
color: var(--cl-dark-text);
padding: 0;
margin-bottom: 10px;
display: flex;
position: relative;
}
.kf_licens .pricing_box ul li:before {
content: "";
width: 18px;
height: 9px;
border-left: 3px solid var(--cl-turkies);
border-bottom: 3px solid var(--cl-turkies);
display: inline-block;
transform: rotate(-45deg);
margin-right: 10px;
vertical-align: middle;
margin-top: var(--rd-spacing-x-sm);
}
.kf_licens .pricing_box #vorteile_checkbox+label {
font-weight: var(--rd-fontweights-open-sans-0);
margin-top: 24px;
cursor: pointer;
display: block;
}
.kf_licens .pricing_box #vorteile_checkbox+label:after {
content: "";
display: inline-block;
width: 18px;
height: 14px;
margin-left: 15px;
background-position: 50%;
background-repeat: no-repeat;
background-image: url(/src/img/2021/svg/Arrow%20right%20black.svg);
background-size: 100%;
vertical-align: middle;
transition: 0.2s linear;
}
.kf_licens .pricing_box #vorteile_checkbox:checked+label:after {
transform: rotate(90deg);
}
#webinarShowText {
display: none;
}
@media screen and (max-width: 750px) {
.kaufen_grid {
display: grid;
grid-template-areas: "FORM" "CERT";
grid-template-columns: 100%;
}
}
.fragen_block {
margin-left: -16px;
margin-right: -38px;
padding: 0 20px 0 var(--rd-spacing-md);
margin-top: 10px;
}
.app_slider tr td,
.app_slider tr th,
.as_text {
padding-top: var(--rd-spacing-xx-sm);
padding-bottom: var(--rd-spacing-xx-sm);
}
.fb_table #coursefragen {
width: calc(100% - 175px);
padding-right: 10px;
border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.fb_table .fb_action {
width: 175px;
}
.fb_table #coursefragen>span {
display: inline-block;
cursor: pointer;
position: relative;
padding: var(--rd-spacing-x-sm);
}
.fb_table #coursefragen>span:after {
content: "";
display: inline-block;
position: absolute;
background-color: var(--cl-deep-green);
left: 0;
bottom: 0;
right: 0;
height: 0;
transition: 0.2s linear;
}
#newfrageform legend {
border: none;
margin-top: 10px;
margin-bottom: var(--rd-spacing-x-sm);
}
#FrageTypForm label {
display: block;
font-size: var(--rd-fontsize-3);
line-height: 17px;
margin-top: 20px;
margin-bottom: 0;
}
#FrageTypForm .frage_element {
display: table;
width: 100%;
margin-bottom: var(--rd-spacing-x-sm);
}
#FrageTypForm .frage_element>div input[type="text"] {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
background-color: var(--rd-font-light);
display: block;
resize: vertical;
width: 100%;
padding: 10px;
color: var(--cl-asphalt-blue);
font-size: var(--rd-fontsize-4);
line-height: 19px;
box-sizing: border-box;
}
.fe_checkblock input[type="checkbox"]+label {
display: inline-block;
height: 14px;
width: 14px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
background-color: var(--cl-pale-grey);
vertical-align: middle;
position: relative;
cursor: pointer;
transition: 0.2s linear;
}
.fe_radiokblock input[type="radio"]+label,
.mobile_select {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
cursor: pointer;
}
.fe_radiokblock input[type="radio"]+label {
position: relative;
display: inline-block;
box-sizing: border-box;
height: 16px;
width: 16px;
border-radius: var(--rd-borderradius-border-md);
background: linear-gradient(180deg, var(--rd-font-light) 0, #f9fafb 100%);
vertical-align: middle;
}
.fe_radiokblock input[type="radio"]+label:before {
content: "";
display: block;
height: 8px;
width: 8px;
border-radius: var(--rd-borderradius-border-md);
background-color: var(--cl-deep-green);
position: absolute;
left: 3px;
top: 3px;
opacity: 0;
}
.modul_create_table .acf_i_left label {
font-size: var(--rd-fontsize-4);
font-weight: var(--rd-fontweights-open-sans-1);
letter-spacing: 0;
line-height: 24px;
color: var(--rd-font-dark);
}
.fe_radiokblock {
width: 30px;
}
.newcoursepopup .fromoverlay,
.qmh_opup {
position: fixed;
}
.newcoursepopup .bgform {
z-index: 100;
}
.newcoursepopup .KursMsgInfo {
z-index: 200;
position: relative;
}
.edit_interview .img_prev img,
.io_img img,
.mini_prev_icon a img,
.simditor-body img {
max-width: 100%;
}
.img_igx_gal {
display: inline-block;
text-align: left;
max-height: 500px;
overflow-y: scroll;
}
.img_igx_gal table {
display: inline-table;
width: auto;
text-align: left;
}
.mini_prev_icon {
max-width: 50px;
background: linear-gradient(var(--rd-font-light), var(--cl-light-grey));
}
.img_igx_gal td[colspan="4"] {
background-color: var(--cl-light-grey);
font-weight: 800;
}
.footage_such_grid {
display: grid;
grid-template-columns: "INPUT BTN";
grid-template-columns: 80% 20%;
}
.footage_such_grid .sg_btn label {
width: 100%;
text-align: center;
}
#MailerWrap .formfieldrow.form_kv[data-form_kv_type="headline"] {
padding-left: 0 !important;
}
.features-box {
text-align: center;
display: inline-block;
width: 1145px;
}
label[for="all-fetures"]:before {
content: "Alle Vorteile anzeigen";
cursor: pointer;
font-weight: var(--rd-fontweights-open-sans-1);
}
input#all-fetures:checked~label[for="all-fetures"]:before {
content: "Alle Vorteile schließen";
font-weight: var(--rd-fontweights-open-sans-1);
}
input[type="range"]#users_input::-webkit-slider-thumb {
border: none;
height: 25px;
width: 25px;
border-radius: 100%;
background-color: #90c045;
cursor: pointer;
-webkit-appearance: none;
margin-top: -10px;
}
input[type="range"]#users_input::-moz-range-thumb {
border: none;
height: 25px;
width: 25px;
border-radius: 100%;
background-color: #90c045;
cursor: pointer;
-webkit-appearance: none;
margin-top: -10px;
}
#users_output,
.uo_label {
display: inline-block;
font-size: var(--rd-fontsize-9);
color: #535353;
}
.as_text,
.mobile_select {
font-weight: var(--rd-fontweights-open-sans-1);
color: #535353;
}
.users_icon {
display: inline-block;
vertical-align: middle;
width: 45px;
margin-right: 10px;
}
.user_table_slider {
display: table;
width: 100%;
position: relative;
margin-bottom: var(--rd-spacing-xx-lg);
}
.user_table_slider>div {
display: table-cell;
vertical-align: middle;
}
.user_table_slider .slider-outdiv {
width: 35% !important
}
.many_user,
.one_user {
width: 50px;
}
.many_user {
padding-left: 25px;
}
.one_user {
padding-right: 15px;
}
#user_count {
padding: 10px;
box-sizing: border-box;
border: var(--rd-borderwidth-border-default) solid #999;
background-color: var(--rd-font-light);
background-image: url("https://www.pflegecampus.de/img/svg/3users.svg");
background-size: 30px;
background-repeat: no-repeat;
background-position: right 15px center;
}
body {
font-family: "Open Sans", sans-serif;
}
.ios_slider+label {
display: inline-block;
background-color: var(--cl-blue-grey);
width: 35px;
height: 20px;
border-radius: var(--rd-borderradius-border-xl);
cursor: pointer;
position: relative;
border: 2px solid var(--cl-blue-grey);
z-index: 0;
}
.ios_slider+label span {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 100%;
background-color: var(--rd-font-light);
z-index: 1;
transition: 0.2s linear;
position: absolute;
left: 0;
top: 0;
}
.ios_slider+label:after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
border-radius: 100%;
top: 6px;
position: absolute;
right: 2px;
}
.ios_slider:checked+label {
background-color: var(--cl-deep-green);
border: 2px solid var(--cl-deep-green);
}
#messefilterform,
.mobile_select:hover ul,
.ref_filter {
background-color: var(--rd-font-light);
}
.ios_slider:checked+label:before {
content: "";
display: inline-block;
position: absolute;
width: 1px;
border-left: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
top: 4px;
bottom: 4px;
left: 8px;
}
.app_slider {
text-align: left;
border-collapse: collapse;
}
.as_text {
padding-right: 20px;
}
.app_slider tr td,
.app_slider tr th {
border-top: var(--rd-borderwidth-border-default) solid #999;
}
.mobile_select {
display: block;
padding: var(--rd-spacing-xx-sm);
border-radius: var(--rd-borderradius-border-md);
position: relative;
}
.mobile_select:after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
position: absolute;
border-left: 3px solid #999;
border-bottom: 3px solid #999;
right: 10px;
top: 10px;
transform: rotate(-45deg);
}
.cb_box:before,
.slider-outdiv:before {
right: 0;
background-repeat: no-repeat;
left: 0;
}
.mobile_select:hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
width: calc(100% + 2px);
left: -1px;
top: calc(100% - 2px);
right: -1px;
box-sizing: border-box;
list-style: none;
border: var(--rd-borderwidth-border-default) solid #999;
box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
}
.mobile_select ul li {
display: block;
padding: var(--rd-spacing-xx-sm);
}
.cb_box {
display: inline-block;
cursor: pointer;
width: 12px;
height: 12px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
margin-right: 2px;
position: relative;
}
.cb_box:before {
content: "";
position: absolute;
background-color: var(--cl-deep-green);
top: 0;
bottom: 0;
background-position: 50%;
background-size: 70%;
background-image: url("https://www.pflegecampus.de/src/img/svg/af/check-white.svg");
opacity: 0;
}
@media screen and (max-height: 750px) {
.mcont {
display: inline-block;
margin: 10px;
}
.feedbackForm,
.fromoverlay form {
max-width: 450px;
}
.fromoverlay {
z-index: 1000 !important;
}
}
input[type="range"]#users_input {
-webkit-appearance: none;
margin: 18px 0;
width: 50%;
height: 12px;
border-radius: var(--rd-borderradius-border-md);
background-color: var(--cl-light-grey);
}
.slider-outdiv {
padding-bottom: 20px;
}
.slider-outdiv:after,
.slider-outdiv:before {
content: "";
display: block;
position: absolute;
z-index: 0;
}
.slider-outdiv:before {
background-image: url("/src/img/2021/svg/PriceScala2.svg");
bottom: -19px !important;
height: 40px;
background-size: calc(100% - 8px);
background-position: bottom 0 left 8px;
}
.check_list:before,
.time_reset:before {
width: 15px;
height: 15px;
content: "";
vertical-align: middle;
}
.slider-outdiv input {
z-index: 100;
position: relative;
}
#messefilterform {
display: block;
margin-bottom: 20px;
padding: 10px;
}
#messefilterform label,
.disable_kp_block>label {
display: block;
}
.categpry_time_plan,
.kalender_titel,
.save_complead,
.time-diff {
font-weight: var(--rd-fontweights-open-sans-1);
}
@media screen and (max-width: 990px) {
.slider-outdiv:before {
bottom: 0 !important;
}
.db_kacheln {
display: grid;
grid-template-columns: 1fr 1fr;
}
.dbke_menu {
display: table !important;
min-height: auto !important;
}
.dbke_menu>span:first-child:after {
right: 0 !important;
top: 15% !important;
bottom: 15% !important;
border-right: var(--rd-borderwidth-border-default) solid #dfe3e8 !important;
border-bottom: none !important;
}
.dbke_menu>span {
width: 50% !important;
}
}
.cookie-btn-container,
.disable_kp_block,
.mb16,
.newSickday,
.newholiday {
margin-bottom: var(--rd-spacing-md);
}
.disable_kp_block .valuelabel span {
display: block;
margin-bottom: var(--rd-spacing-x-sm);
}
.ref_expert_grid>div {
display: table-cell;
padding-right: 36px;
}
.ref_filter {
margin-bottom: 20px;
padding: var(--rd-spacing-big);
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
box-shadow: 0 0.12rem 0.2rem rgba(0, 0, 0, 0.15);
box-sizing: border-box;
}
#myinstractionsnav,
#qmnavcounter,
#blognavcounter {
position: absolute;
top: 8px;
right: 10px;
}
#instract-edit-form label,
#instract-find-form label {
display: block;
font-weight: var(--rd-fontweights-open-sans-1);
margin: 0;
}
#instract-edit-form input,
#instract-find-form input {
padding: var(--rd-spacing-x-sm);
vertical-align: top;
border-radius: var(--rd-borderradius-border-md);
margin-right: 10px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.save_complead {
background-color: var(--rd-primary-active);
color: var(--rd-font-light);
padding: var(--rd-spacing-x-sm);
display: block;
font-size: var(--rd-fontsize-4);
}
.time-diff,
td.faq_antwort {
font-size: var(--rd-fontsize-3);
}
.time_reset:before {
display: inline-block;
background-color: var(--cl-ocean-blue);
margin-right: var(--rd-spacing-xx-sm);
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/svg/video_time_icon_blue.svg");
-webkit-mask-image: url("/src/img/svg/video_time_icon_blue.svg");
-webkit-mask-repeat: no-repeat;
}
.close_img,
.prjDelImg {
mask-size: contain;
mask-position: 50%;
cursor: pointer;
}
.time-diff {
font-style: italic;
color: var(--cl-ocean-blue);
}
.access_label,
.categpry_time_plan,
.not_editable_rol {
color: var(--rd-font-dark);
}
.select_all_grid {
display: inline-grid;
grid-template-areas: "EL1 EL2";
width: auto;
}
.check_list:before,
.io_form,
.prjDelImg,
.prjPrevImg,
.prjPrevImg_block {
display: inline-block;
}
.sag1 {
grid-area: EL1;
padding-right: 24px;
}
.table_header {
background-color: var(--cl-pale-grey);
padding: var(--rd-spacing-xx-sm) 10px;
margin: var(--rd-spacing-xx-sm) 10px;
}
.categpry_time_planh1 {
margin-bottom: 34px;
}
.categpry_time_plan {
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 34px;
margin-bottom: 11px;
}
#catcount,
#groupscount,
.access_label,
.not_editable_rol {
font-size: var(--rd-fontsize-4);
}
.checklist_grid fieldset {
padding: 10px;
margin-bottom: 18px;
border-radius: var(--rd-borderradius-border-lg);
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.checklist_grid fieldset textarea {
width: 100%;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
min-height: 150px;
}
.return_field {
margin-bottom: var(--rd-spacing-x-sm);
}
.check_list:before {
margin-right: 10px;
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
filter: grayscale(1);
background-image: url("/src/img/2021/svg/Selected_option.svg");
}
.prjPrevImg_block {
position: relative;
margin: var(--rd-spacing-xx-sm);
}
.prjPrevImg {
width: 60px;
height: 60px;
background-size: cover;
background-position: 50%;
cursor: pointer;
}
.prjDelImg {
position: absolute;
background-color: var(--rd-primary-active);
width: 16px;
height: 16px;
bottom: 9px;
right: 4px;
mask-image: url("/src/img/2021/svg/trash.svg");
-webkit-mask-image: url("/src/img/2021/svg/trash.svg");
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.imgage_overplay {
position: absolute;
z-index: 99999;
left: 0;
right: 0;
top: 0;
height: 2000px;
text-align: center;
}
.io_form {
position: relative;
background-color: var(--rd-font-light);
padding: var(--rd-spacing-big);
margin-top: 50px;
box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
z-index: 10;
}
#addform2.aktiv~* {
filter: blur(12px);
}
.io_close {
position: absolute;
z-index: 0;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.close_img {
position: absolute;
background-color: var(--cl-asphalt-blue);
width: 25px;
height: 25px;
right: 10px;
top: 10px;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2021/svg/delete-icon.svg");
-webkit-mask-image: url("/src/img/2021/svg/delete-icon.svg");
}
.checklist_exist,
.public_g .group_text:after {
mask-size: contain;
mask-position: 50%;
background-color: var(--rd-primary-active);
height: 15px;
}
@media screen and (max-width: 900px) {
.slider-outdiv:before {
bottom: -20px !important;
}
.checklist_grid,
.checklist_grid>div {
display: block;
width: 100%;
}
.checklist_grid {
margin: 10px;
width: calc(100% - 10px);
}
}
.checklist_exist {
display: inline-block;
width: 15px;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url(../img/svg/af/tasks-gray.svg);
-webkit-mask-image: url(../img/svg/af/tasks-gray.svg);
cursor: pointer;
}
td.faq_antwort {
font-style: italic;
max-height: 250px;
overflow-y: scroll;
}
.public_g .group_text:after {
content: "";
display: inline-block;
width: 15px;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
filter: unset !important;
vertical-align: middle;
mask-image: url(/src/img/svg/af/house.svg);
-webkit-mask-image: url(/src/img/svg/af/house.svg);
margin-left: var(--rd-spacing-xx-sm);
}
.from_home:after,
.grp_grouplist_item.public_roll:after {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background-color: var(--rd-primary-active);
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
filter: unset !important;
vertical-align: middle;
mask-image: url("/src/img/svg/global_icon.svg");
-webkit-mask-image: url("/src/img/svg/global_icon.svg");
margin-left: 15px;
}
.access_label {
letter-spacing: 0;
line-height: 24px;
width: 100%;
}
.disabled_accses_change {
margin-top: 0;
display: inline-block;
position: relative;
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0;
width: 40px;
height: 21px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
}
.disabled_accses_change:before {
height: 22px;
width: 41px;
background-color: var(--cl-light-grey);
margin-top: 0;
display: block;
position: absolute;
top: 1px;
left: 1px;
bottom: 1px;
content: "";
right: 1px;
border-radius: 60px;
}
.disabled_accses_change:after,
.such_div {
display: block;
background-color: var(--rd-font-light);
}
#returndiv .ok_copy,
.disabled_accses_change.checked:before {
background-color: var(--cl-deep-green);
}
.disabled_accses_change:after {
position: absolute;
top: 4px;
left: 4px;
content: "";
height: 16px;
width: 16px;
padding: 0;
border-radius: 100%;
background-color: #f1f1f1;
-webkit-transition: margin 0.4s;
-moz-transition: margin 0.4s;
-o-transition: margin 0.4s;
transition: margin 0.4s;
}
.disabled_accses_change.checked:after {
left: unset;
right: 2px;
}
#uservalue {
padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
border-radius: var(--rd-borderradius-border-md);
border: none;
background-color: transparent;
width: 100%;
}
.such_div {
position: relative;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
margin-bottom: var(--rd-spacing-sm);
margin-top: 10px;
}
.such_icon {
display: inline-block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 40px;
background-color: var(--cl-deep-green);
border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0;
}
.such_icon:before,
.user_find_table {
background-color: var(--rd-font-light);
position: absolute;
}
.such_icon:before {
content: "";
display: inline-block;
width: 22px;
height: 22px;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2021/svg/search_icon.svg");
-webkit-mask-image: url("/src/img/2021/svg/search_icon.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
right: 8px;
top: 9px;
}
.user_find_table {
z-index: 5;
box-shadow: 0px 20px 25px -5px rgba(15, 15, 16, 0.10), 0px 10px 10px -5px rgba(15, 15, 16, 0.04);
display: inline-table;
width: auto;
top: -14px;
}
.user_find_table thead {
border-top: 1px solid #D4D4D4;
border-right: 1px solid #D4D4D4;
border-left: 1px solid #D4D4D4;
background: #EEE;
}
.user_find_table tbody {
border-radius: 0px 0px var(--rd-borderradius-border-md) var(--rd-borderradius-border-md);
border: 1px solid #D4D4D4;
}
.user_find_table td {
padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
text-transform: capitalize;
}
#found_users {
position: relative;
}
.user_find_table tbody tr:last-child {
border-bottom: 1px solid #D4D4D4;
}
.user_find_table .Gesperrt td:first-child:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background-color: var(--cl-error);
vertical-align: middle;
margin-right: var(--rd-spacing-xx-sm);
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url("/src/img/svg/af/lock-solid-red.svg");
-webkit-mask-image: url("/src/img/svg/af/lock-solid-red.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.user_find_table tr td:nth-child(3) {
padding-right: 20px;
font-style: italic;
color: #999;
}
#unsetfindHomeUser {
display: none;
width: 15px;
position: absolute;
height: 15px;
background-color: var(--rd-font-dark);
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2021/svg/close.svg");
-webkit-mask-image: url("/src/img/2021/svg/close.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
right: 54px;
top: 13px;
cursor: pointer;
}
.not_editable_rol:before,
.search_fake_btn:before {
mask-size: contain;
mask-position: 50%;
mask-repeat: no-repeat;
content: "";
}
.not_editable_rol {
letter-spacing: 0;
line-height: 24px;
margin-bottom: 20px;
}
.not_editable_rol:before {
height: 13px;
width: 10px;
display: inline-block;
margin-right: var(--rd-spacing-x-sm);
background-color: var(--cl-asphalt-blue);
vertical-align: top;
margin-top: 6px;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2021/svg/lock-full.svg");
-webkit-mask-image: url("/src/img/2021/svg/lock-full.svg");
-webkit-mask-repeat: no-repeat;
}
.not_editable_rol+.public_class .disabled_accses_change.checked:before {
background-color: #bcdb94;
}
.co_form button,
.cookie-btn-container button,
.not_editable_rol+.public_class .grouped_roll .downtogglebox_content .formfieldrow,
.view-content-box thead,
pc-facility-selector.homes_list .er_ast {
background-color: transparent;
}
.not_editable_rol+.public_class .access_label {
color: var(--cl-dark-grey);
}
.date_searc_grid {
display: grid;
grid-template-areas: "DATE INPUT FILTER";
grid-template-columns: 268px auto auto;
margin-bottom: var(--rd-spacing-md);
position: relative;
}
.dsg_date {
grid-area: DATE;
}
.dsg_input {
grid-area: INPUT;
padding-left: 10px;
position: relative;
}
.dsg_filter,
.rd-nav-grid>div:nth-child(2) {
grid-area: FILTER;
text-align: right;
}
.cb_navi2.tab_filter {
margin: 0 0 40px;
box-shadow: 0 2px 5px rgba(16, 24, 40, 0.1) !important;
}
.cont_body2 .cb_cont,
.cont_body2 .cb_navi,
.cont_body2 .cb_navi2 {
background-color: var(--rd-font-light);
box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
0 1px 3px 0 rgba(63, 63, 68, 0.15);
}
#FilterForm,
#filterform,
.cont_body2 #suchform {
padding: var(--rd-spacing-md);
}
.date_searc_grid #reportrange,
.date_searc_grid input,
#dat-select {
width: 100%;
padding: var(--rd-spacing-sm) var(--rd-spacing-md);
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
height: 40px;
font-size: var(--rd-fontsize-3);
color: var(--rd-font-dark);
min-width: 250px;
}
.search_fake_btn {
position: absolute;
display: inline-block;
top: 0;
right: 0;
bottom: 0;
width: 40px;
border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0;
background-color: var(--cl-deep-green);
}
.cookie_out_block,
.cookie_overlay {
position: fixed;
right: 0;
z-index: 10000;
bottom: 0;
}
.co_form,
.cookie_out_block {
background-color: var(--cl-light-blue);
padding: var(--rd-spacing-x-big);
box-shadow: 0 -7px 21px 0 rgba(0, 0, 0, 0.5);
}
.search_fake_btn:before {
display: inline-block;
position: absolute;
background-color: var(--rd-font-light);
width: 18px;
height: 18px;
top: 10px;
left: 11px;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2021/svg/search_icon.svg");
-webkit-mask-image: url("/src/img/2021/svg/search_icon.svg");
-webkit-mask-repeat: no-repeat;
}
.filter_grid .filter_gruppen_box {
margin-right: var(--rd-spacing-md);
height: 344px;
}
.filter_grid .filter_gruppen_box li {
padding-left: var(--rd-spacing-md);
}
@media screen and (max-width: 770px) {
#FilterForm .filter_grid {
grid-template-areas: "EL1" "EL2" "EL3";
}
}
@media screen and (max-width: 650px) {
.mobil_filter_on,
.such_text input {
border-radius: var(--rd-borderradius-border-md);
}
.most_wanted+label[for="filter_dd"],
.such_text label[for="suche"] {
display: none;
}
.mobil_filter_on {
display: inline-block;
position: absolute;
background-color: var(--rd-primary-active);
top: 4px;
right: 4px;
height: 32px;
width: 32px;
z-index: 100;
}
.filter_cont,
label[for="filter_dd"].mobil_filter_on:after {
position: absolute;
background-color: var(--rd-font-light);
}
.mobil_filter_on:before {
content: "";
display: inline-block;
background-image: url(/src/img/2023/svg/icons/rd-icon-filter.svg);
background-size: 100%;
background-position: 50%;
background-repeat: no-repeat;
width: 14px;
height: 14px;
position: absolute;
top: 10px;
left: 10px;
}
.tab_filter .formfields .formfieldrow.form_kv select {
z-index: 1;
}
.such_text input {
width: calc(100% - 46px);
}
label[for="filter_dd"].mobil_filter_on:after {
background-image: none;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: auto;
margin: 0;
-webkit-mask-image: url(/src/img/svg/af/icons/settings.svg);
mask-size: 18px;
-webkit-mask-size: 18px;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.filter_cont {
z-index: 1000;
/* top: 70px; */
top: 175px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
right: 16px;
left: 16px;
padding: var(--rd-spacing-sm);
}
.was-ist-neu .new_header>div {
display: block;
}
.was-ist-neu .nt_date {
padding-bottom: var(--rd-spacing-x-sm);
text-align: left;
}
.was-ist-neu .cont_body h4 {
margin-left: 0;
}
.dbk_element {
height: auto !important;
width: 100% !important;
margin: var(--rd-spacing-xx-sm) 0;
}
.dashboard .clickbar_card_btn {
margin-right: 0;
}
}
.cont_body2 .cb_navi {
border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
border: none;
}
.cont_body2 .cb_navi2 {
border-radius: var(--rd-borderradius-border-none) var(--rd-borderradius-border-none) var(--rd-borderradius-border-md) var(--rd-borderradius-border-md);
margin-bottom: 26px;
}
.co_form button,
.cont_body2 .cb_cont {
border-radius: var(--rd-borderradius-border-md);
}
.cont_body2 .cb_cont {
padding: var(--rd-spacing-md) 0;
}
.dEnd .rd-wizard-bg .urls ul li a:hover,
.dreh_info a+span:hover,
.fStart .rd-wizard-bg .urls ul li a:hover,
.selectet_inst_menu a:hover,
.selectet_inst_menu span:hover,
.white_sel a {
text-decoration: underline;
}
.hover_fest .date,
.ui-tooltip {
color: var(--rd-font-light);
}
.cl_trigger>div:first-child,
.co_form button,
.co_form h3,
.cookie-btn-container button,
.cookie_inside_div h3,
.cookie_inside_div p {
color: var(--cl-asphalt-blue);
}
#catcount,
#groupscount {
display: inline-block;
margin-left: var(--rd-spacing-xx-sm);
line-height: 14px;
}
.cookie_out_block {
display: block;
left: 0;
}
.cookie_overlay {
left: 0;
text-align: center;
}
#urlaubform,
.co_form {
text-align: left;
position: relative;
}
.co_form {
margin-top: 10%;
z-index: 100000000;
}
.co_form p {
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 24px;
margin-bottom: 24px;
}
.co_form button,
.ui-tooltip {
font-size: var(--rd-fontsize-4);
letter-spacing: 0;
}
.co_form button {
padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
cursor: pointer;
border: var(--rd-borderwidth-border-default) solid var(--cl-asphalt-blue);
margin-bottom: var(--rd-spacing-md);
line-height: 19.2px;
text-align: center;
}
#JahrMenu:checked~.tabs_cont label[for="JahrMenu"],
#MonatMenu:checked~.tabs_cont label[for="MonatMenu"],
#TagMenu:checked~.tabs_cont label[for="TagMenu"],
#WocheMenu:checked~.tabs_cont label[for="WocheMenu"],
.co_form button:hover,
.cookie-btn-container #btn-preferences:hover {
background-color: var(--cl-light-grey);
}
.co_form .closeform {
top: 24px;
right: 24px;
display: inline-block;
width: 20px;
height: 20px;
background-image: url(/src/img/svg/close_dark_blue.svg);
filter: none;
opacity: unset;
}
.cookie_overlay .formbgoverlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.cookie_elements {
margin-bottom: 30px;
display: flex;
}
.cl_trigger {
display: flex;
margin-bottom: var(--rd-spacing-x-sm);
margin-right: 56px;
align-items: center;
}
.cl_trigger>div:first-child {
padding-right: var(--rd-spacing-x-sm);
}
.cl_trigger>div:nth-child(2) {
padding-top: var(--rd-spacing-xx-sm);
}
.arrow:after,
.ui-tooltip {
filter: blur(0) !important;
background-color: var(--cl-asphalt-blue);
z-index: 100;
position: absolute;
display: inline-block;
width: 384px;
}
.ui-tooltip {
padding: 10px 20px;
border-radius: var(--rd-borderradius-border-md);
padding: var(--rd-spacing-md);
padding-left: 80px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
line-height: 24px;
}
.ui-tooltip:before {
content: "";
display: inline-block;
background-color: var(--rd-font-light);
width: 45px;
height: 45px;
position: absolute;
left: 16px;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url(/src/img/svg/ban-solid.svg);
-webkit-mask-image: url(/src/img/svg/ban-solid.svg);
background-color: var(--rd-font-light);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.fest,
.hover_fest .date {
background-color: var(--cl-error);
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.fest,
.hover_fest,
.urlaubform_bg_klick {
position: absolute;
left: 0;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px var(--rd-spacing-xx-sm) 9px -9px #000;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
.fest {
display: inline-block;
top: 0;
bottom: 0;
width: var(--rd-spacing-xx-sm);
cursor: pointer;
}
#urlaubform,
.hover_fest,
.urlaubsantrag_grid {
background-color: var(--rd-font-light);
}
.hover_fest {
display: none;
font-size: var(--rd-fontsize-3);
color: var(--rd-font-dark);
border: var(--rd-borderwidth-border-default) solid var(--cl-error);
z-index: 1000;
}
.fest:hover .hover_fest {
display: block;
width: 150px;
}
.hover_fest>span {
padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
display: block;
}
.hover_fest .land {
font-style: italic;
color: var(--cl-input-placeholder);
}
.cookie_inside_div h3 {
font-size: var(--rd-fontsize-7);
letter-spacing: 0;
line-height: 26px;
}
.cookie_inside_div p {
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 24px;
margin-top: var(--rd-spacing-md);
margin-bottom: 32px;
}
#CertEdit .img_info,
#CertEdit legend,
.co_form h3 {
margin-bottom: var(--rd-spacing-md);
}
.cookie-btn-container button {
font-size: var(--rd-fontsize-4);
letter-spacing: 0;
line-height: 19.2px;
text-align: center;
padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
display: inline-block;
border-radius: var(--rd-borderradius-border-md);
border: var(--rd-borderwidth-border-default) solid var(--cl-asphalt-blue);
margin-right: var(--rd-spacing-x-sm);
cursor: pointer;
}
.cookie-btn-container #btn-accept {
background-color: var(--cl-asphalt-blue);
color: var(--rd-font-light);
}
.cookie-btn-container #btn-accept:hover {
background-color: var(--rd-font-dark);
border: var(--rd-borderwidth-border-default) solid var(--rd-font-dark);
}
.co_form h3 {
font-size: var(--rd-fontsize-7);
letter-spacing: 0;
line-height: 26px;
}
.urlaubsantrag_grid {
display: grid;
grid-template-areas: "WER WAN ASSIST OK";
grid-template-columns: 30% 30% 20% 20%;
margin-bottom: 15px;
box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.urlaubsantrag_grid:hover {
box-shadow: 0 0.12rem 0.25rem;
background-color: var(--cl-blue-box);
}
.urlaubsantrag_grid label {
font-weight: 800;
font-size: var(--rd-fontsize-3);
text-transform: uppercase;
margin: 0;
color: var(--cl-blue-grey);
}
.knb_element .img,
.urluab_filter_grid>div {
margin-right: var(--rd-spacing-x-sm);
}
.urluab_filter_grid #reportrange,
.urluab_filter_grid select {
padding: var(--rd-spacing-xx-sm);
font-size: var(--rd-fontsize-4);
border: var(--rd-borderwidth-border-default) solid #999;
line-height: 20px;
display: inline-block;
}
.urluab_filter_grid #reportrange {
padding-right: 30px;
}
.urlaub_kalender {
display: inline-table;
width: auto;
}
.urlaub_kalender tr {
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.urlaub_kalender td,
.urlaub_kalender th {
padding: var(--rd-spacing-xx-sm);
border-right: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.urlaub_kalender th {
background-color: var(--cl-blue-grey);
color: var(--rd-font-dark);
}
.kalder_btns>label,
.knb_element .counter,
.pre_img_compleat .img_icon {
background-color: var(--rd-primary-active);
}
#urlaubform table tbody td.free,
#urlaubform tr {
padding-left: var(--rd-spacing-x-sm);
font-size: var(--rd-fontsize-4);
padding: var(--rd-spacing-xx-sm);
}
#urlaubform table tbody td.free {
padding-left: var(--rd-spacing-x-sm);
}
@media screen and (max-width: 700px) {
.cookie_elements {
flex-direction: column;
}
.rd-webinar-description {
mask-image: -webkit-gradient(linear,
left top,
left bottom,
from(rgba(0, 0, 0, 1)),
to(rgba(0, 0, 0, 0.4)));
-webkit-mask-image: -webkit-gradient(linear,
left top,
left bottom,
from(rgba(0, 0, 0, 1)),
to(rgba(0, 0, 0, 0.4)));
}
.showFullText {
mask-image: unset;
-webkit-mask-image: unset !important;
}
#webinarShowText {
font-size: 14px;
color: var(--rd-font-light);
cursor: pointer;
}
.cert_cont_nav .table {
grid-template-areas: "one" "two" "three" "four";
grid-template-columns: 1fr;
}
}
#holidayrange,
#sickdayrange {
border: var(--rd-borderwidth-border-default) solid var(--cl-blue-grey);
padding: var(--rd-spacing-xx-sm);
display: inline-block;
padding-right: 36px;
position: relative;
cursor: pointer;
}
#holidayrange .fa.fa-calendar,
#sickdayrange .fa.fa-calendar {
display: inline-block;
width: 25px;
height: 25px;
position: absolute;
right: var(--rd-spacing-xx-sm);
background-color: var(--cl-blue-grey);
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url("/src/img/svg/af/calendar-gray.svg");
-webkit-mask-image: url("/src/img/svg/af/calendar-gray.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
#urlaubform .close,
.pre_img_compleat .img_icon {
display: inline-block;
mask-size: contain;
mask-position: 50%;
mask-repeat: no-repeat;
}
.kalender_titel {
font-size: var(--rd-fontsize-4);
margin-bottom: var(--rd-spacing-xx-sm);
}
#CertEdit legend,
.copy_template_text,
.knb_element .name,
.schwebend_form .titel {
font-weight: var(--rd-fontweights-open-sans-0);
}
.copy_template_text,
.copy_template_text+p {
font-size: var(--rd-fontsize-5);
line-height: 24px;
}
#urlaubform {
display: inline-block;
padding: 30px;
margin-top: 20px;
border-radius: var(--rd-borderradius-border-md);
box-shadow: 0 0.12rem 0.25rem var(--cl-asphalt-blue);
z-index: 10;
}
#urlaubform .close {
width: 20px;
height: 20px;
position: absolute;
top: 10px;
right: 10px;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/svg/close_dark_blue.svg");
-webkit-mask-image: url("/src/img/svg/close_dark_blue.svg");
-webkit-mask-repeat: no-repeat;
background-color: var(--rd-font-dark);
opacity: 1;
}
.urlaubform_bg_klick {
z-index: 0;
top: 0;
right: 0;
bottom: 0;
}
.submenu input[type="search"] {
font-size: var(--rd-fontsize-3);
height: unset;
padding: var(--rd-spacing-xx-sm);
background-image: url("/src/img/svg/af/search_icon.svg");
background-repeat: no-repeat;
background-position: top var(--rd-spacing-xx-sm) right var(--rd-spacing-xx-sm);
outline: 0;
}
.pre_img_compleat {
position: relative;
padding-left: var(--rd-spacing-xx-sm);
color: var(--rd-primary-active);
}
.pre_img_compleat .img_icon {
width: 10px;
vertical-align: middle;
height: 10px;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2021/svg/image-solid.svg");
-webkit-mask-image: url("/src/img/2021/svg/image-solid.svg");
-webkit-mask-repeat: no-repeat;
}
.knb_element .btns .plus,
.view_interval_icon {
mask-size: contain;
mask-position: 50%;
mask-repeat: no-repeat;
}
.checkbox_td {
padding: 10px !important;
}
.copy_template_text {
color: var(--cl-asphalt-blue);
letter-spacing: 0;
}
#CertEdit legend,
.lig-label {
font-size: var(--rd-fontsize-4);
letter-spacing: 0;
}
.copy_template_text+p {
max-width: 549px;
letter-spacing: 0;
margin-bottom: 40px;
}
.table_navi+table {
margin-top: 6px;
}
.big_radios.copy_radio>input[type="radio"]+label .radio_gfx,
.big_radios.copy_radio>input[type="radio"]:checked+label .radio_gfx {
height: 25px;
width: 25px;
border-radius: 100%;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.big_radios.copy_radio>input[type="radio"]+label .radio_gfx:before {
height: 15px;
width: 15px;
left: 4px;
top: 4px;
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
transition: 0.2s linear;
}
#CertEdit,
.small_form{
max-width: 325px;
}
#CertEdit legend {
line-height: 16px;
text-transform: uppercase;
}
.label-input-grid {
display: grid;
grid-template-areas: "LABEL INPUT";
grid-template-columns: 60% 40%;
}
.lig-input {
grid-area: INPUT;
text-align: right;
}
.lig-label {
line-height: 24px;
grid-area: LABEL;
color: var(--rd-font-dark);
}
#CertEdit .img_info {
font-size: var(--rd-fontsize-3);
letter-spacing: 0;
line-height: 16px;
color: var(--cl-blue-grey);
}
.bluer_after {
background: rgba(7, 21, 36, 0.51);
position: absolute;
z-index: 1000;
width: 100vw;
text-align: center;
height: 2000%;
}
#editnoteform.blur~*,
.bluer_after~* {
filter: blur(6px);
}
.schwebend_form {
background-color: var(--rd-font-light);
width: 75vw;
display: inline-block;
max-width: 645px;
text-align: left;
padding: var(--rd-spacing-x-lg);
margin-top: 10%;
border-radius: var(--rd-borderradius-border-md);
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}
.auswertungTabMenu,
.knb_element .btns .plus,
.mt16 {
margin-top: var(--rd-spacing-md);
}
.schwebend_form .titel {
font-size: var(--rd-fontsize-11);
letter-spacing: 0;
line-height: 36px;
color: var(--rd-font-dark);
margin-bottom: 48px;
}
.schwebend_form .titel .smile {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
background-image: url("/src/img/2021/smile.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
}
.schwebend_form .text {
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 24px;
color: var(--cl-asphalt-blue);
padding-bottom: 96px;
}
.EmbedText,
.moreoptions>div label {
color: var(--rd-font-dark);
display: block;
}
.kp_text_bullet {
position: relative;
width: 50%;
}
.kp_text_bullet+.rd-primary-btn-outline {
cursor: default;
}
.kp_text_bullet+.rd-primary-btn-outline:hover {
background-color: var(--rd-font-light) !important;
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
color: var(--rd-primary-active) !important;
}
.kp_text_bullet+.rd-primary-btn-outline.rd-icon-bell-fill:hover:before {
background-color: var(--rd-primary-active) !important;
}
.mb30 {
margin-bottom: 30px;
}
.view_interval_icon {
display: inline-block;
height: 23px;
width: 24px;
background-color: var(--cl-dark-grey);
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2021/svg/repeat.svg");
-webkit-mask-image: url("/src/img/2021/svg/repeat.svg");
-webkit-mask-repeat: no-repeat;
margin-left: var(--rd-spacing-md);
vertical-align: middle;
}
#editnoteform.blur .editNform,
.EmbedIcon,
.KursNotizBlock {
background-color: var(--rd-font-light);
}
.is_goust {
opacity: 0.6;
filter: grayscale();
}
.grp_grouplist {
max-height: 600px;
overflow-y: auto;
}
.EmbedIcon {
display: inline-block;
width: 14px;
height: 14px;
border: 2px solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
position: relative;
float: right;
}
.EmbedIcon::after {
content: "";
display: inline-block;
width: 15px;
height: 9px;
border-bottom: 3px solid var(--cl-deep-green);
border-left: 3px solid var(--cl-deep-green);
transform: rotate(-45deg);
position: absolute;
left: -1px;
top: -4px;
}
.EmbedText {
position: relative;
}
.KursNotizBlock {
margin-bottom: 24px;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
}
.knb_element,
.tabs_cont {
border-radius: var(--rd-borderradius-border-md);
}
.knb_element {
display: block;
background-color: var(--cl-pale-pink);
cursor: pointer;
}
.droptopnotiz,
.knb_element .btns .plus {
cursor: pointer;
background-color: #3e3d3d;
width: 10px;
display: inline-block;
}
.knb_element .img {
height: 95px;
width: 170px;
background-size: cover;
margin-top: 0;
}
.onprogress span,
.qmh_user_elementn .date:before,
.rd-inst-filter-button:after {
background-size: 100%;
background-repeat: no-repeat;
}
.knb_element .name {
width: auto;
color: var(--rd-font-dark);
margin-right: 14px;
line-height: 26px;
}
.knb_element .counter,
.location_info label,
.monats-kalender .kal_aktueller_tag,
.monats-kalender caption,
.monats-kalender th,
.moreoptions>div label {
font-weight: var(--rd-fontweights-open-sans-1);
}
.knb_element .counter {
font-size: var(--rd-fontsize-4);
letter-spacing: 0;
line-height: 19px;
width: auto;
padding: 0 10px;
border-radius: var(--rd-borderradius-border-lg);
height: auto;
display: inline-block;
position: relative;
color: var(--rd-font-light);
margin-left: var(--rd-spacing-x-sm);
}
.knb_element .btns .plus {
height: 18px;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2021/svg/Arrow_down.svg");
-webkit-mask-image: url("/src/img/2021/svg/Arrow_down.svg");
-webkit-mask-repeat: no-repeat;
margin-right: 22px;
}
.droptopnotiz {
float: right;
height: 28px;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url(/src/img/2021/svg/Arrow_down.svg);
-webkit-mask-image: url(/src/img/2021/svg/Arrow_down.svg);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
transform: rotate(180deg);
}
.auswertungTabMenu,
.auswertung_filter {
background-color: var(--rd-card-fg);
gap: var(--rd-spacing-md);
}
.name_and_counter {
padding-top: var(--rd-spacing-md);
display: inline-flex !important;
}
.knb_element.active {
background-color: var(--cl-olive);
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
}
.notiz_body .knb_element {
grid-template-columns: 170px calc(100% - 238px) 20px;
display: grid !important;
gap: var(--rd-spacing-md);
}
.notiz_body .knb_element .btns .plus {
-webkit-mask-size: cover;
mask-size: cover;
}
.notiz_body .droptopnotiz {
-webkit-mask-size: cover;
mask-size: cover;
height: 18px;
}
.knb_element .qm-user-count {
margin-top: var(--rd-spacing-xx-sm);
background-color: transparent;
height: 20px;
}
.knb_detail {
padding-left: var(--rd-spacing-md);
padding-right: 24px;
}
#editnoteform.blur {
position: fixed;
background: rgba(7, 21, 36, 0.51);
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
text-align: center;
}
#editnoteform.blur .editNform {
left: unset;
position: relative;
display: inline-block;
height: auto;
max-width: 450px;
width: 100%;
text-align: left;
}
.KursNotizBlock .NoteLektion {
display: flex;
margin-bottom: 24px;
}
.KursNotizBlock .nl-element {
margin-left: 24px;
margin-bottom: 20px;
padding-left: var(--rd-spacing-md);
width: calc(100% - 24px);
}
.KursNotizBlock .NL-Title {
text-align: right;
min-width: 129px;
}
.KursNotizBlock .myNotesList {
display: grid;
padding: 40px 0 var(--rd-spacing-sm);
}
.KursNotizBlock .download-notes,
.KursNotizBlock .droptopnotiz {
justify-self: end;
}
.KursNotizBlock .video-desc {
font-size: var(--rd-fontsize-5);
color: var(--cl-dark-text);
margin-top: 10px;
margin-bottom: 24px;
}
.KursNotizBlock .download-notes,
.KursNotizBlock .jumper-time {
color: var(--cl-ocean-blue);
cursor: pointer;
font-size: var(--rd-fontsize-5);
}
.KursNotizBlock .nl-element .video-time {
color: var(--cl-asphalt-blue);
margin-top: var(--rd-spacing-md);
}
.KursNotizBlock .curent_m .video-time:before {
width: 20px;
height: 20px;
vertical-align: bottom;
margin-right: var(--rd-spacing-sm);
background-color: var(--cl-asphalt-blue);
}
.KursNotizBlock .jumper-time {
margin-bottom: var(--rd-spacing-md);
}
.KursNotizBlock .download-notes {
margin-bottom: 50px;
margin-top: -16px;
}
.KursNotizBlock .nle-nav {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
}
.KursNotizBlock .deleat-note,
.KursNotizBlock .edit-note {
margin: var(--rd-spacing-md) 0;
}
.allnotenav {
position: absolute;
top: 10px;
right: 40px;
}
.allnotenav a {
color: var(--cl-ocean-blue) !important;
}
@media screen and (max-width: 600px) {
.kurs_img {
min-height: 250px;
}
.teaser_kurs.small {
background-size: 90% 100% !important;
}
.date_searc_grid {
grid-template-areas: "DATE" "INPUT";
grid-template-columns: 100%;
grid-gap: var(--rd-spacing-x-sm);
}
.date_searc_grid>div {
padding: 0;
}
.border:hover::before,
.hm2_demo:hover {
background-color: var(--rd-primary-active) !important;
}
.magenta_btn:hover,
.magenta_fill_btn:focus:hover,
.magenta_fill_btn:hover,
.pc_durationvalue_control>a:hover {
background-color: var(--rd-primary-active) !important;
color: var(--rd-font-light) !important;
text-decoration: none !important;
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
}
.magenta_border_btn:focus,
.magenta_border_btn:hover {
color: var(--rd-primary-active) !important;
border-color: var(--rd-primary-active) !important;
}
.hm2_demo:hover {
color: var(--rd-font-light) !important;
}
.hm2_login:hover {
opacity: 1 !important;
}
button:focus {
outline: 0 !important;
}
.kp_we_banners a:hover {
background: linear-gradient(180deg,
#89cc20 0,
var(--cl-deep-green) 100%) !important;
}
.dbke_menu a:hover {
color: #007ace !important;
}
.slick-next:hover {
box-shadow: none !important;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
transform: none !important;
}
.addbtn:hover,
.button.fill:hover,
.green_btn:hover,
.import_bil_form input:hover,
.pdf_btn:hover {
background-color: var(--rd-primary-active) !important;
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
}
.tab_filter select#order {
margin-bottom: var(--rd-spacing-md);
}
#ergebnis {
clear: both;
}
.notiz_body .knb_element .img {
grid-area: knb_img;
}
.notiz_body .knb_element .name_and_counter {
grid-area: knb_name_and_counter;
}
.notiz_body .knb_element .btns {
grid-area: knb_btns;
}
.notiz_body .knb_element {
grid-template-columns: calc(100% - 40px) 20px;
display: grid !important;
gap: var(--rd-spacing-md);
grid-template-areas:
"knb_img knb_btns"
"knb_name_and_counter knb_name_and_counter";
}
.notiz_body .knb_element .name_and_counter {
padding: 8px;
}
.KursNotizBlock .NoteLektion {
flex-wrap: wrap;
}
.KursNotizBlock .NL-Title {
text-align: left;
}
.cpc_navi .df_img {
position: absolute;
top: 22px;
right: 16px;
}
.stern_batch {
width: 60px;
height: 60px;
font-size: 9px;
padding-top: 20px;
background-size: cover;
}
.stern_batch::after {
top: 18px;
}
.cours_plus_category:nth-child(1) .stern_batch:after {
left: 0;
top: 16px;
}
.cours_plus_category.prev_categorie .cpc_n_titel:before {
display: none;
}
.cours_plus_category.prev_categorie .cpc_n_titel {
display: inline-block;
}
.cours_plus_category .cpc_n_titel {
width: 80%;
}
}
.auswertungTabMenu>label::before {
content: "";
display: inline-block;
left: 0;
right: 0;
bottom: 0;
height: 0;
position: absolute;
background-color: var(--cl-deep-green);
transition: 0.2s linear;
}
.kalder_btns>label,
label[for="moreoptionsChekbox"]::before {
height: 18px;
mask-position: 50%;
mask-repeat: no-repeat;
width: 18px;
margin-right: var(--rd-spacing-x-sm);
}
.auswertungTabMenu {
display: flex;
border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-black-alpha30);
}
.auswertungTabMenu>label {
cursor: pointer;
padding: var(--rd-spacing-x-sm);
position: relative;
margin-bottom: 0;
}
.auswertung_filter {
display: flex;
padding: var(--rd-spacing-md);
}
#returndiv .cert_copy,
#returndiv .cert_exist,
#returndiv .ok_copy {
color: var(--rd-card-fg);
padding: 2px var(--rd-spacing-x-sm);
font-size: var(--rd-fontsize-4);
margin-left: var(--rd-spacing-md);
}
#CatSearch .rd-primary-btn,
#reportrange {
padding: var(--rd-spacing-sm) var(--rd-spacing-md) !important;
}
#returndiv .cert_exist {
background-color: var(--cl-ocean-blue);
}
#returndiv .cert_copy {
background-color: var(--rd-drstrange-default);
}
.auswertung_user i {
color: var(--cl-black-alpha4c);
}
#kalnderNav {
display: grid;
grid-template-areas: "BTN TAB MENU";
grid-template-columns: calc(100% / 3);
text-align: center;
align-items: center;
}
.kalder_btns {
grid-area: BTN;
text-align: left;
}
.kalder_tabs {
grid-area: TAB;
padding: 0 var(--rd-spacing-md);
}
.tabs_cont {
display: grid;
background-color: var(--cl-black-alpha63);
grid-template-areas: "EL1 EL2 EL3 EL4";
grid-template-columns: 25%;
overflow: hidden;
}
#swtchInstCreate,
.onprogress {
background-color: var(--cl-light-green);
}
.kalender_subnav {
display: grid;
grid-template-areas: "BTN TAB MENU";
grid-template-columns: calc(100% / 3);
text-align: right;
}
.tabs_cont label {
margin-bottom: 0;
line-height: 36px;
border-right: var(--rd-borderwidth-border-default) solid var(--cl-black-alpha30);
cursor: pointer;
}
.tabs_cont label:last-child {
border-right: none;
}
.kalder_btns>label {
display: inline-block;
mask-size: contain;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
-webkit-mask-repeat: no-repeat;
cursor: pointer;
}
.monats-kalender caption,
.monats-kalender th,
.weak_table thead th {
background-color: var(--cl-black-alpha63);
}
#TerinTypTermin:checked~label[for="TerinTypTermin"],
#TerinTypVideo:checked~label[for="TerinTypVideo"],
.kalder_btns>label:hover {
background-color: var(--rd-primary-hover);
}
.kalder_btns .add_icon {
mask-image: url("/src/img/svg/af/icons/pink/plus.svg");
-webkit-mask-image: url("/src/img/svg/af/icons/pink/plus.svg");
}
.kalder_btns .calender_icon {
mask-image: url("/src/img/svg/af/calendar-alt-solid-gray.svg");
-webkit-mask-image: url("/src/img/svg/af/calendar-alt-solid-gray.svg");
}
.kalder_btns .video_icon {
mask-image: url(" /src/img/svg/af/video-solid.svg");
-webkit-mask-image: url(" /src/img/svg/af/video-solid.svg");
}
.kalder_btns .person_icon {
mask-image: url("/src/img/svg/3users.svg");
-webkit-mask-image: url("/src/img/svg/3users.svg");
}
.heuteBtn {
color: var(--rd-primary-active);
cursor: pointer;
}
.heuteBtn:hover {
color: var(--rd-primary-hover);
}
.moreoptions>div {
display: inline-block;
margin-right: var(--rd-spacing-md);
}
.moreoptions>div select {
padding: var(--rd-spacing-x-sm);
margin-bottom: var(--rd-spacing-md);
}
label[for="moreoptionsChekbox"] {
color: var(--rd-primary-active);
display: inline-block;
cursor: pointer;
}
label[for="moreoptionsChekbox"]::before {
content: "";
display: inline-block;
mask-size: contain;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
background-color: var(--rd-primary-active);
-webkit-mask-repeat: no-repeat;
mask-image: url("/src/img/svg/gray_plus_icon.svg");
-webkit-mask-image: url("/src/img/svg/gray_plus_icon.svg");
}
.monats-kalender .kal_aktueller_tag,
.weak_table td.curent {
background-color: var(--cl-black-alpha0c);
}
#KalenderView .ansprechpartner ul {
margin-left: 46px;
}
.weak_table thead th {
text-align: center;
color: var(--rd-font-dark);
border-right: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-font-light);
}
.weak_table thead th.curent {
background-color: var(--rd-primary-active);
color: var(--rd-card-fg);
}
.weak_table .curent {
border-left: var(--rd-borderwidth-border-default) solid var(--box-shadow);
border-right: var(--rd-borderwidth-border-default) solid var(--box-shadow);
}
.monats-kalender caption {
caption-side: top;
text-align: center;
color: var(--rd-font-dark);
}
.monats-kalender th {
color: var(--rd-font-dark);
text-align: right;
}
.monats-kalender td {
height: 150px;
vertical-align: top;
text-align: right;
border: var(--rd-borderwidth-border-default) solid var(--box-shadow);
}
.monats-kalender .kal_aktueller_tag {
border: 2px solid var(--rd-primary-active);
color: var(--rd-primary-active);
}
.rd-inst-filter-button:after,
.rd-instr-cont .zeitspane:before,
.rd-sortable-table-cell .zeitspane:before {
background-color: var(--rd-font-dark);
vertical-align: middle;
content: "";
}
.onprogress {
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 17px;
padding: 17px 34px;
box-shadow: 0 1px 0 0 #ccc;
}
.onprogress span {
background-image: url("/src/img/2021/svg/Work.svg");
display: inline-block;
height: 26px;
width: 21px;
vertical-align: middle;
margin-left: var(--rd-spacing-x-sm);
}
.is_interval {
display: inline-block;
height: 17px;
width: 18px;
background-color: var(--cl-dark-grey);
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2021/svg/repeat.svg");
-webkit-mask-image: url("/src/img/2021/svg/repeat.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
margin-left: var(--rd-spacing-md);
border-radius: var(--rd-borderradius-border-none);
background-image: none;
}
.blur_kb_overlay .title:before {
content: "";
mask-image: url(/src/img/2024/images/arrow_spiral.png);
-webkit-mask-image: url(/src/img/2024/images/arrow_spiral.png);
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
height: 80px !important;
width: 80px !important;
right: calc(100% - 180px) !important;
background-image: none !important;
top: 60px !important;
background-color: var(--rd-primary-active);
}
.is_exist,
.qmh_user_elementn .date span {
margin-left: 5px;
}
.ins_prev_grid {
display: grid;
grid-template-areas: "IMG FOBI" "IMG KURS";
text-align: left;
grid-template-columns: 116px auto;
}
.inst_list_name {
grid-area: FOBI;
}
input.hidden {
display: unset;
visibility: unset;
opacity: 0;
position: absolute;
}
.is_exist {
font-weight: 800;
font-size: var(--rd-fontsize-3);
color: var(--cl-error-darker);
}
.from_central td[data-label="Typ"]:after,
.qmh-price-teaser,
.rd-nav-grid>div:first-child>div a {
font-weight: var(--rd-fontweights-open-sans-0);
}
#DatumVon.disabled,
#DatumVon.disabled * {
cursor: default;
opacity: 0.7;
pointer-events: none;
}
.id_table_input label pc-tooltip {
margin-left: 4px;
}
.location_info {
background-color: var(--rd-list-default-light);
padding: var(--rd-spacing-sm);
font-size: var(--rd-fontsize-4);
}
.location_info label {
margin: 0;
color: var(--rd-font-dark);
}
.location_info>div {
margin-bottom: 12px;
}
.anfragen_docu {
width: 100%;
font-size: var(--rd-fontsize-3);
overflow-y: scroll;
resize: vertical;
}
.qmh_opup form {
max-width: 520px;
min-width: unset;
padding-bottom: 40px;
}
.qmh_opup form .formheader {
font-size: var(--rd-fontsize-12);
}
.qmh_opup form button {
width: 100%;
margin-top: 66px;
}
.qmh-price-teaser {
color: #0c1132;
font-family: "Open Sans";
font-size: var(--rd-fontsize-7);
letter-spacing: 0;
line-height: 26px;
margin-bottom: 31px;
}
.rd-inst-filter-button,
.rd-nav-grid>div:first-child>div a {
font-size: var(--rd-fontsize-4);
color: var(--rd-font-dark);
position: relative;
}
.dreh_info a+span {
margin-bottom: 20px;
display: block;
position: relative;
margin-top: -10px;
cursor: pointer;
}
.rd-instr-cont table {
border-collapse: separate;
border-spacing: 0 var(--rd-sizing-xs);
width: 100%;
}
.rd-instr-cont table thead {
background: 0 0;
}
.rd-instr-cont tbody tr {
background-color: var(--rd-card-fg);
border-radius: var(--rd-borderradius-border-md);
border: var(--rd-borderwidth-border-default) solid #999;
}
.rd-instr-cont td {
border-bottom: var(--rd-borderwidth-border-default) solid #eaecf0;
}
.rd-instr-cont td:first-child {
border-radius: 10px 0 0 10px;
}
.rd-instr-cont td:last-child {
border-radius: 0 10px 10px 0;
}
.rd-nav-grid {
display: block;
border: none;
background-color: var(--rd-card-fg);
border-radius: var(--rd-borderradius-border-md) var(--rd-borderradius-border-md) 0 0;
border-bottom: 2px solid var(--rd-input-default);
box-shadow: 0 2px 5px rgba(16, 24, 40, 0.1);
}
.rd-nav-grid>div:first-child {
grid-area: NAV;
}
.rd-nav-grid>div:first-child>div a {
display: inline-block;
line-height: var(--rd-lineheights-0);
padding: 18px var(--rd-spacing-x-big) var(--rd-spacing-md);
}
.rd-nav-grid>div:first-child>div a:focus {
text-decoration: none;
}
.rd-inst-filter-button {
margin-right: var(--rd-spacing-x-sm);
border: var(--rd-borderwidth-border-default) solid var(--rd-input-default);
border-radius: var(--rd-borderradius-border-md);
padding: 10px var(--rd-spacing-md);
font-weight: var(--rd-fontweights-open-sans-2);
line-height: var(--rd-lineheights-0);
cursor: pointer;
display: inline-block;
height: 40px;
margin-bottom: 0;
}
.rd-inst-filter-button:after {
display: inline-block;
mask-image: url(/src/img/2023/svg/icons/rd-icon-categories.svg);
-webkit-mask-image: url(/src/img/2023/svg/icons/rd-icon-categories.svg);
width: 15px;
height: 15px;
background-position: 50%;
margin-left: var(--rd-spacing-md);
margin-top: -3px;
}
#reportrange .fa-caret-down {
background-image: url(/src/img/svg/calendar.svg) !important;
background-size: 15px !important;
}
#reportrange {
width: 100%;
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
height: 40px;
font-size: var(--rd-fontsize-3) !important;
color: var(--rd-font-dark);
min-width: 270px;
line-height: 15.6px;
}
.rd-inst-filter-button.selected {
border-color: #803a4d;
}
.rd-sortable-table-cell .zeitspane:before {
display: inline-block;
height: 16px;
width: 16px;
margin-right: var(--rd-spacing-x-sm);
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-image: url("/src/img/2021/svg/rd_date_icon.svg");
-webkit-mask-image: url("/src/img/2021/svg/rd_date_icon.svg");
margin-top: -2px;
}
.rd-quick-open-info:before,
.urlaub-check {
display: inline-block;
vertical-align: middle;
mask-position: 50%;
}
#swtchInstCreate {
box-shadow: 0 1px 0 0 var(--cl-light-grey);
padding: var(--rd-spacing-big) var(--rd-spacing-xxx-big) 18px var(--rd-spacing-xxx-big);
}
#swtchInstCreate>div {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
grid-template-areas: "TEXT ACTION";
color: var(--rd-font-dark);
}
#swtchInstCreate>div>span.text {
text-align: left;
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 17px;
}
#swtchInstCreate>div>span.text img {
vertical-align: middle;
display: inline-block;
margin-left: 2px;
width: 21px;
margin-bottom: 6px;
}
#swtchInstCreate>div>span.slider {
text-align: right;
display: flex;
align-items: center;
align-self: end;
}
#swtchInstCreate>div>span.slider label {
font-size: var(--rd-fontsize-5);
letter-spacing: 0;
line-height: 17px;
display: inline-block;
margin-right: 8px;
margin-bottom: 0;
margin-top: 2px;
align-items: center;
}
.global-new-test-setings {
display: inline-block;
max-width: 590px;
margin-bottom: var(--rd-spacing-big);
}
.rd-quick-open-info {
background-color: var(--rd-list-hover);
color: var(--rd-success-pressed);
padding: var(--rd-spacing-x-sm) var(--rd-spacing-big);
font-size: var(--rd-fontsize-3);
font-weight: var(--rd-fontweights-open-sans-1);
line-height: var(--rd-lineheights-0);
border-radius: var(--rd-borderradius-border-md);
margin-bottom: var(--rd-spacing-md);
}
.course_danke,
.uk_roces_detail_open+.qmh_progress {
padding: var(--rd-spacing-sm) var(--rd-spacing-md);
}
.rd-quick-open-info:before {
content: "";
background-color: var(--rd-success-pressed);
width: 14px;
height: 14px;
margin-right: var(--rd-spacing-big);
mask-size: contain;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2021/svg/rd-tooltip-icon.svg");
-webkit-mask-image: url("/src/img/2021/svg/rd-tooltip-icon.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
#instrac_count_titel {
color: var(--rd-primary-active);
margin-bottom: var(--rd-spacing-md);
}
#CatSearch .rd-primary-btn {
color: var(--rd-font-light) !important;
background: var(--rd-primary-active) !important;
border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active) !important;
font-weight: var(--rd-fontweights-open-sans-0) !important;
cursor: pointer;
border-radius: var(--rd-borderradius-border-xl) !important;
font-size: var(--rd-fontsize-4) !important;
line-height: var(--rd-lineheights-0) !important;
min-width: 160px !important;
display: inline-block;
text-align: center;
}
.course_danke {
padding: var(--rd-spacing-md) var(--rd-spacing-md);
text-align: center;
}
.course_danke h4 {
margin-bottom: 24px;
}
.thx-checker-kontakt {
display: inline-block;
width: 90px;
height: 90px;
background-image: url(/src/img/2021/svg/Icon%20BG-green.svg);
background-size: 120%;
background-position: 50%;
margin-top: 24px;
position: relative;
}
.thx-checker-kontakt:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(/src/img/2021/svg/tick.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: 30px;
}
#CatSearch #courseslist div {
padding-left: 0;
}
.releas_quickchange input {
padding: 5px;
}
.qmeval form {
padding: 40px;
max-width: 602px;
}
.qmeval form textarea {
display: block;
width: 100%;
margin-bottom: 10px;
height: 150px;
}
.eval_form_titel {
color: #0c1132;
font-family: "Open Sans";
font-size: var(--rd-fontsize-6);
font-weight: 700;
letter-spacing: 0;
line-height: 24px;
text-align: center;
margin-bottom: 8px;
}
.urlaub-check {
width: 16px;
height: 16px;
background-color: #ccc;
margin-left: 10px;
float: right;
mask-size: contain;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
}
.instractions_share:before,
.prev_kurs_difficult .rd-labeled-icon:before {
mask-position: 50%;
mask-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
content: "";
}
.urlaub-check.Nein {
mask-image: url("/src/img/svg/false.svg");
-webkit-mask-image: url("/src/img/svg/false.svg");
background-color: var(--rd-error-pressed);
}
.urlaub-check.Ja {
mask-image: url("/src/img/svg/true.svg");
-webkit-mask-image: url("/src/img/svg/true.svg");
background-color: var(--rd-success-default);
}
.prev_kurs_difficult .rd-labeled-icon:before {
mask-size: contain;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
-webkit-mask-repeat: no-repeat;
width: 20px;
height: 20px;
background-color: var(--rd-primary-active);
}
.JobEditForm {
padding: 36px;
}
.JobEditForm label {
margin-top: 16px;
font-weight: 600;
}
.instractions_share:before {
width: 15px;
height: 15px;
margin-right: 10px;
background-color: var(--cl-dark-grey);
mask-image: url("/src/img/svg/global_icon.svg");
-webkit-mask-image: url("/src/img/svg/global_icon.svg");
mask-size: contain;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
-webkit-mask-repeat: no-repeat;
}
.from_central td[data-label="Typ"]:after {
content: "Aus Zentrale";
position: relative;
display: inline-block;
font-size: var(--rd-fontsize-3);
color: var(--rd-success-default);
}
.user_fa_name {
display: block;
font-size: var(--rd-fontsize-3);
font-style: italic;
color: var(--cl-blue-grey);
}
.StartCountDown,
.support-teaser-b .titel {
font-size: var(--rd-fontsize-8);
line-height: var(--rd-lineheights-0);
text-align: center;
font-weight: var(--rd-fontweights-open-sans-1);
}
.StartCountDown {
display: inline-grid;
grid-template-areas: "D P1 H P2 M P3 S";
gap: 8px;
padding: 16px;
background-color: #a1c565;
font-style: normal;
letter-spacing: 0.01em;
font-feature-settings: "liga" off;
color: #f5f7fb;
border-radius: 10px;
margin-bottom: 40px;
position: relative;
z-index: 1;
}
.StartCountDown div span {
display: block;
font-weight: 400;
color: #f5f7fb;
}
.support-teaser-b {
display: inline-block;
background: #fff;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 32px 100px;
position: relative;
}
.support-teaser-b .titel {
align-items: center;
color: var(--rd-primary-active);
margin-bottom: 24px;
}
.dEnd .rd-green-info-msg,
.demo_page .support-teaser-b p,
.support-teaser-b p {
font-weight: var(--rd-fontweights-open-sans-0);
}
.support-teaser-b p {
font-size: var(--rd-fontsize-5);
line-height: var(--rd-lineheights-1);
text-align: center;
color: var(--rd-font-dark);
margin-bottom: 27px;
}
.dEnd .rd-wizard-bg .urls ul li a,
.dEnd p,
.fStart .rd-wizard-bg .urls ul li a,
.fStart p {
font-weight: var(--rd-fontweights-open-sans-2);
line-height: var(--rd-lineheights-1);
color: var(--rd-font-dark);
}
.dEnd h1,
.fStart h1 {
margin-bottom: 40px !important;
}
.support-teaser-b .contact_overpop_phonewrap {
display: inline-flex;
}
.dEnd .rd-green-info-msg,
.dEnd .rd-yellow-info-msg {
display: inline-flex;
margin-bottom: var(--rd-spacing-lg);
font-size: var(--rd-fontsize-7);
line-height: var(--rd-lineheights-1);
gap: 14px;
text-align: left;
font-weight: var(--rd-fontweights-open-sans-0);
}
.dEnd .contact_overpop_phone a {
font-size: var(--rd-fontsize-8);
font-weight: var(--rd-fontweights-open-sans-1);
line-height: var(--rd-lineheights-1);
letter-spacing: 1.1px;
color: var(--rd-font-dark);
}
.rd-yellow-info-msg {
background-color: var(--rd-success-inactive);
padding: 8px 16px 8px;
margin: 0 16px;
font-weight: var(--rd-fontweights-open-sans-2);
font-size: var(--rd-fontsize-2);
line-height: var(--rd-lineheights-0);
color: var(--rd-success-pressed);
position: relative;
border-radius: var(--rd-borderradius-border-md);
display: grid;
grid-template-columns: 36px auto;
border-radius: var(--rd-borderradius-border-md);
}
.rd-yellow-info-msg {
background-color: #fefce8;
color: var(--rd-warning-pressed);
}
.rd-yellow-info-msg.rd-icon-info::before {
background-color: var(--rd-warning-pressed);
}
.rd-green-info-msg.rd-icon-info:before {
align-self: center;
}
.rd-demo-desc-title+p {
margin-bottom: var(--rd-spacing-x-big) !important;
}
.dEnd h1 {
max-width: unset !important;
}
.dEnd a.rd-primary-btn,
.dEnd p {
margin-bottom: var(--rd-spacing-lg);
}
.rd-demo-btns .rd-primary-btn,
.rd-demo-btns .rd-primary-btn-outline {
margin-bottom: var(--rd-spacing-x-big) !important;
}
.dEnd p,
.fStart p {
font-size: var(--rd-fontsize-5);
position: relative;
z-index: 1;
}
.dEnd a.rd-primary-btn,
.dEnd .rd-primary-btn-outline {
position: relative;
z-index: 1;
}
.rd-demo-btns {
display: flex;
justify-content: center;
gap: 20px;
align-items: center;
flex-wrap: wrap;
}
.dEnd .contact_overpop_phonewrap {
display: inline-grid;
grid-template-areas: "TEL PH";
gap: 40px;
white-space: nowrap;
}
.dEnd .rd-wizard-bg .urls ul,
.fStart .rd-wizard-bg .urls ul {
display: inline-flex;
gap: 54px;
padding: 0;
margin: 0 0 20px;
}
.dEnd .rd-wizard-bg .urls ul li,
.fStart .rd-wizard-bg .urls ul li {
display: block;
padding: 0;
margin: 0;
}
.dEnd .rd-wizard-bg .urls ul li a,
.fStart .rd-wizard-bg .urls ul li a {
font-size: var(--rd-fontsize-5);
}
.demo_page .support-teaser-b p {
margin-bottom: 24px;
}
.qmh_text_element .read_date span,
.qmh_user_elementn .date span,
.wartung_teaser {
font-weight: var(--rd-fontweights-open-sans-2);
}
.demo_page .support-teaser-b {
z-index: 1;
margin-bottom: 80px;
}
.demo_page .support-teaser-b .contact_overpop_phonewrap {
display: inline-flex;
gap: 48px;
max-width: 100%;
}
.dEnd .rd-wizard-bg,
.demo_page,
.fStart .rd-wizard-bg {
background-color: #f5f7fb;
}
.dEnd .rd-wizard-bg,
.fStart .rd-wizard-bg {
position: absolute;
pointer-events: unset;
}
.fStart p {
margin-bottom: var(--rd-spacing-lg);
}
.demo_page {
text-align: center !important;
}
.rd-demo-desc-title {
font-size: var(--rd-fontsize-8);
font-weight: var(--rd-fontweights-open-sans-0);
line-height: var(--rd-lineheights-0);
letter-spacing: 0.22px;
color: var(--rd-font-dark);
margin-bottom: var(--rd-spacing-x-big);
}
.rd-demo-desc p {
font-size: var(--rd-spacing-md);
line-height: 170%;
/* 27.2px */
letter-spacing: 0.16px;
color: var(--rd-font-dark);
}
.demo_page h1 img[alt="Unhappy Face"] {
width: 40px;
}
.dEnd .mainframe>section,
.fStart .mainframe>section {
overflow: auto;
position: relative;
min-height: 100vh;
}
.urls {
align-self: self-end;
}
.dEnd .mainframe,
.fStart .mainframe {
min-height: 100vh;
}
.qmh_user_elementn {
display: grid;
grid-template-areas: "ICON TEXT";
grid-template-columns: 80px auto;
margin: 10px;
border-bottom: 1px solid var(--cl-light-grey);
padding-bottom: 10px;
}
.ttitel_date {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.qmh_user_elementn .date {
position: relative;
color: #637381;
font-size: var(--rd-fontsize-4);
line-height: 14px;
font-weight: var(--rd-fontweights-open-sans-0);
}
.selectet_inst_menu .left_side,
.selectet_inst_menu .right_site {
line-height: var(--rd-lineheights-1);
font-weight: var(--rd-fontweights-open-sans-0);
align-self: center;
}
.qmh_user_elementn .date:before {
content: "";
display: inline-block;
width: 19px;
height: 19px;
background-position: 50%;
filter: grayscale(1);
background-image: url("/src/img/svg/af/calendar-alt-solid.svg");
position: absolute;
top: -2px;
left: -22px;
}
.que_typ_text:before,
.que_typ_thema:before {
content: "";
display: inline-block;
position: absolute;
background-color: var(--cl-blue-grey);
width: 20px;
height: 20px;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
left: calc(50% - 10px);
top: 30px;
}
.que_typ_thema:before {
mask-image: url("/src/img/2021/svg/file.svg");
-webkit-mask-image: url("/src/img/2021/svg/file.svg");
}
.que_typ_text:before {
mask-image: url("/src/img/2021/thema-Icon.svg");
-webkit-mask-image: url("/src/img/2021/thema-Icon.svg");
}
.qmh_text_element {
border-bottom: 1px solid var(--rd-input-focused);
padding-bottom: 10px;
padding: var(--rd-spacing-sm);
}
.qmh_text_element.read {
background-color: var(--rd-list-hover);
}
.qmh_text_element .titel {
margin-bottom: 5px;
}
.qmh_text_element .titel .thema {
font-weight: var(--rd-fontweights-open-sans-1);
font-size: var(--rd-fontsize-3);
text-transform: uppercase;
color: var(--cl-blue-grey);
}
.qmh_text_element .titel .thema span {
display: inline-block;
margin-right: var(--rd-spacing-sm);
}
.contant_frame a.lock_user,
.labal-input-flex label,
.qmh_text_element.read .text {
font-weight: var(--rd-fontweights-open-sans-1);
}
.qmh_text_element .read_date:before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background-color: var(--rd-success-default);
vertical-align: middle;
margin-right: 5px;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-image: url("/src/img/2023/svg/icons/rd-icon-check-green.svg");
-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-check-green.svg");
}
.selectet_inst_menu .left_side .close_btn_white,
.selectet_inst_menu .right_site ul li:after {
background-color: #fff;
width: 20px;
height: 20px;
mask-position: 50%;
mask-repeat: no-repeat;
vertical-align: middle;
}
.qmh_text_element.read .text {
color: var(--rd-success-hover);
}
.banner_from_flex {
display: grid;
grid-template-columns: 50% 50%;
gap: 20px;
}
.selectet_inst_menu {
display: flex;
width: 100%;
background-color: var(--rd-success-default);
color: #fff;
padding: var(--rd-spacing-x-big);
border-radius: var(--rd-borderradius-border-lg);
justify-content: space-between;
gap: var(--rd-spacing-x-big);
}
.selectet_inst_menu a,
.selectet_inst_menu a:hover,
.selectet_inst_menu span {
color: #fff;
cursor: pointer;
}
.selectet_inst_menu .attention a {
color: var(--rd-error-pressed);
}
.selectet_inst_menu .left_side {
font-size: var(--rd-fontsize-5);
min-width: 280px;
}
.selectet_inst_menu .left_side .close_btn_white {
display: inline-block;
cursor: pointer;
margin-right: var(--rd-spacing-md);
mask-size: contain;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2023/svg/icons/rd-icon-close.svg");
-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-close.svg");
-webkit-mask-repeat: no-repeat;
margin-top: -2px;
}
.selectet_inst_menu .right_site {
font-size: var(--rd-fontsize-4);
}
.selectet_inst_menu .right_site ul {
display: flex;
margin: 0;
padding: 0;
flex-wrap: wrap;
gap: var(--rd-spacing-x-big);
justify-content: flex-start;
row-gap: var(--rd-spacing-sm);
}
.selectet_inst_menu .right_site ul li:after {
content: "";
display: inline-block;
margin-left: var(--rd-spacing-xx-sm);
mask-size: contain;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2023/svg/icons/rd-icon-arrowRight.svg");
-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-arrowRight.svg");
-webkit-mask-repeat: no-repeat;
}
.selectet_inst_menu .right_site ul li.attention:after {
background-color: var(--rd-error-pressed);
}
.selectet_inst_menu .right_site ul li.attention:before {
content: "";
background-color: var(--rd-error-pressed);
margin-right: var(--rd-spacing-x-sm);
display: inline-block;
mask-size: contain;
-webkit-mask-size: contain;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2023/svg/icons/rd-icon-trash.svg");
-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-trash.svg");
-webkit-mask-repeat: no-repeat;
width: 15px;
height: 15px;
vertical-align: middle;
}
label[for="session_check_all_btn"] {
display: block;
margin-top: 50px;
}
.banner_prev_text {
position: absolute;
left: 0;
padding: 5px;
font-style: italic;
z-index: 1000;
top: 0;
font-size: var(--rd-fontsize-3);
}
.fromoverlay .rd-infobar {
margin-bottom: 16px;
}
.kurseditform .rd-infobar {
margin-top: var(--rd-spacing-sm);
}
.labal-input-flex {
display: grid;
gap: 16px;
width: 100%;
align-items: center;
grid-template-areas: "LABEL INPUT";
grid-template-columns: auto auto;
text-align: left;
}
.labal-input-flex label {
font-size: var(--rd-fontsize-3);
line-height: var(--rd-lineheights-0);
color: var(--rd-font-dark);
}
.del_form a.lock_user {
color: #637381;
font-family: "Open Sans";
font-size: var(--rd-fontsize-4);
}
.contant_frame a.lock_user {
border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
border-radius: var(--rd-borderradius-border-md);
background: linear-gradient(180deg, var(--rd-font-light) 0, #f9fafb 100%);
box-shadow: 0 2px 4px 0 var(--cl-pale-grey);
color: #637381;
font-family: "Open Sans";
font-size: var(--rd-fontsize-4);
padding: 10px;
cursor: pointer;
display: inline-block;
line-height: 16px;
margin-bottom: 20px;
}
.WartungToast .hamer_icon,
a.lock_user:before {
background-size: 100%;
background-repeat: no-repeat;
background-position: 50%;
}
a.lock_user:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 5px;
background-image: url("/src/img/svg/af/lock-solid.svg");
}
.wartung_teaser {
display: block;
background-color: var(--cl-light-green);
padding: var(--rd-spacing-x-big) var(--rd-spacing-lg);
font-size: var(--rd-fontsize-5);
margin-left: -40px;
margin-right: -40px;
}
.tools_icon {
display: inline-block;
width: 22px;
height: 29px;
background-image: url("/src/img/2023/svg/svg_img/wartung-icon.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
vertical-align: top;
}
.wartung_teaser~.instr_right_btn_element {
margin-top: 80px;
}
.instr_view_double_grid {
display: grid;
grid-template-areas: "LEFT RIGHT";
grid-template-columns: 60% 40%;
width: calc(100% - 16px);
gap: 16px;
}
.instr_view_double_grid>div {
position: relative;
}
@media screen and (max-width: 1300px) {
.dbke_menu>span:last-child:after {
display: none;
}
.dbke_title {
margin-bottom: 0;
margin-top: 0;
}
.kp_we_banners>div {
max-width: 847px;
}
.instr_view_double_grid {
display: grid;
grid-template-areas: "LEFT" "RIGHT";
grid-template-columns: 100%;
width: calc(100%);
gap: 16px;
}
}
.view-content-box {
display: block;
background-color: var(--rd-font-light);
border: 1px solid var(--rd-list-active);
border-radius: var(--rd-borderradius-border-md);
box-shadow: 0 0 1px 0 rgba(63, 63, 68, 0.5),
0 1px 3px 0 rgba(63, 63, 68, 0.15);
}
.vcb-titel {
display: flex;
padding: 10px;
justify-content: space-between;
}
.vcb-titel>div:first-child {
color: var(--cl-blue-grey);
font-size: var(--rd-fontsize-4);
font-weight: var(--rd-fontweights-open-sans-0);
line-height: 19px;
text-transform: uppercase;
}
.shared_progress>span {
display: inline-block;
max-width: 80%;
}
.view-content-box table .central td:first-child:after {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background-color: var(--rd-primary-active);
vertical-align: middle;
margin-left: 8px;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url("/src/img/svg/global_icon.svg");
-webkit-mask-image: url("/src/img/svg/global_icon.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.fa_licens {
font-size: var(--rd-fontsize-4);
color: var(--rd-input-hover);
margin-left: var(--rd-spacing-x-sm);
}
pc-facility-selector.homes_list .er_ast.curent,
pc-facility-selector.homes_list .er_ast:hover {
background-color: transparent;
box-shadow: none;
}
.dbk_element_topLearner {
width: auto;
height: unset;
text-align: left;
}
.top_lerner_table .range {
display: inline-block;
width: 60px;
height: 10px;
background-color: var(--rd-input-default);
border-radius: var(--rd-borderradius-border-md);
position: relative;
margin: 0 var(--rd-spacing-x-sm);
overflow: hidden;
}
.top_lerner_table .range span {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-color: var(--rd-success-default);
}
.footer_edit_form {
padding: 16px;
}
.edit_interview {
padding: 20px;
}
.user_has_nor_roles {
color: var(--rd-primary-active);
font-size: var(--rd-fontsize-5);
font-weight: 400;
}
.user_has_nor_roles:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-color: var(--rd-primary-active);
margin-right: var(--rd-spacing-sm);
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2023/svg/icons/rd-icon-info-circle.svg");
-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-info-circle.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
vertical-align: middle;
}
.recomend_no,
.recomend_yes {
display: inline-block;
width: 26px;
height: 26px;
margin-right: 2px;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
vertical-align: middle;
}
.avg_user_star,
.fuser_rolls {
display: block;
font-size: var(--rd-fontsize-3);
}
.recomend_yes {
background-color: var(--rd-success-default);
mask-image: url("/src/img/2021/svg/emoji-happy.svg");
-webkit-mask-image: url("/src/img/2021/svg/emoji-happy.svg");
}
.recomend_no {
background-color: var(--rd-error-pressed);
mask-image: url("/src/img/2021/svg/emoji-sad.svg");
-webkit-mask-image: url("/src/img/2021/svg/emoji-sad.svg");
}
.fuser_rolls {
color: var(--rd-input-focused);
font-style: italic;
font-weight: var(--rd-fontweights-open-sans-2);
}
.WartungToast,
.newQMUserAddPopup label {
font-weight: var(--rd-fontweights-open-sans-1);
}
.avg_user_star {
opacity: 0.5;
}
.flex_btn {
display: flex;
gap: 16px;
}
.UnderConstruction {
display: inline-block;
max-width: 400px;
}
.underConstrationCont {
padding: var(--rd-spacing-x-big);
}
.white_sel a {
color: var(--rd-primary-active) !important;
}
.foerderungsantrag .white_sel a,
.qmhpage a {
color: var(--rd-font-light) !important;
}
.qmhpage a {
text-decoration: none;
}
.foerderungsantrag .white_sel a {
text-decoration: none;
}
td[data-label="Preis"] span {
display: block;
font-size: 10px;
font-weight: var(--rd-fontweights-open-sans-0);
}
.newQMUserAddPopup label {
display: block;
font-size: var(--rd-fontsize-3);
}
.newQMUserAddPopup .form_btn_block {
display: flex;
justify-content: end;
padding-right: 0;
padding-left: 0;
max-width: 1590px;
padding-top: var(--rd-spacing-lg);
gap: var(--rd-spacing-md);
}
.qm-add-user-date-range {
display: flex;
gap: 14px;
align-items: center;
}
td .qm-user-home {
display: block;
color: #ccc;
font-size: var(--rd-fontsize-3);
}
.block {
display: block;
}
.white_bg {
background-color: #fff !important;
}
textarea.long {
width: 100%;
min-height: 250px;
}
.WartungToast {
display: block;
position: relative;
z-index: 600;
background-color: var(--rd-warning-default);
font-size: var(--rd-fontsize-5);
font-style: normal;
font-weight: var(--rd-fontweights-open-sans-0);
color: var(--rd-font-dark);
/* 23.52px */
padding: var(--rd-spacing-sm) var(--rd-spacing-xxx-big);
line-height: var(--rd-lineheights-1);
}
.WartungToast:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: var(--rd-font-dark);
vertical-align: top;
margin-top: 2px;
margin-right: 8px;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2023/svg/icons/rd-gear.svg");
-webkit-mask-image: url("/src/img/2023/svg/icons/rd-gear.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.WartungToast a {
float: right;
font-size: 0;
position: relative;
display: flex;
align-items: center;
}
.WartungToast a:before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
background-color: var(--rd-font-dark);
margin-right: 6px;
margin-top: 2px;
vertical-align: top;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2023/svg/icons/rd-icon-info.svg");
-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-info.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.WartungToast a:after {
content: "Weitere Informationen";
color: var(--rd-font-dark);
/* font-feature-settings: 'liga' off; */
/* Link */
/* font-family: "Open Sans"; */
font-size: var(--rd-fontsize-4);
font-style: normal;
font-weight: var(--rd-fontweights-open-sans-2);
line-height: var(--rd-lineheights-0);
/* 18.48px */
letter-spacing: 0.14px;
}
.WartungToast .hamer_icon {
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
background-image: url("https://www.pflegecampus.de/src/img/2023/images/rd-work.png");
}
@media screen and (max-width: 970px) {
.WartungToast a {
float: unset;
display: flex;
justify-content: end;
padding-top: var(--rd-spacing-x-sm);
}
}
.eBueroForm {
padding: var(--rd-spacing-big);
}
.eBueroForm label {
display: block;
font-weight: var(--rd-fontweights-open-sans-0);
font-size: var(--rd-fontsize-3);
margin-top: var(--rd-spacing-big);
}
.eBueroForm button {
margin-top: var(--rd-spacing-big);
}
#mailCopy:has(*) {
padding: 20px;
background-color: var(--rd-list-default-dark);
font-size: var(--rd-fontsize-2);
}
.eBueroFilter {
background-color: var(--rd-list-default-light);
margin-bottom: var(--rd-spacing-md);
padding: var(--rd-spacing-md);
}
.eBueroFilterFlex {
display: flex;
gap: var(--rd-spacing-md);
}
.eBueroFilterFlex select {
padding: var(--rd-spacing-x-sm);
border: 1px solid var(--rd-input-focused);
border-radius: var(--rd-borderradius-border-md);
}
.block.central_name {
color: var(--rd-error-hover);
font-size: var(--rd-fontsize-3);
font-weight: var(--rd-fontweights-open-sans-1);
}
.block.userrols {
font-size: var(--rd-fontsize-2);
color: var(--rd-success-hover);
}
.WartungToast2 {
display: block;
position: relative;
z-index: 600;
background-color: var(--rd-success-inactive);
font-size: var(--rd-fontsize-5);
font-style: normal;
font-weight: var(--rd-fontweights-open-sans-0);
color: var(--rd-font-dark);
/* 23.52px */
padding: var(--rd-spacing-sm) var(--rd-spacing-xxx-big);
line-height: var(--rd-lineheights-1);
}
.WartungToast2:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: var(--rd-font-dark);
vertical-align: top;
margin-top: 2px;
margin-right: 8px;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-image: url("/src/img/2023/svg/icons/rd-gear.svg");
-webkit-mask-image: url("/src/img/2023/svg/icons/rd-gear.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.WartungToast2 a {
float: right;
position: relative;
display: flex;
}
.prev_categorie .rd-primary-btn.disabled,
.prev_categorie .rd-primary-btn.disabled:hover {
color: var(--rd-list-active) !important;
background-color: var(--rd-primary-active) !important;
opacity: 0.2;
}
.demo-messe-form h1,
.demo-messe-form h2 {
font-size: var(--rd-fontsize-10);
color: var(--rd-primary-active);
}
.demo-messe-form .flex {
align-items: flex-end;
width: calc(100% - 14px);
gap: var(--rd-spacing-sm);
margin-bottom: var(--rd-spacing-md);
margin-top: var(--rd-spacing-big);
}
.demo-messe-form label {
display: block;
font-weight: var(--rd-fontweights-open-sans-0);
}
.demo-messe-form pc-files {
width: 100%;
margin-top: 0;
}
.demo-messe-form pc-files .pc_ufiles_uploadlink {
margin-top: 0;
}
.demo-messe-form input,
.demo-messe-form select {
padding: 12px;
font-size: var(--rd-fontsize-4);
border: 1px solid var(--rd-input-focused);
width: 100%;
}
.demo-messe-form .flex.fx1,
.demo-messe-form .flex.fx3 {
display: grid !important;
grid-template-areas: "EL1 EL2";
grid-template-columns: 50% 50%;
}
@media screen and (max-width: 970px) {
.demo-messe-form .flex.fx1,
.demo-messe-form .flex.fx3,
.demo-messe-form .flex {
display: block !important;
width: 100%;
}
.rd-checkboxes-listitem-group {
margin-bottom: 10px;
}
}
#ue-return {
font-weight: var(--rd-fontweights-open-sans-1);
font-size: var(--rd-fontsize-4);
text-align: left;
padding-left: 50%;
margin-top: var(--rd-spacing-sm);
}
[data-popup="AddModul"] .prev_img {
border: 1px solid var(--rd-input-default);
margin-bottom: var(--rd-spacing-md);
border-radius: var(--rd-borderradius-border-md);
}
.feedback_thx .fofb_titel {
max-width: unset;
}
.feedback_overlay.feedback_thx #aeanimation {
max-width: 450px;
}
[data-label="Status"] .packages {
display: block;
font-weight: bold;
color: var(--rd-primary-active);
}
body[data-page="demo-archiv"] td[data-label="Vorname Name"] {
word-wrap: break-word;
max-width: 250px;
}
.old_titel+div.slack_info {
margin-bottom: 15px;
font-size: var(--rd-fontsize-3);
color: var(--rd-secondary-active);
}
.bestellung form.newBestellung {
background-image: none;
width: 100%;
/* display: flex; */
}
.bestellung form.newBestellung {
background-image: none;
width: 100%;
/* display: flex; */
}
.bestelen_flex {
gap: 64px;
display: inline-grid;
width: 100%;
grid-template-areas: "LEFT RIGHT";
grid-auto-columns: 50% 50%;
}
.ihre_daten {
background-color: #f2f6fa;
padding: 40px;
border-radius: 8px;
background-image: var(--magenta-dashed-border);
}
.bestelen_flex .bestellung-form-titel,
.bestelen_flex .label {
color: var(--rd-primary-active);
/* font-feature-settings: 'liga' off; */
font-size: var(--rd-fontsize-8);
/* font-style: normal; */
font-weight: var(--rd-fontweights-open-sans-1);
line-height: var(--rd-lineheights-0);
/* 29.04px */
/* letter-spacing: 0.22px; */
background-color: transparent;
padding: 0;
text-shadow: unset !important;
}
.pf_block {
padding: 16px 24px;
border-radius: var(--xx-sm, 4px);
border: var(--zero, 1px) solid var(--Primary-Inactive, #ccc);
background: var(--BW-White, #fff);
/* Shadow - xxs */
box-shadow: 0px 1px 2px 0px rgba(15, 15, 16, 0.05);
margin-bottom: 16px;
}
.packet_label {
overflow: hidden;
color: var(--Font-Dark, #0d1130);
font-feature-settings: "liga" off;
text-overflow: ellipsis;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 132%;
/* 23.76px */
letter-spacing: 0.18px;
}
.packet_preis {
color: var(--rd-primary-active);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 170%;
/* 23.8px */
}
.packet_preis span {
color: var(--rd-font-dark);
}
.packet_info {
overflow: hidden;
color: var(--Font-Subline, #64646a);
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 170%;
/* 23.8px */
margin-top: 12px;
}
/* .ihr_paket{
display:flex;
flex-direction: column;
justify-content: space-between;
} */
.gesamt_preis_block {
display: flex;
justify-content: space-between;
margin-bottom: 32px;
}
.gesamt_preis_block .label {
color: var(--rd-font-dark);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 132%;
/* 23.76px */
letter-spacing: 0.18px;
}
.gesamt_preis_block .preis {
display: grid;
grid-template-areas:
"PREIS TEXT"
"INFO INFO";
text-align: right;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 132%;
letter-spacing: 0.18px;
gap: 4px;
}
.gesamt_preis_block .preis .summe {
grid-area: PREIS;
color: var(--rd-primary-active);
}
.gesamt_preis_block .preis .text {
grid-area: TEXT;
color: var(--rd-font-dark);
}
.gesamt_preis_block .preis .info {
grid-area: INFO;
color: var(--Font-Subline, #64646a);
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 170%;
/* 23.8px */
}
.info_preis3 {
color: var(--BW-Black, #0d1130);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 16px;
text-align: left;
}
.gif_bot {
display: inline-block;
width: 54px;
height: 81px;
background-size: 100px;
background-repeat: no-repeat;
background-image: url("/src/img/2024/gifs/campusAnimation.gif");
background-position: 50%;
}
.gifed-titel {
display: inline-flex;
align-items: end;
margin-bottom: var(--rd-spacing-x-lg) !important;
}
.gifed-titel+div+p {
font-size: 16px;
font-weight: 400;
line-height: 29px;
color: #374551;
margin-bottom: 48px;
}
.cc_submenu {
position: absolute;
background-color: #fff;
z-index: 1001;
box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.5);
margin-left: 20px;
border-radius: var(--rd-borderradius-border-md);
z-index: 10;
}
.cc_submenu ul,
.cc_submenu li {
display: block;
margin: 0;
padding: 0;
}
.cc_submenu ul {
padding: var(--rd-spacing-sm);
width: 100%;
}
.cc_submenu li a {
display: flex;
padding: var(--rd-spacing-x-sm);
color: var(--rd-input-hover);
font-size: var(--rd-fontsize-4);
font-weight: var(--rd-fontweights-open-sans-1);
gap: var(--rd-spacing-x-sm);
align-items: center;
}
.cc_submenu li span {
color: var(--rd-font-dark);
font-feature-settings: 'liga' off;
/* BodySM/Medium */
/* font-family: "Open Sans"; */
font-size: var(--rd-fontsize-3);
font-style: normal;
font-weight: var(--rd-fontweights-open-sans-1);
line-height: 132%;
/* 15.84px */
letter-spacing: 0.12px;
display: flex;
gap: 8px;
cursor: pointer;
}
.cc_submenu li span:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: var(--rd-font-dark);
align-items: center;
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.cc_submenu li span.user_add:before {
mask-image: url("/src/img/2024/svg/icons/rd-icon-users.svg");
-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-users.svg");
}
.cc_submenu li span.new_kotakt:before {
mask-image: url("/src/img/2024/svg/icons/rd-icon-plus-btn.svg");
-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-plus-btn.svg");
}
.cc_submenu li a:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: var(--rd-input-hover);
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.kontakt_submenu.submenu_list {
display: grid;
gap: 8px;
}
.cc_submenu li a.offline_link:before {
mask-image: url("/src/img/svg/af/street-view-solid.svg");
-webkit-mask-image: url("/src/img/svg/af/street-view-solid.svg");
}
.cc_submenu li a.online_link:before {
mask-image: url("/src/img/svg/af/online_kurs_icon.svg");
-webkit-mask-image: url("/src/img/svg/af/online_kurs_icon.svg");
}
.cc_submenu li a.read_link:before {
mask-image: url("/src/img/svg/af/edit-green.svg");
-webkit-mask-image: url("/src/img/svg/af/edit-green.svg");
}
.td_extra_info {
color: var(--rd-primary-active);
display: block;
font-size: var(--rd-fontsize-2);
}
.animatio_preview form {
max-width: 800px;
}
.wartung_teaser_full {
display: flex;
/* height: 59.63px; */
padding: var(--rd-spacing-sm) var(--rd-spacing-xxx-big);
align-items: center;
gap: var(--rd-spacing-md);
align-self: stretch;
background: var(--rd-warning-inactive);
justify-content: space-between;
color: var(--rd-warning-pressed);
/* font-family: "Open Sans"; */
font-size: var(--rd-fontsize-5);
font-style: normal;
font-weight: var(--rd-fontweights-open-sans-0);
line-height: var(--rd-lineheights-1);
/* 23.52px */
/* height: 60px; */
width: 100%;
}
.wartung_teaser_full .text {
display: flex;
align-items: center;
gap: 8px;
color: var(--rd-warning-pressed);
}
.wartung_teaser_full .text:before {
content: "";
width: 20px;
height: 20px;
display: inline-block;
background-color: var(--rd-warning-pressed);
mask-image: url("/src/img/2024/svg/icons/rd-icon-cog.svg");
-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-cog.svg");
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.wartung_teaser_full .actions {
display: flex;
white-space: nowrap;
width: unset;
gap: 16px;
}
.wartung_teaser_full .actions a {
color: var(--rd-warning-pressed);
font-size: var(--rd-fontsize-4);
font-style: normal;
font-weight: var(--rd-fontweights-open-sans-2);
line-height: var(--rd-lineheights-0);
/* 18.48px */
letter-spacing: 0.14px;
display: flex;
align-items: center;
gap: 8px;
}
.wartung_teaser_full .actions a:before {
content: "";
width: 14px;
height: 14px;
display: inline-block;
background-color: var(--rd-warning-pressed);
mask-image: url("/src/img/2023/svg/icons/rd-icon-info-circle.svg");
-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-info-circle.svg");
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.wartung_teaser_full .actions .close {
width: 20px;
height: 20px;
display: inline-block;
background-color: var(--rd-warning-pressed);
opacity: 1;
mask-image: url("/src/img/2023/svg/icons/rd-icon-close.svg");
-webkit-mask-image: url("/src/img/2023/svg/icons/rd-icon-close.svg");
mask-size: contain;
-webkit-mask-size: contain;
mask-position: 50%;
-webkit-mask-position: 50%;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
@media (max-width: 960px) {
.wartung_teaser_full {
display: none;
}
}
.berater_flex_td {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.berater_block {
display: block;
background-color: var(--rd-font-light);
box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
border-radius: 4px;
overflow: hidden;
}
.berater_block_head {
display: flex;
padding: 10px;
gap: 8px;
font-weight: var(--rd-fontweights-open-sans-0);
background-color: var(--rd-input-disabled);
border-bottom: 1px solid var(--rd-input-default);
}
.berater_block_body {
padding: 10px;
}
.berater_block_body_head {
font-weight: var(--rd-fontweights-open-sans-0);
font-size: var(--rd-fontsize-4);
color: var(--rd-primary-active);
}
.berater_block_body_content .berater_block_body_content_item {
border: 1px solid var(--rd-input-default);
margin-bottom: 8px;
padding: 12px;
}
.berater_block_body_content_item.checked {
opacity: 0.5;
filter: grayscale();
}
.berater_block_body_content {
padding-left: 20px;
}
.berater_block_body_content.ticket .berater_block_body_content_item {
background-color: var(--rd-list-default-dark);
}
.berater_block_body_content.termin .berater_block_body_content_item {
background-color: var(--rd-primary-inactive);
}
.berater_block_body_content_item_firma {
font-weight: var(--rd-fontweights-open-sans-0);
}
.berater_block_body_content_item_name {
font-size: var(--rd-fontsize-5);
}
.timeSlots tr:nth-child(2n) {
background-color: #f2f2f2;
/* Beispiel: helle graue Hintergrundfarbe */
}
.secondUser {
background-color: var(--rd-error-default);
padding: var(--rd-spacing-big);
color: var(--rd-card-fg);
}
.secondUserIndex {
background-color: var(--rd-error-default);
color: var(--rd-card-fg);
padding: var(--rd-spacing-x-sm);
border-radius: var(--rd-borderradius-border-md);
display: block;
}
.secondUserIndex label {
display: block;
font-weight: var(--rd-fontweights-open-sans-0);
font-size: var(--rd-fontsize-3);
margin: 0;
}
.arciv_tag {
display: block;
color: var(--rd-error-hover);
font-weight: var(--rd-fontweights-open-sans-1);
font-size: var(--rd-fontsize-3);
}
.removed-text {
padding: var(--rd-spacing-xx-sm);
display: inline-block;
text-decoration: line-through;
background-color: var(--rd-error-inactive);
color: var(--rd-error-pressed);
}
.added-text {
padding: var(--rd-spacing-xx-sm);
display: inline-block;
background-color: var(--rd-list-active);
color: var(--rd-success-default);
}
.userdata,
.termindata {
display: none;
}
input:checked+.userdata,
input:checked+.termindata {
display: block;
}
.messe_fachbeitrag_zertifikat {
.cert1imgbg {
position: relative;
margin: 40px;
background-image: url("/zertifikat/img/small_magenta_radial_gardient.svg");
background-size: contain;
padding: 20px;
background-repeat: no-repeat;
background-position: 50%;
}
.cert2imgbg {
position: relative;
margin: 40px;
background-image: url("/zertifikat/img/small_green_radial_gardient.svg");
background-size: contain;
padding: 20px;
background-repeat: no-repeat;
background-position: 50%;
}
.pdf-download {
margin-bottom: 48px;
}
.cert1imgbg img[alt="Zertifikat"] {
position: relative;
z-index: 1;
}
.cert1imgbg img[alt="Verlauf"] {
position: absolute;
z-index: 0;
height: 100%;
}
form {
padding: 0 14px;
}
.waffelImgBg {
margin: 40px 0;
}
.waffelImgBg>span {
display: inline-block;
width: 160px;
height: 160px;
border-radius: 100%;
background-position: 50%;
background-size: cover;
}
.agbBlock {
margin: var(--rd-spacing-xxx-big) 0;
}
.agbBlock a {
color: var(--rd-primary-active);
}
.titel {
color: #0d1130;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 17px;
}
.waffel-block {
margin-bottom: 64px;
}
.buehenprogramm {
margin: 38px;
padding: 38px;
background-image: var(--magenta-dashed-border);
border-radius: var(--rd-borderradius-border-lg);
.firework {
margin-bottom: 20px;
}
}
.subtext {
color: #0d1130;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 27px;
/* 150% */
margin-bottom: 40px;
display: inline-block;
max-width: 600px;
}
legend {
color: #0d1130;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%;
/* 28px */
border: none;
margin-bottom: 16px;
}
label {
display: block;
padding: 0;
color: #374551;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 150% */
margin-bottom: 8px;
}
input.inputText,
select {
display: block;
border-radius: 4px;
border: 1px solid var(--gray-300, #d1d5db);
background: var(--color-grey-96, #f7fbf0);
padding: 4px;
width: 100%;
margin-bottom: 16px;
color: #727c84;
font-family: "Open Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.radio_group {
display: flex;
justify-content: space-between;
margin-bottom: 48px;
}
.radio_group label {
color: #727c84;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
/* 125% */
}
.radio_group>div {
display: flex;
gap: 3px;
}
.cert_form {
display: inline-block;
}
.pdf-download canvas {
width: 262px;
margin-bottom: 24px;
box-shadow: 0 0.12rem 0.25rem rgba(0, 0, 0, 0.25);
}
.demoblock {
text-align: center;
background: var(--Green-Green-100, #E7F0D9);
margin-right: -16px;
margin-left: -16px;
padding: var(--rd-spacing-lg);
}
.demoblock_logo img {
width: 200px;
}
.rd-primary-btn-outline,
.rd-primary-btn,
.rd-secondary-btn {
width: auto;
}
@media screen and (min-width: 1200px) {
.cert_form {
padding: var(--rd-spacing-huge);
border: 1px dashed var(--rd-primary-active);
border-radius: var(--rd-borderradius-border-md);
}
}
}
.zertifikat-danke.messe-seite .plan {
margin-top: 0;
}
#Buehnenprogramm .topExperten {
padding: var(--rd-spacing-xxx-big);
}
#Buehnenprogramm .programm {
padding: var(--rd-spacing-xxx-big);
display: inline-block;
}
#Buehnenprogramm .waffel {
padding: var(--rd-spacing-xxx-big);
}
[data-label="Typ"] .url{
display:block;
font-size: var(--rd-fontsize-2);
margin-top: var(--rd-spacing-x-sm);
}