/********************************************************
 * AS-CMS Admin-Theme Default
 * Datei-Version: 1.1
 * Gemeinsame Struktur – Unterschiede nur in Themefarben
 * Stand: 13.09.2026
 ********************************************************/

/* Grundlayout */

* {
    box-sizing: border-box;
}

html,
body {
	
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
	
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #222222;
    background: #f3f6f9;
    --adm-dialog-background: #ffffff;
    --adm-dialog-color: #222222;
    --adm-dialog-border: #cbd7e3;
    --adm-content-color: #222222;
    --adm-heading-color: #26384a;
    --adm-link-color: #1f6eae;
    --adm-surface-background: #ffffff;
    --adm-surface-border: #cbd7e3;
    --adm-subtle-background: #f7f9fb;
    --adm-table-head-color: #24445f;
    --adm-table-head-background: #eef4f9;
    --adm-button-color: #ffffff;
    --adm-button-background: #2e7fc0;
    --adm-button-border: #2369a1;
    --adm-button-hover-background: #1f6eae;
    --adm-button-secondary-background: #6d7782;
    --adm-button-secondary-border: #59636e;
    --adm-button-secondary-hover-background: #59636e;
    --adm-button-success-background: #2f9e5b;
    --adm-button-success-border: #237a45;
    --adm-button-success-hover-background: #27854c;
    --adm-button-danger-background: #c83c3c;
    --adm-button-danger-border: #a92d2d;
    --adm-button-danger-hover-background: #ad3030;
    --adm-success-color: #275827;
    --adm-success-background: #eef8ee;
    --adm-success-border: #8cc48c;
    --adm-warning-color: #6d5310;
    --adm-warning-background: #fff8dd;
    --adm-warning-border: #dec36f;
    --adm-error-color: #7a2020;
    --adm-error-background: #fff0f0;
    --adm-error-border: #cc8c8c;
}

.adm_theme-wrapper {
	
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%);
}

/* Header */

