html {
    font-size: 0.052vw;
}

body {
    font-size: 15rem;
    font-family: "Nunito Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style:normal;
    color: #222;
}

header {
    position: sticky;
    top: 0;
    border: 1px solid #eee;
    padding: 1em 2em;
    background: #fff; 
    z-index: 10;
}

header ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

header > ul > li {
    margin-right: 1.5em;
    margin-left: 1.5em;
    position: relative;
}

header ul ul {
    position: absolute;
    background: #fff;
    display: none;
    white-space: nowrap;
    border: 1px solid #eee;
    padding: 0.5em;
}

header ul li:hover ul {
    display: block;
}

header li li a {
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    display: block;
}

header li li:last-child a {
    border: 0;
}

a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

header h2 {
    font-size: 125%;
    color: #000;
}

.flx {
    display: flex;
    justify-content: space-between;
}

.ac {
    align-items: center;
}

.fs {
    justify-content: flex-start;
}

/*ANCHOR Header */
header a.logo img {
    height: 3em;
}

.pno {
    opacity: 0.65;
    pointer-events: none;
}

.easyeditor {
    min-height: 6em;
}

.pd {
    padding: 0.5em;
    border-radius: 0.25em;
}

.mr {
    margin-right: 1em;
}

.w12 {
    width: 50%;
}

.w13 {
    width: 33%;
}

.w23 {
    width: 66%;
}

.mb {
    margin-bottom: 2em;
}

.invis {
    display: none;
}

/*ANCHOR Farben */
.f_0,
div.block.f_0 {
    background: #FF7E1420;
}
.f_1,
div.block.f_1 {
    background: #B52C2020;
}
.f_2,
div.block.f_2 {
    background: #bdb57310;
}
.f_3,
div.block.f_3 {
    background: #42C0FB10;
}
.f_4,
div.block.f_4 {
    background: #10cb3110;
}

.t_green {
    background: #3CB371;
}

.t_red {
    background: #FF530D;
}
.br_1 {
    border-left: 0.25em solid #B52C20;
    padding-left: 1em;
}
.br_2 {
    border-left: 0.25em solid #42C0FB;
    padding-left: 1em;
}
.br_3 {
    border-left: 0.25em solid #10cb31;
    padding-left: 1em;
}

/*ANCHOR Views */
div.view {
    padding: 2em;
    background: #fafafa;
}

div.block {
    background: #ffffff90;
    border: 1px solid #ccc;
    padding: 1em;
    border-radius: 0.25em;
    margin-bottom: 2em;
}

div.block.b_red {
    border-color:#B52C20;
    border-width: 3rem;
}
div.block.b_orange {
    border-color:#42C0FB;
    border-width: 3rem;
}

div.block h2 {
    margin-top: 0;
    font-size: 125%;
}

div.block div.tab h2 {
    font-size: 175%;
}

div.flx > div.block {
    width: 45%;
}

div.view h1 {
    background: #333;
    padding: 0.25em 2em;
    color: #fff;
    width: fit-content;
    border-radius: 0.25em;
}

div.view div.menu h1 {
    font-size: 135%;
    width: 100%;
    background: none;
    color: #000;
    padding: 0;
    margin-bottom: 1em;
}

a.admin_a {
    display: block;
    width: fit-content;
    background: #666;
    color: #fff;
    padding: 0.35em 1.5em;
    border-radius: 0.25em;
}

/*ANCHOR tables */

