@charset "UTF-8";
/* GunPoint Shop – Helpdesk-Theme im Look von www.gunpoint.de (RT-Theme-System).
   VARIANTE 2: Alle Markenwerte kommen als CSS-Variablen aus der zentralen
   Token-Datei des Shops (gp-tokens.css im gunpointchild-Template).
   Ändert sich das Shop-Design, werden NUR die Tokens dort gepflegt —
   dieses Theme folgt automatisch. Jede var() hat einen Fallback für den
   Fall, dass der Import nicht lädt.
   Basis-Selektoren übernommen aus theme_GunPoint_Dunkel.css (erprobt). */
@import url("theme_light_red_blue-grey.css");
@import url("https://www.gunpoint.de/templates/gunpointchild/themes/child/css/gp-tokens.css");
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Barlow+Condensed:wght@500;600;700&display=swap");

:root {
  --bs-body-bg: var(--gpshop-bg, #EEF1F5);
  --bs-body-color: var(--gpshop-ink, #172033);
  --bs-border-color: var(--gpshop-line, #D8DEE6);
  --bs-link-color: var(--gpshop-accent, #C8102E);
  --bs-link-hover-color: var(--gpshop-ink, #172033);
  background-color: var(--gpshop-bg, #EEF1F5);
}

/* Grundflächen und Typografie */
html, body, :root { background-color: var(--gpshop-bg, #EEF1F5) !important; color: var(--gpshop-ink, #172033); }
body, input, select, textarea, .form-control { font-family: var(--gpshop-font, Barlow, sans-serif); }
#startpage p, #startpage .text-center, .page-content p, #content p, .lead { color: var(--gpshop-ink-2, #46536B) !important; }
#startpage, #startpage > *, .page-content { background-color: var(--gpshop-bg, #EEF1F5) !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5 {
  color: var(--gpshop-ink, #172033);
  font-family: var(--gpshop-font-condensed, "Barlow Condensed", sans-serif);
  text-transform: uppercase;
  letter-spacing: .02em;
}
a, a:focus { color: var(--gpshop-accent, #C8102E); }
a:hover { color: var(--gpshop-accent-hover, #A00D25); }

/* Kopf und Navigation — wie Shop: weißer Header, weiße Nav mit rotem Aktiv-Zustand */
#header { background-color: var(--gpshop-surface, #fff) !important; color: var(--gpshop-ink, #172033); border-bottom: 1px solid var(--gpshop-line, #D8DEE6); }
#header-logo img { filter: none; }
#headerNavRight a, #menueRight a { color: var(--gpshop-ink-2, #46536B); }
#mainNavbar {
  background: var(--gpshop-surface, #fff);
  border-top: 1px solid var(--gpshop-line, #D8DEE6);
  border-bottom: 2px solid var(--gpshop-dark, #16202D);
  box-shadow: none; text-shadow: none;
}
#mainNavbar a, #mainNavbar .nav-link {
  color: var(--gpshop-ink, #172033) !important;
  font-family: var(--gpshop-font-condensed, "Barlow Condensed", sans-serif);
  text-transform: uppercase; font-weight: 600; letter-spacing: .03em;
}
#mainNavbar .nav-item.active, #mainNavbar .nav-link.active, #mainNavbar .active { background-color: var(--gpshop-accent, #C8102E) !important; }
#mainNavbar .nav-item.active a, #mainNavbar .nav-link.active { color: #fff !important; }
#mainNavbar .nav-link:hover { background-color: var(--gpshop-bg, #EEF1F5); }

/* Inhalt */
#content, .page-content, #startpage, .content-bg, #content > section, section.page-content { background-color: var(--gpshop-bg, #EEF1F5) !important; }
.list-group-item, .row.list-group-item { background-color: var(--gpshop-surface, #fff) !important; color: var(--gpshop-ink-2, #46536B); border-color: var(--gpshop-line, #D8DEE6) !important; }
#ticketForm .d-flex, #dynamic-form .d-flex, #clientLogin .d-flex, .form-header, .d-flex.py-2 { background-color: var(--gpshop-surface-2, #F5F7FA) !important; color: var(--gpshop-ink, #172033); }
.sidebar, .sidebar-bg { background-color: var(--gpshop-surface, #fff); border-left: 0.15rem solid var(--gpshop-line, #D8DEE6); }
.card, .list-group-item, .modal-content, .dropdown-menu, .popover, .tooltip-inner { background-color: var(--gpshop-surface, #fff); color: var(--gpshop-ink-2, #46536B); border-color: var(--gpshop-line, #D8DEE6); }
.card-header, .card-footer { background-color: var(--gpshop-surface-2, #F5F7FA); border-color: var(--gpshop-line, #D8DEE6); color: var(--gpshop-ink, #172033); }
.dropdown-item { color: var(--gpshop-ink-2, #46536B); }
.dropdown-item:hover, .dropdown-item:focus { background-color: var(--gpshop-surface-2, #F5F7FA); color: var(--gpshop-ink, #172033); }
hr { border-color: var(--gpshop-line, #D8DEE6); opacity: 1; }
.border, .border-top, .border-bottom, .border-start, .border-end { border-color: var(--gpshop-line, #D8DEE6) !important; }
.border-primary, .border-primary-subtle { border-color: var(--gpshop-line, #D8DEE6) !important; }
.text-muted, .text-secondary { color: var(--gpshop-muted, #7A8699) !important; }
.text-dark, .text-body { color: var(--gpshop-ink, #172033) !important; }
.alert { background-color: var(--gpshop-surface-2, #F5F7FA); border-color: var(--gpshop-line-2, #C3CBD6); color: var(--gpshop-ink, #172033); }
.alert-danger { border-color: var(--gpshop-accent, #C8102E); }

/* Primärfarbe des Basis-Themes (Blau) auf GunPoint-Navy/Rot umbiegen */
.bg-primary, .card-header.bg-primary, .card-footer.bg-primary { background-color: var(--gpshop-dark, #16202D) !important; color: #fff !important; }
.card-header.bg-primary { font-family: var(--gpshop-font-condensed, "Barlow Condensed", sans-serif); text-transform: uppercase; letter-spacing: .04em; }
.border-primary { border-color: var(--gpshop-dark, #16202D) !important; }
.text-primary { color: var(--gpshop-accent, #C8102E) !important; }
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6 { color: #fff !important; }
/* Pflichtfeld-Beschriftungen: normale Tinte statt Oliv, Sternchen in GunPoint-Rot */
label.text-warning, .form-label.text-warning { color: var(--gpshop-ink, #172033) !important; }
.text-danger { color: var(--gpshop-accent, #C8102E) !important; }

/* Bootstrap-„subtle"-Flächen hell */
:root, [data-bs-theme="light"] {
  --bs-primary-bg-subtle: #FBECEE; --bs-secondary-bg-subtle: #F5F7FA; --bs-success-bg-subtle: #EDF6EA; --bs-info-bg-subtle: #EAF2F8;
  --bs-warning-bg-subtle: #FBF6E4; --bs-danger-bg-subtle: #FBECEE; --bs-light-bg-subtle: #F5F7FA; --bs-dark-bg-subtle: #E2E7EE;
  --bs-primary-border-subtle: #F0C6CC; --bs-secondary-border-subtle: #D8DEE6;
  --bs-secondary-bg: #F5F7FA; --bs-tertiary-bg: #EEF1F5;
  --bs-secondary-color: #46536B; --bs-tertiary-color: #7A8699;
}
.bg-primary-subtle { background-color: #FBECEE !important; color: var(--gpshop-ink, #172033) !important; }
.bg-secondary-subtle { background-color: #F5F7FA !important; color: var(--gpshop-ink, #172033) !important; }
.bg-light, .bg-body-tertiary, .bg-body-secondary, .bg-white { background-color: var(--gpshop-surface, #fff) !important; color: var(--gpshop-ink-2, #46536B); }
#tickets_inc .bg-primary-subtle.border-bottom { color: var(--gpshop-ink, #172033) !important; font-weight: 600; background-color: #F5F7FA !important; }
.thread-entry .card, .thread-event .card, .thread-event > div > div { background-color: var(--gpshop-surface, #fff) !important; color: var(--gpshop-ink-2, #46536B) !important; border-color: var(--gpshop-line, #D8DEE6) !important; }
.thread-event .border, .thread-event .rounded { border-color: var(--gpshop-line, #D8DEE6) !important; }
.badge.bg-primary-subtle, .badge.bg-secondary-subtle { color: var(--gpshop-ink, #172033) !important; }
.badge.bg-secondary { background-color: var(--gpshop-dark, #16202D) !important; }
#tickets_inc_reply_form .card-header, #reply .card-header { background-color: var(--gpshop-surface-2, #F5F7FA) !important; color: var(--gpshop-ink, #172033) !important; }

/* Tabellen (Ticketliste, Verlauf) */
table, .table { color: var(--gpshop-ink-2, #46536B); --bs-table-bg: transparent; --bs-table-color: var(--gpshop-ink-2, #46536B); --bs-table-border-color: var(--gpshop-line, #D8DEE6); --bs-table-striped-bg: rgba(23, 32, 51, 0.02); --bs-table-hover-bg: rgba(23, 32, 51, 0.04); }
.table thead th, table th { background-color: var(--gpshop-surface-2, #F5F7FA); color: var(--gpshop-ink, #172033); border-color: var(--gpshop-line, #D8DEE6); }
.table td, table td { border-color: var(--gpshop-line, #D8DEE6); }
.thread-entry, .thread-body, .message, .response, .note { background-color: var(--gpshop-surface, #fff); color: var(--gpshop-ink-2, #46536B); border-color: var(--gpshop-line, #D8DEE6); }
.thread-entry .header, .thread-entry .thread-header { background-color: var(--gpshop-surface-2, #F5F7FA); color: var(--gpshop-ink, #172033); }

/* Formulare */
.form-control, .form-select, textarea, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], select, .ui-timepicker-select {
  background-color: var(--gpshop-surface, #fff) !important; color: var(--gpshop-ink, #172033) !important; border: 1px solid var(--gpshop-line-2, #C3CBD6) !important;
}
.form-control:focus, .form-select:focus, textarea:focus, input:focus, select:focus { border-color: var(--gpshop-accent, #C8102E) !important; box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.15) !important; outline: none; }
.form-control::placeholder, input::placeholder, textarea::placeholder { color: var(--gpshop-muted, #7A8699); opacity: 1; }
.form-label, label, legend { color: var(--gpshop-ink-2, #46536B); }
.form-check-input:checked { background-color: var(--gpshop-accent, #C8102E); border-color: var(--gpshop-accent, #C8102E); }
.input-group-text { background-color: var(--gpshop-surface-2, #F5F7FA); color: var(--gpshop-ink-2, #46536B); border-color: var(--gpshop-line-2, #C3CBD6); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--gpshop-accent, #C8102E); }

/* Editor (Redactor) hell */
.redactor-box, .redactor-box.redactor-styles-on, .redactor-styles, .redactor-in { background-color: var(--gpshop-surface, #fff) !important; color: var(--gpshop-ink, #172033) !important; border-color: var(--gpshop-line-2, #C3CBD6) !important; }
.redactor-box.redactor-styles-on .redactor-toolbar.redactor-toolbar, .redactor-toolbar { background-color: var(--gpshop-surface-2, #F5F7FA) !important; border-color: var(--gpshop-line, #D8DEE6) !important; }
.redactor-toolbar a, .redactor-air a { color: var(--gpshop-ink-2, #46536B) !important; }
.redactor-toolbar a:hover { background-color: var(--gpshop-bg, #EEF1F5) !important; color: var(--gpshop-ink, #172033) !important; }
.redactor-in, .redactor-in *, .redactor-editor, .redactor-editor *, .redactor-styles, .redactor-styles p { color: var(--gpshop-ink, #172033) !important; }
.redactor-in a, .redactor-editor a { color: var(--gpshop-accent, #C8102E) !important; }
.redactor-placeholder::after, .redactor-placeholder::before, .redactor-box .redactor-placeholder { color: var(--gpshop-muted, #7A8699) !important; opacity: 1 !important; }
.dropzone, .filedrop, .dropzone-previews, .dropzone .dz-message, .filedrop .dropzone { background-color: var(--gpshop-surface-2, #F5F7FA) !important; color: var(--gpshop-ink-2, #46536B) !important; border: 1px dashed var(--gpshop-line-2, #C3CBD6) !important; }
.dropzone a, .filedrop a { background: transparent !important; color: var(--gpshop-accent, #C8102E) !important; }

/* Schaltflächen — GunPoint-Rot, Condensed wie im Shop */
.btn-primary {
  --bs-btn-bg: var(--gpshop-accent, #C8102E); --bs-btn-border-color: var(--gpshop-accent, #C8102E); --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--gpshop-accent-hover, #A00D25); --bs-btn-hover-border-color: var(--gpshop-accent-hover, #A00D25); --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--gpshop-accent-hover, #A00D25); --bs-btn-active-border-color: var(--gpshop-accent-hover, #A00D25);
  font-family: var(--gpshop-font-condensed, "Barlow Condensed", sans-serif); text-transform: uppercase; letter-spacing: .04em;
}
.btn-secondary, .btn-default { --bs-btn-bg: var(--gpshop-dark, #16202D); --bs-btn-border-color: var(--gpshop-dark, #16202D); --bs-btn-color: #fff; --bs-btn-hover-bg: #223142; --bs-btn-hover-border-color: #223142; --bs-btn-hover-color: #fff; }
.btn-outline-secondary { --bs-btn-color: var(--gpshop-ink, #172033); --bs-btn-border-color: var(--gpshop-line-2, #C3CBD6); --bs-btn-hover-bg: var(--gpshop-surface-2, #F5F7FA); --bs-btn-hover-color: var(--gpshop-ink, #172033); --bs-btn-hover-border-color: var(--gpshop-line-2, #C3CBD6); }
.btn-link { color: var(--gpshop-accent, #C8102E); }
input[type="submit"], input[type="button"], button.btn { text-shadow: none; }

/* Fuß — dunkles Navy wie der Shop-Footer */
#footer { background-color: var(--gpshop-dark, #16202D) !important; color: var(--gpshop-dark-ink, #B7C2D0) !important; border-top: 0; }
#footer .copyright, #footer a, #footerNavbar a { color: var(--gpshop-dark-ink, #B7C2D0) !important; background-color: transparent !important; }
#footer a:hover, #footerNavbar a:hover { color: #fff; }
#poweredBy img { opacity: 0.5; }

/* Meldungen, Ladeanzeige, Sonstiges */
#msg_notice, #msg_warning, #msg_error, .msg { background-color: var(--gpshop-surface, #fff); color: var(--gpshop-ink, #172033); border: 1px solid var(--gpshop-line-2, #C3CBD6); }
#msg_error, .error { color: var(--gpshop-accent, #C8102E); }
#loading { background-color: var(--gpshop-surface, #fff) !important; color: var(--gpshop-ink, #172033); }
.pagination .page-link { background-color: var(--gpshop-surface, #fff); border-color: var(--gpshop-line, #D8DEE6); color: var(--gpshop-ink-2, #46536B); }
.pagination .page-item.active .page-link { background-color: var(--gpshop-accent, #C8102E); border-color: var(--gpshop-accent, #C8102E); color: #fff; }
.ui-widget-content, .ui-datepicker { background: var(--gpshop-surface, #fff); color: var(--gpshop-ink-2, #46536B); border-color: var(--gpshop-line-2, #C3CBD6); }
.ui-widget-header { background: var(--gpshop-surface-2, #F5F7FA); color: var(--gpshop-ink, #172033); border-color: var(--gpshop-line-2, #C3CBD6); }
.ui-state-default, .ui-widget-content .ui-state-default { background: var(--gpshop-surface-2, #F5F7FA); color: var(--gpshop-ink-2, #46536B); border-color: var(--gpshop-line, #D8DEE6); }
.img-fluid { max-width: 100%; height: auto; margin-top: 15px; }