awo-hamburg-intranet/layout/admin/css/mysyde.css

:root {
    --font-family: 'Figtree', 'Source Sans Pro', sans-serif!important;
    --rahmen: #eceff2;

}
html[data-theme='light'] {
    --rahmen: #eceff2;
    --rahmen-toggle: #eceff200;
    --inactive: #f97a7a47;
    --invert: invert(0);
    --mysyde: #244858;
    --blur: #ffffffcc;
    --mysyde-dark: #244858;
    --mysyde-accent: #16629b;
    --toggle-fc-color: #fff;
    --fc-color-dark-always: #161616;
    --fc-color-white-always: #fff;
    --toggle-fc-color-dark: #161616;
    --toggle-bg-color: #fff;
    --toggle-bg-color-light: #fff;
    --toggle-bg-color-2: #f5f7fb;
    --fc-light: #A7B5BC;
    --brightness: unset;
    --fc-light-header: #161616;
    --block: none;

    --bg-dashboard: none;
    /* --bg-dashboard: url(/layout/admin/img/icons/dashboard_bg_light.jpg); */
}

html[data-theme='dark'] {
    --rahmen: #2e4256;
    --rahmen-toggle: #2e4256;
    --invert: invert(1);
    --inactive: #492828;
    --mysyde: #244858;
    --blur: #0c222b3b;
    --mysyde-dark: #0c222b;
    --mysyde-accent: #16629b;
    --brightness: brightness(10);
    --toggle-fc-color: #fff;
    --fc-color-dark-always: #161616;
    --fc-color-white-always: #fff;
    --toggle-fc-color-dark: #ffffff;
    --toggle-bg-color: #0c222b;
    --toggle-bg-color-light: #12323f;
    --toggle-bg-color-2: #0c222b;
    --fc-light: #ffffff;
    --fc-light-header: #ffffff;
    --block: block;

    --bg-dashboard: url(/layout/admin/img/icons/dashboard_bg.jpg);
}



@keyframes rotate {
    0% {
        transform: rotate(0deg);
   }
    100% {
        transform: rotate(360deg);
   }
}
.gradient {
    --size: 250px;
    --speed: 50s;
    --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8);
    width: var(--size);
    height: var(--size);
    filter: blur(calc(var(--size) / 5));
    background-image: linear-gradient(#37eba9, #5b37eb);
    animation: rotate var(--speed) var(--easing) alternate infinite;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
@media (min-width: 720px) {
    .gradient {
        --size: 500px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 0;
        display: var(--block);
        display: none;
    }
}



@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

iframe.filegallery_frame {
    width: 100%;
    height: 100vh;
}

.gallery_form img {
    max-width: 100px;
}

.collection_field .icon, .collection_field img {
    max-width: 234px;
    aspect-ratio: 1;
    float: left;
    margin: 10px 0;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}



.collection_field.current.vorschaubild.panorama img {
    aspect-ratio: 16/9;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/layout/admin/css/fonts/Figtree-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
  }
  input[type=checkbox]:focus {
    outline: 0;
  }
  
  .checkbox {
    height: 23px;
    width: 43px;
    border-radius: 16px;
    display: inline-block;
    position: relative;
    margin: 0;
    border: 2px solid #A7B5BC;
    background: var(--mysyde);
    transition: all 0.2s ease;
}
  .checkbox:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 2px rgba(44, 44, 44, 0.2);
    transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35);
}

form#form_permission_card .input_code {
    display: none;    
}
tr.inactive {
    filter: grayscale(1);
    opacity: .5;
}

tr.inactive input.checkbox_square.watch_state {
    pointer-events: none!important;
}
.recurring_input {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    flex: 1;
}

.recurring_select {
    flex: 1;
}

.mandant_table div.label {
    display: none;
}

.infoboard_day_person_group.current:before {
    content: 'Heute';
    font-size: 13px;
}

.infoboard_day_person_group.current .infoboard_day {
    font-size: 20px;
    font-weight: bold;
}

.infoboard_day_person_group.current .infoboard_person {
    border: 2px solid #67adc5;
}

.recurring_group {
    display: flex;
    width: 100%;
    gap: 3rem;
    align-items: center;
    padding-block: 1rem;
}

textarea#input_collection_link_109 {
    height: 600px;
}

.recurring_input .label {
    width: auto;
    flex-shrink: 0;
}

button.pop_up_button {
    background: var(--rahmen);
    padding: 13px 20px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}

input.checkbox_square {
    all: revert!important;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 0!important;
    border-bottom: 1px solid var(--rahmen)!important;
}

table.mandant_table thead th {
    font-size: 13px;
    font-weight: lighter;
}

ul.toolbar_menu.flex_toolbar.main_contact {
    white-space: nowrap!important;
}

ul.toolbar_menu.flex_toolbar.main_contact li.not_promoted {
    margin-top: 0;
}

.pop_up_element {
    width: 100%;
    float: left;
    padding-right: 3rem;
    display: none;
}

table.mandant_table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

.ui.fluid.dropdown,
.websites.bc-select-ui.ui.fluid.multiple.search.selection.dropdown.type_mandant {
    max-width: 100%!important;
    width: 100%!important;
}



table.mandant_table th, 
table.mandant_table td {
    border-bottom: 1px solid var(--rahmen);
    padding: 7px 7px 7px 0px;
}

.cardform_wrapper {
    width: 100%;
    float: left;
}

#overlayContent .cardform_wrapper form {
    width: 100%;
    border: none;
    padding: 0;
}

.config_contact ul.toolbar_menu {
    position: fixed;
    right: 0;
    max-width: 160px;
    top: 87px;
    z-index: 999;
}

table.mandant_table td button.pop_up_button {
    padding: 6px 12px;
    font-size: 12px;
}

table.mandant_table td input, 
table.mandant_table td textarea, 
table.mandant_table td select {
    padding: 5px;
}

.pop_up_buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-block: 1rem;
    width: 100%;
    float: left;
    gap: 1rem;
}

button.pop_up_button.aktiv {
    background: var(--mysyde);
    color: var(--toggle-fc-color);
}

tr.certificate_table_row {
    display: flex;
    gap: 2rem;
    width: 100%;
    flex-direction: column;
}
form#form_contact_card .all_mandate {
    display: inline-block;
}

.pb-3 {
    padding-block: 3rem;
}

.contact_department_wrapper {
    padding: 2rem;
    float: left;
    width: 33.33%;
    border-radius: 7px;
    margin-bottom: 1rem;
}

#overlayContent .contact_department_wrapper h2 {
    font-size: 19px!important;
}

input#input_title {
    font-size: 26px;
    font-weight: bold;
}

.iframe_input .label {
    display: none;
}


.iframe_input .label.pfusch {
    display: block;
}

table.certificate_user_list,
table.learning_unit_user_list {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

textarea#input_description {
    height: 70px;
}

table.certificate_user_list td,
table.learning_unit_user_list td {
    padding: 1rem 0;
    border-bottom: 1px solid var(--rahmen);
}

table.certificate_user_list th,
table.learning_unit_user_list th {
    font-size: 13px;
    font-weight: normal;
    opacity: .5;
}

textarea {
    resize: vertical;
}

table.dataTable tbody tr {
    white-space: nowrap!important;
}

.toggle_headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.toggle_headline.opened .chevron {
    rotate: 180deg;
}

.basic_settings {
    padding: 2rem;
    border: 1px solid var(--rahmen);
    border-radius: 7px;
}

.chevron {
    width: 8px;
    height: 8px;
    transition: 0.5s;
    transform: rotate(225deg);
    cursor: pointer;
    background: transparent !important;
    border-top: 1px solid var(--fc-light);
    border-left: 1px solid var(--fc-light);
    content: '';
}

.basic_setting_inputs {
    display: flex;
    gap: 3rem;
    width: 100%;
}

.recurring_input {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.choose_mandants {
    flex: 1;
}

.choose_category {
    flex: 1;
}


.checkbox:checked {
    border-color: #68c567;
  }
  .checkbox:checked:after {
    transform: translatex(20px);
  }

  .theme-switch .checkbox:after {
    width: 9px;
    height: 9px;

}

.ui.upward.selection.dropdown .menu {
    max-height: 200px;
    overflow-y: scroll!important;
}

.theme-switch .checkbox {
    height: 17px;
    width: 37px;
}


body {
    margin: 0px!important;
    padding: 0px!important;
    font-family: var(--font-family)!important;
    color: var(--toggle-fc-color-dark)!important;
    background-color: var(--toggle-bg-color)!important;
    background: var(--toggle-bg-color)!important;
    font-weight: 500!important;
    font-size: 15px!important;
    min-height: 100vh!important;
    line-height: 1.4!important;
}



.infoboard_categories_wrapper {
    width: 16.6666666667%;
    float: left;
}

.infoboard_person {
    border: 2px solid var(--rahmen);
    display: flex;
    width: auto;
    padding: 0.7rem;
    border-radius: 7px;
    cursor: pointer;
    white-space: nowrap;
    overflow-x: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.infoboard_person::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .infoboard_person {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }


.infoboard_person_border {
    border-bottom: 1px solid var(--rahmen);
    padding-block: 1.5rem;
    padding-right: 10px;
}

.unit_answers {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-block: 2rem;
}
  
  .answer_wrapper {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

.infoboard_person.person_active {
    border-color: #68c567;
}

.infoboard_add {
    display: none;
}

form#form_infoboard_list {
    border-radius: 7px;
    border: 2px solid #68c567;
    padding: 2rem;
}

.infoboard_day_person_group {
    width: 16.6666666667%;
    float: left;
}

/* .collection_toolbar_table {
    overflow-y: scroll;
    max-height: 470px;
} */

.infoboard_categories {
    border-bottom: 1px solid var(--rahmen);
    padding-block: 32.8px;
}

.infoboard_form {
    display: flex;
    align-items: flex-end;
    padding: 1rem 0;
    position: relative;
}

.change_weeks {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 1rem;
    bottom: -3rem;
    right: 0;
}

a.change_week {
    background: var(--rahmen);
    padding: 5px 15px;
    border-radius: 7px;
    color: var(--toggle-fc-color-dark);
}

a.change_week:hover {
    color: inherit;
}


.mobile-menu-toggle {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 1000;
    color: #fff;
    display: none;
    cursor: pointer;
}

.img_container.learning_image img {
    max-width: 200px;
}

li.structure_nav.group.small a:hover {
    filter: brightness(2);
}

.cke_top span {
    filter: var(--brightness);
}


table.cke_dialog.cke_browser_webkit.cke_ltr select {
    background: white!important;
}

textarea#input_collection_link_6 {
    min-height: 400px;
}

.user_group {
    display: flex;
    width: 100%;
    gap: 0.5rem;
    align-items: center;
    overflow-x: scroll;
    padding-inline: 7px;
}

div.dataTables_wrapper div.dataTables_filter span.input {
    width: 100%!important;
}

.toggle_menu {
    float: left;
    width: 100%;
}

.toggle_trigger a{
    cursor: pointer;
}

.img_container.knowledgecenter_image img {
    max-width: 400px;
    margin-top: 1rem;
}

.knowledgecenter_active {
    width: 100%;
    float: left;
    border: 1px solid var(--rahmen);
    border-radius: 4px;
    padding: 1rem;
    margin: 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* .knowledgecenter_active div.label {
    float: left;
    height: 19px;
    width: auto;
    text-align: left;
    overflow: hidden;
    margin: 3px 0px;
    clear: both;
}

.knowledgecenter_active .input {
    width: auto;
}

.knowledgecenter_active input {
    width: auto;
}

.knowledgecenter_active input#input_active {
    margin: 0;
} */

form#form_infoboard_card .contact.bc-select-ui.ui.fluid.multiple.search.selection.dropdown {
    width: 100%;
}

.menu.transition.visible {
    overflow: scroll!important;
}

.toggle_trigger:after {
    width: 7px;
    height: 7px;
    transition: 0.5s;
    transform: rotate(225deg);
    position: absolute;
    cursor: pointer;
    background: transparent !important;
    border-top: 1px solid var(--rahmen);
    border-left: 1px solid var(--rahmen);
    content: '';
    top: 8px;
    right: 20px;
}
.rotate_chevron:after {
    transform: rotate(405deg)!important;
}

.toggle_li {
    display: none;
}

div.dataTables_wrapper div.dataTables_filter span.input {
    margin-left: 0!important;
}

form .ui.grid>.row>[class*="eight wide"].column {
    width: 100%!important;
}

.ui.form {
    width: 100%!important;
    text-align: left!important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.user_group::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .user_group {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

.user-wrapper .img_container {
    width: auto;
    flex-shrink: 0;
}

.user-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    padding: 1rem;
    background: var(--mysyde)!important;
    border-radius: 5px;
    height: 72px;
    flex-shrink: 0;
    color: var(--fc-color-white-always);
}

p.user-status {
    position: relative;
    font-size: 12px;
}

.green_status:after {
    content: '';
    position: relative;
    height: 8px;
    width: 8px;
    border-radius: 9999px;
    background: rgb(5 226 35);
    box-shadow: 0 0 0 0 rgba(5, 226, 126, 0.5);
    animation: pulse 2s infinite;
    display: block;
    float: left;
    top: 4px;
    margin-right: 7px;
}

  @keyframes pulse {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(0, 255, 13, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(5, 226, 5, 0.671);
    }
    
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(31, 226, 5, 0.322);
    }
  }

  .user-list {
    padding: 1rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.user-wrapper img.img-fluid {
    height: 40px;
    width: 40px;
    object-fit: cover;
    flex-shrink: 0;
}

*, :after, :before {
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
}

h1, h2, h3, h4, h5 {
    font-family: var(--font-family)!important;
    font-weight: 700;
}

.sitelanguage-version div#site_language_name {
    color: #a3b2b9!important;
    font-size: 10px!important;
}

a.ui.label {
    background: var(--rahmen)!important;
    color: var(--fc-light-header)!important;
}


#overlayContent .collection_field form {
    border-right: none!important;
}

.pop-up-button.current {
    background: var(--mysyde);
    opacity: 1;
    color: var(--fc-color-white-always);
}

.pop-up-button {
    background: var(--rahmen);
    float: left;
    border-radius: 10px;
    padding: 10px 20px;
    cursor: pointer;
    transition: 200ms;
    opacity: .7;
}

.pop-up-button:hover {
    box-shadow: rgb(41 76 91 / 56%) 0px 7px 29px 0px;
    opacity: 1;
}

.collection_world_buttons {
    width: 100%;
    float: left;
    display: flex;
    gap: 0.6rem;
    margin: 0 0 1rem;
}

.link_url_group {
    width: 50%;
    float: left;
    padding-right: 1rem;
}



button, input, optgroup, select, textarea {
    background: transparent;
    color: var(--fc-light-header);
    accent-color: var(--mysyde-accent);
}



.link_text_group {
    width: 50%;
    float: left;
}

.faq.faq_main div#mainContent {
    max-width: 72% !important;
}

.link_target_group .input {
    width: auto;
}

.faq.config div#overlayContent .clearfix,
.faq.faq_main div#overlayContent .clearfix {
    display: none !important;
}


a.button_save:after {
    display: none;
}



.main_menu_cms li.structure_nav, .main_menu_cms li.structure_module, .main_menu_cms li.structure_intranet {
    display: none;
}

li.structure_nav.nav_cms {
    display: block;
}

.main_menu_cms li.structure_nav.show {
    display: block!important;
    border-bottom: 1px solid var(--mysyde);
}
li.structure_nav.nav_cms.show a {
    color: var(--toggle-fc-color)!important;
}

table.dataTable tbody tr {
    background-color: transparent!important;
}