div.grid-x {
    display: flex;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

ul.pagination {
    display: flex;
    list-style: none;
    margin: 0;
}

ul.pagination li {
    margin-left: 0.25em;
    margin-right: 0.25em;
    white-space: nowrap;
}

table {
    font-size: 85%;
}

table.dataTable>tbody>tr>th, 
table.dataTable>tbody>tr>td {
    padding: 0.35em;
    text-align: left;
}

table.dataTable>tbody>tr:hover {
    background: #f8f8f8;
}

table.dataTable>tbody>tr>td {
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}

div.dt-length label {
    display: flex;
    align-items: center;
}

div.dt-length label select {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

table tr td a {
    font-weight: 600;
}

span.tour_stat {
    display: block;
    width: 3em;
    height: 1em;
}

span.more {
    display: block;
    position: relative;
    width: 2em;
}

span.more > span {
    display: block;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    padding: 1em;
    background: #444;
    border-radius: 0.25em;
    color: #fff;
    transition: 0.6s;
}

span.more:hover > span {
    opacity: 1;
    visibility: visible;
    right: 0;
    min-width: 20em;
}

/*ANCHOR Todos */
span.todo_title span {
    display: none;
}

span.todo_title.open span {
    display: block;
    padding: 1em;
    background: #f3f3f3;
}

span.todo_category {
    border-left:0.5em solid transparent;
    padding-left: 1em;
}

span.tc_1, div.todo_filter a.tc_1 { border-color:#3CB371; }
span.tc_2, div.todo_filter a.tc_2 { border-color:#42C0FB; }
span.tc_3, div.todo_filter a.tc_3 { border-color:#aa4d8e; }
span.tc_4, div.todo_filter a.tc_4 { border-color:#D7A94B; }
span.tc_5, div.todo_filter a.tc_5 { border-color:#dec69c; }
span.tc_6, div.todo_filter a.tc_6 { border-color:#2E5543; }
span.tc_7, div.todo_filter a.tc_7 { border-color:#6a0e15; }
span.tc_8, div.todo_filter a.tc_8 { border-color:#d4d3dd; }
span.tc_9, div.todo_filter a.tc_9 { border-color:#f7d117; }

div.todos {
    margin-bottom: 2em;
}

span.todo_prio {
    display: inline-flex;
    line-height: 1;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border: 1px solid;
    border-radius: 50%;
    width: 1.15em; height: 1.15em;
    margin-right: 0.5em;
    color: #B52C20;
}
span.todo_prio.tp_2 {
    color: #c06d66;
}
span.todo_prio.tp_3 {
    color: #c3a9a7;
}

span.todo_percent {
    display: block;
    width: 100%;
}

span.tpr_1, div.todo_filter a.tpr_1 { background:#3CB37120; }
span.tpr_2 { background:#3CB37140; }
span.tpr_3 { background:#3CB37160; }
span.tpr_4, div.todo_filter a.tpr_4 { background:#3CB37180; }
span.tpr_5 { background:#3CB37199; }
span.tpr_6 { background:#3CB371aa; }
span.tpr_7 { background:#3CB371bb; }
span.tpr_8 { background:#3CB371dd; }
span.tpr_9, div.todo_filter a.tpr_9 { background:#3CB371; }

div.todo_filter {
    margin-bottom: 1em;
}

div.todo_filter a {
    margin-left: 0.5em;
    padding: 0.25em 0.5em;
    border: 1px solid transparent;
    background: #fff;
    border-left: 0.5em solid transparent;
    border-radius: 0.25em;
}

/*ANCHOR Form */

form {
    margin: 0;
    padding: 2em;
    background: #f8f8f8;
}

form label {
    display: flex;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-bottom: 1px solid #ddd;
}

form label span {
    display: block;
    margin-right: 1em;
    width: fit-content;
    min-width: 10em;
}

form button,
form a.button {
    padding: 1em 2em;
    border: 1px solid #aaa;
    border-radius: 0.5em;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-top: 1em;
    width: fit-content;
    cursor: pointer;
    font-family: 'Nunito Sans';
}

.featherlight .featherlight-content {
    padding: 0;
    border: 0;
    border-radius: 0.5em;
}

form div.block {
    margin-bottom: 1em;
}

form input,
form textarea,
form select {
    width: fit-content;
    padding: 0.5em 1.5em;
    border: none;
    background: #f3f3f3;
    font-family: 'Nunito Sans';
    font-size: 100%;
    font-weight: 700;
}

form textarea {
    min-height: 6em;
    min-width: 30em;
}

form input.nm {
    width: 100%;
}

.featherlight .featherlight-close-icon {
    font-family: 'Nunito Sans';
    font-weight: 700;
    font-size: 100%;
    color: #fc0d1b;
    margin: 0.5em;
}

.easyeditor-toolbar {
    padding: 0.5em 1em;
    position: sticky;
    top: 0;
    background: #fff;
}

.easyeditor-toolbar ul {
    margin: 0;
    padding: 0;
}

.easyeditor-toolbar ul button {
    margin-top: 0;
}

.easyeditor {
    padding: 0.5em;
    border: 0;
    background: #eee; 
}

div.guide_segment {
    margin-bottom: 2em;
}

div.tour_live iframe {
    width: 50vw;
    height: 30vw;
}

div.tour_propose p b {
    display: block;
}

div.tour_propose p img {
    max-width: 50%;
    display: block;
}

form div.block.tour_propose {
    background: #f3f3f3;
    padding: 2em;
}

/*ANCHOR Mastering */

div.mastering {
    position: relative;
}

div.mastering a.c_m_full {
    position: absolute;
    background: #666;
    color: #fff;
    padding: 0.25em;
    right: -1em;
    top: -1em;
    width: fit-content;
}

div.mastering.mastering_light div.mastering > div.pno > div {
    display: none;
}
div.mastering.mastering_light div.mastering > div.pno.open > div {
    display: block;
}
div.mastering.mastering_light div.mastering > div.pno > h3 {
    pointer-events:all;
    cursor: pointer;
}

.mla {
    margin-left: auto;
}

div.checklist ul {
    list-style: none;
    padding-left: 1em;
    width: calc(100% - 4.5em);
}

div.checklist ul li {
    margin-bottom: 0.25em;
}

div.checklist span.list_svg {
    margin-top: 1em;
    opacity: 0.5;
}

div.checklist .list_svg svg {
    width: 3em; height: 3em;
}

div.checklist li[data-v="1"] {
    pointer-events: none;
    opacity: 0.65;
}

div.checklist li label {
    position: relative;
    width: 100%;
    display: block;
}

div.checklist li label span {
    position: absolute;
    right: 1em;
}

a.checklist {
    display: block;
    width: fit-content;
    padding: 0.5em 1.5em;
    border-radius: 0.25em;
    background:#B52C20;
    color: #fff;
    margin-right: 1em;
    line-height: 1;
}

div.flx > a.admin_a.ml {
    margin-left: auto;
}

.ml1 {
    margin-left: 1em;
}

div.flx > a.admin_a.t_red {
    background:#B52C20;
}
div.flx > a.admin_a.t_warn {
    background:red;
}

div.mastering > div {
    margin-bottom: 2.5em;
}

/*ANCHOR Tickets */
div.ticket_answer {
    margin-left: 2em;
    border-left: 0.15em solid #ccc;
    padding-left: 1em;
}

div.ticket_answer h3 {
    padding-bottom: 0.5em;
    margin: 0;
}

div.answer_div,
div.answer_new {
    margin-bottom: 3em;
}

div.ticket_answer textarea {
    margin-bottom: 0.5em;
    padding: 0.25em;
}

div.ticket_history > div {
    padding: 1em;
    margin-bottom: 1em;
}

div.ticket_history div.type_3 {
    margin-left: 3em;
}

div.ticket_data a {
    text-decoration: underline;
}

/*ANCHOR Center Styles */
div.block.search label {
    margin-right: 3em;
}

div.block.search label input {
    border: 0;
    border-bottom: 1px solid;
    font-family: 'Nunito Sans';
    font-size: 100%;
    font-weight: 700;
}

div.flx > div.block.tab_container {
    width: 100%;
}

div.flx > div.block.menu {
    width: fit-content;
    margin-right: 4em;
}

form div.tab label span {
    min-width: 8em;
}

div.block.menu ul {
    padding: 0;
    list-style: none;
}

div.block.menu ul a {
    display: block;
    white-space: nowrap;
    padding: 0.5em;
    margin-bottom: 0.5em;
    background: #eee;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    cursor: pointer;
    transition: all 0.6s;
}

div.block.menu ul a:hover {
    background: #ddd;
}

div.block.menu ul a.br_1 {
    border-color:#B52C20;
}

div.tab_container > div.tab {
    display: none;
}

div.tab_container > div.tab.active {
    display: block;
}

div.avatar img {
    width: 100%;
    display: block;
}

span.g_m_stat {
    font-size: 150%;
    font-weight: 900;
    display: inline-block;
    margin-right: 0.5em;
}

div.dt-container {
    overflow: auto;
    background: #ffffff90;
    padding: 0.5em;
    border-radius: 0.25em;
}

div.dt-container .dt-search input,
div.dt-container select.dt-input {
    background: #fff;
}

div.sea a {
    display: flex;
    align-items: center;
    margin-bottom: 0.35em;
}

div.sea a svg {
    margin-right: 0.5em;
}

div.menu div.avatar img {
    max-width: 20em;
}

a.demo_tour {
    margin-bottom: 4em;
    padding: 1em;
    border: 2rem solid #000;
    background: #f3f3f3;
}

a.demo_tour span.propose_pic {
    width: 20em;
    height: 20em;
    overflow: hidden;
    margin-right: 2em;
}

a.demo_tour b {
    margin-bottom: 1em;
    font-size: 125%;
}

a.demo_tour > span > b {
    font-size: 140%;
}

a.demo_tour span.propose_pic img {
    object-fit: cover;
    object-position: center;
    width: 100%; height: 100%;
}

/*ANCHOR Calendar */

table.calender_days {
    border-spacing: 0;
}

table.calender_days td {
    line-height: 1em;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    position: relative;
}

table.calender_days td span {
    padding: 2em;
    display: block;
    cursor: pointer;
    border-left: 1px solid #ddd;
}

td.kw p {
    margin: 0;
}

td.calendar_day.today {
    background: #eee;
}

table.calender_days tr.c_names b {
    display: block;
    padding: 1em;
}

div.calendar_head {
    width: 36em;
}

div.calendar_new {
    padding-top: 1em;
}

div.calendar_new div.cal_new {
    display: none;
}
div.calendar_new.open div.cal_new {
    display: flex;
    align-items: flex-start;
}

div.calendar_new > a {
    display: block;
    width: fit-content;
    margin-bottom: 0.75em;
    background: #fff;
    border-radius: 0.25em;
    padding: 0.25em;
    border: 1px solid #ddd;
}

div.calendar_new label {
    position: relative;
    padding-top: 1.2em;
    margin-right: 1em;
}

div.calendar_new label span {
    position: absolute;
    top: 0;
    font-size: 60%;
}

div.calendar_new input,
div.calendar_new select,
div.calendar_new button {
    padding: 0.25em;
    border: 1px solid #ddd;
    font-family: "Nunito Sans", sans-serif;
    border-radius: 0.25em;
}

div.calendar_new button {
    margin-top: 1.4em;
    padding-left: 1em; padding-right: 1em;
}

table.calender_days td.event::before {
    content: '';
    display: block;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    position: absolute;
    background:#B52C20;
    top: 0.35em; left: 2.25em;
}

div.calendar_dates {
    display: none;
}

div.calendar_popup div.calendar_dates,
div.calendar_dates.calendar_list {
    display: block;
    width: fit-content;
}

div.calendar_popup {
    margin-left: 4em;
    padding: 2em;
}

div.calendar_dates a {
    display: flex;
    align-items: center;
    margin-bottom: 1.5em;
    background: #fff;
    padding: 0.25em;
    border: 1px solid #ccc;
    border-radius: 0.25em;
}

div.calendar_dates a span {
    display: block;
    margin-right: 1em;
}

div.calendar_dates a span.v_type {
    margin-left: auto;
    padding: 0.15em 0.5em;
}

div.calendar_dates a span.v_type.gv {
    background:#3CB37140;
}
div.calendar_dates a span.v_type.wv {
    background:#42C0FB40;
}
div.calendar_dates a span.v_type.me {
    background:#B52C2040;
}

div.calendar_dates a span svg {
    width: 1em;
    margin-right: 0.35em;
}

div.calendar_dates a span.v_duration {
    display: flex;
    align-items: center;
}

div.c_r_release,
div.c_r_release > div {
    display: none;
}
label.releases.open div.c_r_release,
div.c_r_release.str > div.str,
div.c_r_release.adm_s > div.adm_s,
div.c_r_release.exp > div.exp {
    display: block;
}

div.c_r_release > div {
    display: none;
}

div.c_r_release div.c_r_ajax input {
    border: 1px dashed #666;
    margin-top: 0.35em;
}

div.c_r_release div.ajx:empty {
    padding: 0;
}

div.c_r_release div.ajx {
    background: #eee;
    padding: 0.5em;
    position: absolute;
    left: 0;
    white-space: nowrap;
}

div.c_r_release div.ajx a {
    display: block;
}

div.c_r_release div.ajx a:hover {
    color:#B52C20;
    font-weight: 600;
}

div.c_r_release > div.c_r_checked {
    display: block;
    position: absolute;
    right: 100%;
    background: #666;
    padding: 0.5em;
}

div.c_r_release > div.c_r_checked:empty {
    padding: 0;
}

div.c_r_release > div.c_r_checked > span {
    color: #fff;
    white-space: nowrap;
    display: flex;
    align-items: center;
    position:static;
    font-size: 100%;
}

div.c_r_ajax > a {
    display: flex;
    align-items: center;
    font-size: 90%;
    position: absolute;
    left: 105%;
    white-space: nowrap;
    top: 4em;
    background: #fff;
    border: 1px solid #ccc;
    padding: 0.15em 0.5em;
    border-radius: 0.25em;
}

div.c_r_ajax > a svg {
    margin-right: 0.35em;
}

div.c_r_release > div.c_r_checked > span a {
    color: #fff;
    font-weight: 600;
    display: inline-block;
    margin-right: 0.5em;
}

div.c_r_ajax.end > input,
div.c_r_ajax.end > div.ajx,
div.c_r_ajax.end > a {
    display: none;
}

div.c_r_release.end div.c_r_checked {
    right: 0;
}


/*ANCHOR Mail send*/
div.mail_send aside {
    width: 40vw;
}

div.mail_send iframe {
    width: 750rem;
    margin-left: 4em;
}

div.mail_send button {
    font-size: 100%;
    margin: 0;
}

div.mail_send form label {
    display: block;
    margin-bottom: 2em;
}

div.mail_send a.admin_a {
    margin-left: 1.5em;
    padding: 1em 2em;
}

div.mail_send input {
    width: 100%;
}


@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJ3xzA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}