.adm_site-header {
	
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    color: #ffffff;
    background: linear-gradient(180deg, #86acd8 0%, #6f98c8 100%);
    border: 1px solid #b9cee5;
    border-radius: 5px;
    box-shadow: 0 4px 14px rgba(43, 72, 104, 0.18);
}

.adm_logo {
	
    display: flex;
    align-items: center;
}

.adm_logo-image {
	
    width: 150px;
    height: auto;
    vertical-align: middle;
}

.adm_logo-text {
	
    color: #ffffff;
}

.adm_header-right {

    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.adm_header-right a {

    margin-left: 1rem;
    color: #ffffff;
    text-decoration: none;
}

.adm_header-right a:hover,
.adm_header-right a:focus-visible {

    color: #f2f7fc;
    text-decoration: underline;
}

/* Theme-Umschalter */

.adm_theme-switch-form {

    display: inline-flex;
    flex: 0 0 118px;
    margin: 0;
}

.adm_theme-switch {

    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.55rem;
    width: 118px;
    height: 38px;
    padding: 4px 11px 4px 5px;
    color: #ffffff;
    font: inherit;
    font-weight: bold;
    line-height: 1;
    background: #414952;
    border: 1px solid #737d88;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.adm_theme-switch:hover,
.adm_theme-switch:focus-visible {

    color: #ffffff;
    background: #59636e;
    border-color: #929ba5;
    outline: 2px solid rgba(255, 255, 255, 0.9);
    outline-offset: 2px;
}

.adm_theme-switch:active {

    transform: translateY(1px);
}

.adm_theme-switch-icon {

    display: inline-flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #ffffff;
    font-size: 18px;
    background: #2d333a;
    border-radius: 6px;
}

.adm_theme-switch-label {

    flex: 1 1 auto;
    text-align: center;
}

/* Hauptbereich */

.adm_main-content {

    display: flex;
    flex: 1;
    gap: 1rem;
    padding: 0.5rem;
}

/* Navigation */

.adm_left-sidebar {

    flex: 0 0 190px;
    width: 190px;
    max-width: 190px;
    padding: 1rem;
    color: #27313c;
    background: #dce8f5;
    border: 1px solid #b9cde2;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(43, 72, 104, 0.12);
}

.adm_navigation ul,
.adm_left-sidebar ul {

    margin: 0;
    padding: 0;
    list-style: none;
}

.adm_navigation li,
.adm_left-sidebar li {

    margin: 0 0 0.5rem;
}

.adm_navigation a,
.adm_left-sidebar a {

    color: #24445f;
    text-decoration: none;
}

.adm_navigation a:hover,
.adm_navigation a:focus-visible,
.adm_left-sidebar a:hover,
.adm_left-sidebar a:focus-visible {

    color: #0d5e9c;
    text-decoration: underline;
}

.adm_left-sidebar li.seitenlink {

    width: 100%;
    margin: 5px 0;
    list-style: none;
}

.adm_left-sidebar li.seitenlink > a {

    display: block;
    overflow: hidden;
    padding: 6px 10px;
    color: #ffffff;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #2e7fc0;
    border: 1px solid #2369a1;
    border-radius: 3px;
    transition: background-color 0.2s, border-color 0.2s;
}

.adm_left-sidebar li.seitenlink > a:hover,
.adm_left-sidebar li.seitenlink > a:focus-visible {

    color: #ffffff;
    text-decoration: none;
    background: #1f6eae;
    border-color: #185888;
}

.adm_left-sidebar li.seitenlink > a.is-active {

    color: #302600;
    background: #fdeab3;
    border-color: #dfc66f;
}

/* Inhaltsbereich */

.adm_content-area {

    flex: 1;
    min-width: 0;
    padding: 1rem;
    color: #222222;
    background: #ffffff;
    border: 1px solid #ccd8e4;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(43, 72, 104, 0.12);
}

.adm_content-area h1,
.adm_content-area h2,
.adm_content-area h3,
.adm_content-area h4,
.adm_content-area h5,
.adm_content-area h6 {

    color: #26384a;

}

.adm_content-area a {

    color: #1f6eae;
}

.adm_content-area a:hover,
.adm_content-area a:focus-visible {

    color: #155f96;
    text-decoration: underline;
}

/* Einheitliche AS-CMS-Bereiche */

.adm_panel,
.adm_box,
.adm_window,
.adm_card,
.adm_section {

    margin: 0 0 1rem;
    padding: 1rem;
    color: #222222;
    background: #FFFFFF;
    border: 1px solid #cbd7e3;
    border-radius: 8px;
}

.adm_panel-wide {

    max-width: none;
}

.adm_panel-header,
.adm_box-header,
.adm_window-header,
.adm_section-header {

    padding: 0.75rem 1rem;
    color: #24445f;
    font-weight: bold;
    background: #eef4f9;
    border-bottom: 1px solid #cbd7e3;
    border-radius: 8px 8px 0 0;
}

.adm_actions,
.adm_button-group {

    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

/* Einheitliche Aktionsbuttons */

.adm_button-group form {

    width: 96px;
    margin: 0;
}

.adm_button-group .adm_button {

    width: 96px;
    min-width: 96px;
    height: 30px;
    min-height: 30px;
    padding: 0 8px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1;
}

.adm_table-actions {

    justify-content: flex-start;
    min-width: 232px;
}

.adm_table-actions form {

    flex: 0 0 112px;
    width: 112px;
    margin: 0;
}

.adm_table-actions .adm_button,
.adm_table-actions input[type="submit"].adm_button,
.adm_table-actions a.adm_button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 112px;

    width: 112px;

    min-width: 112px;

    max-width: 112px;

    height: 32px;

    min-height: 32px;

    margin: 0;

    padding: 0 0.65rem;

    text-align: center;

    white-space: nowrap;

}

.adm_backup-actions form {

    width: 148px;

    margin: 0;

}

.adm_backup-actions .adm_button {

    width: 148px;

    min-width: 148px;

    max-width: 148px;

    white-space: nowrap;

}

/* Formulare und Standardfelder */

.adm_content-area form {

    color: inherit;

}

.adm_form {

    display: flex;

    flex-direction: column;

    gap: 12px;

}

.adm_form-inline {

    display: inline-flex;

    flex-direction: row;

    align-items: center;

    gap: 0.45rem;

    margin: 0;

}

.adm_form label {

    display: flex;

    flex-direction: column;

    gap: 12px;

    font-weight: bold;

}

.adm_form .adm_button,
.adm_form button,
.adm_form input[type="submit"],
.adm_form input[type="button"] {

    margin-top: 10px;

    align-self: flex-start;

}

.adm_content-area fieldset {

    margin: 0 0 1rem;

    padding: 1rem;

    border: 1px solid #c3cfdb;

    border-radius: 8px;

}

.adm_content-area legend {

    padding: 0 0.65rem;

    color: #26384a;

    font-weight: bold;

}

.adm_content-area label {

    color: #222222;

}

.adm_content-area input,
.adm_content-area select,
.adm_content-area textarea {

    max-width: 100%;

    padding: 0.45rem;

    color: #222222;

    background: #ffffff;

    border: 1px solid #aebdca;

    border-radius: 6px;

}

.adm_content-area input:focus,
.adm_content-area select:focus,
.adm_content-area textarea:focus {

    border-color: #4d8fca;

    outline: none;

    box-shadow: 0 0 0 2px rgba(77, 143, 202, 0.18);

}

.adm_content-area input:disabled,
.adm_content-area select:disabled,
.adm_content-area textarea:disabled,
.adm_content-area button:disabled {

    opacity: 0.6;

    cursor: not-allowed;

}

/* Buttons */

.adm_content-area button,
.adm_content-area input[type="submit"],
.adm_content-area input[type="button"],
.adm_content-area a.adm_button,
.adm_button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 34px;

    padding: 0.45rem 0.8rem;

    color: #ffffff;

    font: inherit;

    font-weight: bold;

    text-decoration: none;

    background: #2e7fc0;

    border: 1px solid #2369a1;

    border-radius: 6px;

    cursor: pointer;

}

.adm_content-area button:hover,
.adm_content-area button:focus-visible,
.adm_content-area input[type="submit"]:hover,
.adm_content-area input[type="submit"]:focus-visible,
.adm_content-area input[type="button"]:hover,
.adm_content-area input[type="button"]:focus-visible,
.adm_content-area a.adm_button:hover,
.adm_content-area a.adm_button:focus-visible,
.adm_button:hover,
.adm_button:focus-visible {

    color: #ffffff;

    background: #1f6eae;

}

.adm_content-area .adm_button-save,
.adm_content-area .adm_button-install,
.adm_content-area .adm_button-success {

    color: #ffffff;

    background: #2f9e5b;

    border-color: #237a45;

}

.adm_content-area .adm_button-save:hover,
.adm_content-area .adm_button-save:focus-visible,
.adm_content-area .adm_button-install:hover,
.adm_content-area .adm_button-install:focus-visible,
.adm_content-area .adm_button-success:hover,
.adm_content-area .adm_button-success:focus-visible {

    color: #ffffff;

    background: #27854c;

}

.adm_content-area .adm_button-update,
.adm_content-area .adm_button-warning {

    color: #3f3300;

    background: #f2c94c;

    border-color: #d2aa32;

}

.adm_content-area .adm_button-update:hover,
.adm_content-area .adm_button-update:focus-visible,
.adm_content-area .adm_button-warning:hover,
.adm_content-area .adm_button-warning:focus-visible {

    color: #3f3300;

    background: #ddb63e;

}

.adm_content-area .adm_button-uninstall {

    color: #ffffff;

    background: #7952b3;

    border-color: #5f3e91;

}

.adm_content-area .adm_button-uninstall:hover,
.adm_content-area .adm_button-uninstall:focus-visible {

    color: #ffffff;

    background: #65429a;

}

.adm_content-area .adm_button-delete,
.adm_content-area .adm_button-danger {

    color: #ffffff;

    background: #c83c3c;

    border-color: #a92d2d;

}

.adm_content-area .adm_button-delete:hover,
.adm_content-area .adm_button-delete:focus-visible,
.adm_content-area .adm_button-danger:hover,
.adm_content-area .adm_button-danger:focus-visible {

    color: #ffffff;

    background: #ad3030;

}

.adm_content-area .adm_button-cancel,
.adm_content-area .adm_button-secondary {

    color: #ffffff;

    background: #6d7782;

    border-color: #59636e;

}

.adm_content-area .adm_button-cancel:hover,
.adm_content-area .adm_button-cancel:focus-visible,
.adm_content-area .adm_button-secondary:hover,
.adm_content-area .adm_button-secondary:focus-visible {

    color: #ffffff;

    background: #59636e;

}

.adm_content-area .adm_table-actions {

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    gap: 8px;

    min-width: 232px;

}

.adm_content-area .adm_table-actions form {

    flex: 0 0 112px;

    width: 112px;

    margin: 0;

}

.adm_content-area .adm_table-actions .adm_button,
.adm_content-area .adm_table-actions input[type="submit"].adm_button,
.adm_content-area .adm_table-actions a.adm_button {

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 112px;

    width: 112px;

    min-width: 112px;

    max-width: 112px;

    height: 32px;

    min-height: 32px;

    margin: 0;

    padding: 0 0.65rem;

    box-sizing: border-box;

    text-align: center;

    white-space: nowrap;

}

.adm_content-area .adm_table-actions .adm_button-success {

    background: #1f8f55;

    border-color: #44c27a;

    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.32);

}

.adm_content-area .adm_table-actions .adm_button-success:hover,
.adm_content-area .adm_table-actions .adm_button-success:focus-visible {

    background: #187947;

    border-color: #59d88d;

}


.adm_content-area .adm_table-actions .adm_button-update,
.adm_content-area .adm_table-actions .adm_button-warning {

    color: #3f3300;

    background: #f2c94c;

    border-color: #d2aa32;

}

.adm_content-area .adm_table-actions .adm_button-update:hover,
.adm_content-area .adm_table-actions .adm_button-update:focus-visible,
.adm_content-area .adm_table-actions .adm_button-warning:hover,
.adm_content-area .adm_table-actions .adm_button-warning:focus-visible {

    color: #3f3300;

    background: #ddb63e;

}

.adm_content-area .adm_table-actions .adm_button-delete,
.adm_content-area .adm_table-actions .adm_button-danger {

    color: #ffffff;

    background: #c83c3c;

    border-color: #a92d2d;

}

.adm_content-area .adm_table-actions .adm_button-delete:hover,
.adm_content-area .adm_table-actions .adm_button-delete:focus-visible,
.adm_content-area .adm_table-actions .adm_button-danger:hover,
.adm_content-area .adm_table-actions .adm_button-danger:focus-visible {

    color: #ffffff;

    background: #ad3030;

}
.adm_content-area .adm_table-actions .adm_button-primary {

    background: #2d73c7;

    border-color: #4d8fca;

    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.32);

}