#container_1 {
    background-color: var(--mysyde);
    width: 575px;
    display: block;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background-image: url(../img/2015/MySyde_freigestellt.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}

a {
    color: var(--fc-light);
}

ul.toolbar_menu.top-0 {
    top: 0;
}

body.login {
    overflow: hidden;
}

div#login {
    position: relative;
    width: 100%;
    height: 100%;
}

.login-wrapper {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-left-content {
    float: left;
    width: 100%;
    max-width: 410px;
    margin: 0 auto;
}

.video-wrapper {
    width: 50%;
    flex-shrink: 0;
}

.video-wrapper video {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100vh;
}





div#mysyde-logo img {
    height: 100%;
    width: 44px;
    object-fit: contain;
    max-width: 100%;
}



.login-animation iframe {
    height: 520px;
    border: none;
    width: 450px;
}

#login label {
    background: none;
}

#login_1 {
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: bold;
}

.login.sitelanguage-version {
    position: fixed;
    right: 10px;
    bottom: 10px;
}

.login.sitelanguage-version div#site_language_name,
.login.sitelanguage-version .version {
    color: #fff!important;
}

#login_3 {
    display: none;
}



form#form_admin_login {
    float: left;
    padding: 0;
}

#login_2 div.label {
    width: auto;
    color: #AFAFAF;
    background: none;
    font-size: 14px;
    margin-bottom: 5px;
    height: 15px;
    line-height: normal;
    float: left;
}

#login_2 div.input {
    width: 100%;
    float: left;
    font-size: 12px;
    margin-bottom: 15px;
}

input.code {
    border: 1px solid #ccc;
    padding: 10px;
    width: 93.5%;
    font-size: 14px;
    border-radius: 5px;
}



#login_2 input.button {
    border: none;
    font-size: 18px;
    color: #fff;
    height: auto;
    cursor: pointer;
    float: right;
    width: auto;
    padding: 10px 20px;
    background: #244858;
    border-radius: 5px;
}

.button-wrapper {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}

.passwort {
    width: auto;
    float: left;
}

input.button:hover {
    box-shadow: rgb(42 82 100 / 70%) 0px 3px 8px;
    transition: 300ms ease-in-ease-out;
}

.passwort a {
    color: var(--mysyde);
}

input#input_login {
    outline: none;
}

input#input_password {
    outline: none;
}

#container_2 {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-image: url(/userdata/images/header-image.jpg);
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 570px 0;
}

.version {
    font-size: 10px;
    color: #a3b2b9!important;}


.sitelanguage-version {
    display: flex;
    align-items: center;
    padding-left: 20px;
    gap: 10px;
}

.dashboard-wrapper,
.dashboard-mysyde {
    width: 100%;
    float: left;
}

.structure.sites div#site_language_name {
    float: right;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#mainContent div#site_language_name,
div#overlaycrumb div#site_language_name {
    display: none;
}



.module .clearfix {
    display: none;
}

.module-hintergrund {
    height: 320px;
}

.text-white {
    color: var(--toggle-fc-color);
}

h1.new-h1.text-white {
    color: var(--toggle-fc-color)!important;
}

.module-container {
    width: 100%;
    float: left;
    margin: 4rem 0;
}
.module-wrapper-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.module-container.weitere {
    margin-top: 0rem!important;
}

.module-card-status-vertrieb a,
.module-card-link a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.module-card-status-vertrieb {
    font-size: 13px;
    margin-top: 4px;
    color: #169820;
    border: 1px solid #cacaca;
    border-radius: 5px;
    text-align: center;
    padding: 2px;
    background: #00800024;
}

.module-card-status-vertrieb a {
    color: green!important;
    text-decoration: none!important;
}

.module-card-list {
    width: 20%;
    float: left;
}



.dashboard .dashboard-left-content {
    padding: 40px 30px;
}

.module-card-container {
    cursor: pointer;
    background: var(--toggle-bg-color);
    padding: 30px;
    border: 1px solid var(--rahmen);
    border-radius: 6px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    position: relative;
    min-height: 310px;
}

li#site_language_menu {
    flex-shrink: 0;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
}

.module-card-status {
    font-size: 13px;
    margin-top: 2rem;
    color: #169820;
    border: 1px solid #cacaca;
    border-radius: 5px;
    text-align: center;
    padding: 2px;
}

.module-card-image {
    height: 160px;
    margin-bottom: 2rem;
}

.module-container h2 {
    font-size: 24px!important;
    font-weight: 700!Important;
    margin-bottom: 6px;
}

.module-card-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.module-card-titel {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
}

.state_0 .module-card-status {
    color: grey;
    background: #ebebeb;
}

.module-card-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

img.module-content-img.hintergrund.position-absolute.top-0.left-0.z-index-1 {
    width: 100%!important;
}



.title-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

img.xml-img {
    height: 200px;
    object-fit: cover;
    overflow: hidden;
    margin-bottom: 12px;
}

a.xml-link {
    color: #b3b3b3!important;
}

.news-content:hover a.xml-link {
    cursor: pointer;
}

p.xml-category {
    color: var(--fc-light);
    font-size: 14px;
}
p.xml-headline {
    font-size: 20px;
    font-weight: bolder;
}

h1.new-h1 {
    font-size: 30px!important;
    margin-top: 0!important;
}

.border {
    border: 1px solid var(--rahmen);
}

.dashboard-padding {
    padding: 15px;
    float: left;
}

.link-wrapper {
    margin-left: -10px;
    margin-right: -10px;
}

.svg.quicklink-small svg {
    height: 25px;
    width: 25px;
    fill: var(--fc-color-white-always);
}

a.small-quick-link {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

img.animation-gif {
    border-radius: 5px 5px 0 0;
}

.card-wrapper {
    padding: 10px;
}

.d-flex {
    display: flex;
}

.card-text-content {
    padding: 17px;
}

.align-items-center {
    align-items: center;
}

a.quick-link {
    width: 100%;
    height: 100%;
}

.justify-content-between {
    justify-content: space-between;
}

.card-title {
    font-size: 20px;
    font-weight: bold;
}

.card-content {
    background: var(--toggle-bg-color-light);
    border-radius: 4px;
    transition: 300ms;
}


.dashboard-left-content {
    padding: 40px 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 170px;
    margin-bottom: 7rem;
}

/* .teaser {
    height: 240px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    border-radius: 4px;
    margin: 0 0 1rem;
} */

.card-content:hover {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.s-card-content:hover {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.small-card-wrapper {
    padding: 10px;
}

.small-card-title {
    font-weight: bold;
}

.s-card-content {
    background: var(--toggle-bg-color-light);
    border-radius: 4px;
    transition: 300ms;
    overflow: hidden;
}

.log-title,
.news-title {
    font-size: 1.1rem;
    padding: 15px;
    color: var(--toggle-fc-color);
    font-weight: 600;
    background: var(--mysyde);
    border-radius: 4px 4px 0 0;
}

.log-content p:first-child {
    padding-top: 0;
}

.ui.multiple.dropdown>.label {
    margin: 6px 2px!important;

}

.news-content {
    background: var(--toggle-bg-color-light);
    width: 50%;
    padding: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.news-wrapper {
    margin: 0 0 1rem;
    width: 100%;
    float: left;
}

p.xml-teaser {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}

.news-content-wrapper {
    display: flex;
    width: 100%;
    border: 1px solid var(--rahmen);
}

span.log_date {
    padding-right: 5px;
}

.log-content p:last-child {
    border: none;
    padding-bottom: 0;
}

.log-content p {
    padding: 10px;
    border-bottom: 1px solid var(--rahmen);
    font-size: 14px;
}

.log-content {
    padding: 10px 0;
    height: 262px;
    overflow-y: scroll;
}

.log-content-wrapper {
    width: 100%;
    float: left;
    background: var(--toggle-bg-color);
    border: 1px solid var(--rahmen);
    border-radius: 6px;
}

.title-arrow {
    width: 100%;
    padding: 0 20px;
}

.svg.quicklink-small {
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
    background: var(--mysyde);
    flex-shrink: 0;
    border: 1px solid var(--rahmen);
    border-radius: 4px 0px 0px 4px;
}

svg#arrow-left {
    width: 20px;
    height: 100%;
    fill: var(--fc-light);
}

.dashboard_left {
    width: 50%;
    float: left;
}

.dashboard_right {
    width: 50%;
    float: left;
}

.dashboard-50 {
    width: 50%;
    float: left;
}

.dashboard-100 {
    width: 100%;
    float: left;
    padding: 7px;
}

.dashboard-33 {
    width: 33.33%;
    float: left;
}

.dashboad-left-wrapper,
.dashboard-right-wrapper {
    width: 100%;
    float: left;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.z-index-1 {
    z-index: -1;
}

.top-0 {
    top: 0;
}

.left-0 {
    left: 0;
}

img.mysyde-icon.img-fluid {
    height: 35px;
}




.collections div#overlaycrumb {
    width: 100%!important;
}

ul.toolbar_menu.collection:hover {
    box-shadow: none;
}

li#site_language_menu {
    color: var(--fc-light-header);
}

form#form_textcontent_card {
    background: var(--toggle-bg-color);
    padding: 30px;
    border-radius: 4px;
    border: 1px solid var(--rahmen);
    padding-top: 10px;
    border-top: none;
}

.contents li.not_promoted {
    margin-right: 1rem!important;
}

.contents form {
    background: var(--toggle-bg-color);
    padding: 30px;
    border-radius: 4px;
    border: 1px solid var(--rahmen);
    margin: 0 0 1rem;
    float: left;
}

form#form_line_list .toolbar_menu {
    width: 100%!important;
    height: auto!important;
    background: none;
    border: none;
    padding: 0!important;
    right: 0!important;
    position: relative!important;
    top: unset!important;
    transform: unset!important;
}

.collection_field .toolbar_menu {
    position: relative;
    width: 100%!important;
    background: none!important;
    height: auto;
    border: none!important;
    overflow: hidden;
    padding: 0!important;
    top: unset!important;
    transform: unset!important;
    right: 0;
}

.collection_field .toolbar_menu:hover {
    box-shadow: none;
}

.collections form#form_line_list {
    width: 97%;
    height: auto;
    float: left;
    background: var(--toggle-bg-color);
    padding: 30px;
    border: 1px solid var(--rahmen);
    border-radius: 5px;
    margin: 1rem 0;
}

h3.irgendwas {
    text-align: left;
    float: left;
    width: 100%;
    margin-top: 1rem!important;
}

form#form_collection_choose_cardform {
    padding: 30px 0;
}

.collections div#cke_1_contents {
    height: 450px!important;
}

table.dataTable thead td {
    padding: 0!important;
}



.collection_field.current>.label {
    padding: 0;
    padding-top: 0;
}

table a.button {
    height: 27px!important;
}



.config_layouts form#form_layout_inclusions_list .toolbar_menu,
.config_layouts form#form_layout_class_list .toolbar_menu,
.config_layouts form#form_layout_area_list .toolbar_menu {
    position: relative!important;
}

span.material-icons {
    color: #b3b3b3;
}

span.material-icons:hover {
    color: var(--mysyde);
}







table#form_group_line_list_table {
    color: var(--fc-light-header);
}



.collection_field .toolbar_menu li {
    padding: 10px;
    width: 100%;
}

nav ul ul li:last-child a {
    overflow: hidden;
}

p.info {
    padding: 10px 0px;
}

ul.toolbar_menu.collection {
    z-index: 300;
    float: right;
}

.collection_form.collection {
    border-radius: 4px;
    float: right;
}


/* ===== Scrollbar CSS ===== */


/* Firefox */

* {
    scrollbar-width: auto !important;
    scrollbar-color: #c2c2c2 var(--toggle-bg-color) !important;
}


/* Chrome, Edge, and Safari */

*::-webkit-scrollbar {
    width: 7px !important;
}

*::-webkit-scrollbar-track {
    background: var(--toggle-bg-color) !important;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--mysyde);
    border-radius: 12px !important;
    border: 2px solid var(--toggle-bg-color)!important;
}

.main_menu {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}


/* .main_menu {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
} */

li#site_language_menu ul {
    position: absolute;
    right: 0;
    bottom: unset!Important;
    border: 1px solid var(--rahmen);
    border-radius: 6px;
    overflow: hidden;
    top: 54px;
    box-shadow: 0 3px 6px 0 rgb(120 138 155 / 30%);
    background: var(--toggle-bg-color);
    height: auto;
}

form#form_faq_cardform td.question {
    width: 100%!important;
}

.faq_field {
    padding-right: 30px;
}

table.faq-further {
    width: 100%;
}

form#form_faq_cardform table.faq-further td {
    width: 100%!important;
}

.menu-wrapper ul {
    width: auto;
}




.logo a {
    width: 100%;
    height: 100%;
    position: absolute;
}

.site-content {
    position: fixed;
    right: 0;
    width: 30%;
    height: 100%;
    top: 100px;
}

.structure_nav a.active {
    color: var(--toggle-fc-color)!important;
}

li.structure_nav.group.small a {
    padding-block: 0;
    max-width: 60%;
    position: relative;
    color: #A7B5BC!important;
}

a.cms {
    cursor: pointer;
}

li.structure_nav.group.small a:hover {
text-decoration: none;
}




ul.site_dropdown li {
    background: #19313c!Important;
}

li.structure_nav.nav_cms.show a:after,
li.structure_nav.nav_module.show a:after,
li.structure_nav.nav_intranet.show a:after {
    transform: rotate(45deg);
}

.config_collections input#input_description {
    font-size: inherit;
}

.dashboard_intranet div#site_language_name {
    display: block!important;
    font-size: 14px;
    font-weight: 100;
}

#content h2.line {
    width: 100%;
    float: left;
    border-bottom: 1px solid var(--rahmen);
    margin: 7px 7px 20px 7px!important;
}

.always_white {
    color: var(--fc-color-white-always);
}


.shortlink {
    width: 50%;
    float: left;
    text-align: left;
    border: none;
    padding: 7px;
    position: relative;
    font-size: 16px;
}

.dashboard_shortlinks {
    max-width: 420px;
}

.small_title {
    font-size: 14px;
    padding: 7px;
    float: left;
    width: 100%;
}

.shortlink a {
    color: var(--fc-light-header);
}

.go_to a:before {
    content: '';
    width: 6px;
    height: 6px;
    transition: 0.5s;
    transform: rotate(45deg);
    position: relative;
    float: left;
    cursor: pointer;
    margin-right: 7px;
    top: 4px;
    background: transparent !important;
    border-top: 1px solid var(--fc-light-header);
    border-right: 1px solid var(--fc-light-header);
}
.add a:before {
    content: '+';
    width: 6px;
    height: 6px;
    position: relative;
    float: left;
    cursor: pointer;
    margin-right: 7px;
    color: var(--fc-light-header);
}

.dashboard_overview {
    width: 100%;
    float: left;
    margin-block-end: 3rem;
}

.statistic_wrapper {
    display: flex;
    width: 100%;
    padding: 7px;
}

.dashboard_content {
    display: flex;
    width: 100%;
    float: left;
    justify-content: space-between;
}

.box_group {
    display: flex;
    gap: 0.5rem;
    padding: 0px 7px;
}

.box_wrapper {
    width: 40%;
    float: left;
}

.user_wrapper {
    width: 60%;
    float: left;
}

.table_row {
    display: flex;
    align-items: center;
    padding-block: 20px;
    gap: 5rem;
    border-bottom: 1px solid var(--rahmen);
}

.day {
    min-width: 20px;
}

.meal_delivery .table_row .label {
    display: none;
}

