/* =========================
   DIE ONLINE MALER PORTAL – CSS
   ========================= */

/* Grundlayout */
.dom-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.dom-muted{opacity:.72}
.dom-h1{font-weight:900;font-size:34px;letter-spacing:-.02em}
.dom-h2{font-weight:900;font-size:22px;margin:0 0 10px}
.dom-portal-title{margin:0 0 14px;font-size:34px;font-weight:900;letter-spacing:-.02em;text-align:center}

/* Buttons */
.dom-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:12px;border:1px solid #eef0f6;
  text-decoration:none;font-weight:700;background:#fff;color:#0f172a;
  box-shadow:0 6px 16px rgba(15,23,42,.06)
}
.dom-btn:hover{transform:translateY(-1px)}
.dom-btn-primary{background:#ff7a00;color:#fff;border-color:#ff7a00}
.dom-btn-danger{background:#b91c1c;color:#fff;border-color:#b91c1c}
.dom-btn-ghost{background:transparent}

/* Pills/Badges */
.dom-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid #eef0f6;font-weight:800;font-size:12px}
.dom-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;background:#f3f4f6}
.dom-status-offen{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.dom-status-inbearbeitung{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.dom-status-fertig{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}

/* Navigation */
.dom-nav-card{padding:18px}
.dom-nav-row{flex-wrap:wrap}
.dom-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dom-brand-title{font-weight:900}
.dom-nav-links{flex-wrap:wrap;justify-content:flex-end}

/* ✅ Dashboard: markierte Leiste (Nav-Card) ausblenden */
body.dom-portal-dashboard .dom-nav-card{display:none !important;}

/* Dashboard Tiles */
.dom-dashboard-tiles{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:14px;
  margin-top:14px;
}
.dom-tile{
  display:block;text-decoration:none;color:#0f172a;
  background:#fff;border:1px solid #eef0f6;border-radius:18px;
  padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.06)
}
.dom-tile:hover{transform:translateY(-2px)}
.dom-tile-icon{font-size:22px;margin-bottom:10px}
.dom-tile-title{font-weight:900}
.dom-tile-sub{opacity:.7;margin-top:4px;font-size:13px}
.dom-tile-danger{border-color:#ffe4e6}
.dom-tile-danger .dom-tile-title{color:#b91c1c}

/* Grid */
.dom-grid-2{
  display:grid;
  grid-template-columns: 1.4fr 1fr;
  gap:14px;
  margin-top:14px;
}
@media (max-width: 980px){
  .dom-dashboard-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dom-grid-2{grid-template-columns:1fr}
}

/* Dokument-Liste */
.dom-doc-row{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 0;border-bottom:1px solid #eef0f6
}
.dom-doc-row:last-child{border-bottom:none}
.dom-doc-title{font-weight:900}
.dom-doc-sub{opacity:.72;font-size:13px;margin-top:4px}
.dom-doc-actions{display:flex;gap:8px;flex-wrap:wrap}
.dom-doc-actionbox{padding:12px 0;border-bottom:1px dashed #eef0f6}
.dom-doc-actionbox:last-child{border-bottom:none}

/* Form Inputs */
.dom-input, .dom-textarea, .dom-select{
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  outline:none;
  background:#fff;
}
.dom-textarea{min-height:90px;resize:vertical}

/* Tabelle */
.dom-table-wrap{overflow:auto}
.dom-table{width:100%;border-collapse:collapse}
.dom-table th, .dom-table td{padding:12px;border-bottom:1px solid #eef0f6}
.dom-right{text-align:right}
.dom-progress{font-weight:900}

/* Summen */
.dom-sums{margin-top:14px;border-top:1px solid #eef0f6;padding-top:14px}
.dom-sums .line{display:flex;justify-content:space-between;gap:12px;margin:6px 0}
.dom-sums .total{font-weight:900;font-size:18px}

/* Accordion */
.dom-acc details{
  background:#fff;border:1px solid #eef0f6;border-radius:18px;
  padding:14px 16px;margin-top:12px;box-shadow:0 10px 30px rgba(15,23,42,.06)
}
.dom-acc summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:900}
.dom-acc summary::-webkit-details-marker{display:none}
.dom-acc .count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;border-radius:999px;background:#f3f4f6;font-weight:900}
.dom-acc .inner{padding-top:10px}

/* Signatur */
.dom-sign-canvas{
  width:100%;
  max-width:520px;
  height:auto;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
}
.dom-sign-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}

/* Chat */
.dom-chat-card .dom-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.dom-chat-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;font-weight:900;font-size:12px}
.dom-chat-box{background:#f8fafc;border:1px solid #eef0f6;border-radius:16px;padding:12px;min-height:90px}
.dom-chat-msg--you{display:flex;flex-direction:column;gap:6px}
.dom-chat-bubble{display:inline-flex;max-width:520px;background:#fff;border:1px solid #eef0f6;border-radius:14px;padding:10px 12px;font-weight:700}
.dom-chat-time{opacity:.65;font-size:12px}
.dom-chat-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}

/* Projektfotos */
.dom-photo-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap:12px;
  margin-top:12px;
}
.dom-photo-item{
  display:block;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #eef0f6;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.dom-photo-item img{
  width:100%;
  height:160px;
  object-fit:cover;
  display:block;
}

/* Alerts */
.dom-alert-ok{border:1px solid #a7f3d0;background:#ecfdf5}
.dom-alert-bad{border:1px solid #fecaca;background:#fff1f2}
.dom-alert-info{border:1px solid #bfdbfe;background:#eff6ff}

/* =========================
   ✅ Volle Breite erzwingen (Theme-Container killen)
   ========================= */
body.dom-portal-page-active,
body.dom-portal-page-active #page,
body.dom-portal-page-active .site,
body.dom-portal-page-active .site-content,
body.dom-portal-page-active .content-area,
body.dom-portal-page-active .content,
body.dom-portal-page-active .container,
body.dom-portal-page-active .site-container,
body.dom-portal-page-active .ast-container,
body.dom-portal-page-active .elementor-container,
body.dom-portal-page-active .elementor-section .elementor-container,
body.dom-portal-page-active .wp-block-group,
body.dom-portal-page-active .entry-content{
  max-width:100% !important;
  width:100% !important;
}

body.dom-portal-page-active .entry-content,
body.dom-portal-page-active .site-content,
body.dom-portal-page-active .content-area{
  padding-left:0 !important;
  padding-right:0 !important;
}

.dom-portal-wrap{
  max-width:100% !important;
  width:100% !important;
  margin:0 auto;
  padding:22px 22px 40px;
}

/* =========================================================
   ✅ FORCE FULL WIDTH (bricht aus jedem Theme-Container aus)
   ========================================================= */
.dom-portal-page{
  width:100vw !important;
  max-width:100vw !important;
  position:relative !important;
  left:50% !important;
  right:50% !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
}

.dom-portal-wrap{
  max-width:1400px !important;   /* hier kannst du z.B. 1600px machen */
  width:100% !important;
  margin:0 auto !important;
  padding:22px 22px 40px !important;
}

/* Optional: wenn du wirklich ALLES komplett bis zum Rand willst */
body.dom-portal-page-active .dom-portal-wrap{
  max-width:100% !important;
}
.dom-tile-admin{
  border:1px solid rgba(255,122,0,.25);
  background:linear-gradient(135deg, rgba(255,122,0,.08), rgba(15,23,42,.02));
}
.dom-tile-admin:hover{
  transform: translateY(-2px);
}
/* ===============================
   DASHBOARD – KACHELN FIX
   =============================== */

/* Grid: immer eine saubere Reihe (Desktop) */
.dom-dashboard-tiles{
  display:grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}

/* Kachel kompakter */
.dom-tile{
  padding:16px 14px;
  border-radius:14px;
  min-height:110px;
}

/* Icon kleiner */
.dom-tile-icon{
  font-size:22px;
  margin-bottom:6px;
}

/* Titel kompakter */
.dom-tile-title{
  font-size:15px;
  font-weight:800;
  line-height:1.2;
}

/* Subline kompakter */
.dom-tile-sub{
  font-size:12px;
  opacity:.75;
}

/* Admin-Kachel optisch leicht abheben */
.dom-tile-admin{
  background:linear-gradient(135deg, rgba(255,122,0,.10), rgba(15,23,42,.02));
  border:1px dashed rgba(255,122,0,.35);
}

/* Logout nicht zu dominant */
.dom-tile-danger{
  opacity:.9;
}

/* Responsive */
@media (max-width: 1200px){
  .dom-dashboard-tiles{
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px){
  .dom-dashboard-tiles{
    grid-template-columns: repeat(2, 1fr);
  }
  .dom-portal-page{
  background: #f6f2ea; /* helles warmes beige */
  min-height: 100vh;
  padding: 26px 0;
}

.dom-portal-wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 18px;
}

.dom-card{
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(6px);
}
/* ===== DOM Portal Navigation bereinigen ===== */

/* Alle Nav-Buttons erstmal ausblenden */
.dom-portal-page .dom-nav-links a {
  display: none !important;
}

/* NUR Dashboard-Button wieder einblenden */
.dom-portal-page .dom-nav-links a[href*="dashboard"],
.dom-portal-page .dom-nav-links a:first-child {
  display: inline-flex !important;
}

/* Optisch etwas Luft */
.dom-portal-page .dom-nav-card {
  padding-bottom: 8px !important;
}
  
 /* ================================
   PORTAL: Fremde Header & Menüs ausblenden
   ================================ */

/* WordPress Seitentitel (z.B. "Meine Dokumente") */
.entry-title,
.wp-block-post-title,
.page-title,
h1 {
  display: none !important;
}

/* Obere horizontale Portal-Navigation */
.dom-card.dom-nav-card,
.dom-nav-row,
.dom-portal-nav,
.dom-portal-nav *,
nav.dom-portal-nav {
  display: none !important;
}

/* Abstand oben entfernen (leichter Rand) */
.dom-portal-page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Sicherheit: kein Theme-Header */
header,
.site-header {
  display: none !important;
}
  /* =========================================================
   PORTAL: NUR die obere Menüleiste + Seitentitel ausblenden
   (Global Header dom-global-head bleibt sichtbar!)
   ========================================================= */

/* 1) Oberes Portal-Menü (die Reihe Dashboard/Aufträge/...) */
.dom-portal-page .dom-nav-card,
.dom-portal-page .dom-nav-row,
.dom-portal-page .dom-nav-links,
.dom-portal-page [class*="dom-nav"],
.dom-portal-page a.dom-btn[href*="wp-admin"],
.dom-portal-page a.dom-btn[href*="wp_logout_url"],
.dom-portal-page a.dom-btn[href*="logout"] {
  display: none !important;
}

/* ABER: Global-Header IMMER behalten */
.dom-portal-page .dom-global-head,
.dom-portal-page .dom-global-head * {
  display: revert !important;
}

/* 2) WordPress/Theme Seitentitel oben ("Meine Dokumente") */
body.page .entry-title,
body.page .page-title,
body.page h1.entry-title,
body.page h1.wp-block-post-title,
body.page .wp-block-post-title,
body.page .elementor-heading-title,
body.page .elementor-page-title,
body.page .fl-post-title,
body.page .fusion-page-title-bar,
body.page .site-content h1:first-of-type {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) „leichter Rand/Abstand“ oben entfernen */
.dom-portal-page,
.dom-portal-wrap {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
  /* ============ DOM Portal: Mobile Fix ============ */
@media (max-width: 768px){

  /* Wrapper auf Mobile sauber */
  .dom-portal-page,
  .dom-portal-wrap{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Header oben untereinander statt nebeneinander */
  .dom-global-top{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  /* Buttons (Dashboard / Alle Aufträge) nebeneinander, aber umbrechbar */
  .dom-global-actions{
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .dom-global-actions .dom-btn{
    flex: 1 1 auto !important;
    min-width: 140px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Mini-Tiles als Grid (2 Spalten) */
  .dom-global-tiles{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .dom-mini-tile{
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 12px !important;
    border-radius: 14px !important;
  }

  .dom-mini-tile .t-title{
    font-weight: 900 !important;
    font-size: 16px !important;
  }
  .dom-mini-tile .t-sub{
    font-size: 12px !important;
    opacity: .8 !important;
  }
}
  /* Alte Nav-Card ausblenden (nur die extra Navigation) */
.dom-nav-card,
.dom-card.dom-nav-card {
  display: none !important;
}
  /* =========================================================
   PORTAL – FIX: Mobile überall wie Dashboard + altes Menü ausblenden
   Gilt nur auf Portal-Seiten (Body-Class muss vorhanden sein)
   ========================================================= */

/* Falls dein Body-Class-Filter aktiv ist */
body.dom-portal-page-active {
  margin: 0 !important;              /* entfernt den "leichten Rand" oben */
  padding: 0 !important;
}

/* Optional: verhindert "Rand" durch Theme-Container */
body.dom-portal-page-active #page,
body.dom-portal-page-active .site,
body.dom-portal-page-active .site-content,
body.dom-portal-page-active main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ---------------------------------------------------------
   1) Alte Navigation/Listen ausblenden (die Pfeile)
   --------------------------------------------------------- */

/* Das ist meistens deine alte Top-Navigation (Menüleiste) */
body.dom-portal-page-active .dom-nav-card,
body.dom-portal-page-active .dom-nav-row,
body.dom-portal-page-active .dom-portal-nav,
body.dom-portal-page-active nav.dom-nav,
body.dom-portal-page-active .dom-nav {
  display: none !important;
}

/* Falls irgendwo eine "Text-Liste" mit Links (Aufträge/Dokumente/Profil/Logout) gerendert wird */
body.dom-portal-page-active .dom-portal-wrap ul,
body.dom-portal-page-active .dom-portal-wrap ol {
  list-style: none !important;
  padding-left: 0 !important;
}

/* Häufig ist diese "Liste" einfach ein Link-Block – wir killen typische Kandidaten */
body.dom-portal-page-active .dom-portal-wrap .menu,
body.dom-portal-page-active .dom-portal-wrap .wp-block-navigation,
body.dom-portal-page-active .dom-portal-wrap .wp-block-page-list,
body.dom-portal-page-active .dom-portal-wrap .wp-block-pages-list {
  display: none !important;
}

/* ---------------------------------------------------------
   2) Global Header/Buttons/Kacheln immer wie Dashboard (responsive)
   --------------------------------------------------------- */

body.dom-portal-page-active .dom-global-head {
  margin-top: 0 !important;
}

body.dom-portal-page-active .dom-global-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

/* Buttons nebeneinander auf Mobile ordentlich */
body.dom-portal-page-active .dom-global-actions {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
}

/* Kacheln: Standard als Grid */
body.dom-portal-page-active .dom-global-tiles {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important; /* Desktop */
  gap: 14px !important;
  margin-top: 14px !important;
}

/* Tablet */
@media (max-width: 980px) {
  body.dom-portal-page-active .dom-global-tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Mobile: GENAU wie Dashboard (2 Spalten) */
@media (max-width: 640px) {
  body.dom-portal-page-active .dom-global-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.dom-portal-page-active .dom-global-title {
    font-size: 28px !important;
    line-height: 1.1 !important;
  }

  body.dom-portal-page-active .dom-global-sub {
    font-size: 18px !important;
  }
}

/* Extra klein: 1 Spalte wenn nötig */
@media (max-width: 360px) {
  body.dom-portal-page-active .dom-global-tiles {
    grid-template-columns: 1fr !important;
  }
}
  
    $css = "
  /* Theme Header/Navigation auf Portal-Seiten ausblenden */
  body.dom-portal-page-active .site-header,
  body.dom-portal-page-active header,
  body.dom-portal-page-active .elementor-location-header,
  body.dom-portal-page-active .wp-block-navigation,
  body.dom-portal-page-active .ast-primary-header-bar,
  body.dom-portal-page-active .site-navigation,
  body.dom-portal-page-active .wp-site-blocks > header { display:none !important; }

  body.dom-portal-page-active .wp-site-blocks { padding-top:0 !important; }

  /* Theme Container auf Full-Width zwingen */
  body.dom-portal-page-active .site-content,
  body.dom-portal-page-active .content-area,
  body.dom-portal-page-active .container,
  body.dom-portal-page-active .ast-container,
  body.dom-portal-page-active .elementor-section-wrap,
  body.dom-portal-page-active .elementor-container,
  body.dom-portal-page-active .entry-content,
  body.dom-portal-page-active .wp-block-group,
  body.dom-portal-page-active .wp-block-group__inner-container {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Volle Breite */
  .dom-portal-wrap{max-width:100% !important;width:100% !important;margin:0 auto;padding:22px 22px 40px;box-sizing:border-box;}
  .dom-card{background:#fff;border:1px solid #eef0f6;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.06);}

  /* Tiles grid (kleiner, passt in eine Reihe) */
  .dom-dashboard-tiles{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:14px;margin-top:16px;}
  @media(max-width:1100px){.dom-dashboard-tiles{grid-template-columns:repeat(3,minmax(160px,1fr));}}
  @media(max-width:720px){.dom-dashboard-tiles{grid-template-columns:repeat(2,minmax(140px,1fr));}}
  .dom-tile{display:block;text-decoration:none;color:#0f172a;background:#fff;border:1px solid #eef0f6;border-radius:16px;padding:16px;box-shadow:0 10px 22px rgba(15,23,42,.05);}
  .dom-tile:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(15,23,42,.08);}
  .dom-tile-icon{font-size:22px;margin-bottom:8px}
  .dom-tile-title{font-weight:900}
  .dom-tile-sub{opacity:.72;font-size:13px;margin-top:4px}

  .dom-btn{display:inline-block;padding:10px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;text-decoration:none;font-weight:800;}
  .dom-btn:hover{opacity:.92}
  .dom-btn-primary{background:#ff7a00;border-color:#ff7a00;color:#fff}
  .dom-btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}
  .dom-btn-ghost{background:transparent;border:1px solid #e5e7eb;opacity:.7}
  .dom-row{display:flex;align-items:center}
  .dom-muted{opacity:.75}
  .dom-h1{font-size:26px;font-weight:900}
  .dom-h2{font-size:20px;font-weight:900}
  .dom-input,.dom-select,.dom-textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;box-sizing:border-box}
  .dom-textarea{min-height:90px}

  .dom-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
  @media(max-width:900px){.dom-grid-2{grid-template-columns:1fr}}

  .dom-doc-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eef0f6}
  .dom-doc-title{font-weight:900}
  .dom-doc-sub{opacity:.75;font-size:13px;margin-top:3px}
  .dom-doc-actions{display:flex;gap:8px;flex-wrap:wrap}

  .dom-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
  @media(max-width:900px){.dom-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media(max-width:520px){.dom-photo-grid{grid-template-columns:1fr;}}
  .dom-photo-item{display:block;border:1px solid #eef0f6;border-radius:14px;overflow:hidden;text-decoration:none;color:#0f172a;background:#fff}
  .dom-photo-img{height:140px;background-size:cover;background-position:center}
  .dom-photo-meta{padding:10px 12px}
  .dom-photo-title{font-weight:900;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dom-photo-date{opacity:.7;font-size:12px;margin-top:4px}

  .dom-acc details{border:1px solid #eef0f6;border-radius:16px;overflow:hidden;background:#fff;margin-top:12px}
  .dom-acc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:900}
  .dom-acc summary::-webkit-details-marker{display:none}
  .dom-acc .inner{padding:0 16px 14px}
  .dom-acc .count{opacity:.7;font-weight:900}

  .dom-alert-ok{border-left:6px solid #10b981}
  .dom-alert-bad{border-left:6px solid #ef4444}
  .dom-alert-info{border-left:6px solid #3b82f6}

  .dom-sign-canvas{width:100%;max-width:520px;border:1px solid #ffc067;border-radius:12px;background:#fff}
  .dom-sign-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}

  /* Nav Card */
  .dom-nav-card .dom-nav-row{justify-content:space-between;gap:12px;flex-wrap:wrap}
  .dom-brand-title{font-weight:900}
  .dom-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#f1f5f9;font-weight:900;font-size:12px;margin-left:8px}
  .dom-nav-links{gap:10px;flex-wrap:wrap}

  ";
  
  /* obere doppelte Portal-Navigation ausblenden */
.dom-portal-page > .dom-portal-wrap > .dom-card:first-of-type {
  display: none !important;
}
/* Orange Linie unter "Positionen" im Auftrag-Detail */
.dom-card .dom-row,
.dom-card .dom-table-wrap,
.dom-card .dom-rows,
.dom-card .dom-table {
  border-bottom: none !important;
}

.dom-card h3 + * {
  border-bottom: 2px solid #ff7a00 !important;
  padding-bottom: 10px;
  margin-bottom: 16px;
}
  /* ORANGE UNTERSTREICHUNG unter "Positionen" (egal ob h2, h3 oder dom-h2) */
.dom-card h2,
.dom-card h3,
.dom-card .dom-h2 {
  position: relative;
}

.dom-card h2::after,
.dom-card h3::after,
.dom-card .dom-h2::after{
  content: "";
  display: block;
  height: 2px;
  background: #ff7a00;
  margin-top: 10px;
  width: 100%;
}