.adm_content-area .adm_table-actions-vertical {

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: flex-start;

    gap: 12px;

}

.adm_content-area .adm_table-actions-vertical form {

    margin: 0;

}

.adm_content-area .adm_table-actions-vertical > a.adm_button,
.adm_content-area .adm_table-actions-vertical form > .adm_button,
.adm_content-area .adm_table-actions-vertical form > input[type="submit"].adm_button {

    width: 100%;

    margin: 0;

    box-sizing: border-box;

}


.adm_content-area .adm_table-actions-vertical .adm_button-update,
.adm_content-area .adm_table-actions-vertical .adm_button-warning {

    color: #3f3300;

    background: #f2c94c;

    border-color: #d2aa32;

}

.adm_content-area .adm_table-actions-vertical .adm_button-update:hover,
.adm_content-area .adm_table-actions-vertical .adm_button-update:focus-visible,
.adm_content-area .adm_table-actions-vertical .adm_button-warning:hover,
.adm_content-area .adm_table-actions-vertical .adm_button-warning:focus-visible {

    color: #3f3300;

    background: #ddb63e;

}

.adm_content-area .adm_table-actions-vertical .adm_button-delete,
.adm_content-area .adm_table-actions-vertical .adm_button-danger {

    color: #ffffff;

    background: #c83c3c;

    border-color: #a92d2d;

}