button.box {
    background: var(--mysyde)!important;
    position: relative;
    display: block;
    border-radius: 5px;
    white-space: nowrap;
    border: none;
    padding: 1rem;
    text-align: left;
    width: 150px;
    flex-shrink: 0;
    height: 72px;
    display: flex;
    position: relative;
    align-items: center;
}

button.box a {
    color: var(--fc-color-white-always);
}

.box_label {
    font-size: 11px;
}

.box_value {
    font-size: 25px;
    font-weight: 700;
}

.dashboard_intro {
    max-width: 340px;
}

.dashboard_hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-block-end: 2rem;
    padding: 7px;
}



li.structure_nav.small {
    font-size: 14px;
}

.group-wrapper {
    margin-bottom: 1rem;
    float: left;
    width: 100%;
}


table.dataTable.no-footer {
    border-bottom: none!important;
}
.menu-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
    height: 70px;
    padding-right: 2rem;
}

li#user_menu ul {
    width: 230px;
    position: relative;
    right: unset;
}

li.structure_nav a svg path {
    fill: #A7B5BC!important;
}

li.structure_nav a:hover svg path {
    fill: var(--toggle-bg-color)fff!important;
}

.site_dropdown li a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

li.structure_nav a.active svg path {
    fill: var(--toggle-bg-color)fff!important;
}

form#form_field_list {
    padding: 0!important;
}

.main_menu .structure_nav svg {
    margin-right: 8px;
    flex-shrink: 0;
    fill: #A7B5BC!important;
}



.collections .dashboard_part_right form#form_edit_collection {
    padding: 0;
    width: 100%;
}

.tab ul.toolbar_menu,
form#form_field_list .toolbar_menu,
.data-link.text-right .toolbar_menu {
    position: relative;
    height: auto!important;
    background: none!important;
    top: unset!Important;
    transform: unset!important;
    border: none!important;
    box-shadow: none!important;
    padding: 0!important;
    width: auto!important;
    margin: 0!important;
}


/* .main_menu .structure_nav svg {
    margin-right: 18px;
} */

.main_menu .structure_nav a {
    text-align: left;
    padding: 0px 23px;
    display: flex!important;
    align-items: center;
    padding-right: 10px;
    text-overflow: ellipsis;
    font-weight: 300;
}

li.structure_nav.group.small a.active {
    color: #A7B5BC!important;
}
li.structure_nav.group.small a.active:before {
    display: none;
}

.structure_nav a.active:before {
    content: '';
    width: 6px;
    height: 6px;
    transition: 0.5s;
    transform: rotate(45deg);
    position: relative;
    float: left;
    cursor: pointer;
    margin-right: 7px;
    top: -1px;
    background: transparent !important;
    border-top: 1px solid var(--toggle-fc-color);
    border-right: 1px solid var(--toggle-fc-color);
}
.structure_nav a:hover {
    text-decoration: underline;
}
.structure_nav.small a:hover:before {
display: none;
}

.main_menu_cms.opened li {
    background-color: var(--hoverfarbe);
    margin: 0;
}

li.structure_nav.nav_cms.show {
    margin: 10px 0 0;
}

li.structure_nav.nav_cms a:after, li.structure_nav.nav_module a:after, li.structure_nav.nav_intranet a:after {
    content: '';
    width: 5px;
    height: 5px;
    transition: 0.5s;
    transform: rotate(-135deg);
    float: left;
    cursor: pointer;
    margin: 20px;
    background: transparent !important;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    position: absolute;
    right: 0;
}


div#header-wrapper:hover div#content {
    margin-left: 299px!important;
}

#header:hover div#content {
    margin-left: 299px!important;
}

nav:hover div#content {
    margin-left: 299px!important;
}



li.structure_nav {
    width: 100%;
    position: unset;
    position: relative;
    overflow: hidden;
    margin: 0;
    transition: 300ms;
}

li.structure_nav:hover {
    overflow: unset;
}

.main_menu ul.site_dropdown {
    width: 100%;
    position: absolute;
    height: auto;
    overflow: hidden;
    background: var(--mysyde);
    border-top: none;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.main_menu .site_dropdown a.show_more {
    color: #5fa2c1;
}


/* .main_menu .structure_nav .site_dropdown li:nth-child(5) a:hover {
  color: var(--toggle-fc-color)!important;
  padding: 3px;
  text-align: center!important;
  width: auto!Important;
  justify-content: center;
  background: var(--hoverfarbe);
} */


/* .main_menu ul.site_dropdown li:nth-child(5) {
  background: var(--hoverfarbe);
  width: 30%;
  border-radius: 3rem;
  padding: 0px;
  margin: 0px 26px;
  text-align: center;
} */

.main_menu ul.site_dropdown a {
    display: flex!important;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 26px;
    box-shadow: none;
    font-size: 16px;
}

li#help_menu ul {
    bottom: 0!important;
    top: unset;
}

li#settings_menu ul {
    bottom: 0!important;
    top: unset;
}

div#overlaycrumb.collection {
    background: var(--toggle-bg-color);
    text-align: left;
    border-radius: 5px;
    float: left;
    line-height: normal;
    margin-bottom: 0;
    display: block;
    border: none;
    padding: 0;
    margin-top: 0;
}

.collections #overlaycrumb .input {
    padding: 0px;
    vertical-align: bottom;
    min-height: 17px;
    float: left;
    margin: 3px 0px;
    width: 97%;
}

#mainContent form#form_collection_list {
    width: 100%;
    padding: 0;
}

.collection_field form {
    background: none!important;
    padding: 0!important;
    width: 100%!important;
    border: none;
    float: left!important;
}

.collection_field input.code {
    width: 100%!important;
}


/* ul.toolbar_menu.collection:after {
  content: '';
  position: absolute;
  display: block;
  background: rgb(255,255,255);
  background: linear-gradient(
180deg
, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  width: 1027px;
  height: 100px;
  bottom: -103px;
} */

.collection_form.collection table.cardform td {
    float: left;
    width: 100%;
}

.collection_form.collection h2.generally_headline {
    margin-bottom: 0!important;
    padding: 10px 0px!important;
}

.collection_form.collection input.text {
    border: 1px solid var(--rahmen);
    font-size: 17px;
    padding: 10px 0px 10px 5px;
    width: 100%;
    border-radius: 4px;
    outline-color: var(--aktivfarbe)!important;
}

input {
    outline-color: var(--mysyde)!important;
}

.groups.bc-select-ui.ui.fluid.multiple.search.selection.dropdown {
    background: transparent;
    border: 1px solid var(--rahmen);
}

table.learning_unit_user_list {
    width: 100%;
    text-align: left;
}

.collection_form.collection input#input_validity_from,
.collection_form.collection input#input_validity_to {
    width: 100%;
    padding: 10px 0px;
    border: 1px solid var(--rahmen);
    border-radius: 4px;
    padding-left: 10px;
}

.collection_form.collection div.input {
    vertical-align: bottom;
    min-height: 17px;
    float: left;
    margin: 3px 0px;
    width: 100%;
}

p {
    margin: 0px;
    padding: 0px;
}


/* li.structure_nav:nth-child(2) {
  display: none;
}

li.structure_nav:nth-child(4) {
  display: none;
} */

.inactiveSitecontent {
    background-color: var(--inactive);
}

td.checkbox-auto .input {
    width: auto;
    float: right;
}

td.checkbox-auto {
    width: auto!important;
    padding: 0!important;
}



td.checkbox-auto .label {
    width: auto;
    float: left;
}

#container {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    transition: 0.7s;
    transition-timing-function: ease-in-out;
    position: relative;
    height: 70px;
}



#container_1 {
    display: none;
}

#container_2 {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

#container_3 {
    display: none;
}

.selection.ui.dropdown {
    background: transparent;
    color: var(--fc-light-header);
    border: 1px solid var(--rahmen);
}

.ui.stackable.pagination.menu {
    background: none!important;
    border: 1px solid var(--rahmen);
}

a.paginate_button.item.active {
    color: var(--fc-light-header)!important;
}

#header {
    height: 100%;
    width: 286px;
    position: fixed;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: right top;
    background: var(--mysyde-dark);
    z-index: 649;
    border-right: 1px solid var(--rahmen-toggle);
}


#header_1 {
    position: fixed;
    top: 0px;
    left: 10px;
    color: var(--toggle-fc-color);
    padding-top: 6px;
    z-index: 4;
}

#header_1 a,
#header_1 a:link,
#header_1 a:visited,
#header_1 a:hover,
#header_1 a:active {
    background-image: url(../img/icons/MySyde_freigestellt.png);
    background-repeat: no-repeat;
    padding-left: 422px;
    color: white;
    text-decoration: none;
    font-size: 5px;
    line-height: 22px;
    height: 55px;
    display: block;
    background-size: 29%;
    margin-left: 7px;
}

#header_2 {
    height: 55px;
    position: fixed;
    top: 0px;
    right: 0px;
    text-align: left;
    padding: 0px;
    /* oben, rechts, unten, links */
    min-width: 980px;
}

#header_3 {}

#menu {
    height: 70px;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0;
    z-index: 3;
    border-bottom: 1px solid var(--rahmen);
    background: var(--blur);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

#menu_1 {
    background-color: var(--toggle-bg-color);
    height: 24px;
    left: 0px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    width: 209px;
}

#menu_2 {
    height: auto;
    width: 279px;
    position: fixed;
    left: 0px;
    top: 155px;
    margin: 0px;
    padding-left: 10px;
    z-index: 1000;
}


/* #menu.menu_opened #menu_2 {
  top: 239px;
}

#menu.menu_opened {
  top: 163px;
} */

#menu_2 ul {
    list-style: none;
    display: inline-table;
    margin: 0px;
    font-size: 17px;
    color: var(--fc-light-header);
    padding-left: 0px;
    width: 100%;
}

#overlayWrapper .linklist_content.dd-handle.linklist_active:hover {
    background-color: var(--mysyde);
    color: var(--toggle-fc-color);
}

#overlayWrapper span.disclose {
    top: 10px !important;
}

.structure span.material-icons:hover {
    color: var(--toggle-fc-color);
}

#menu_2 ul li {
    padding: 5px 0px;
    margin: 0px;
}

#menu_2 ul li a:link,
#menu_2 ul li a:visited,
#menu_2 ul li a:active {
    color: #a1a1a1;
    text-decoration: none;
    padding: 17px 0px;
    display: block;
    padding-left: 35px;
}

body.contents.multistep_forms form#form_line_card td {
    padding-right: 30px;
}

#menu_2 ul li a.active {
    color: #333333;
    background-image: url("../img/icons/menu_pfeil.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background: #f5f7fb;
    border-radius: 50px 0px 0px 50px;
    font-weight: 600;
}

button.r-btnRemove.btnRemove.btn.btn-danger {
    border: navajowhite;
    background: #972b2b;
    color: var(--toggle-fc-color);
    padding: 10px 20px;
    border-radius: 5px;
    margin: 10px 0;
}

ul.toolbar_menu.two-component li.not_promoted {
    margin-right: 1rem;
    margin-top: 0!important;
}


ul.toolbar_menu.two-component {
    position: unset!important;
    background: none!important;
    transform: none!Important;
    top: unset!important;
    margin: 0!important;
    padding: 0!important;
    left: unset!Important;
    border: none!Important;
    float: left!important;
    height: auto!important;
    background: var(--toggle-bg-color)!important;
    border-right: 1px solid var(--rahmen)!important;
    width: 75%;
    padding: 1rem 0!important;
}

#menu_2 ul li a:hover {
    color: #333333;
    background-image: url("../img/icons/menu_pfeil.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background: #f5f7fb;
    border-radius: 50px 0px 0px 50px;
}

#menu_2 ul li a:hover {
    color: #333333;
}

#menu_3 {
    width: 200px;
    height: auto;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 50px;
    border-right: 1px solid var(--toggle-bg-color);
    width: 209px;
}

#gadget {
    height: 100px;
    top: 30px;
    left: 0px;
    width: 100%;
    position: absolute;
    border-bottom: 1px solid #afafaf;
    display: none;
}

#gadget_1 {
    display: none;
}

#gadget_2 {
    /* rechte Inhaltsleiste */
    display: none;
}

#gadget_3 {
    display: none;
}



*/ #content_2 {
    /* Überschrift */
    
    display: none;
}
div#content {
    width: 100%;
    float: left;
}
#content_3 {
    position: relative;
}
#mainContent {
    text-align: left;
    z-index: 2;
    height: 100%;
    padding: 0!important;
    margin: 0!important;
}
a.button_edit_live {
    display: none!important;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid var(--rahmen)!important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #bdbdbd!important;
}

a#form_collection_list_table_next {
    background-color: transparent!important;
    color: #c0c8d9!important;
}

.label_wrapper {
    opacity: .7;
    font-weight: 300;
}
#content_3.menu_opened #mainContent {
    background: var(--toggle-bg-color);
    padding: 50px!Important;
    float: left;
    width: 75%;
    min-height: 100vh;
    border-right: 1px solid var(--rahmen);
}

.label_lieferandude {
    width: 100%;
}

.label_restaurant {
    width: 100%;
}
#content_3.menu_opened .toolbar_menu li.promoted {
    padding-bottom: 10px;
    padding-right: 0;
}


#box {}
#box_1 {
    display: none;
}
#box_2 {
    display: none;
}
#box_3 {
    display: none;
}
#footer {
    /* Footer */
    
    margin: 0px;
    padding: 0px;
    clear: both;
    display: none;
}
#footer_1 {
    display: none;
}
#footer_2 {
    display: none;
}
#footer_3 {
    display: none;
}

/* Individuelle definitionen */
a,
a:link,
a:active,
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* Inhaltsbereich */
#content h1 {
    padding: 0px;
    margin: 10px 0px 10px 0px;
    font-size: 40px;
    font-weight: bold;
    color: var(--fc-light-header);
}
#mainContent form#form_page_list {
    border: none;
    padding: 0;
}
#content h2 {
    padding: 5px 0px;
    font-size: 24px!important;
    font-weight: 700!Important;
    margin-bottom: 6px;
}

.collection_overview {
    width: 100%;
    float: left;
    margin: 1rem 0;
}

.collection-content.dashboard-left-content {
    height: 130px;
}
#overlayContent h2 {
    font-size: 25px;
    text-align: left;
}
.collection_field ul.toolbar_menu {
    display: flex;
    flex-direction: row;
}
#content h3 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: normal;

}
#content h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}
#content a.pdf:link,
#content a.pdf:visited,
#content a.pdf:active {
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 4px 8px 4px 32px;
    /* oben, rechts, unten, links */
    
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    background-color: var(--toggle-bg-color);
}
#content a.pdf:hover {
    text-decoration: none;
    background-color: #f1f1f1;
}
#content_1 {
    /* Navigationspfad */
    
    float: left;
    width: 100%;
}
.toolbar_menu,
.toolbar_menu ul {
    list-style: none;
    display: inline-table;
    margin: 0px;
    font-size: 17px;
    color: var(--fc-light-header);
        padding: 0px;
    float: left;
    width: 100%;
    max-height: 100px;
}
.toolbar_menu ul {
    width: auto;
    border: none;
    margin-top: 5px;
}

.structure.sites input#include_children {
    width: auto;
}

div#mainContent {
    padding: 3rem!important;
}

img.module-content-img {
    border-radius: 0;
}


