/* RT-Kundenportal theme runtime – CSS-Autorität für thematisierbare Komponenten (5.1.0-alpha.59) * Shared by admin and customer UI via body.rtkp-theme-context. * Token values come from fixed code defaults (no Designeditor). * flat-theme.css remains structural/flat only; app.css must not redefine the same component tokens. */ @font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-200.woff2") format("woff2");font-style:normal;font-weight:200;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-300.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-800.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-900.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap;}@font-face{font-family:"Sora";src:url("fonts/sora-v17-latin-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;}@font-face{font-family:"Sora";src:url("fonts/sora-v17-latin-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap;}@font-face{font-family:"Sora";src:url("fonts/sora-v17-latin-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap;}@font-face{font-family:"Sora";src:url("fonts/sora-v17-latin-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap;} /* Runtime theme component rules (formerly emitted globally by theme.php). */ .rtkp-theme-context{font-family:var(--rt-font-body)!important;font-size:var(--rt-font-size-body)!important;font-weight:var(--rt-font-weight-body)!important;color:var(--rt-text-body)!important;} .rtkp-theme-context,.rtkp-theme-context input,.rtkp-theme-context select,.rtkp-theme-context textarea,.rtkp-theme-context button,.rtkp-theme-context .btn,.rtkp-theme-context .form-control,.rtkp-theme-context .form-select,.rtkp-theme-context .table{font-family:var(--rt-font-body)!important;} .rtkp-theme-context h1,.rtkp-theme-context h2,.rtkp-theme-context h3,.rtkp-theme-context h4,.rtkp-theme-context h5,.rtkp-theme-context h6,.rtkp-theme-context .heading-font,.rtkp-theme-context .panel-title,.rtkp-theme-context .card-title,.rtkp-theme-context .topbar-title,.rtkp-theme-context .app-toolbar-title,.rtkp-theme-context .shell-title,.rtkp-theme-context .task-card-title,.rtkp-theme-context .customer-task>strong,.rtkp-theme-context .customer-task-list .customer-task strong{font-family:var(--rt-font-heading)!important;} .rtkp-theme-context h1,.rtkp-theme-context .h1{font-size:var(--rt-font-size-h1)!important;font-weight:var(--rt-font-weight-h1)!important;} .rtkp-theme-context h2,.rtkp-theme-context .h2{font-size:var(--rt-font-size-h2)!important;font-weight:var(--rt-font-weight-h2)!important;} .rtkp-theme-context h3,.rtkp-theme-context .h3{font-size:var(--rt-font-size-h3)!important;font-weight:var(--rt-font-weight-h3)!important;} .rtkp-theme-context h4,.rtkp-theme-context .h4{font-size:var(--rt-font-size-h4)!important;font-weight:var(--rt-font-weight-h4)!important;} .rtkp-theme-context h5,.rtkp-theme-context .h5{font-size:var(--rt-font-size-h5)!important;font-weight:var(--rt-font-weight-h5)!important;} .rtkp-theme-context h6,.rtkp-theme-context .h6{font-size:var(--rt-font-size-h6)!important;font-weight:var(--rt-font-weight-h6)!important;} .rtkp-theme-context .panel-title,.rtkp-theme-context .card-title{font-weight:var(--rt-font-weight-h2)!important;} .rtkp-theme-context p,.rtkp-theme-context .body-text,.rtkp-theme-context .rtkp-body-text{font-weight:var(--rt-font-weight-body)!important;} .rtkp-theme-context small,.rtkp-theme-context .small,.rtkp-theme-context .muted,.rtkp-theme-context .text-muted,.rtkp-theme-context .form-text,.rtkp-theme-context .help-text{font-size:var(--rt-font-size-small)!important;font-weight:var(--rt-font-weight-small)!important;} .rtkp-theme-context a:not(.btn):not(.nav-link):not(.list-group-item){font-weight:var(--rt-font-weight-link)!important;} .rtkp-theme-context nav,.rtkp-theme-context .nav,.rtkp-theme-context .sidebar-nav,.rtkp-theme-context .portal-head nav,.rtkp-theme-context .app-sidebar,.rtkp-theme-context .menu-item,.rtkp-theme-context .task-anchor-nav{font-size:var(--rt-font-size-navigation)!important;} .rtkp-theme-context .sidebar .nav-link:not(.active),.rtkp-theme-context .portal-shell .nav-link:not(.active),.rtkp-theme-context .sidebar nav a:not(.active),.rtkp-theme-context .task-anchor-nav a:not(.active),.rtkp-theme-context nav a:not(.active){font-weight:var(--rt-font-weight-navigation)!important;} .rtkp-theme-context .sidebar .nav-link.active,.rtkp-theme-context .portal-shell .nav-link.active,.rtkp-theme-context .sidebar nav a.active,.rtkp-theme-context .task-anchor-nav a.active,.rtkp-theme-context .nav-link[aria-current="page"]{font-weight:var(--rt-font-weight-navigation-active)!important;} .rtkp-theme-context .sidebar .nav-link.active,.rtkp-theme-context .portal-shell .nav-link.active,.rtkp-theme-context .sidebar nav a.active,.rtkp-theme-context .task-anchor-nav a.active,.rtkp-theme-context .nav-link[aria-current="page"],.rtkp-theme-context .phase-nav a.active{ background:color-mix(in srgb,var(--rt-primary,#006ab5) 12%,#ffffff)!important; color:var(--rt-text-navigation-active)!important; } .rtkp-theme-context .topbar,.rtkp-theme-context .topbar-user,.rtkp-theme-context .topbar-user-meta,.rtkp-theme-context .topbar-icon-button{font-weight:var(--rt-font-weight-topbar)!important;} .rtkp-theme-context .topbar-title,.rtkp-theme-context .app-topbar h1,.rtkp-theme-context .app-toolbar-title,.rtkp-theme-context .shell-title,.rtkp-theme-context .topbar #pageTitle,.rtkp-theme-context .portal-title h1{font-size:var(--rt-font-size-topbar-title)!important;font-weight:var(--rt-font-weight-topbar-title)!important;} .rtkp-theme-context .eyebrow,.rtkp-theme-context .overline,.rtkp-theme-context .kicker{font-size:var(--rt-font-size-eyebrow)!important;font-weight:var(--rt-font-weight-eyebrow)!important;} .rtkp-theme-context .btn,.rtkp-theme-context button,.rtkp-theme-context input[type="button"],.rtkp-theme-context input[type="submit"]{font-size:var(--rt-font-size-button)!important;font-weight:var(--rt-button-font-weight)!important;} .rtkp-theme-context input:not([type="checkbox"]):not([type="radio"]),.rtkp-theme-context select,.rtkp-theme-context textarea,.rtkp-theme-context .form-control,.rtkp-theme-context .form-select{font-size:var(--rt-font-size-input)!important;font-weight:var(--rt-font-weight-input)!important;} .rtkp-theme-context label,.rtkp-theme-context .form-label,.rtkp-theme-context .col-form-label,.rtkp-theme-context .rtkp-field-label{font-size:var(--rt-font-size-label)!important;font-weight:var(--rt-font-weight-label)!important;} .rtkp-theme-context .table,.rtkp-theme-context .table th,.rtkp-theme-context .table td,.rtkp-theme-context table th,.rtkp-theme-context table td{font-size:var(--rt-font-size-table)!important;} .rtkp-theme-context .table thead th,.rtkp-theme-context table thead th{font-weight:var(--rt-font-weight-table-header)!important;} .rtkp-theme-context .table tbody td,.rtkp-theme-context .table tbody th,.rtkp-theme-context table tbody td,.rtkp-theme-context table tbody th,.rtkp-theme-context .table tfoot td,.rtkp-theme-context .table tfoot th,.rtkp-theme-context table tfoot td,.rtkp-theme-context table tfoot th{font-weight:var(--rt-font-weight-table-body)!important;} .rtkp-theme-context .badge,.rtkp-theme-context .status-badge,.rtkp-theme-context .status-tag,.rtkp-theme-context .form-status,.rtkp-theme-context .user-pill,.rtkp-theme-context .unread-count,.rtkp-theme-context .traffic-label{font-size:var(--rt-font-size-badge)!important;font-weight:var(--rt-badge-font-weight)!important;} .rtkp-theme-context .customer-task>strong,.rtkp-theme-context .customer-task-list .customer-task strong,.rtkp-theme-context .task-card-title{font-size:var(--rt-font-size-customer-task)!important;font-weight:var(--rt-font-weight-customer-task)!important;} /* Konfigurierbare Textfarben – 5.1.0-alpha.8 */ .rtkp-theme-context,.rtkp-theme-context .content,.rtkp-theme-context .card,.rtkp-theme-context .panel,.rtkp-theme-context .modal-card,.rtkp-theme-context .rtkp-section-body{color:var(--rt-text-body)!important;} .rtkp-theme-context h1,.rtkp-theme-context h2,.rtkp-theme-context h3,.rtkp-theme-context h4,.rtkp-theme-context h5,.rtkp-theme-context h6,.rtkp-theme-context .h1,.rtkp-theme-context .h2,.rtkp-theme-context .h3,.rtkp-theme-context .h4,.rtkp-theme-context .h5,.rtkp-theme-context .h6,.rtkp-theme-context .heading-font,.rtkp-theme-context .panel-title,.rtkp-theme-context .card-title,.rtkp-theme-context .page-heading h1,.rtkp-theme-context .rtkp-section-header h2,.rtkp-theme-context .rtkp-section-header h3{color:var(--rt-text-heading)!important;} .rtkp-theme-context small,.rtkp-theme-context .small,.rtkp-theme-context .muted,.rtkp-theme-context .text-muted,.rtkp-theme-context .text-body-secondary,.rtkp-theme-context .form-text,.rtkp-theme-context .help-text,.rtkp-theme-context .rtkp-field-help,.rtkp-theme-context .rtkp-section-header p,.rtkp-theme-context .page-heading p{color:var(--rt-text-muted)!important;} .rtkp-theme-context a:not(.btn):not(.nav-link):not(.list-group-item){color:var(--rt-text-link)!important;} .rtkp-theme-context .sidebar .nav-link:not(.active),.rtkp-theme-context .portal-shell .nav-link:not(.active),.rtkp-theme-context .sidebar nav a:not(.active),.rtkp-theme-context .task-anchor-nav a:not(.active){color:var(--rt-text-navigation)!important;} .rtkp-theme-context .sidebar .nav-link.active,.rtkp-theme-context .portal-shell .nav-link.active,.rtkp-theme-context .sidebar nav a.active,.rtkp-theme-context .task-anchor-nav a.active,.rtkp-theme-context .nav-link[aria-current="page"],.rtkp-theme-context .phase-nav a.active{color:var(--rt-text-navigation-active)!important;} .rtkp-theme-context .topbar,.rtkp-theme-context .topbar .user-pill,.rtkp-theme-context .topbar-user,.rtkp-theme-context .topbar-user-meta,.rtkp-theme-context .topbar-icon-button{color:var(--rt-text-topbar)!important;} .rtkp-theme-context .eyebrow,.rtkp-theme-context .overline,.rtkp-theme-context .kicker{color:var(--rt-text-eyebrow)!important;} .rtkp-theme-context label,.rtkp-theme-context .form-label,.rtkp-theme-context .col-form-label,.rtkp-theme-context .rtkp-field-label{color:var(--rt-text-label)!important;} .rtkp-theme-context .badge,.rtkp-theme-context .status-badge,.rtkp-theme-context .status-tag,.rtkp-theme-context .form-status,.rtkp-theme-context .user-pill,.rtkp-theme-context .unread-count,.rtkp-theme-context .traffic-label{color:var(--rt-text-badge)!important;} .rtkp-theme-context .customer-task>strong,.rtkp-theme-context .customer-task-list .customer-task strong,.rtkp-theme-context .task-card-title{color:var(--rt-text-customer-task)!important;} /* Konfigurierbare Komponenten – 5.1.0-alpha.20 */ .rtkp-theme-context .btn:not(.btn-close),.rtkp-theme-context a.btn,.rtkp-theme-context input[type="submit"].btn,.rtkp-theme-context input[type="button"].btn{ font-family:var(--rt-button-font-family,var(--rt-font-body))!important; font-weight:var(--rt-button-font-weight,600)!important; padding:var(--rt-button-padding-y,9px) var(--rt-button-padding-x,15px)!important; border-width:var(--rt-button-border-width,1px)!important; border-style:var(--rt-button-border-style,solid)!important; border-radius:var(--rt-button-border-radius,10px)!important; } .rtkp-theme-context .btn-primary{ --bs-btn-bg:var(--rt-button-primary-background)!important; --bs-btn-color:var(--rt-button-primary-text)!important; --bs-btn-border-color:var(--rt-button-primary-border)!important; --bs-btn-hover-bg:var(--rt-button-primary-hover-background)!important; --bs-btn-hover-color:var(--rt-button-primary-hover-text)!important; --bs-btn-hover-border-color:var(--rt-button-primary-hover-border)!important; background:var(--rt-button-primary-background)!important; color:var(--rt-button-primary-text)!important; border-color:var(--rt-button-primary-border)!important; } .rtkp-theme-context .btn-primary:hover,.rtkp-theme-context .btn-primary:focus-visible{ background:var(--rt-button-primary-hover-background)!important; color:var(--rt-button-primary-hover-text)!important; border-color:var(--rt-button-primary-hover-border)!important; } .rtkp-theme-context .btn-secondary,.rtkp-theme-context .btn-light{ --bs-btn-bg:var(--rt-button-secondary-background)!important; --bs-btn-color:var(--rt-button-secondary-text)!important; --bs-btn-border-color:var(--rt-button-secondary-border)!important; --bs-btn-hover-bg:var(--rt-button-secondary-hover-background)!important; --bs-btn-hover-color:var(--rt-button-secondary-hover-text)!important; --bs-btn-hover-border-color:var(--rt-button-secondary-hover-border)!important; background:var(--rt-button-secondary-background)!important; color:var(--rt-button-secondary-text)!important; border-color:var(--rt-button-secondary-border)!important; } .rtkp-theme-context .btn-secondary:hover,.rtkp-theme-context .btn-secondary:focus-visible,.rtkp-theme-context .btn-light:hover,.rtkp-theme-context .btn-light:focus-visible{ background:var(--rt-button-secondary-hover-background)!important; color:var(--rt-button-secondary-hover-text)!important; border-color:var(--rt-button-secondary-hover-border)!important; } .rtkp-theme-context .btn-outline-secondary{ --bs-btn-bg:transparent!important; --bs-btn-color:var(--rt-button-secondary-text)!important; --bs-btn-border-color:var(--rt-button-secondary-border)!important; --bs-btn-hover-bg:var(--rt-button-secondary-hover-background)!important; --bs-btn-hover-color:var(--rt-button-secondary-hover-text)!important; --bs-btn-hover-border-color:var(--rt-button-secondary-hover-border)!important; background:transparent!important; color:var(--rt-button-secondary-text)!important; border-color:var(--rt-button-secondary-border)!important; } .rtkp-theme-context .btn-outline-secondary:hover,.rtkp-theme-context .btn-outline-secondary:focus-visible{ background:var(--rt-button-secondary-hover-background)!important; color:var(--rt-button-secondary-hover-text)!important; border-color:var(--rt-button-secondary-hover-border)!important; } .rtkp-theme-context .btn-danger{ --bs-btn-bg:var(--rt-button-danger-background)!important; --bs-btn-color:var(--rt-button-danger-text)!important; --bs-btn-border-color:var(--rt-button-danger-border)!important; --bs-btn-hover-bg:var(--rt-button-danger-hover-background)!important; --bs-btn-hover-color:var(--rt-button-danger-hover-text)!important; --bs-btn-hover-border-color:var(--rt-button-danger-hover-border)!important; background:var(--rt-button-danger-background)!important; color:var(--rt-button-danger-text)!important; border-color:var(--rt-button-danger-border)!important; } .rtkp-theme-context .btn-danger:hover,.rtkp-theme-context .btn-danger:focus-visible{ background:var(--rt-button-danger-hover-background)!important; color:var(--rt-button-danger-hover-text)!important; border-color:var(--rt-button-danger-hover-border)!important; } .rtkp-theme-context .btn-outline-primary{ background:transparent!important; color:var(--rt-button-primary-background)!important; border-color:var(--rt-button-primary-border)!important; } .rtkp-theme-context .btn-outline-primary:hover,.rtkp-theme-context .btn-outline-primary:focus-visible{ background:var(--rt-button-primary-hover-background)!important; color:var(--rt-button-primary-hover-text)!important; border-color:var(--rt-button-primary-hover-border)!important; } .rtkp-theme-context .btn-outline-danger{ background:transparent!important; color:var(--rt-button-danger-background)!important; border-color:var(--rt-button-danger-border)!important; } .rtkp-theme-context .btn-outline-danger:hover,.rtkp-theme-context .btn-outline-danger:focus-visible{ background:var(--rt-button-danger-hover-background)!important; color:var(--rt-button-danger-hover-text)!important; border-color:var(--rt-button-danger-hover-border)!important; } .rtkp-theme-context .form-control,.rtkp-theme-context .form-select,.rtkp-theme-context textarea.form-control,.rtkp-theme-context input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),.rtkp-theme-context select,.rtkp-theme-context textarea{ background-color:var(--rt-control-background,#fff)!important; color:var(--rt-control-text,#222)!important; border-color:var(--rt-control-border,#cfd7e3)!important; border-width:var(--rt-control-border-width,1px)!important; border-style:var(--rt-control-border-style,solid)!important; border-radius:var(--rt-control-border-radius,10px)!important; padding:var(--rt-control-padding-y,10px) var(--rt-control-padding-x,12px)!important; } .rtkp-theme-context .form-control::placeholder,.rtkp-theme-context textarea::placeholder,.rtkp-theme-context input::placeholder{ color:var(--rt-control-placeholder,#7c8797)!important; opacity:1!important; } .rtkp-theme-context .form-control:focus,.rtkp-theme-context .form-select:focus,.rtkp-theme-context input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):focus,.rtkp-theme-context select:focus,.rtkp-theme-context textarea:focus{ border-color:var(--rt-control-focus-border,#006ab5)!important; box-shadow:0 0 0 .2rem color-mix(in srgb,var(--rt-control-focus-ring,#83bfe8) 42%,transparent)!important; outline:0!important; } .rtkp-theme-context .form-control:disabled,.rtkp-theme-context .form-select:disabled,.rtkp-theme-context input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):disabled,.rtkp-theme-context select:disabled,.rtkp-theme-context textarea:disabled,.rtkp-theme-context .form-control[readonly],.rtkp-theme-context input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"])[readonly],.rtkp-theme-context textarea[readonly]{ background-color:var(--rt-control-disabled-background,#f1f3f5)!important; color:var(--rt-control-disabled-text,#7c8797)!important; } .rtkp-theme-context .form-check-input{accent-color:var(--rt-primary,#006ab5)} .rtkp-theme-context .input-group-text{ border-color:var(--rt-control-border,#cfd7e3)!important; border-width:var(--rt-control-border-width,1px)!important; border-style:var(--rt-control-border-style,solid)!important; padding:var(--rt-control-padding-y,10px) var(--rt-control-padding-x,12px)!important; background:var(--rt-control-disabled-background,#f1f3f5)!important; color:var(--rt-control-text,#222)!important; } .rtkp-theme-context .table{ --bs-table-bg:var(--rt-table-body-background,#fff); --bs-table-color:var(--rt-table-body-text,#333); --bs-table-border-color:var(--rt-table-border,#dfe5ec); --bs-table-hover-bg:var(--rt-table-hover-background,#f7fafc); --bs-table-hover-color:var(--rt-table-body-text,#333); color:var(--rt-table-body-text,#333)!important; } .rtkp-theme-context .table>:not(caption)>*>*,.rtkp-theme-context table th,.rtkp-theme-context table td{ padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important; border-color:var(--rt-table-border,#dfe5ec)!important; border-width:0 0 var(--rt-table-border-width,1px)!important; } .rtkp-theme-context .table>thead,.rtkp-theme-context table>thead{ --bs-table-bg:var(--rt-table-header-background,#f4f6f8); --bs-table-accent-bg:var(--rt-table-header-background,#f4f6f8); --bs-table-striped-bg:var(--rt-table-header-background,#f4f6f8); --bs-table-active-bg:var(--rt-table-header-background,#f4f6f8); --bs-table-hover-bg:var(--rt-table-header-background,#f4f6f8); --bs-table-color:var(--rt-table-header-text,#566579); } .rtkp-theme-context .table>thead>tr>*,.rtkp-theme-context table>thead>tr>*{ --bs-table-bg:var(--rt-table-header-background,#f4f6f8); --bs-table-accent-bg:var(--rt-table-header-background,#f4f6f8); --bs-table-bg-state:transparent; --bs-table-bg-type:transparent; background:var(--rt-table-header-background,#f4f6f8)!important; background-color:var(--rt-table-header-background,#f4f6f8)!important; color:var(--rt-table-header-text,#566579)!important; box-shadow:none!important; } .rtkp-theme-context .table tbody td{ color:var(--rt-table-body-text,#333)!important; } .rtkp-theme-context table:not(.table) tbody td{ background:var(--rt-table-body-background,#fff)!important; color:var(--rt-table-body-text,#333)!important; } .rtkp-theme-context .table-hover>tbody>tr:hover>*{ background:var(--rt-table-hover-background,#f7fafc)!important; color:var(--rt-table-body-text,#333)!important; } .rtkp-theme-context .table-responsive{ border-radius:var(--rt-table-border-radius,12px)!important; } /* Einheitliche Seitenlogik – 5.0.0 */ .rtkp-theme-context .topbar.topbar-compact{ min-height:4.5rem; padding-block:0.875rem!important; } .rtkp-theme-context .topbar .topbar-context{ display:flex; align-items:center; min-width:0; } .rtkp-theme-context .topbar .topbar-context .eyebrow{ margin:0!important; line-height:1.35!important; } /* Primäre Seitentitel folgen in allen regulären und eingebetteten Ansichten derselben Größe, Stärke und vertikalen Logik. */ .rtkp-theme-context #app > h1,.rtkp-theme-context #app > .page-header h1,.rtkp-theme-context #app > .view-header h1,.rtkp-theme-context #app > .toolbar.rtkp-view-header h1,.rtkp-theme-context #app > .toolbar.rtkp-view-header h2,.rtkp-theme-context.embedded-page main > h1,.rtkp-theme-context.embedded-page main > .page-header h1,.rtkp-theme-context.embedded-page main > .eyebrow + h1,.rtkp-theme-context.embedded-page .system-page > h1,.rtkp-theme-context.embedded-page .install-card > h1{ font-size:var(--rt-font-size-h1)!important; font-weight:var(--rt-font-weight-h1)!important; line-height:1.25!important; letter-spacing:normal!important; } /* Sektionstitel sind einheitlich, aber klar dem Seitentitel untergeordnet. */ .rtkp-theme-context #app > .toolbar.rtkp-section-header h1,.rtkp-theme-context #app > .toolbar.rtkp-section-header h2,.rtkp-theme-context #app > .page-header.rtkp-section-header h1,.rtkp-theme-context #app > .page-header.rtkp-section-header h2,.rtkp-theme-context #app > h2.rtkp-section-title,.rtkp-theme-context #app .rtkp-projects-heading{ font-size:var(--rt-font-size-h2)!important; font-weight:var(--rt-font-weight-h2)!important; line-height:1.3!important; letter-spacing:normal!important; } /* Ein neuer Inhaltsabschnitt darf nicht an der vorherigen Karte oder Box kleben. */ .rtkp-theme-context #app > .rtkp-section-break{ margin-top:var(--rt-layout-section-gap,24px)!important; } .rtkp-theme-context #app .rtkp-projects-heading{ margin-top:0!important; margin-bottom:0!important; } .rtkp-theme-context.embedded-page main{ padding-top:var(--rt-page-padding-y,24px); } .rtkp-theme-context.embedded-page main > p:first-child{ margin-bottom:var(--rt-layout-compact-gap,12px); } .rtkp-theme-context.embedded-page main > .eyebrow{ margin-bottom:calc(var(--rt-layout-compact-gap,12px) / 2)!important; } .rtkp-theme-context.embedded-page main > .eyebrow + h1,.rtkp-theme-context.embedded-page main > h1:first-of-type{ margin-top:0!important; margin-bottom:var(--rt-layout-section-gap,24px)!important; } .rtkp-theme-context.embedded-page main > h1 + .muted,.rtkp-theme-context.embedded-page main > h1 + p{ margin-top:calc(var(--rt-layout-compact-gap,12px) * -1); margin-bottom:var(--rt-layout-section-gap,24px); } /* Konsistenz- und Responsive-Regeln – 5.0.0 */ .rtkp-theme-context #app.rtkp-page-flow > .rtkp-page-header{ margin-top:0!important; margin-bottom:var(--rt-layout-section-gap,24px)!important; } .rtkp-theme-context #app.rtkp-page-flow > .rtkp-section-start{ margin-top:var(--rt-layout-section-gap,24px)!important; } .rtkp-theme-context #app.rtkp-page-flow > .rtkp-projects-section{ padding-top:0!important; } .rtkp-theme-context #app.rtkp-page-flow .rtkp-projects-heading{ margin-top:0!important; margin-bottom:var(--rt-layout-compact-gap,12px)!important; } /* Einheitlicher vertikaler Aufbau der serverseitigen Unterseiten. */ .rtkp-theme-context.embedded-page .system-page,.rtkp-theme-context.embedded-page main.container-fluid,.rtkp-theme-context.embedded-page main.container{ width:100%; max-width:none; margin-inline:0; padding:var(--rt-page-padding-y,24px) var(--rt-page-padding-x,24px)!important; box-sizing:border-box; } .rtkp-theme-context.embedded-page .system-page > .panel + .panel,.rtkp-theme-context.embedded-page .system-page > .system-grid + .panel,.rtkp-theme-context.embedded-page .system-page > .panel + .system-grid,.rtkp-theme-context.embedded-page main > .card + .card,.rtkp-theme-context.embedded-page main > .alert + .card{ margin-top:var(--rt-layout-section-gap,24px)!important; } .rtkp-theme-context.embedded-page .system-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:var(--rt-layout-section-gap,24px)!important; align-items:stretch; } .rtkp-theme-context.embedded-page .panel,.rtkp-theme-context.embedded-page .card{ height:auto; } .rtkp-theme-context.embedded-page .toolbar,.rtkp-theme-context #app .toolbar{ display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:var(--rt-layout-compact-gap,12px); } .rtkp-theme-context.embedded-page .toolbar > :last-child,.rtkp-theme-context #app .toolbar > :last-child{ flex:0 0 auto; } /* Überschriften sind unabhängig vom verwendeten Seitenmodul gleich gewichtet. */ .rtkp-theme-context #app .rtkp-page-header h1,.rtkp-theme-context #app .rtkp-page-header h2,.rtkp-theme-context.embedded-page main > h1,.rtkp-theme-context.embedded-page main > .eyebrow + h1,.rtkp-theme-context.embedded-page main > div:first-of-type h1{ font-size:var(--rt-font-size-h1)!important; font-weight:var(--rt-font-weight-h1)!important; line-height:1.25!important; margin-top:0!important; } .rtkp-theme-context #app .rtkp-section-start h1,.rtkp-theme-context #app .rtkp-section-start h2,.rtkp-theme-context.embedded-page .panel > h2,.rtkp-theme-context.embedded-page .card-title,.rtkp-theme-context.embedded-page .toolbar h2{ font-size:var(--rt-font-size-h2)!important; font-weight:var(--rt-font-weight-h2)!important; line-height:1.3!important; } /* Aktionsbereiche und Tabellen bleiben auch auf kleinen Ansichten bedienbar. */ .rtkp-theme-context .backup-actions,.rtkp-theme-context .table-actions,.rtkp-theme-context .card-actions,.rtkp-theme-context .form-actions,.rtkp-theme-context .inline-form{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--rt-layout-compact-gap,12px); } .rtkp-theme-context .table-responsive{ max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; } .rtkp-theme-context .responsive-table{ min-width:680px; } @media (max-width:991.98px){ .rtkp-theme-context .topbar.topbar-compact{ align-items:stretch!important; flex-wrap:wrap; gap:var(--rt-layout-compact-gap,12px)!important; } .rtkp-theme-context .topbar .topbar-context{ flex:1 1 100%; } .rtkp-theme-context .topbar .global-search{ order:2; flex:1 1 100%; max-width:none!important; } .rtkp-theme-context .topbar .user-pill{ order:3; } } @media (max-width:767.98px){ .rtkp-theme-context.embedded-page .system-page,.rtkp-theme-context.embedded-page main.container-fluid,.rtkp-theme-context.embedded-page main.container{ padding:var(--rt-page-padding-y,24px) var(--rt-page-padding-x,24px)!important; } .rtkp-theme-context.embedded-page .toolbar,.rtkp-theme-context #app .toolbar,.rtkp-theme-context .backup-actions,.rtkp-theme-context .table-actions,.rtkp-theme-context .form-actions,.rtkp-theme-context .inline-form{ align-items:stretch; flex-direction:column; } .rtkp-theme-context.embedded-page .toolbar > *,.rtkp-theme-context #app .toolbar > *,.rtkp-theme-context .backup-actions > *,.rtkp-theme-context .table-actions > *,.rtkp-theme-context .form-actions > *,.rtkp-theme-context .inline-form > *{ width:100%; } .rtkp-theme-context .responsive-table{ min-width:620px; } .rtkp-theme-context .topbar .global-search{ display:grid!important; grid-template-columns:1fr auto; width:100%; } } /* Konfigurierbare Badges und Statusanzeigen – 5.1.0-alpha.20 */ .rtkp-theme-context .badge,.rtkp-theme-context .status-badge,.rtkp-theme-context .status-tag,.rtkp-theme-context .form-status,.rtkp-theme-context .user-pill,.rtkp-theme-context .unread-count,.rtkp-theme-context .traffic-label{ font-family:var(--rt-badge-font-family)!important; font-size:var(--rt-font-size-badge)!important; font-weight:var(--rt-badge-font-weight)!important; line-height:1.2!important; padding:var(--rt-badge-padding-y) var(--rt-badge-padding-x)!important; border-width:var(--rt-badge-border-width)!important; border-style:var(--rt-badge-border-style)!important; border-radius:var(--rt-badge-border-radius)!important; box-shadow:none!important; } .rtkp-theme-context .badge:not(.text-bg-primary):not(.text-bg-secondary):not(.text-bg-success):not(.text-bg-warning):not(.text-bg-danger):not(.text-bg-info):not(.text-bg-light):not(.text-bg-dark),.rtkp-theme-context .status-badge,.rtkp-theme-context .status-tag,.rtkp-theme-context .form-status,.rtkp-theme-context .user-pill,.rtkp-theme-context .traffic-label{ background:var(--rt-badge-light-background)!important; color:var(--rt-badge-light-text)!important; border-color:var(--rt-badge-light-border)!important; } .rtkp-theme-context .badge.text-bg-primary,.rtkp-theme-context .badge.bg-primary,.rtkp-theme-context .unread-count{ background:var(--rt-badge-primary-background)!important; color:var(--rt-badge-primary-text)!important; border-color:var(--rt-badge-primary-border)!important; } .rtkp-theme-context .badge.text-bg-secondary,.rtkp-theme-context .badge.bg-secondary,.rtkp-theme-context .status-tag.status-archived,.rtkp-theme-context .status-tag.status-draft,.rtkp-theme-context .status-tag.status-inactive,.rtkp-theme-context .status-tag.status-disabled,.rtkp-theme-context .traffic-label.traffic-gray,.rtkp-theme-context .form-status.draft,.rtkp-theme-context .form-status.archived{ background:var(--rt-badge-secondary-background)!important; color:var(--rt-badge-secondary-text)!important; border-color:var(--rt-badge-secondary-border)!important; } .rtkp-theme-context .badge.text-bg-success,.rtkp-theme-context .badge.bg-success,.rtkp-theme-context .status-tag.status-resolved,.rtkp-theme-context .status-tag.status-active,.rtkp-theme-context .status-tag.status-completed,.rtkp-theme-context .status-tag.status-success,.rtkp-theme-context .traffic-label.traffic-green,.rtkp-theme-context .status-tag.status-answered,.rtkp-theme-context .form-status.completed{ background:var(--rt-badge-success-background)!important; color:var(--rt-badge-success-text)!important; border-color:var(--rt-badge-success-border)!important; } .rtkp-theme-context .badge.text-bg-warning,.rtkp-theme-context .badge.bg-warning,.rtkp-theme-context .status-tag.status-open,.rtkp-theme-context .status-tag.status-pending,.rtkp-theme-context .status-tag.status-warning,.rtkp-theme-context .traffic-label.traffic-yellow,.rtkp-theme-context .form-status.assigned{ background:var(--rt-badge-warning-background)!important; color:var(--rt-badge-warning-text)!important; border-color:var(--rt-badge-warning-border)!important; } .rtkp-theme-context .badge.text-bg-danger,.rtkp-theme-context .badge.bg-danger,.rtkp-theme-context .status-tag.status-failed,.rtkp-theme-context .status-tag.status-critical,.rtkp-theme-context .status-tag.status-danger,.rtkp-theme-context .traffic-label.traffic-red,.rtkp-theme-context .status-tag.status-error,.rtkp-theme-context .form-status.failed,.rtkp-theme-context .form-status.rejected,.rtkp-theme-context .form-status.overdue{ background:var(--rt-badge-danger-background)!important; color:var(--rt-badge-danger-text)!important; border-color:var(--rt-badge-danger-border)!important; } .rtkp-theme-context .badge.text-bg-info,.rtkp-theme-context .badge.bg-info,.rtkp-theme-context .status-tag.status-in_progress,.rtkp-theme-context .status-tag.status-processing,.rtkp-theme-context .status-tag.status-running,.rtkp-theme-context .form-status.in_progress{ background:var(--rt-badge-info-background)!important; color:var(--rt-badge-info-text)!important; border-color:var(--rt-badge-info-border)!important; } .rtkp-theme-context .badge.text-bg-light,.rtkp-theme-context .badge.bg-light{ background:var(--rt-badge-light-background)!important; color:var(--rt-badge-light-text)!important; border-color:var(--rt-badge-light-border)!important; } .rtkp-theme-context .badge.text-bg-dark,.rtkp-theme-context .badge.bg-dark{ background:var(--rt-badge-dark-background)!important; color:var(--rt-badge-dark-text)!important; border-color:var(--rt-badge-dark-border)!important; } .rtkp-theme-context .unread-count{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; height:auto!important; min-width:calc(1.2em + var(--rt-badge-padding-x) + var(--rt-badge-padding-x))!important; min-height:calc(1.2em + var(--rt-badge-padding-y) + var(--rt-badge-padding-y))!important; } /* Final flat-theme bridge, now strictly scoped to customer frontend. */