.adm_content-area .adm_table-actions-vertical .adm_button-delete:hover,
.adm_content-area .adm_table-actions-vertical .adm_button-delete:focus-visible,
.adm_content-area .adm_table-actions-vertical .adm_button-danger:hover,
.adm_content-area .adm_table-actions-vertical .adm_button-danger:focus-visible {

    color: #ffffff;

    background: #ad3030;

}

.adm_table-compact {

    table-layout: fixed;

    width: 130px;

}

.adm_table .adm_col-status {

    width: 78px;

    white-space: nowrap;

}

.adm_table .adm_col-email {

    width: 160px;

    white-space: normal;

    overflow-wrap: anywhere;

}

.adm_table .adm_col-details {

    width: 140px;

    white-space: normal;

    overflow-wrap: anywhere;

}

.adm_table .adm_col-details small {

    display: block;

    margin-top: 0.15rem;

    line-height: 1.25;

}



.adm_table .adm_col-show {

    width: 84px;

    white-space: nowrap;

}

.adm_table .adm_col-actions-wide {

    width: 232px;

    white-space: nowrap;

}

.adm_content-area .adm_table-actions-small {

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.adm_content-area .adm_table-actions-small .adm_button {

    width: 100%;

    margin: 0;

    box-sizing: border-box;

}

.adm_table .adm_col-actions-narrow {

    width: 116px;

    white-space: nowrap;

}


.adm_table .adm_col-actions-narrow .adm_button {

    margin-left: 2px;

    margin-right: 2px;

    width: calc(100% - 4px);

}.adm_table .adm_col-actions {

    width: 128px;

    white-space: nowrap;

}

.adm_table .adm_col-subject {

    min-width: 220px;

    white-space: normal;

    overflow-wrap: anywhere;

}

.adm_content-area .adm_table-actions .adm_button-primary:hover,
.adm_content-area .adm_table-actions .adm_button-primary:focus-visible {

    background: #245fa8;

    border-color: #8cc0f5;

}

/* Tabellen */

.adm_content-area table,
.adm_table {

    width: 100%;

    max-width: 100%;

    color: #222222;

    background: #ffffff;

    border-collapse: collapse;

}

.adm_table-wrap {

    width: 100%;

    max-width: 100%;

    margin: 0 0 1rem;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

}

.adm_table-wrap .adm_table {

    min-width: 760px;

    margin: 0;

}

.adm_content-area th,
.adm_content-area td,
.adm_table th,
.adm_table td {

    padding: 0.6rem;

    text-align: left;

    border: 1px solid #cbd7e3;

}

.adm_content-area th,
.adm_table th {

    color: #24445f;

    background: #eef4f9;

}

.adm_content-area tbody tr:nth-child(even),
.adm_table tbody tr:nth-child(even) {

    background: #f7f9fb;

}

.adm_content-area tbody tr:hover,
.adm_table tbody tr:hover {

    background: #eaf2f8;

}

/* Listen und Details */

.adm_content-area ul,
.adm_content-area ol {

    padding-left: 1.4rem;

}

.adm_content-area details {

    margin: 0 0 1rem;

    color: #222222;

    background: #ffffff;

    border: 1px solid #cbd7e3;

    border-radius: 8px;

}

.adm_content-area summary {

    padding: 0.7rem 0.9rem;

    color: #24445f;

    font-weight: bold;

    background: #eef4f9;

    cursor: pointer;

}

.adm_content-area details > :not(summary) {

    margin-right: 0.9rem;

    margin-left: 0.9rem;

}

.adm_field-grid,
.adm_choice-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

    gap: 0.85rem;

    margin: 1rem 0;

}