/* == normal toolbar items == */
.toolbar_menu li {
    padding: 0px;
    margin: 0px;
    float: left;
    width: auto;
}
.toolbar_menu li.not_promoted {
    margin-bottom: 3px;
}
.collection_field .toolbar_menu li.not_promoted {
    margin-bottom: 0;
    display: block;
    margin-right: 10px;
    padding: 3px;
    text-align: center!important;
    display: flex;
    justify-content: center;
    margin-top: 0;
    width: auto!important;
    padding: 0px 20px;
}
.multistep_forms div#overlaycrumb {

    margin-bottom: 0;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding: 30px 30px 0px;
}
.multistep_forms form#form_contactform_card td {
    width: 50%;
    float: left;
    padding-right: 15px;
}
.multistep_forms form#form_contactform_card,
.multistep_forms form#form_field_list,
.multistep_forms .tabcontentSection {

    background: var(--toggle-bg-color);
    padding: 30px;
    border: 1px solid var(--rahmen);
    border-radius: 5px;
    height: auto;
    float: left;
}
.tab ul.toolbar_menu, form#form_field_list .toolbar_menu {
    float: left;
}

form#form_field_list .toolbar_menu li.not_promoted {
    margin-right: 1rem;
}

.dashboard #mainContent {
    width: 100%;
    padding: 5rem!Important;
}
li.structure_nav svg {
    width: 15px;
    height: 15px;
}
form#form_faq_config_list {
    width: 100%;
    padding: 0;
}
body.faq.config div#content {
    max-width: 100%;
}
form#form_language_list,
form#form_site_list,
form#form_admin_user_list,
form#form_layout_list,
form#form_url_management_list {
    width: 100%;
    padding: 0;
}
form#form_edit_faq {
    padding: 0;
    width: 100%;
}
form#form_contactform_card {
    border-top: none!important;
    border-radius: 0 0 4px 4px!important;
}
form#form_line_card td {
    width: 100%;
    padding-right: 30px;
}
body.contents.multistep_forms .contentlist .dd-status {
    right: 239px;
}
body.contents.multistep_forms .dd-handle .dd-icon {
    right: 590px;
}
body.contents.multistep_forms .dd-code {
    right: 391px;
}
.dropbtn {
    background-color: #f5f7fb!important;
}
button.r-btnAdd.btnAdd.btn.btn-primary {
    background: var(--mysyde);
    padding: 10px 20px;
    color: var(--toggle-fc-color);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
}
.r-group {
    width: 100%;
    float: left;
    border: 1px solid var(--rahmen);
    padding: 30px;
    border-radius: 5px;
    margin-right: 1rem;
    margin-bottom: 1rem;
    margin-top: 4rem;
}
body.contents.multistep_forms table.cardform td:first-child {
    width: 50%;
    padding-left: 0px;
}
.r-group .toolbar_menu {
    position: unset!important;
    border: none;
    background: none!important;
    padding: 0!important;
    width: auto!important;
    top: unset!important;
    right: unset!important;
    transform: none!important;
    height: auto!important;
    float: none!important;
}
.r-group hr {
    display: none;
}
.data-link.text-right .not_promoted {
    margin-right: 1rem;
}
.tab.two ul.toolbar_menu {
    margin-top: 0rem!important;
}
#overContent .multistep_forms .tabcontentSection {
    width: 80%;
    background: var(--toggle-bg-color);
    padding: 30px;
    border: 1px solid var(--rahmen);
    border-radius: 5px;
    height: auto;
    margin: 0!important;
    border-top: none!important;
    border-radius: 0 0 5px 5px;
}
.contents form#form_edit_sitepart {
    float: left;
    padding: 30px;
    background: var(--toggle-bg-color);
    border: 1px solid var(--rahmen);
    border-radius: 5px;
}
.contents .dashboard_part_right {
    background: none;
    padding: 0;
    border: none;
}
.structure form#form_page_list {
    overflow: hidden;
}
.multistep_forms div#mainContent {
    width: 69%!important;
}
.collections li.not_promoted {
    margin-right: 1rem;
}
.toolbar_menu.nofloat li {
    float: none;
}
.toolbar_menu li ul li:hover {
    background-color: #efefef;
}
.toolbar_menu li ul li {
    float: left;
    width: auto;
    padding: 0 10px;
    border: 1px solid var(--rahmen);
    margin-right: 1rem;
    border-radius: 4px;
    margin-top: 1rem;
}

.toolbar_menu li ul li:hover {
    background-color: var(--rahmen);
}
.toolbar_menu li a:link,
.toolbar_menu li a:visited,
.toolbar_menu li a:active {
    background-position: left;
    background-repeat: no-repeat;
    text-decoration: none;
    color: var(--fc-light-header);
    display: block;
    text-align: left;
    line-height: 28px;
    height: 28px;
    border-radius: 5px;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    
    font-size: 14px;
    padding-left: 30px;
}

/* == promoted toolbar items == */
.toolbar_menu li.promoted {
    margin: 0px;
    float: left;
    width: 100%;
    padding-right: 10px;
    padding-bottom: 10px;
}

.config.backend_settings .clearfix,
.config.config_url_management .clearfix,
.contents .clearfix {
    display: none;
}

.contents form {
    width: 100%;
}
body.contents.multistep_forms form#form_contactform_list {
    width: 100%!important;
}
.config.config_websites form#form_site_card, .config_users form#form_admin_user_card, #bewerber_forms {
    background: var(--toggle-bg-color);
    padding: 30px 0;
    width: 75%;
    float: left;
    border-right: 1px solid var(--rahmen);
}
a.dashoard_box.button_inhalt_accordion {
    display: none;
}
a.dashoard_box.button_language_switch {
    display: none;
}
a.dashoard_box.button_inhalt_maps {
    display: none;
}
a.dashoard_box.button_inhalt_facebook {
    display: none;
}
.statistics form#form_stat {
    float: left;
    width: 80%;
}
.contents.youtube div#content,
.contents.iframe div#content {
    width: 78%!important;
}
.statistics.access_stat ul.toolbar_menu {
    width: 20%!important;
}
ul.site_dropdown.statistics {
    display: none;
}
li.structure_nav.stats:hover {
    overflow: hidden;
}
.contents.contactform #content_3 .toolbar_menu {
    float: right!important;
}
a.dashoard_box.button_inhalt_scrollbar {
    display: none;
}

.config.config_collections form#form_collection_cardform {
    padding-block: 2rem;
    border-right: 1px solid var(--rahmen);
}
.config.config_collections div#srollerInhalteHeadline {
    float: left;
    width: 75%;
    border-right: 1px solid var(--rahmen);
}
.config_layouts form#form_layout_card, .config_layouts form#form_layout_inclusions_list, .config_layouts form#form_layout_class_list, .config_layouts form#form_layout_area_list {
    margin-bottom: 1rem;
    padding-right: 1rem;
}

table.dataTable {
    width: 100%!important;
}

img.module-content-img {
    object-position: 0 -330px;
    object-fit: cover;
}


table#form_layout_list_table {
    width: 100%!important;
}
.config_layouts form#form_layout_inclusions_list .toolbar_menu,
.config_layouts form#form_layout_class_list .toolbar_menu,
.config_layouts form#form_layout_area_list .toolbar_menu {
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
    border: none;
    padding: 0!important;
    top: unset;
    left: unset;
    right: unset;
    transform: none;
    margin: unset;
    box-shadow: none;
}
.config_layouts form#form_layout_inclusions_list .toolbar_menu .not_promoted,
.config_layouts form#form_layout_class_list .toolbar_menu .not_promoted,
.config_layouts form#form_layout_area_list .toolbar_menu .not_promoted {
    margin-right: 1rem;
}
.config.config_collections form#form_line_list .toolbar_menu,
.config.config_collections form#form_group_line_list .toolbar_menu {
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
    border: none;
    padding: 0!important;
}
.config.config_collections form#form_line_list .toolbar_menu li.not_promoted,
.config.config_collections form#form_group_line_list .toolbar_menu li.not_promoted {
    margin-right: 1rem!important;
}
.config_layouts form#form_layout_card {
    height: auto;
    overflow: hidden;
}

.config.config_websites .clearfix,
.config_language .clearfix,
.config_users .clearfix,
.bewerber .clearfix,
.config_layouts .clearfix,
.config.config_collections .clearfix {
    display: none;
}
.collection-wrapper .toolbar_menu li.promoted {
    width: 100%;
    padding: 0;
    padding-bottom: 10px;
}
.ui.default.dropdown:not(.button)>.text,
.ui.dropdown:not(.button)>.default.text {
    color: rgba(191, 191, 191, .87);
    top: 4px!important;
}
.toolbar_menu li.promoted a:link,
.toolbar_menu li.promoted a:visited,
.toolbar_menu li.promoted a:active {
    background-position: center 15px;
    background-repeat: no-repeat;
    color: var(--toggle-fc-color);
    text-decoration: none;
    display: block;
    text-align: center;
    height: 40px!Important;
    width: auto;
    line-height: normal;
    border-radius: 5px;
    background: var(--mysyde);
    border: 1px solid var(--rahmen);
    padding: 0px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
}
a.button_save {
    background: #68c567!important;
    border-color: #68c567!important;
}
.toolbar_menu li.promoted a:hover {
    background-color: var(--mysyde);
}
#overlayContent .toolbar_menu li.promoted a {
    height: 44px;
}
.config.config_collections div#srollerInhalteHeadline {
    float: left;
    width: 75%;
}

form#form_line_list div#pagecontentScroller {
    width: 100%!important;
}


form#form_line_list div#srollerInhalteHeadline {
    display: none;
}
.config.config_collections div.input {
    width: 45%;
    float: left;
    margin: 0 0 5px;
}
.config.config_collections div.label {
    float: left;
    width: 46%;
}
.config.config_collections .setup_icon_container {
    float: left;
    width: 45%;
}
.structure form#form_field_list {
    width: 75%!important;
    float: left!important;
    padding: 30px!important;
    border-top: none!important;
    padding-top: 0!important;
}


form#form_page_card .input {
    width: 100%!Important;
}
form#form_page_card td {
    width: 50%!Important;
    padding-right: 30px;
}
.config.config_collections div#pagecontentScroller {
    background: var(--toggle-bg-color);
    padding: 0px;
    float: left;
    border-top: none;
    padding-bottom: 1rem;
    text-align: left;
    height: auto;
    border-right: 1px solid var(--rahmen);

    width: 75%;
}

form#form_collection_choose_cardform table.cardform td {
    width: 100%!important;

}

.w-100 {
    width: 100%!important;
}

#overlayContent form {
    width: 75%;
    border-right: 1px solid var(--rahmen);
    padding-right: 3rem;
}
h3 {
    font-size: 1.28571429rem!important;
    text-align: left!important;
    margin: 0!important;
}
.config.config_collections form#form_line_list, .config.config_collections form#form_group_line_list, .config.config_collections form#form_collection_choose_cardform {
    float: left;
    border-right: 1px solid var(--rahmen);
    height: auto;
    padding-block-end: 1rem;
}
.config.config_collections .inhalte_menu li a.button_inhalt_collection_setup:link {
    height: 60px!important;
    width: 60px!important;
    padding: 0!important;
    border-radius: 5px;
}
.config.config_collections a.button_inhalt_collection_setup img {
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 42%;
    object-fit: contain;
}



/* == inhalte buttons == */
.pagecontentScroller {
    overflow-x: auto;
    overflow: -moz-scrollbars-horizontal;
    height: 120px;
}

form#form_inhalte {
    padding-bottom: 0;
}
.inhalte_menu {
    list-style: none;
    display: inline-block;
    margin: 15px 0px 5px 0px;
    font-size: 13px;
    padding: 0px;
    float: left;
    white-space: nowrap;
}
.inhalte_menu li {
    padding: 0px;
    margin: 0px;
    margin-right: 10px;
    display: inline-block;
}
.scroller_inhalte a.button_inhalt_eingabefeld:before {
    background-image: url(../img/icons/input-cursor-text.png);
    content: '';
    position: absolute;
    z-index: 1;
    top: 20px!important;
    left: 27px!important;
    background-size: 39%!important;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    background-repeat: no-repeat;
}



.youtube_input input {
    width: 100%!important;
}

.all_mandate {
    border: 1px solid var(--rahmen);
    margin: 1rem 0;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}



.scroller_inhalte a.button_inhalt_fließtext:before {
    background-image: url(../img/icons/text.png);
    content: '';

}
.scroller_inhalte a.button_inhalt_datum:before {
    background-image: url(../img/icons/calendar-date.png);
    content: '';

}
.scroller_inhalte a.button_inhalt_link:before {
    background-image: url(../img/icons/link.png);
    content: '';

}
.scroller_inhalte a.button_inhalt_bild:before {
    background-image: url(../img/icons/image.png);
    content: '';

}
.scroller_inhalte a.button_intranet:before {
    background-image: url(../img/icons/intranet.png);
    content: '';
}
.inhalte_menu li a:link, .inhalte_menu li a:visited, .inhalte_menu li a:active {
    background-position: center 20px;
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 65px 0px 0px 0px;
    display: block;
    text-align: center;
    height: 90px;
    width: 90px;
    line-height: normal;
    background-color: var(--mysyde);
    border-radius: 10px;
    color: var(--toggle-fc-color);
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    position: relative;
    border: 1px solid var(--rahmen);
}
form#form_faq_cardform {
    width: 80%;
}
.faq.faq_main .successbox:after {
    top: 25px;
}
.faq .collection_field>.input {
    display: block!important;
    padding-left: 20px;
    padding-bottom: 10px;
}
.faq.faq_main .collection_field>.label {
    cursor: unset;
}
.faq .collectionform {
    border: none!important;
    background: none!important;
    padding: 0!Important;
}
form#form_faq_cardform td {
    width: 45%!important;
    padding-right: 30px;
    float: left;
}
form#form_faq_list {
    width: 100%;
    padding: 0;
}
.faq.faq_main .collection_field>.label:after {
    display: none;
}

.structure form#form_page_list {
    width: 100%!important;
}