.adm_field-grid label {

    display: flex;

    flex-direction: column;

    gap: 12px;

    font-weight: bold;

}

.adm_stat-grid,
.adm_help-flow {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));

    gap: 0.85rem;

    margin: 1rem 0;

}

.adm_stat-card,
.adm_help-step {

    min-width: 0;

    padding: 0.85rem;

    color: #27313c;

    background: #ffffff;

    border: 1px solid #3c5069;

    border-radius: 8px;

}

.adm_stat-card strong {

    display: block;

    max-width: 100%;

    margin-bottom: 0.35rem;

    padding: 0.25rem 0.4rem;

    color: #FFFFFF;

    background: #172131;

    border-left: 3px solid #5aa7f0;

    border-radius: 4px;

    font-size: 1.05em;

    line-height: 1.25;

    overflow-wrap: anywhere;

    word-break: break-word;

}

.adm_stat-card span {

    display: block;

    margin-top: 0.35rem;

    font-size: 0.88rem;

    line-height: 1.25;

    overflow-wrap: anywhere;

}

.adm_media-smilie {

    max-width: 64px;

    max-height: 64px;

    vertical-align: middle;

}

.adm_media-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));

    gap: 0.85rem;

    margin: 1rem 0;

}

.adm_media-card {

    display: flex;

    flex-direction: column;

    gap: 0.6rem;

    min-width: 0;

    padding: 0.6rem;

    color: #27313c;

    background: #1d2530;

    border: 1px solid #3c5069;

    border-radius: 8px;

}

.adm_media-card code {

    word-break: break-all;

}

.adm_media-preview {

    width: 100%;

    height: 110px;

    object-fit: cover;

    background: #0f141c;

    border-radius: 6px;

}

.adm_theme-table th:first-child,
.adm_theme-table td:first-child {

    width: 140px;

}

.adm_theme-table th:last-child,
.adm_theme-table td:last-child {

    width: 160px;

}

.adm_theme-preview {

    display: block;

    width: 150px;

    max-width: 130px;

    height: auto;

    object-fit: cover;

    background: #0f141c;

    border-radius: 6px;

}

.adm_media-actions {

    display: grid;

    grid-template-columns: minmax(0, 1fr) auto;

    align-items: end;

    gap: 0.5rem;

}

.adm_media-replace-form,
.adm_media-delete-form {

    gap: 6px;

    margin: 0;

}

.adm_media-delete-form {

    justify-content: end;

}

.adm_media-actions .adm_button {

    margin-top: 0;

}

.adm_media-actions input[type="file"] {

    min-width: 140px;

    max-width: 130px;

}

.adm_media-actions input[type="file"]::file-selector-button {

    min-width: 125px;

    margin-right: 10px;

    padding: 0.32rem 0.55rem;

    white-space: nowrap;

}

.adm_button-small {

    min-height: 30px;

    padding: 5px 9px;

    font-size: .9em;

}

.adm_preview-form {

    width: 100%;

    max-width: 100%;

}

.adm_preview-slot {

    position: relative;

    min-height: 22px;

    box-sizing: border-box;

}

.adm_preview-toolbar {

    display: flex;

    flex-direction: column;

    gap: 2px;

    padding: 2px 3px;

    background: rgba(15,20,28,0.78);

    border: 1px solid rgba(140,200,255,0.28);

    box-sizing: border-box;

}

.adm_preview-toolbar label {

    margin: 0;

    color: #007acc;

    font-size: 14px;

    font-weight: normal;

    line-height: 1;

}

.adm_preview-toolbar select {

    width: 140px;

    height: 18px;

    padding: 0 2px;

    font-size: 14px;

    line-height: 1;

}

.adm_content-row {

    display: flex;

    grid-template-columns: auto minmax(0, 1fr);

    align-items: center;

    gap: 12px;

    margin-bottom: 1rem;

    padding: 0.7rem;

    color: #27313c;

    background: #1d2530;

    border: 1px solid #3c5069;

    border-radius: 8px;

}

.adm_sort-controls {

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 0.25rem;

}

.adm_icon-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 32px;

    min-height: 28px;

    color: #fff;

    background: #3e8fd1;

    border: 0;

    border-radius: 4px;

    text-decoration: none;

    cursor: pointer;

}

.adm_icon-button:hover {

    background: #2f78b5;

}

.adm_icon-button-disabled {

    background: #9aa8b2;

    cursor: not-allowed;

    opacity: .7;

}

.adm_content-controls {

    flex: 1;

    min-width: 0;

}