label {
    font-size: 14px;
    font-weight: 400!important;
    color: var(--toggle-fc-color-dark);
}
a.button_inhalt_collection:before,
a.button_inhalt_forwarding:before {
    background-image: url(../img/icons/collection.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_language_switch:before {
    background-image: url(../img/icons/switch.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.dashoard_box.button_inhalt_collection:before {
    display: none;
}
a.button_inhalt_text:before {
    background-image: url(../img/icons/text.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_eingabefeld:before {
    background-image: url(../img/icons/text.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_accordion:before {
    background-image: url(../img/icons/accordion.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_contact:before {
    background-image: url(../img/icons/multistep.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_facebook:before {
    background-image: url(../img/icons/facebook.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_files:before {
    background-image: url(../img/icons/gallery.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_iframe:before {
    background-image: url(../img/icons/iframe.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_maps:before {
    background-image: url(../img/icons/maps.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_bildergalerie:before {
    background-image: url(../img/icons/pictures.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_scrollbar:before {
    background-image: url(../img/icons/scroll.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_slideshow:before {
    background-image: url(../img/icons/slideshow.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_youtube:before {
    background-image: url(../img/icons/youtube.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_inhalt_faq:before {
    background-image: url(../img/icons/2020/faq.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_shop:before {
    background-image: url(../img/icons/shop.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_shop_account_login:before {
    background-image: url(../img/icons/shop_login.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_shop_item_preview:before {
    background-image: url(../img/icons/item_preview.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
a.button_newsletter_sitepart:before {
    background-image: url(../img/icons/newsletter.png);
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    background-size: 24%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
.dashoard_box.button_inhalt_collection {
    background-image: none;
}
.inhalte_menu li a.button_inhalt_collection_setup:link {
    position: relative;
    height: 45px;
    padding: 33px 0;
}
a.button_inhalt_collection_setup img {
    display: block;
    margin: 0 auto;
}
.setup_icon_container img {
    background-color: var(--mysyde);
    padding: 20px;
}
.inhalte_menu.new_collection li a.button_inhalt_collection_setup:link {
    height: 65px;
    padding: 20px 0;
}
.new_collection a.button_inhalt_collection_setup img {
    padding-bottom: 10px;
}
.new_collection a.button_inhalt_collection_setup span {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
}

/* Footer */
#footer_2 a:link,
#footer_2 a:visited,
#footer_2 a:active {
    text-decoration: underline;
    margin: 0px 16px 0px 0px;
    /* oben, rechts, unten, links */
}
#footer_2 a:hover {
    text-decoration: none;
}
#menu_3 ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
#menu_3 ul li {
    padding: 0px;
    margin: 0px;
}
#menu_3 a {
    width: 186px;
    display: block;
    margin: 0px;
    text-decoration: none;
    color: #175da3;
    border-bottom: 1px solid rgb(100, 157, 156);
    height: 23px;
    background-image: url(../img/menu_3_a_back.jpg);
    background-repeat: repeat-x;
    padding: 8px 8px 0px 6px;
    /* oben, rechts, unten, links */
    
}
#menu_3 a:hover {
    background-image: url(../img/menu_3_a_back_over.jpg);
}
#menu_3 a.active,
#menu_3 a.active_tree {
    background-image: url(../img/menu_3_a_back_active.jpg);
}
#menu_3 a.active {
    background-image: url(../img/menu_3_a_back_active.jpg);
}
#menu_1 h1 {
    margin: 3px 1px 0px 1px;
    width: 192px;
    height: 18px;
    padding: 2px 2px 2px 6px;
    /* oben, rechts, unten, links */
    
    font-size: 14px;
    color: var(--toggle-fc-color);
}
ul.mktree {
    font-size: 11px;
    line-height: 16px;
    background-color: none;
}
ul.mktree li {
    list-style: none;
}
ul.mktree a:link,
ul.mktree a:active,
ul.mktree a:visited {

    text-decoration: none;
    padding: 0px;
    margin: 0px;
    line-height: 15px;
}
ul.mktree a:hover {
    text-decoration: underline;
    color: #d9681c;
}
ul.mktree,
ul.mktree ul,
ul.mktree li {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    /* oben, rechts, unten, links */
}
ul.mktree li.liOpen .bullet {
    cursor: pointer;
    padding-left: 34px;
}
ul.mktree li.liClosed .bullet {
    cursor: pointer;
    padding-left: 34px;
}
ul.mktree li.liBullet .bullet {
    cursor: default;
    padding-left: 34px;
}
ul.mktree li li.liOpen .bullet {
    cursor: pointer;
    padding-left: 53px;
}
ul.mktree li li.liClosed .bullet {
    cursor: pointer;
    padding-left: 53px;
}
ul.mktree li li.liBullet .bullet {
    cursor: default;
    padding-left: 53px;
}
ul.mktree li li li.liOpen .bullet {
    cursor: pointer;
    padding-left: 72px;
}
ul.mktree li li li.liClosed .bullet {
    cursor: pointer;
    padding-left: 72px;
}
ul.mktree li li li.liBullet .bullet {
    cursor: default;
    padding-left: 72px;
}
ul.mktree li li li li.liOpen .bullet {
    cursor: pointer;
    padding-left: 91px;
}
ul.mktree li li li li.liClosed .bullet {
    cursor: pointer;
    padding-left: 91px;
}
ul.mktree li li li li.liBullet .bullet {
    cursor: default;
    padding-left: 91px;
}
ul.mktree li li li li li.liBullet .bullet {
    cursor: default;
    padding-left: 91px;
}
ul.mktree li.liOpen ul {
    display: block;
}
ul.mktree li.liClosed ul {
    display: none;
}
#menu_2 div.admin ul {
    font-size: 11px;
    line-height: 15px;
    margin: 0px;
    padding: 0px;
}
#menu_2 div.admin ul li {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 1px 36px;
    /* oben, rechts, unten, links */
}
#menu_2 div.admin ul li a,
#menu_2 div.admin ul li a:link,
#menu_2 div.admin ul li a:active,
#menu_2 div.admin ul li a:visited {
    text-decoration: none;
}
#menu_2 div.admin ul li a:hover {
    text-decoration: underline;
    color: #d9681c;
}
input.button {
    display: inline-block;
    width: 80px;
    height: 19px;
    overflow: hidden;
    font-size: 11px;
    padding: 0px;
}
a.button:link,
a.button:visited {
    display: inline-block;
    width: 80px;
    height: 16px;
    overflow: hidden;
    font-size: 11px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
    padding: 9px 1px 1px 1px;
    /* oben, rechts, unten, links */
    
    margin: 0px 8px 0px 0px;
    /* oben, rechts, unten, links */
}
a.button:hover {
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left top;
}
a.button:active {
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left top;
}



form#form_filegallery_line_card {
    padding: 30px 0;
}

.world.bc-select-ui.ui.fluid.multiple.search.selection.dropdown {
    max-width: 91%;
}

.knowledgecenter.bc-select-ui.ui.fluid.multiple.search.selection.dropdown {
    width: 100%;
}
input,
textarea,
select {
    font-size: 22px;
    border: 1px solid var(--rahmen);
    border-radius: 4px;
    width: 100%;
    padding: 10px 0px 10px 10px;
    font-family: 'Figtree'!important;
    background: var(--toggle-bg-color);
}
div.label {
    float: left;
    height: 17px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    margin: 3px 0px;
    clear: both;
}
.collections div.label {
    height: 100%;
    line-height: inherit;
    color: var(--fc-light);
}
div.labelspacer {
    float: left;
    height: 30px;
    width: 40%;
    text-align: left;
    overflow: hidden;
    line-height: 30px;
    margin: 3px 0px;
    clear: both;
}
div.input {
    padding: 0px;
    vertical-align: bottom;
    min-height: 17px;
    float: left;
    margin: 3px 0px;
    width: 100%;
}
div.text {
    float: left;
    height: 30px;
    text-align: left;
    overflow: hidden;
    line-height: 30px;
    margin: 3px 0px;
}
a.dz-remove {
    text-decoration: none;
}
.input_note {
    color: #e89620;
    text-align: left;
    font-size: 12px;
    padding-right: 1rem;
}

.save_buttons {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0.5rem;
}

/*
* === Specific styles for collections =============
*/
.collectionform {
    float: left;
    background: var(--toggle-bg-color);
    height: auto;
    width: 100%;
    border-top: none!Important;
    border-radius: 0 0 4px 4px;
    padding-top: 10px;
}
.collections form {
    width: 80%;
    float: left;
    background: var(--toggle-bg-color);
    padding: 30px;
}
.collection-main-wrapper {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 75%;
    border-right: 1px solid var(--rahmen);
    margin-top: 40px;
    padding-block-start: 2rem;
}

a.ui.label.transition.visible {
    margin: 7px 0;
}
.collections div#content_3 {
    background: none;
}
.collection-wrapper {
    float: left;
    padding: 30px;
    
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.dashboard div#site_language_name {
    float: unset;
    justify-content: flex-start;
}

.module div#mainContent {
    width: 100%!important;
}
.collection_field>.label {
    width: 30%;
    margin-bottom: 0;
    cursor: pointer;
    line-height: inherit;
    padding: 0px;
    height: unset;
    flex: 1;
}
.collection_field>.label>label {
    font-size: 15px;
    color: var(--fc-light-header);
    cursor: pointer;
}

svg.bi.bi-pencil-square {
    fill: var(--mysyde);
    filter: var(--brightness);
}

svg.bi.bi-trash {
    fill: var(--mysyde);
    filter: var(--brightness);

}
.cke_top {
    background: var(--toggle-bg-color)!important;
}
.cke_bottom {
    border-top: none;
    background: var(--toggle-bg-color)fff;
}
div#cke_module {
    height: 340px;
    width: 800px;
}
.collection_field>.input {
    width: 80%;
}
.collection_field {
    float: left;
    width: 97%;
    position: relative;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid var(--rahmen);
    padding-block: 5px;
}


input[type="checkbox"] {
    margin: 0;
    padding: 0;
    display: block;
    flex-shrink: 0;
    scale: .8;
}

.ui.multiple.dropdown>.label {
    font-size: 12px!important;
}

.new_answer_button li {
    list-style: none;
}

.delete_answer {
    color: #fff;
    background: #972b2b;
    padding: 5px;
    border-radius: 999px;
    aspect-ratio: 1;
    width: 30px;
    font-size: 12px;
    line-height: 1.5;
}

a.button_new_answer {
    background: #68c567!important;
    border-color: #68c567!important;
    padding: 10px 20px;
    color: var(--fc-color-white-always);
    border-radius: 7px;
    text-align: center;
    float: left;
}


  input[type="checkbox"]:checked + label {
    transform: rotate(360deg);
  }
  
  input#theme-toggle-footer {
    height: 0;
    visibility: hidden;
  }
  input[type="checkbox"]:checked + label:before {
    transform: translateX(11px);
    background-color: var(--fc-light);
}

  .selection.ui.dropdown {
    background: transparent!important;
    border: 1px solid var(--rahmen)!important;
    color: var(--fc-light-header)!important;
}

  /* input#theme-toggle {
    display: none;
} */

.theme-switch {
    padding-left: 20px;
}

/* 
.theme-switch label {
    display: flex;
    width: 20px;
    height: 7px;
    border: 1.5px solid var(--fc-light);
    border-radius: 99em;
    position: relative;
    transition: transform 0.75s ease-in-out;
    transform-origin: 50% 50%;
    cursor: pointer;
    box-sizing: content-box!important;
}
.theme-switch label:before {
    transition: transform 0.75s ease;
    transition-delay: 0.5s;
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: var(--fc-light);
    border-radius: 50%;
    top: 1px;
    left: 2.5px;
} */

.dashboard .dashboard-left-content {
    height: 150px;
    box-sizing: content-box!important;
}
.dashboard-left-content {
    height: 150px;
    box-sizing: content-box!important;
}

h2 {
    color: var(--fc-light-header);
}

div#collection_type_settings {
    margin-top: 1rem;
}

form#form_collection_input_81 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 1rem;
}

form#form_collection_input_81 input {
    flex: 1;
}

ol.linklist.sortable.contentlist.ui-sortable {
    color: var(--fc-light-header);
}
.collection_field textarea.normal {
    width: 100% !important;
    padding: 1%;
}
.cke_chrome {
    border-radius: 1rem;
    overflow: hidden;
}
.cke_chrome {
    border: 1px solid var(--rahmen)!important;
}
.cke_top {
    border-bottom: 1px solid var(--rahmen)!important;
}
input[type="file"] {
    float: left;
    border: 2px dashed var(--rahmen)!important;
    width: 100%!important;
    font-size: 15px!Important;
}
input:disabled {
    background: var(--toggle-bg-color-light);
    cursor: not-allowed;
    color: #92a9b3;
}

html, body {
    background-color: var(--toggle-bg-color);
}
.collection_field table.cardform td:first-child {
    width: 350px;
}
.collection_field table.cardform td:first-child {
    width: 100%;
}

.label {
    font-size: 14px;
    font-weight: 400!important;
    color: var(--toggle-fc-color-dark);
}

h3 {
    color: var(--fc-light-header)!important;
}
.collection_field table.cardform input.code,
.collection_field table.cardform input.text {
    width: auto;
}
.mandatory {
    color: #ff0000;
}
.ui.selection.active.dropdown .menu {
    border-color: #f8fafb!important;
}
.ui.selection.active.dropdown {
    border-color: #f5f7fb!important;
}

/* label {
background-color: var(--toggle-bg-color);
} */
input.color {
    -webkit-appearance: none;
    border: none;
    width: 32px;
    height: 32px;
    padding: 0;
}
input.color::-webkit-color-swatch-wrapper {
    padding: 0;
}
input.color::-webkit-color-swatch {
    border: none;
}
input.code {
    border: 1px solid var(--rahmen);
    width: 100%;
    border-radius: 4px;
}

form#form_language_card {
    border-right: 1px solid var(--rahmen);
}
img {
    border-style: none;
    border-radius: 5px;
    max-width: 100%;
    height: auto;
}
select.code {
    font-size: inherit;
    padding: 5px;
}
input.decimal {
    border: 1px solid #cccccc;
    font-size: 14px;
    padding: 5px;
    width: 100%;
    text-align: right;
}
input.decimal:focus {
    text-align: left;
}
input.date {
    font-size: inherit;
    border: 1px solid var(--rahmen);
    border-radius: 4px;
    width: 100%;
    padding: 10px 0px 10px 10px;
    font-family: inherit;
    background: var(--toggle-bg-color);
}
input.date:focus {
    text-align: left;
}

textarea.normal {
    border: 1px solid var(--rahmen);
    font-size: 17px;
    height: 150px;
    border-radius: 4px;
}
input.number {
    border: 1px solid var(--rahmen);
    font-size: 14px;
    padding: 5px;
    width: 100%;
}
input.file {
    background-color: var(--toggle-bg-color);
    border-radius: 4px;
    padding: 10px 0px 10px 10px;
    font-family: inherit;
}

.pr-30 {
    padding-right: 30px;
}
select.select {
    font-size: inherit;
    border: 1px solid var(--rahmen);
    border-radius: 4px;
    width: 100%;
    padding: 10px 0px 10px 10px;
    font-family: inherit;
}
select.bigselect {
    border: 1px solid var(--rahmen);
    padding: 5px;
    width: 100%;
    border-radius: 5px;
    background: none;
    font-size: inherit;
}

select {
    background: var(--toggle-bg-color)!important;
}



.selection.ui.dropdown {
    padding: 0px 10px 0px 11px!important;
}
.collection_field>.input {
    display: none;
}
.active {
    display: block!important;
}
.ui.selection.dropdown>.delete.icon,
.ui.selection.dropdown>.dropdown.icon,
.ui.selection.dropdown>.search.icon {
    top: 19px!important;
    right: 9px!important;
}
.ui.selection.active.dropdown .menu {
    width: auto!important;
}
textarea.small {
    border: 1px solid #cccccc;
    font-size: 14px;
    padding: 5px;
    width: 100%;
    height: 90px;
}
input#module_input_youtube_url_52 {
    border: 1px solid var(--rahmen);
    width: 100%!important;
    padding-left: 15px;
}
table.cardform {
    width: 100%;
    padding: 0px;
    height: 100%!Important;
}
table.cardform td {
    text-align: left;
    width: 50%;
    float: left;
    padding-right: 1rem;
}

form#form_knowledgecenter_card {
    padding-right: 3rem;
}
.collection_form.collection div.label {
    width: 100%;
}

.structure table.cardform td:first-child {
    width: 50%!important;
    padding-left: 0px;
    padding-right: 30px;
    float: left;
}
.structure.components table.cardform td:first-child {
    width: 50%!important;
    padding-left: 0px;
    float: left;
    padding-right: 30px;
}

.structure form#form_textcontent_card tr:nth-child(2) td {
    width: 100%!Important;
}
.structure.components table.cardform input#input_code {
    width: 100%;
}
.structure input#input_description {
    font-size: 20px;
}
.structure table.cardform td {
    text-align: left;
    width: 50%;
    float: left;
    padding-right: 40px;
}
input.code:focus,
input.text:focus {
    border: 1px solid var(--rahmen);
}
fieldset {
    padding: 12px 6px 12px 6px;
    /* oben, rechts, unten, links */
}
table.linklist {
    width: 100%;
    margin: 6px 0px 6px 0px;
    padding: 0px;
    border-radius: 4px;
}
table.linklist tr td {
    margin: 0px;
    padding: 7px 0px 7px 14px;
    text-align: left;
}

.structure.navigation form#form_edit_main_navigation_card {
    float: left;
    border-right: 1px solid var(--rahmen)!important;
    /* overflow: hidden; */
    border-top: none!important;
}


form#form_component_list {
    border-top: inherit!important;
}

form#form_recaptcha {
    padding: 0;
}
body.config.config_google_recaptcha input#save_recaptcha {
    cursor: pointer;
}


#content_3 {
    background: none;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
}

table.linklist tr td div {
    margin: 0px;
    padding: 5px 0px;
    width: 100%;
    overflow: hidden;
    color: var(--toggle-fc-color-dark);
    font-size: 14px;
}

input[type="search"] {
    background: transparent!important;
    background-color: transparent!important;
    border: 1px solid var(--rahmen)!important;
}
.ui.menu {
    box-shadow: none!Important;
}
.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
    cursor: pointer;
    background: var(--mysyde)!important;
    color: var(--toggle-fc-color)!important;
    border: none!Important;
}

table.dataTable thead .sorting {
    font-size: 14px!important;
}


.ui.ui.menu .item.disabled {
    cursor: not-allowed!important;
    background-color: transparent!important;
    color: #c0c8d9!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-left: 0px!important;
}

td.sorting {
    color: var(--toggle-fc-color-dark);
}
table.linklist tr {
    cursor: pointer;
}
table.linklist tr.linklist_content:hover {
    border-radius: 4px;
    background-color: #00000008!important;
}
div#content-collection {
    position: relative;
    width: 100%;
    float: left;
    box-sizing: border-box;
}


.statistics div#mainContent {
    float: left;
    width: 100%!important;
}

body.config.config_websites #mainContent {
    float: left;
}

.groups.bc-select-ui.ui.fluid.multiple.search.selection.dropdown {
    width: 100%;
}
ul.toolbar_menu {
    width: 25%;
    padding: 30px!important;
    margin: 0;
    float: right;
    max-height: unset!important;
    height: 663px;
    overflow-y: scroll;
    transition: 100ms;
    height: auto;
    position: sticky;
    top: 70px;
}

table.linklist tr:first-child:hover {
    background-color: none;
}
table.linklist tr.linklist_active, table.linklist tr.linklist_active:hover {
    background-color: #0000001c!important;
}
table.linklist td.linklist_seperator {
    border-top: 1px solid var(--rahmen);
    line-height: 1px;
    font-size: 1px;
    padding: 0px;
    height: 1px;
    padding-bottom: 20px;
}


thead tr {
    font-size: 17px;
    font-weight: 600;
}
table.linklist .droppableSpacer td {
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    padding: 2px 0px;
    border-top: 1px solid var(--toggle-bg-color);
}

/* #overlayContent ul.toolbar_menu {
display: flex;
justify-content: space-between;
} */
table.linklist .droppableSpacer.accept td {
    border-top: 1px solid #ff0000;
}
table.linklist .sorticon {
    opacity: 0.5;
    cursor: move;
    filter: var(--invert);
}
table.linklist tr.linklist_content:hover .sorticon {
    background-image: url("../img/icons/move.png");
    background-repeat: no-repeat;
    background-position: center center;
}
table.linklist td.euro {
    text-align: right;
}
.promoted a.button_new {
    background-image: url(../img/icons/neu_big.png);
}
a.button_new {
    background-image: url(../img/icons/neu_small.png);
}
.promoted a.button_google {
    background-image: url(../img/icons/google_big.png);
}
a.button_google {
    background-image: url(../img/icons/google_small.png);
}
.promoted a.button_copy {
    background-image: url(../img/icons/copy_big.png);
}
a.button_copy {
    background-image: url(../img/icons/copy_small.png);
}
a.button_back {
    background-image: url(../img/icons/restore_small.png);
}
.promoted a.button_properties {
    background-image: url(../img/icons/properties_big.png);
}
a.button_properties {
    background-image: url(../img/icons/properties_small.png);
}
.promoted a.button_up {
    background-image: url(../img/icons/up_big.png);
}
a.button_up {
    background-image: url(../img/icons/up_small.png);
}
.promoted a.button_down {
    background-image: url(../img/icons/down_big.png);
}
a.button_down {
    background-image: url(../img/icons/down_small.png);
}
.promoted a.button_left {
    background-image: url(../img/icons/left_big.png);
}
a.button_left {
    background-image: url(../img/icons/left_small.png);
}
.promoted a.button_right {
    background-image: url(../img/icons/right_big.png);
}
a.button_right {
    background-image: url(../img/icons/right_small.png);
}
.promoted a.button_delete {
    background-image: url(../img/icons/delete_big.png);
}
a.button_delete {
    background-image: url(../img/icons/delete_small.png);
    background-repeat: no-repeat;
    background-position: left;
    text-decoration: none;
    display: block;
    text-align: left;
    line-height: 28px;
    height: 28px;
    border-radius: 5px;
    font-size: 14px;
    padding-left: 30px;
}
.promoted a.button_edit {
    background-image: url(../img/icons/edit_big.png);
}
a.button_edit {
    background-image: url(../img/icons/edit_small.png);
}
.promoted a.button_edit_live {
    background-image: url(../img/icons/edit_live_big.png);
}
a.button_edit_live {
    background-image: url(../img/icons/edit_live_small.png);
}
.promoted a.button_reset {
    background-image: url(../img/icons/restore_big.png);
}
a.button_reset {
    background-image: url(../img/icons/restore_small.png);
}
.promoted a.button_link {
    background-image: url(../img/icons/link_big.png);
}
a.button_link {
    background-image: url(../img/icons/link_small.png);
}
.promoted a.button_upload {
    background-image: url(../img/icons/upload_big.png);
}
a.button_upload {
    background-image: url(../img/icons/upload_small.png);
}
.promoted a.button_mail {
    background-image: url(../img/icons/mail_big.png);
}
a.button_mail {
    background-image: url(../img/icons/mail_small.png);
}
.promoted a.button_preview {
    background-image: url(../img/icons/preview_big.png);
}
a.button_preview {
    background-image: url(../img/icons/preview_small.png);
}
a.button_install {
    padding: 0px 1px 1px 20px;
    /* oben, rechts, unten, links */
    
    margin: 5px 2px 5px 2px;
    background-position: left top;
    background-repeat: no-repeat;
}
form#form_admin_user_card input.code {
    width: 100%;
}
form#form_admin_user_card a.button_delete {
    padding-left: 30px;
    text-decoration: none;
}

* {
    accent-color: var(--mysyde);
}
.img_container.intranet_user_image {
    float: left;
    width: 100%;
    padding: 10px;
    margin: 10px 0 0;
    border-radius: 4px;
}
.img_container.intranet_user_image img.img-fluid {
    height: 55px;
    border-radius: 100%;
}

td.watch_state_td {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 0.5rem;
}

span.inactive {
    background: #c14242;
    color: #fff;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    display: inline-block;
    width: 55px;
    text-align: center;
}

span.active_span {
    background: #5bc142;
    color: #fff;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    display: inline-block;
    width: 55px;
    text-align: center;
}

button.pop_up_button.svg_button svg {
    width: 15px;
    height: 15px;
    display: block;
    fill: var(--fc-light-header);
}

.img_container.intranet_user_image {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
.structure table.linklist tr.linklist_active, .structure table.linklist tr.linklist_active:hover {
    background: var(--blur);
    color: rgb(255 255 255)!important;
}
.gigalayoutfix-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

form#form_settings_card {
    border-right: 1px solid var(--rahmen);
}
form {
    padding: 0px;
    margin: 0px;
    position: relative;
    display: block;
    background: var(--toggle-bg-color);
    float: left;
    padding: 30px 0;
    width: 100%;
}
div.toolbar {
    height: 20px;
    border: 1px solid #b4b4b4;
    padding: 8px 6px 2px 6px;
    /* oben, rechts, unten, links */
    
    margin: 6px 0px 6px 0px;
    /* oben, rechts, unten, links */
    
    background-image: url(../img/back_toolbar.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
div.subtoolbar {
    border: 1px solid #d1d1d1;
    padding: 6px 6px 6px 6px;
    margin: 6px 0px 6px 0px;
    color: #666;
    border-radius: 4px;
    float: left;
}
.dd-status a.button {
    height: auto;
    padding-block-start: 0;
}
.config_language form#form_language_card td:nth-child(2) {
    display: none;
}
div.infobox {
    border: 1px solid orange;
    padding: 6px 6px 6px 6px;
    margin: 6px 0px 6px 0px;
    color: var(--toggle-fc-color)fff;
    border-radius: 4px;
    float: left;
    background: orange;
}

.gigalayoutfix {
    display: flex;
    flex-direction: row-reverse;
    gap: 25px;
    align-items: flex-start;
}
div.errorbox {
    margin: 6px 0px 6px 0px;
    background-image: url(../img/icons/check.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #972b2b;
    color: var(--toggle-fc-color);
    position: fixed;
    z-index: 999999;
    top: 9px;
    left: 350px;
    border-radius: 1rem;
    padding: 5px 37px;
    background-position: 5px;
}
div.successbox {
    margin: 6px 0px 6px 0px;
    background-image: url(../img/icons/check.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #68c567;
    color: var(--toggle-fc-color);
    position: fixed;
    z-index: 999999;
    top: 9px;
    left: 350px;
    border-radius: 1rem;
    padding: 5px 37px;
    background-position: 5px;
}
.subtoolbar table {
    width: 100%;
}
div.module_row {
    width: 1000px;
}
#new_sitepart table {}
#new_sitepart table tr {}
#new_sitepart table tr:first-child {
    border-top: 0px none;
}
#new_sitepart table tr td {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 15px 10px 15px 50px;
    border-top: 1px solid #ccc;
}
#new_sitepart table tr:first-child td {
    border-top: 0px none;
}
#new_sitepart table tr td div {}
#new_sitepart table tr td div div {
    height: 16px;
    margin: 5px 20px 5px 0px;
    padding: 2px 0px 2px 0px;
    float: left;
}
#new_sitepart table tr td div div input {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    line-height: 15px;
    display: inline-block;
}
#new_sitepart table tr td div div label {
    padding: 0px 0px 0px 4px;
    overflow: hidden;
    line-height: 15px;
    display: inline-block;
}
#new_sitepart table tr #img_1 {
    background-image: url("/layout/admin/img/module/icon_1.png");
}
#new_sitepart table tr #img_2 {
    background-image: url("/layout/admin/img/module/icon_2.png");
}
#new_sitepart table tr #img_3 {
    background-image: url("/layout/admin/img/module/icon_3.png");
}
#new_sitepart table tr #img_4 {
    background-image: url("/layout/admin/img/module/icon_4.png");
}
#new_sitepart table tr #img_5 {
    background-image: url("/layout/admin/img/module/icon_5.png");
}

/* .module div {
    float: left;
}
.module input {
    float: left;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 8px;
    height: 20px;
}
td.module_row {
    border-top: 1px solid #cccccc;
} */
.sitepart_img {
    background-position: center center;
    background-repeat: no-repeat;
    height: 50px;
    padding-right: 25px;
    padding-left: 10px;
    width: 32px;
}
.browse_button {
    border: 1px solid #cccccc;
    font-size: 14px;
    padding: 5px;
    cursor: pointer;
    float: left;
    margin-left: 5px;
}
.browse_button:hover {
    background-color: #e0e0e0;
}
tbody tr.module:first-child td.module_row {
    border-top: 0px none;
}
#form_layout_inclusion_card table div.input {
    float: left;
}
#form_layout_inclusion_card table div input {
    float: left;
}
#form_layout_inclusion_card table label {
    float: left;
}

/* ==========================================================================
TOP NAVIGATION SETTINGS
========================================================================== */

/* nav {
    height: 100%;
    position: fixed;
    width: 279px;
    z-index: 99999999;
    top: 160px;
    left: 0;
} */
nav {
    height: 100%;
    position: fixed;
    width: 286px;
    z-index: 99999999;
    top: 160px;
    left: 0px;
}
nav ul ul {
    display: none;
}
nav ul .menu-wrapper li:hover>ul {
    display: block;
}

/* li.structure_nav {
padding: 12px 22px;
} */

/* nav ul {
    list-style: none;
    display: inline-table;
    margin: 0px;
    font-size: 17px;
    color: #a7b5bc;
    height: 100%;
    line-height: 31px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
    justify-content: space-between;
} */
nav ul {
    list-style: none;
    display: inline-table;
    margin: 0px;
    height: 100%;
    line-height: 31px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
    justify-content: space-between;
    width: 100%;
}

li.structure_nav.parent_dropdown:after {
    width: 7px;
    height: 7px;
    transition: 0.5s;
    transform: rotate(225deg);
    position: absolute;
    cursor: pointer;
    background: transparent !important;
    border-top: 1px solid var(--rahmen);
    border-left: 1px solid var(--rahmen);
    content: '';
    top: 8px;
    right: 20px;
}

li.structure_nav.parent_dropdown:hover:after {
    transform: rotate(45deg);
}

ul.site_dropdown_new {
    margin-left: 23px;
    width: calc(100% - 23px);
    border-left: 1px solid var(--rahmen);
}

ul.site_dropdown_new li a {
    padding: 0px 0px 0px 10px!important;
}
i.bi.bi-diagram-2 {
    font-size: 30px;
    margin-right: 15px;
}
nav ul:after {
    content: "";
    clear: both;
    display: none;
}
nav ul li {
    float: left;
    position: relative;
    width: 100%;
}
.structure.navigation form#form_edit_main_navigation_list {
    height: auto;
    overflow: unset;
}
nav li.spacer {
    height: 1px;
    line-height: 1px;
    margin: 0px 0px !important;
    display: none;
}

img.hintergrund.teaser.position-absolute.top-0.left-0.z-index-1 {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

ul.toolbar_menu.collection_world {
    width: 100%!important;
    height: auto!important;
    overflow: hidden;
    border: none;
    padding: 0!important;
    top: unset!important;
    margin-block: 1rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--fc-light-header)!important;
}

.dd-status svg {
    fill: var(--rahmen);
}

ul.toolbar_menu.collection_world li.not_promoted {
    margin-right: 1rem;
}

form#form_world_list {
    padding: 0;
}

.config_collections #mainContent {
    width: 100%;
}

.menu-toggle {
    padding: 1em;
    background: transparent;
    border: 0;
    position: fixed;
    top: 20px;
    right: 0.5em;
    cursor: pointer;
    z-index: 1000;
    display: none;
}

input[type="search"] {
    color: var(--toggle-fc-color-dark)!important;
}

.collection_overview h2 {
    float: left;
    width: 100%;
}
  
  .hamburger,
  .hamburger::before,
  .hamburger::after {
    content: "";
    display: block;
    background: #ebebd3;
    height: 3px;
    width: 1.75em;
    border-radius: 3px;
    transition: all ease-in-out 500ms;
  }
  
  .hamburger::before {
    transform: translateY(-6px);
  }
  
  .hamburger::after {
    transform: translateY(3px);
  }
  
  [aria-expanded="true"] .hamburger {
    transform: rotate(45deg);
  }
  
  [aria-expanded="true"] .hamburger::before {
    opacity: 0;
  }
  
  [aria-expanded="true"] .hamburger::after {
    transform: translateY(-3px) rotate(-90deg);
  }
  
  .visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
nav ul li a,
nav ul li a:link,
nav ul li a:visited,
nav ul li a:active {
    color: var(--fc-light-header);    text-decoration: none;
    display: block;
    padding: 12px 23px;
    white-space: nowrap;
}
li#site_language_menu a {
    color: var(--fc-light-header)!important;    padding-left: 16px;
}