.adm_inline-options {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 0.75rem;

    margin-bottom: 0.5rem;

}

.adm_inline-options label {

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 0.3rem;

    font-weight: normal;

    cursor: pointer;

}

.adm_content-panel {

    display: grid;

    gap: 0.55rem;

    margin-top: 0.5rem;

}

.adm_content-panel select,
.adm_content-panel textarea,
.adm_content-panel input[type="text"],
.adm_content-panel input[type="file"] {

    width: 130px;

    box-sizing: border-box;

}

.adm_content-panel textarea {

    min-height: 86px;

    resize: vertical;

}

.adm_content-panel-muted {

    display: none;

    padding: 0.7rem;

    background: #17202b;

    border: 1px solid #3c5069;

    border-radius: 8px;

}

.adm_field-label {

    display: block;

    margin: 0.55rem 0 0.35rem;

    color: #27313c;

    font-weight: bold;

}

.adm_upload-input {

    display: block;

    width: 100%;

    margin: 0.4rem 0 0.3rem;

    box-sizing: border-box;

}

.adm_help-text {

    display: block;

    margin: 0.45rem 0 0;

    color: #aeb8c5;

    font-size: 0.82rem;

    line-height: 1.55;

}

.adm_media-preview-wrap {

    margin: 0.55rem 0;

}

.adm_image-preview {

    display: none;

    width: 180px;

    max-width: 100%;

    height: 95px;

    object-fit: cover;

    background: #0f141c;

    border: 1px solid #3c5069;

    border-radius: 6px;

}

.adm_field-spaced {

    margin-top: 10px;

}

@media (max-width: 760px) {

    .adm_content-row,
    .adm_media-actions {

        grid-template-columns: 1fr;

    }

    .adm_sort-controls {

        flex-direction: row;

        justify-content: flex-start;

    }

}

.adm_crop-stage {

    position: relative;

    display: block;

    width: 100%;

    max-width: 100%;

    max-height: 70vh;

    margin: 1rem 0;

    overflow: auto;

    background: #0f141c;

    border: 1px solid #3c5069;

    user-select: none;

}

.adm_crop-stage img {

    display: block;

    max-width: none;

}

.adm_crop-box {

    position: absolute;

    box-sizing: border-box;

    background: rgba(255, 139, 139, 0.12);

    border: 2px solid #ff8b8b;

    cursor: move;

    touch-action: none;

}

.adm_crop-handle {

    position: absolute;

    width: 14px;

    height: 14px;

    box-sizing: border-box;

    background: #2e7fc0;

    border: 2px solid #fff;

}

.adm_crop-nw {

    top: -6px;

    left: -6px;

    cursor: nwse-resize;

}

.adm_crop-n {

    top: -6px;

    left: 50%;

    margin-left: -5px;

    cursor: ns-resize;

}

.adm_crop-ne {

    top: -6px;

    right: -6px;

    cursor: nesw-resize;

}

.adm_crop-e {

    top: 50%;

    right: -6px;

    margin-top: -5px;

    cursor: ew-resize;

}

.adm_crop-se {

    right: -6px;

    bottom: -6px;

    cursor: nwse-resize;

}

.adm_crop-s {

    bottom: -6px;

    left: 50%;

    margin-left: -5px;

    cursor: ns-resize;

}

.adm_crop-sw {

    bottom: -6px;

    left: -6px;

    cursor: nesw-resize;

}

.adm_crop-w {

    top: 50%;

    left: -6px;

    margin-top: -5px;

    cursor: ew-resize;

}

.adm_choice-card {

    display: grid;

    grid-template-columns: auto 1fr;

    gap: 0.25rem 0.65rem;

    align-items: start;

    padding: 0.85rem;

    color: #e7edf4;

    background: #1b222c;

    border: 1px solid #344255;

    border-radius: 8px;

    cursor: pointer;

}

.adm_choice-card:hover,
.adm_choice-card:focus-within {

    border-color: #6eb6ff;

    box-shadow: 0 0 0 2px rgba(110, 182, 255, 0.18);

}

.adm_choice-card:has(input:checked) {

    background: #213449;

    border-color: #6eb6ff;

    box-shadow: 0 0 0 1px #6eb6ff;

}

.adm_choice-card input {

    margin-top: 0.2rem;

}

.adm_choice-card small {

    display: block;

    grid-column: 2;

    color: #617386;

    font-weight: normal;

    line-height: 1.35;

}

.adm_inline-check {

    display: inline-flex;

    gap: 6px;

    align-items: center;

    margin: 0.4rem 0 1rem;

    font-weight: bold;

}

/* Meldungen */

.adm_message,
.adm_notice,
.adm_info,
.adm_success,
.adm_warning,
.adm_error {

    margin: 0 0 1rem;

    padding: 0.75rem 1rem;

    border: 1px solid;

    border-radius: 6px;

}

.adm_message,
.adm_notice,
.adm_info {

    color: #24445f;

    background: #eef5fb;

    border-color: #b8d0e6;

}

.adm_success {

    color: #275827;

    background: #eef8ee;

    border-color: #8cc48c;

}

.adm_warning {

    color: #6d5310;

    background: #fff8dd;

    border-color: #dec36f;

}

.adm_error {

    color: #7a2020;

    background: #fff0f0;

    border-color: #cc8c8c;

}

/* Footer */

.adm_site-footer {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding: 1rem;

    color: #ffffff;

    text-align: center;

    background: linear-gradient(180deg, #6f98c8 0%, #5f88b8 100%);

    border-top: 1px solid #b9cee5;

}

.adm_footer-column {

    flex: 1;

    margin: 0.5rem;

}

.adm_site-footer a {

    color: #ffffff;

}

/* Kleine Bildschirme */

@media (max-width: 900px) {

    .adm_site-header,
    .adm_header-right,
    .adm_main-content {

        flex-direction: column;

        align-items: stretch;

    }

    .adm_left-sidebar {

        width: 100%;

        max-width: none;

    }

}

/* Plugininterne Sidebar */

.adm_plugin-sidebar {

    flex: 0 0 160px;

    width: 160px;

    max-width: 160px;

    padding: 0.5rem;

    box-sizing: border-box;

    align-self: flex-start;

    color: #27313c;

    background: #edf3f9;

    border: 1px solid #c7d6e5;

    border-radius: 8px;

}

.adm_plugin-sidebar ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

.adm_plugin-sidebar li {

    margin: 0 0 0.5rem;

}

.adm_plugin-sidebar li:last-child {

    margin-bottom: 0;

}

.adm_plugin-sidebar > a {

    margin-bottom: 8px;

}

.adm_plugin-sidebar > a:last-child {

    margin-bottom: 0;

}

.adm_plugin-sidebar > a,
.adm_plugin-sidebar li > a,
.adm_plugin-sidebar li.seitenlink > a {

    display: block;

    width: 100%;

    padding: 0.5rem 0.65rem;

    box-sizing: border-box;

    color: #ffffff;

    text-align: center;

    text-decoration: none;

    background: #2e7fc0;

    border: 1px solid #2369a1;

    border-radius: 4px;

}

.adm_plugin-sidebar > a:visited,
.adm_plugin-sidebar li > a:visited {

    color: #ffffff;

}

.adm_plugin-sidebar a:hover,
.adm_plugin-sidebar a:focus-visible {

    color: #ffffff;

    text-decoration: none;

    background: #1f6eae;

    border-color: #185888;

}

.adm_plugin-sidebar a.active,
.adm_plugin-sidebar a.is-active {

    color: #302600;

    background: #fdeab3;

    border-color: #dfc66f;

}

.adm_plugin-sidebar a.active:visited,
.adm_plugin-sidebar a.is-active:visited {

    color: #302600;

}

.adm_sidebar-form {

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.adm_sidebar-form label {

    color: inherit;

    font-weight: bold;

}

.adm_sidebar-form input[type="text"],
.adm_sidebar-form select,
.adm_sidebar-form .adm_button {

    width: 100%;

    box-sizing: border-box;

}

.adm_sidebar-form .adm_button,
.adm_sidebar-form button,
.adm_sidebar-form input[type="submit"] {

    margin-top: 0.2rem;

}

.adm_inline-media {

    display: flex;

    flex-wrap: wrap;

    gap: 0.8rem;

    align-items: center;

}

.adm_media-thumb {

    width: auto;

    max-width: 180px;

    height: 60px;

    object-fit: contain;

    background: #0f141c;

    border: 1px solid #3c5069;

    border-radius: 6px;

}

.adm_status {

    display: inline-flex;

    align-items: center;

    min-height: 1.5rem;

    font-weight: bold;

}

.adm_status-success {

    color: #69d58a;

}

.adm_status-error {

    color: #ff8b8b;

}

.adm_sidebar-options {

    display: flex;

    flex-direction: column;

    gap: 0.35rem;

}

.adm_sidebar-options label {

    display: flex;

    gap: 12px;

    align-items: flex-start;

    font-weight: normal;

    line-height: 1.25;

}

.adm_sidebar-options input {

    flex: 0 0 auto;

    margin-top: 0.15rem;

}

/* Pluginübersicht ohne Karten */

.adm_plugin-grid {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    align-items: flex-start;

    margin-top: 10px;

}

.adm_plugin-icon {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 96px;

    min-height: 82px;

    margin: 5px;

    padding: 0;

    color: inherit;

    text-align: center;

    text-decoration: none;

    background: transparent;

    border: 0;

    border-radius: 0;

    box-shadow: none;

}

.adm_plugin-icon img {

    width: 48px;

    height: 48px;

    margin-bottom: 6px;

    object-fit: contain;

}

.adm_plugin-icon span {

    display: block;

    width: 100%;

    line-height: 1.25;

    overflow-wrap: anywhere;

    word-break: break-word;

}

.adm_plugin-icon:hover,
.adm_plugin-icon:focus-visible {

    text-decoration: underline;

    background: transparent;

}

@media (max-width: 900px) {

    .adm_plugin-sidebar {

        flex-basis: auto;

        width: 100%;

        max-width: none;

    }

}

/* Tabellenbereich in Klapp-Divs über die volle Breite */

.adm_content-area details > div {

    width: 100%;

    margin-right: 0;

    margin-left: 0;

    box-sizing: border-box;

    overflow-x: auto;

}

.adm_header-info {

    margin: 0.15rem 0 0.65rem;

    padding: 0;

    color: #617386;

    font-size: 0.8rem;

    line-height: 1.2;

}

.adm_window > h3,
.adm_panel-header h3 {

    margin: 0;

    line-height: 1.2;

}

.adm_window > h3 small,
.adm_panel-header h3 small {

    display: block;

    margin: 2px 0 0;

    color: #aeb9c6;

    font-size: 0.75rem;

    font-weight: normal;

    line-height: 1.2;

}

.adm_left-sidebar .link-icon {

    height: 1.1em;

    width: 1.1em;

    vertical-align: text-bottom;

    margin-right: 8px;

}

/* Einheitliche Plugin-Sidebar-Buttons: Aktivzustand und Hover ohne Aenderung des Grundtons. */

.adm_plugin-sidebar li.seitenlink > a.active,
.adm_plugin-sidebar li.seitenlink > a.is-active,
.adm_plugin-sidebar li.seitenlink > a.active:visited,
.adm_plugin-sidebar li.seitenlink > a.is-active:visited,
.adm_plugin-sidebar > a.active,
.adm_plugin-sidebar > a.is-active,
.adm_plugin-sidebar > a.active:visited,
.adm_plugin-sidebar > a.is-active:visited {

    color: #f2f7fc;

    background: #5f6d79;

    border-color: #7d8b98;

}

.adm_plugin-sidebar li.seitenlink:hover > a,
.adm_plugin-sidebar li.seitenlink:focus-within > a,
.adm_plugin-sidebar li.seitenlink > a:hover,
.adm_plugin-sidebar li.seitenlink > a:focus-visible,
.adm_plugin-sidebar > a:hover,
.adm_plugin-sidebar > a:focus-visible,
.adm_plugin-sidebar li.seitenlink:hover > a.active,
.adm_plugin-sidebar li.seitenlink:hover > a.is-active,
.adm_plugin-sidebar li.seitenlink > a.active:hover,
.adm_plugin-sidebar li.seitenlink > a.is-active:hover,
.adm_plugin-sidebar > a.active:hover,
.adm_plugin-sidebar > a.is-active:hover {

    color: #f2f7fc;

    text-decoration: none;

    background: #1f6eae;

    border-color: #5f88b8;

}

/* Einheitliche Auswahlkarten im Admin-Theme */

.adm_content-area .adm_choice-card {

    color: #222222;

    background: #ffffff;

    border-color: #c3cfdb;

}

.adm_content-area .adm_choice-card small {

    color: #526579;

}

.adm_content-area .adm_choice-card:hover,
.adm_content-area .adm_choice-card:focus-within {

    background: #f7f9fc;

    border-color: #4d8fca;

    box-shadow: 0 0 0 2px rgba(77, 143, 202, 0.18);

}

.adm_content-area .adm_choice-card:has(input:checked) {

    color: #1f2f3f;

    background: #eaf3fb;

    border-color: #4d8fca;

    box-shadow: 0 0 0 1px #4d8fca;

}
/* Trumbowyg Editor im Backend */
.adm_content-area .trumbowyg-box,
.adm_content-area .trumbowyg-editor,
.adm_content-area .trumbowyg-textarea {
    color: #222222;
    background: #ffffff;
    border-color: #cfd8e3;
}

.adm_content-area .trumbowyg-button-pane {
    color: #222222;
    background: #f3f6f9;
    border-color: #cfd8e3;
}

.adm_content-area .trumbowyg-button-pane button,
.adm_content-area .trumbowyg-button-pane button svg {
    color: #222222;
    fill: #222222;
}

.adm_content-area .trumbowyg-button-pane button:hover,
.adm_content-area .trumbowyg-button-pane button:focus-visible,
.adm_content-area .trumbowyg-button-pane button.trumbowyg-active {
    color: #ffffff;
    background: #6f98c8;
}

.adm_content-area .trumbowyg-button-pane button:hover svg,
.adm_content-area .trumbowyg-button-pane button:focus-visible svg,
.adm_content-area .trumbowyg-button-pane button.trumbowyg-active svg {
    fill: #ffffff;
}

.adm_content-area .trumbowyg-dropdown,
.adm_content-area .trumbowyg-modal-box {
    color: #222222;
    background: #ffffff;
    border-color: #cfd8e3;
}