nav ul li a img {
    border: 0px;
}
.menu-wrapper li:hover a {
    background-color: var(--toggle-bg-color)!important;
}
.menu-wrapper li a:hover {
    text-decoration: underline;
}

.main_menu ul.site_dropdown {
    width: 270px;
    position: absolute;
    left: 286px;
    top: 0px;
    border-radius: 0px 4px 4px 0px;
}
.collection_form.collection div.successbox {
    margin-top: 12rem;
}
li#user_menu ul {
    width: 230px;
}
nav ul ul li {
    float: none;
    position: relative;
}
nav ul ul li a,
nav ul ul li a:link,
nav ul ul li a:visited,
nav ul ul li a:active {
    padding: 10px 20px;
    background-color: var(--mysyde);
    white-space: nowrap;
}
.menu-wrapper nav ul ul li a:hover {
    background-color: #f0f3f9!important;
}


/*
* === Specific styles for user dropdown in Top navigation =============
*/
#user_menu li.menu_userdata img {
    width: 30px;
}
#user_menu li.menu_userdata img,
#user_menu li.menu_userdata p {
    float: left;
    display: inline-block;
}
#user_menu li.menu_userdata a {
    white-space: nowrap;
    padding-top: 10px;
    line-height: 17px;
    /* padding-left: 60px;
padding-bottom: 8px;
background-repeat: no-repeat;
background-image: url("../img/icons/user.png");
background-position: 20px center; */
}
#user_menu li.menu_userdata p {
    float: none;
    margin: 0px;
    padding: 0px 32px 0px 5px;
}
#user_menu ul {}
#user_menu li.spacer {
    margin: 0px 20px;
}
#user_menu .menu_link_userdata {}
#user_menu .menu_link_logout {}

/*
* === Specific styles for navigation with image ===
*/
#settings_menu img,
#help_menu img {
    position: relative;
    top: 4px;
}
li#help_menu ul,
li#settings_menu ul,
li#user_menu ul {
    position: absolute;
    right: 0;
    bottom: unset!Important;
    border: 1px solid var(--rahmen);
    border-radius: 6px;
    overflow: hidden;
    top: 54px;
    box-shadow: 0 3px 6px 0 rgb(120 138 155 / 30%);
}
li#help_menu:hover:after,
li#settings_menu:hover:after,
li#user_menu:hover:after {
    content: "";
    position: absolute;
    top: 50px;
    left: 50px;
    height: 8px;
    width: 8px;
    transform: rotate(45deg);
    background: var(--toggle-bg-color);
    border-top: 1px solid var(--rahmen);
    border-left: 1px solid var(--rahmen);
}
li#settings_menu:hover:after {
    left: 28px!important;
}
.successbox:after {
    content: "";
    position: absolute;
    top: 26px;
    left: 23px;
    height: 8px;
    width: 8px;
    transform: rotate(45deg);
    background: #68c567;
    border-top: 1px solid #68c567;
    border-left: 1px solid #68c567;
}
.promoted a.button_new {
    background: #68c567!important;
    border-color: #68c567!important;
}
.promoted a.button_delete {
    background: #972b2b!important;
    border-color: #972b2b!important;
}
.errorbox:after {
    content: "";
    position: absolute;
    top: 29px;
    left: 23px;
    height: 8px;
    width: 8px;
    transform: rotate(45deg);
    background: #972b2b;
    border-top: 1px solid #972b2b;
    border-left: 1px solid #972b2b;
}
li#settings_menu ul {
    position: absolute;
    right: 0;
    bottom: unset!Important;
    height: auto;
}
li#user_menu ul {
    position: absolute;
    right: 25px;
    bottom: unset!Important;
    top: unset;
    height: auto;
}

.main_menu.main_navigation {
    overflow-y: auto !important;
    height: calc(100dvh - 160px - 70px) !important;
    display: block !important;
    width: calc(100% - 1px) !important;
    padding-bottom: 40px !important;
}

.main_menu:nth-child(2) {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 286px !important;
    z-index: 10 !important;
    border-top: 1px solid var(--rahmen-toggle) !important;
}

/*
* === Specific styles for structure nav (without gray background) =============
*/
nav ul li.structure_nav a:link,
nav ul li.structure_nav a:visited,
nav ul li.structure_nav a:active {
    background-color: transparent;
    color: var(--toggle-fc-color);
    background-repeat: no-repeat;
    background-position: center bottom;
}


.main_menu.main_navigation {
    overflow-y: scroll;
    height: 640px;
    display: block;
    width: calc(100% - 1px);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.main_navigation::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .main_navigation {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none!important;  /* Firefox */
  }
  


.menu-wrapper nav ul li.structure_nav a.active,
.menu-wrapper nav ul li.structure_nav:hover a.active {
    background-color: var(--aktivfarbe);
    color: var(--toggle-fc-color)!Important;
}
nav ul li.structure_nav a {
    background-color: var(--aktivfarbe);
}
.logo img {
    width: auto;
    height: 41px;
    max-width: 100%;
    object-fit: contain;
}
.logo {
    width: 257px;
    overflow: hidden;
    position: fixed;
    top: 10px;
    z-index: 9999;
    height: 41px;
    object-position: left;
    padding: 10px;
    padding-left: 20px;
    box-sizing: content-box!important;
}
nav ul li.structure_nav .site_dropdown a.active {
    text-decoration: underline;
    background: none;
}

/*
* === Specific styles for navigation with gray arrow down and up =============
*/
nav .gray_arrow>a {
    background-repeat: no-repeat;
    background-position: right center;
    border-right: 10px solid transparent;
}
nav .gray_arrow>a:hover,
nav .gray_arrow:hover>a {}


#overlayWrapper {
    position: relative;
    display: none;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 4rem;
    padding: 30px;
    margin-right: auto;
    width: 100%;
    padding-left: 316px;
}
#overlayWrapper .loading {
    width: 100%;
    text-align: center;
    line-height: 100px;
}
.collection-wrapper form#form_collection_cardform {
    width: unset!important;
    padding: 0!important;
    border: none;
}
.collections .overlayContent ul.toolbar_menu {
    top: 50%;
    transform: translateY(-50%);
}
.collections #overlayContent {
    min-height: 100vh;
    display: none;
    z-index: 2002;
    float: left;
    width: 100%;
}
.structure table.linklist {
    border: none;
}
.structure table.linklist {
    border: none;
}

.structure form#form_inhalte {
    float: left;
    display: none;
    height: auto!important;
    overflow: hidden;
}

.structure .toolbar_menu li.promoted {
    padding-bottom: 10px;
}
.structure form#form_textcontent_card {
    float: left;
    height: auto;
}
.close {
    cursor: pointer;
    background-image: url(/layout/admin/img/icons/close.svg);
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    filter: var(--invert);
}

.ui.selection.dropdown>.dropdown.icon {
    line-height: 0!important;
}

.form_title_and_close {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block-end: 1rem;
}

.w-auto {
    width: auto!important;
}
.structure form#form_collection_preview_list table.cardform {
    height: auto!important;
}
.structure form#form_page_line_group {
    height: auto!important;
}
.structure form#form_page_line_group .input {}
.structure.sites input#input_main_page_group_code {
    width: 100%;
}

.structure.sites form#form_textcontent_card .input {
    width: 100%!important;
}
.structure.sites form#form_slideshow_cardform {
    height: auto!important;
}
.structure.sites form#form_line_list {
    margin: 1rem 0 0;
}


form#form_gallery_cardform td {
    width: 50%!Important;
    padding-right: 30px;
}
.structure.sites form#form_line_list .toolbar_menu, form#form_filegallery_line_list .toolbar_menu {
    position: relative;
    width: 100%!important;
    height: auto!important;
    padding: 0!important;
    border: none!important;
    right: unset;
    float: left;
    top: unset!Important;
}
.contents input.code {
    width: 100%;
}
.statistics form#form_stat {
    float: left;
    width: 80%;
    background: var(--toggle-bg-color);
    padding: 30px;
    border-radius: 4px;
    border: 1px solid var(--rahmen);
}
.structure.sites form#form_line_list .toolbar_menu:hover,
form#form_filegallery_line_list .toolbar_menu:hover {
    box-shadow: none!Important;
}
.structure.sites form#form_slideshow_cardform td {
    width: 50%!important;
}
.structure .clearfix {
    display: none;
}
.structure.sites form#form_field_list {
    width: 75%!important;
    padding: 30px 0!important;
    padding-top: 0!important;
}
#overlayContent {
    display: none;
    z-index: 2002;
    float: left;
    width: 100%;
}
ul.toolbar_menu,
.collection-wrapper {
    position: sticky;
    top: 70px;
}

li.mjs-nestedSortable-expanded ol {
    border-left: 2px solid var(--rahmen);
}
body.ckeditor_maximized #overlayWrapper,
body.ckeditor_maximized #overlayContent {
    display: block;
}
.inhalte_toggle_container {
    display: none;
}
select#page_filter {
    display: none;
}
form#form_page_list .input:first-child {
    display: none;
}
input#include_children {
    display: none;
}
form#form_line_list li.not_promoted {
    margin-right: 1rem;
}
form#form_slideshow_cardform .input {
    width: 90%!important;
}
.structure form#form_line_card td {
    width: 50%!important;
}
.structure form#form_line_card .input {
    width: 90%!Important;
}
.structure form#form_inhalte {
    border-bottom: none;
    border-radius: 0;
    border-top: none;
}
#overlaycrumb {
    padding-bottom: 10px;
    font-weight: bold;
    text-align: left;
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 5rem;
    border: none;
    padding: 0;
    border-bottom: 1px solid var(--rahmen);
    padding-bottom: 1rem;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 40px;
    color: var(--fc-light-header);
    font-weight: bold;
}

td.website-relation {
    padding-block-start: 1rem;
}

.old_upload {
    display: none;
}
#closeoverlay {
    float: right;
    cursor: pointer;
    font-size: 30px;
    color: #666;
    width: 25px;
    height: 30px;
    background-image: url("../img/icons/close.png");
    background-repeat: no-repeat;
    background-position: right center;
    opacity: 0;
}
.structure form#form_field_list {
    height: auto!important;
    padding: 30px 0!important;
}
.structure.navigation form#form_edit_main_navigation_card td {
    width: 46%!Important;
    float: left;
    padding-right: 30px!important;
}
input#input_is_landing_page {
    display: none;
}
.structure.sites form#form_page_card {
    height: auto!important;
}
#overlayLoader {
    display: none;
    background-color: var(--toggle-bg-color);
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 2003;
    min-height: 100px;
    left: 50%;
    margin-left: -500px;
    top: 40px;
    bottom: 0px;
    padding: 20px;
    margin-bottom: 40px;
    width: 980px;
    position: fixed;
    background-image: url("../img/icons/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center center;
}
form#form_layout_card td {
    width: 50%;
}
form#form_layout_area_card td {
    width: 50%;
}
form#form_layout_card input.code {
    width: 100%;
}

form#form_layout_area_card,
form#form_layout_inclusion_card {
    background: var(--toggle-bg-color);
     border-radius: 4px;
}
.requestLoader {
    display: none;
    background-color: var(--toggle-bg-color);
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 2003;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    background-image: url("../img/icons/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center center;
}
.clearfix {
    *zoom: 1;
}
ol.linklist.sortable.contentlist.ui-sortable li.inactive {
    background-color: var(--inactive);
}
.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both;
}

/**
* Nestable
*/
.placeholder {
    outline: 1px dashed rgb(100, 157, 156);
    /*-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: -1px;*/
}
ol {
    margin: 0;
    padding: 0;
    padding-left: 30px;
}
ol.sortable,
ol.sortable ol {
    margin: 0 0 0 25px;
    padding: 0;
    list-style-type: none;
}
#nestable table {}
ol.sortable {
    margin: 0px;
}
.sortable li {
    text-align: left;
    margin: 0px 0 0 0;
    padding: 0;
    position: relative;
}
.sortable div.dd-handle:hover {
    background-color: var(--toggle-bg-color);
}
#overlayContent .sortable div.dd-handle:hover {
    background-color: #0000002b;
    border-radius: 4px;
}
.sortable div.dd-handle.linklist_active,
.sortable div.dd-handle.linklist_active:hover {
    background: var(--mysyde);
    color: var(--toggle-fc-color);
    text-align: left;
    border-radius: 6px;
}
table {
    border-collapse: separate;
}
.sortable li div {
    padding: 10px 5px;
    margin: 0;
    cursor: pointer;
}
.sortable.enabled li div {
    cursor: move;
}
.sortable li.mjs-nestedSortable-branch div {}
.sortable li.mjs-nestedSortable-leaf div {}
li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
    border-color: #999;
    background: #fafafa;
}
.disclose {
    cursor: pointer;
    width: 20px;
    display: none;
}
.sortable li.mjs-nestedSortable-collapsed>ol {
    display: none;
}
.sortable li.mjs-nestedSortable-branch>div>.disclose {
    display: inline-block;
    position: absolute;
    left: -15px;
    top: 10px;
}
.main_menu:nth-child(2) {
    position: fixed;
    bottom: 20px;
    left: 0;
    width: 286px;
}
.sortable li.mjs-nestedSortable-collapsed>div>.disclose>span {
    background-image: url(data:image/png;base64,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);
    background-position: left center;
    width: 20px;
    display: inline-block;
}
.sortable li.mjs-nestedSortable-expanded>div>.disclose>span {
    background-image: url(data:image/png;base64,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);
    background-position: left center;
    width: 20px;
    display: inline-block;
}
.dd-handle .dd-icon {
    position: absolute;
    right: 600px;
    top: 9px;
    width: 20px;
    cursor: move;
    display: none;
    height: 18px;
    background-image: url(../img/icons/move.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5;
    filter: var(--invert);
}
.dd-icon .ui-icon {
    -ms-transform: scale(1.5);
    /* IE 9 */
    
    -webkit-transform: scale(1.5);
    /* Chrome, Safari, Opera */
    
    transform: scale(1.5);
}
.dd-icon.ui-state-highlight {
    background-color: transparent;
    border: none;
}
.sortable div.dd-handle:hover .dd-icon {
    display: block;
}
.dd-gaendert-am {
    position: absolute;
    right: 260px;
    top: 0px;
    width: 150px;
}
.dd-gaendert-am-files {
    position: absolute;
    right: 10px;
    top: 0px;
    width: 150px;
}
.dd-count-files {
    position: absolute;
    right: 170px;
    top: 0px;
    width: 150px;
}
.dd-code {
    position: absolute;
    right: 240px;
    top: 0px;
    width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dd-gaendert-von {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 245px;
}

.structure.navigation table.linklist tr td {
    padding: 7px 0px 7px 0px;
}
.structure.navigation .dd-handle .dd-icon {
    top: 0px!important;
    left: 512px!important;
    box-sizing: content-box!important;
}
.dd-status {
    position: absolute;
    right: 0;
    top: 0px;
    width: 100px;
    text-align: right;
}
#form_field_list .contentlist .dd-icon {
    right: 750px!important;
}
#form_field_list .contentlist .dd-code {
    right: 540px!important;
    width: 150px!important;
}
#form_field_list .contentlist .dd-status {
    right: 380px!important;
}
#form_field_list .contentlist .dd-layout {
    right: 130px!important;
}

.structure.navigation .dd-code {
    right: 254px;
}

td.status {
    text-align: right!important;
}

.structure.navigation .dd-gaendert-am {
    right: 231px;
}

.structure.navigation .dd-status {
    text-align: right;
    right: 0;
}
.structure.navigation td.changed_by {
    text-align: right!important;
}

.structure.navigation .dd-gaendert-von {
    text-align: right;
}

/* Seite Struktur Arrow */

.structure.sites #form_field_list .contentlist .dd-icon {
    right: 750px!important;
}
.structure.sites #form_field_list .contentlist .dd-code {
    right: 542px!important;
    width: 150px!important;
}
.structure.sites #form_field_list .contentlist .dd-status {
    right: 487px!important;
}
.structure.sites #form_field_list .contentlist .dd-layout {
    right: 107px!important;
}


div#header-wrapper {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
body.config.config_users form#form_admin_user_card td {
    width: 50%!important;
    padding-right: 30px;
}
.img_container.intranet_user_image {
    float: left;
}
li.not_promoted {
    list-style: none;
}
.contentlist .dd-status {
    right: 250px;
    width: 150px;
}
.contentlist .dd-layout {
    right: 0px;
    position: absolute;
    top: 0px;
    width: 245px;
}
.navigation_active_link>.dd-code,
.navigation_active_link>.dd-status,
.navigation_active_link>.dd-gaendert-am,
.navigation_active_link>.dd-gaendert-von,
.navigation_active_link>.dd-layout {
    color: white;
}

/* ==========================================================================
Dashboard styles
========================================================================== */
.dashboard_part_left {
    width: 100%;
    float: left;
}
.dashboard_part_right {
    width: 100%;
    float: left;
}
.dashboard_part_left .infobox {
    margin-right: 20px;
}
a.dashoard_box {
    float: left;
    width: 170px;
    margin: 0px 12px 12px 0px;
    height: 151px;
    background: var(--mysyde)!important;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    border-radius: 5px;
    white-space: nowrap;
    border: 1px solid var(--rahmen);
}
a.dashoard_box:hover {
    box-shadow: rgb(41 76 91 / 56%) 0px 7px 29px 0px;
}
a.dashoard_box,
a.dashoard_box:link,
a.dashoard_box:active,
a.dashoard_box:visited {
    text-decoration: none;
}
a.dashoard_box:hover {
    cursor: pointer;
    background-color: var(--hoverfarbe);
}
.dashoard_box.button_inhalt_collection img {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 21%;
}
.dashboard_box_number {
    text-align: right;
    padding: 15px 10px 0px 0px;
    color: white;
    font-size: 30px;
    margin: 0px;

    float: right;
}
.dashboard_part_right {
    background: var(--toggle-bg-color);
    padding: 30px;
    border-radius: 4px;
    border: 1px solid var(--rahmen);
    margin-top: 1rem;
}
.dashboard_box_description {
    position: absolute;
    left: 10px;
    bottom: 15px;

    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 160px;
    overflow: hidden;
}
.ui-widget {
    font-size: 80%;
}
.liveedit {
    margin-top: 10px;
}
.structure.navigation form {
    border: none!important;
}
.structure.navigation .dd-handle .dd-icon {
    right: 525px;
    /* position: absolute;
    
    top: 1px;
    width: 20px;
    cursor: move;
    display: none;
    height: 18px;
    background-image: url(../img/icons/move.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5; */
}
.liveedit iframe {
    border: 0px;
    height: 100%;
    position: absolute;
    width: 100%;
    padding-bottom: 20px;
}
input#input_description {
    font-size: 23px;
    font-weight: 600;
}

.filter-collection {
    width: 100%;
    float: left;
    margin: 1rem 0;
}
a.button_save:after {
    content: '';
    background-image: url(/layout/admin/img/icons/folder-check.svg);
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    background-position: center;
}

table#form_collection_list_table {
    width: 100%!important;
}

.dashboard div#content {
    background: var(--toggle-bg-color-2);
}
.structure.components ul.toolbar_menu {
    height: 430px;
}
li.not_promoted {
    float: left;
    width: auto;
    padding: 0 10px;
    border: 1px solid var(--rahmen);
    margin-right: 1rem;
    border-radius: 4px;
    margin-top: 1rem;
}

.toolbar_menu.new {
    width: 75%;
    height: auto!important;
    overflow: hidden;
    border: none;
    padding: 0!important;
    top: unset;
}

form#form_filegallery_line_list {
    padding: 0;
}

form#form_page_line_properties .input {
    width: 100%!important;
}
.structure.components form#form_textcontent_card td {
    width: 100%!Important;
    padding: 10px 0;
}

div#srollerInhalteHeadline h3 {
    text-align: left;
}
.structure.components form#form_textcontent_card h2 {
    display: none;
}
.structure.components form#form_component_list {
    width: 100%!important;
}
.tabcontentSection form#form_inhalte2 {
    width: 100%;
    border: none;
    padding: 0;
}
.multistep_forms .tabcontentSection {
    border-radius: 0 0 5px 5px!important;
}
.contents.multistep_forms form#form_field_list {
    margin-bottom: 0;
    border-bottom: none!Important;
    border-radius: 4px 4px 0 0!important;
}
.structure.components form#form_component_field_list {
    height: 430px;
    overflow-y: scroll;
}
.structure.components #overlayContent h2 {
    font-weight: normal;
    font-size: 25px;
    text-align: left;
    float: left;
    margin: 0!important;
    border-right: 1px solid var(--rahmen);
    border-bottom: none;
    width: 75%;
}
.collections ul.toolbar_menu.collection {
    width: 100%!important;
    border: none;
    padding: 0!important;
    height: auto;
    position: relative;
    right: unset;
    top: unset!important;
    transform: unset!important;
}



/* custom selecter */
.dropbtn {
    background-color: unset;
    color: black;
    padding: 8px;
    font-size: 14px;
    border: 1px solid grey;
    cursor: pointer;
    border-radius: 5px;
}
.dropbtn:hover,
.dropbtn:focus {
    opacity: .8;
}
.dropdown-content a.button:link,
a.button:visited {
    width: 100%!important;
    overflow: hidden;
    font-size: 17px;
    text-align: left!important;
    margin: unset!important;
    padding: 10px!important
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.show {
    display: block;
}
.dropdown,
.dropdown div {
    overflow: visible !important;
}

/* Custom Selector */

/* Tabs */
.tab {
    overflow: hidden;
    border: 1px solid var(--rahmen);
    background: var(--toggle-bg-color);
    width: 100%;
    border-radius: 4px 4px 0 0;
}

/* Style the buttons inside the tab */
.tab button {
    background: var(--rahmen);
    float: left;
    border: 1px solid #f5f6f7;
    outline: none;
    cursor: pointer;
    padding: 10px;
    transition: 0.3s;
    font-size: 17px;
    margin: 10px;
    border-radius: 5px;
}
.tab.two {
    background: no-repeat;
    border: none;
    display: block;
    padding: 10px 0;
}
.tablinksSection {
    padding: 6px 10px!important;
    border-radius: 5px;
    font-size: 14px;
}
.tablinksSection.active {
    background: var(--mysyde)!important;
    color: var(--toggle-fc-color)!important;
}
.faq.faq_main div#mainContent {
    width: 89%!important;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #f5f6f7;
    color: #306279;
}

/* Create an active/current tablink class */
.tab button.active {
    background: var(--mysyde);
    border: 1px solid #f5f6f7;
    color: var(--toggle-fc-color)fff;
}
.scroller_inhalte a.button_inhalt_text:before,.scroller_inhalte a.button_inhalt_bild:before,
.scroller_inhalte a.button_inhalt_fließtext:before,
.scroller_inhalte a.button_inhalt_datum:before,
.scroller_inhalte a.button_inhalt_link:before, a.button_inhalt_forwarding:before, .scroller_inhalte a.button_intranet:before, .scroller_inhalte a.button_inhalt_slideshow:before, .scroller_inhalte a.button_inhalt_accordion:before, .scroller_inhalte a.button_inhalt_files:before, .scroller_inhalte a.button_inhalt_bildergalerie:before, .scroller_inhalte a.button_inhalt_facebook:before, .scroller_inhalte a.button_inhalt_scrollbar:before, .scroller_inhalte a.button_inhalt_maps:before, .scroller_inhalte a.button_inhalt_faq:before, .scroller_inhalte a.button_inhalt_collection:before, .scroller_inhalte a.button_language_switch:before, .scroller_inhalte a.button_inhalt_youtube:before, .scroller_inhalte a.button_inhalt_contact:before {
    top: 20px!important;
    left: 27px!important;
    background-size: 39%!important;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    background-repeat: no-repeat;
}

.tablinksSection {
    border: 1px solid var(--rahmen)!important;
}

/* Style the tab content */
.tabcontent,
.tabcontentSection {
    display: none;
    padding: 6px 21px;
    border-top: none;
}
.data-link li.promoted {
    width: auto!important;
}
.data-link.text-right .toolbar_menu {
    right: unset!important;
    width: 100%!important;
    margin: 0 0 1rem!important;
}
.tablinksSection {
    margin-right: 1rem;
}
form#form_inhalte1 table.linklist {
    border: none;
}
.tab li.not_promoted {
    float: left;
    width: auto;
    padding: 0 10px;
    border: 1px solid var(--rahmen);
    margin-right: 1rem;
    border-radius: 4px;
    margin-top: 0rem;
}







.site_dropdown li.structure_nav a {
    padding: 0px 10px;
    line-height: 1;
    padding-block-end: 10px;
}

.site_dropdown li.structure_nav:last-child a {
    padding-block-end: 0px;
}

.config.config_collections form#form_collection_cardform td {
    width: 45%;
}
form#form_line_list .toolbar_menu,
.config.config_collections form#form_group_line_list .toolbar_menu {
    position: relative!important;
    top: unset;
    left: unset;
    right: unset;
    transform: unset;
}
form#form_line_list .toolbar_menu:hover,
.config.config_collections form#form_group_line_list .toolbar_menu:hover {
    box-shadow: none;
}

.config.config_collections form#form_collection_group_cardform div.input {
    width: 50%;
}

.colors {
    float: left;
    flex-wrap: wrap;
    display: flex;
    width: 100%;
}
.input_color {
    width: 33%;
}
.infopoint_icon {
    height: 100px;
}
.collections div#content_3 {
    position: relative;
    float: left;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 100vh;
    overflow: hidden;
    width: 100%;
}
.collections #content_3 .toolbar_menu {
    float: right;
    right: unset;
    width: 25% !important;
    box-sizing: border-box;
    padding: 0px 30px!Important;
}

form#form_line_card {
    margin-block-end: 1rem;
}

ul.toolbar_menu.horizontal {
    position: relative!important;
    top: unset;
    left: unset;
    right: unset;
    transform: unset;
    float: left;
    height: unset;
    padding: 0!Important;
    padding-inline: 1rem!important;
}

ul.toolbar_menu.horizontal li.not_promoted {
    margin-right: 1rem;
    margin-bottom: 1rem;
}

form#dropzone {
    margin-block: 1rem;
    border-radius: 5px;
    background: var(--rahmen);
    font-size: 20px;
    max-width: 60%;
    border: 1px solid;
}

.dd-gaendert-am {
    display: none;
}

td.changed_on {
    display: none;
}

td.changed_by {
    display: none;
}

.dd-gaendert-von {
    display: none;
}

li.structure_nav.group {
    display: block;
}

/* li.structure_nav {
    display: none;
} */


#mainContent {
    position: relative;
    float: left;
    box-sizing: border-box;
}
div#content {
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding-left: 286px!important;
    padding-top: 69px;
    padding-right: 0;
    padding-bottom: 0;
}

.faq ul.toolbar_menu  {
    width: 25%;
}
.faq form#form_faq_cardform {
    width: 74%;
}
.faq .clearfix  {
    display: none;
}

.dashboard .dashboard_intranet {
    background-image: var(--bg-dashboard);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    min-height: 100vh;
    padding: 5rem!important;
}

/* Kalender Serientermine */

button#serientermin,
.all_mandants {
    background: var(--rahmen);
    border-radius: 4px;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    width: 100%;
    margin: 1rem 0;
    text-align: center;
}

.statistic_group {
    flex-shrink: 0;
    width: 50%;
}

.mandant.bc-select-ui.ui.fluid.multiple.search.selection.dropdown {
    width: 100%;
}

button.all_mandants {
    background: var(--rahmen);
    border-radius: 4px;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    width: 100%;
    margin: 1rem 0;
}


.save_button_coll {
    display: flex;
    gap: 10px; /* Расстояние между элементами */
    align-items: center; /* Выровнять элементы по вертикали */
}

.serial_date {
    background: var(--toggle-bg-color);
    padding: 2rem;
    border-radius: 15px;
    border: 1px solid #c8c8c8;
    position: fixed;
    z-index: 2005;
    left: 50%;
    display: none;
    height: 270px;
    width: 100%;
    max-width: 650px;
    top: 50%;
    transform: translate(-50%,-50%);
    box-shadow: rgb(255 255 255 / 10%) 0px 1px 1px 0px inset, rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px;
}

.monthly-option {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 1rem;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 2003;
    display: none;
}

.yearly-options {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 1rem;
}

.serial_date input {
    max-width: 35px;
}

button#serienterminclose {
    cursor: pointer;
    font-size: 30px;
    color: #666;
    width: 25px;
    height: 30px;
    background-image: url("../img/2015/close.png");
    background-repeat: no-repeat;
    background-position: right center;
    border: none;
    background-color: unset;
}

.config_contact div#mainContent {
    width: 100% !important;
}

.serial_date.modal-open {
    display: block;
}

.serial_heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.week-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 15px 0;
}

.radio-group {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    text-align: left;
}

.serial_date label {
    cursor: pointer;
}

.serial_date input {
    font-size: 16px;
    padding: 5px;
    border: 1px solid #c3c3c3;
    border-radius: 6px;
}

.serial_date select {
    font-size: 16px;
    padding: 5px;
    border: 1px solid #c3c3c3;
    border-radius: 6px;
}

.radio-buttons {
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgb(179, 179, 179);
    padding-right: 2rem;
    gap: 15px;
}

.serial-content {
    display: flex;
    gap: 20px;
}

/* Kalender Serientermine */

/* Jan */

.config_contact ul.toolbar_menu.flex_toolbar{
    position: static;
    display: flex;
    width: unset;
    max-width: unset;
    float: left;
    overflow-y: unset;
    align-items: center;
    padding-left: unset !important;

}

/* Jan end */

/* Video_Uploud */

body.video_uploud {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: Arial, sans-serif;
    background: #f9f9f9;
    display: flex;
    justify-content: center;

    .upload-container {
        width: 87vw; 
        height: 70vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: none;
        #drop-area {
            width: 80vw; 
            height: 60vh; 
            max-width: 1200px;
            border: 3px dashed #cccccc;
            border-radius: 12px;
            background: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            text-align: center;
            cursor: pointer;
            transition: border-color 0.3s ease-in-out, box-shadow 0.3s;

            &:hover {
                border-color: #007bff;
                box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
            }

            .upload-text {
                font-size: 22px;
                font-weight: bold;
                color: #333;
            }

            .upload-info {
                font-size: 14px;
                color: #777;
                margin-top: 10px;
            }
        }

        .progress-container {
            width: 50vw;
            max-width: 800px;
            background: #e0e0e0;
            border-radius: 5px;
            height: 12px;
            overflow: hidden;
            position: absolute;
            bottom: -70px;
            left: 50%;
            transform: translateX(-50%); 
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
            padding: 10px;
            text-align: center;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 8px;
        }

        .progress-bar {
            height: 100%;
            width: 0%;
            background: linear-gradient(90deg, #007bff, #0056b3);
            transition: width 0.4s ease-in-out;
            border-radius: 10px;
        }

        .progress-text {
            margin-top: 10px;
            font-size: 16px;
            font-weight: bold;
            color: #333;
            text-align: center;
        }
    }
    #content_3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 80vw;
    }
}

/* Video_Uploud END */