/*
 * Moinhosting Portal – konsolidierte Layout-Overrides
 * Aus includes/layout.php ausgelagert, damit PHP-Layout und Styling getrennt bleiben.
 */

/* ===== mh-stability-design-css ===== */
@media (min-width:901px){body #mhMobileTop,body #mhMobileBackdrop{display:none!important}}
@media (max-width:900px){
html,body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#eef2f6!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important}
body .portal-shell{display:block!important;width:100%!important;max-width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important}
body .main{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0 10px 16px!important;overflow:visible!important}
body .main-brand-header,body .topbar,body .topbar.clean-topbar{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important}
body #mhMobileTop{display:block!important;position:relative!important;z-index:100!important;width:100%!important;max-width:100%!important;margin:0 0 12px!important;padding:6px 0 0!important;background:#eef2f6!important}
body #mhMobileTop .mh-mobile-row{display:grid!important;grid-template-columns:90px minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:44px!important;margin:0!important;padding:0!important}
body #mhMobileOpen{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:90px!important;min-width:90px!important;height:42px!important;border:0!important;border-radius:999px!important;background:#0d8b8d!important;color:#fff!important;font-size:14px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(13,139,141,.22)!important;cursor:pointer!important}
body #mhMobileTop .mh-mobile-logo{display:flex!important;align-items:center!important;justify-content:center!important;height:44px!important;line-height:0!important;text-decoration:none!important}
body #mhMobileTop .mh-mobile-logo img{display:block!important;width:auto!important;max-width:154px!important;max-height:40px!important;margin:0 auto!important;padding:0!important}
body #mhMobileTop .mh-mobile-bell{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:42px!important;height:42px!important;border-radius:15px!important;background:#fff!important;color:#16314f!important;border:1px solid rgba(148,163,184,.24)!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important;text-decoration:none!important}
body #mhMobileTop .mh-mobile-bell b{position:absolute!important;top:-7px!important;right:-7px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#ed9b27!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:900!important}
body .mh-mobile-search-clean{display:grid!important;grid-template-columns:minmax(0,1fr) 76px!important;gap:8px!important;width:100%!important;margin:8px 0 0!important;padding:0!important}
body .mh-mobile-search-clean input{display:block!important;width:100%!important;min-width:0!important;height:42px!important;box-sizing:border-box!important;border-radius:14px!important;border:1px solid rgba(148,163,184,.24)!important;background:#fff!important;padding:0 12px!important;font-size:16px!important;outline:none!important}
body .mh-mobile-search-clean button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:76px!important;height:42px!important;border:0!important;border-radius:14px!important;background:#0d8b8d!important;color:#fff!important;font-weight:900!important;padding:0!important;font-size:13px!important}
body #mhMobileBackdrop{display:block!important;position:fixed!important;inset:0!important;z-index:9000!important;background:rgba(15,23,42,.42)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:opacity .16s ease,visibility .16s ease!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.mobile-menu-open #mhMobileBackdrop{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body #mhMobileDrawer,body .sidebar{display:flex!important;flex-direction:column!important;position:fixed!important;top:0!important;left:-105vw!important;right:auto!important;bottom:auto!important;z-index:9010!important;width:min(92vw,360px)!important;max-width:min(92vw,360px)!important;height:100svh!important;max-height:100svh!important;margin:0!important;padding:10px 14px 14px!important;border-radius:0 18px 18px 0!important;background:#0f1c2e!important;box-shadow:20px 0 48px rgba(15,23,42,.32)!important;overflow:hidden!important;transform:none!important;transition:left .18s ease!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto!important}
body.mobile-menu-open #mhMobileDrawer,body.mobile-menu-open .sidebar{left:0!important}
body #mhMobileClose{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;top:8px!important;right:8px!important;z-index:9020!important;width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:999px!important;background:rgba(255,255,255,.13)!important;color:#fff!important;font-size:23px!important;cursor:pointer!important}
body #mhMobileDrawer .brand,body .sidebar .brand{display:flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;width:100%!important;min-height:42px!important;max-height:50px!important;margin:0 0 14px!important;padding:0 46px 8px 0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;text-align:left!important;overflow:hidden!important}
body #mhMobileDrawer .brand img,body .sidebar .brand img,body .sidebar .portal-logo-sidebar{display:block!important;flex:0 0 auto!important;width:auto!important;max-width:74px!important;max-height:32px!important;margin:0!important;padding:0!important}
body #mhMobileDrawer .brand strong,body .sidebar .brand strong{display:block!important;color:#fff!important;font-size:.9rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body #mhMobileDrawer .brand small,body .sidebar .brand small{display:none!important}
body #mhMobileDrawer .nav,body .sidebar .nav{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;width:100%!important;gap:10px!important;margin:0!important;padding:0 2px 26px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;scroll-padding-top:46px!important}
body #mhMobileDrawer .nav a,body .sidebar .nav a,body .sidebar .nav .nav-link{display:flex!important;align-items:center!important;width:100%!important;min-height:44px!important;padding:11px 13px!important;margin:0!important;box-sizing:border-box!important;border-radius:14px!important;font-size:.92rem!important;line-height:1.22!important;color:#dbe8f7!important;text-decoration:none!important;pointer-events:auto!important}
body #mhMobileDrawer .nav a:hover,body .sidebar .nav a:hover,body .sidebar .nav a.active{background:rgba(255,255,255,.10)!important;color:#fff!important}
body #mhMobileDrawer .nav-section,body #mhMobileDrawer .nav-group-label,body .sidebar .nav-section,body .sidebar .nav-group-label{display:flex!important;align-items:center!important;width:100%!important;min-height:24px!important;margin:14px 0 6px!important;padding:0 8px!important;color:rgba(255,255,255,.62)!important;font-size:.70rem!important;line-height:1.1!important;letter-spacing:.08em!important;text-transform:uppercase!important;position:static!important;top:auto!important;z-index:auto!important;background:transparent!important;box-shadow:none!important;border:0!important}
body #mhMobileDrawer .nav-section.mh-current-nav-section,body #mhMobileDrawer .nav-group-label.mh-current-nav-section,body .sidebar .nav-section.mh-current-nav-section,body .sidebar .nav-group-label.mh-current-nav-section{position:sticky!important;top:0!important;z-index:25!important;margin:0 0 10px!important;padding:8px 10px!important;min-height:34px!important;border-radius:13px!important;background:#14263d!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,0,0,.18)!important;border:1px solid rgba(255,255,255,.10)!important}
body #mhMobileDrawer .nav-section.mh-current-nav-section::after,body #mhMobileDrawer .nav-group-label.mh-current-nav-section::after,body .sidebar .nav-section.mh-current-nav-section::after,body .sidebar .nav-group-label.mh-current-nav-section::after{content:"Aktueller Bereich";display:inline-flex!important;align-items:center!important;margin-left:auto!important;min-height:20px!important;padding:0 7px!important;border-radius:999px!important;background:rgba(13,139,141,.95)!important;color:#fff!important;font-size:.62rem!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}
body #mhMobileDrawer *,body .sidebar *{filter:none!important;text-shadow:none!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.mobile-menu-open{overflow:hidden!important}
body table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
body .actions,body .form-actions,body .top-actions,body .page-actions,body .toolbar,body .button-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}
}
.btn,button.btn,a.btn,input[type="submit"].btn,input[type="button"].btn{border-radius:14px;font-weight:800;text-decoration:none}
.btn.primary,button.primary,input[type="submit"].primary{background:#0d8b8d;border-color:#0d8b8d;color:#fff}
.btn.primary:hover,button.primary:hover,input[type="submit"].primary:hover{background:#087678;border-color:#087678;color:#fff}
input,select,textarea{border-radius:13px}
.form-actions,.actions,.page-actions,.top-actions,.toolbar,.button-row{gap:10px}

/* ===== mh-mobile-menu-clickfix-css ===== */
/* Fix: Mobile-Schließen-Button darf im Desktop/Panel niemals sichtbar sein */
@media (min-width:901px){
  body #mhMobileClose,
  body .mh-mobile-close{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  body #mhMobileBackdrop,
  body .mh-mobile-backdrop{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}

/* Fix: Mobile-Menülinks müssen anklickbar bleiben */
@media (max-width:900px){
  body #mhMobileDrawer,
  body #mhMobileDrawer .nav,
  body #mhMobileDrawer .nav a,
  body .sidebar,
  body .sidebar .nav,
  body .sidebar .nav a{
    pointer-events:auto !important;
  }

  body #mhMobileClose,
  body .mh-mobile-close{
    display:inline-flex !important;
  }
}

/* ===== mh-mobile-menu-spacing-hardfix-css ===== */
/* HARD FIX:
   Diese Regeln stehen absichtlich direkt im Layout NACH den alten Mobile-Regeln.
   Dadurch werden die unterschiedlichen Abstände im mobilen Menü zuverlässig überschrieben. */
@media (max-width:900px){
  body #mhMobileDrawer .nav,
  body .sidebar .nav{
    display:block !important;
    padding:0 0 28px 0 !important;
    margin:0 !important;
    gap:0 !important;
    row-gap:0 !important;
    column-gap:0 !important;
  }

  body #mhMobileDrawer .nav > a,
  body #mhMobileDrawer .nav > .nav-link,
  body #mhMobileDrawer .nav-mobile-group-content > a,
  body #mhMobileDrawer .nav-mobile-group-content > .nav-link,
  body .sidebar .nav > a,
  body .sidebar .nav > .nav-link,
  body .sidebar .nav-mobile-group-content > a,
  body .sidebar .nav-mobile-group-content > .nav-link{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:45px !important;
    height:auto !important;
    margin:0 0 10px 0 !important;
    padding:11px 13px !important;
    box-sizing:border-box !important;
    border-radius:14px !important;
    line-height:1.25 !important;
  }

  body #mhMobileDrawer .nav > a:last-child,
  body #mhMobileDrawer .nav > .nav-link:last-child,
  body #mhMobileDrawer .nav-mobile-group-content > a:last-child,
  body #mhMobileDrawer .nav-mobile-group-content > .nav-link:last-child,
  body .sidebar .nav > a:last-child,
  body .sidebar .nav > .nav-link:last-child,
  body .sidebar .nav-mobile-group-content > a:last-child,
  body .sidebar .nav-mobile-group-content > .nav-link:last-child{
    margin-bottom:10px !important;
  }

  body #mhMobileDrawer .nav-section,
  body #mhMobileDrawer .nav-group-label,
  body .sidebar .nav-section,
  body .sidebar .nav-group-label{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:22px !important;
    margin:18px 0 10px 0 !important;
    padding:0 8px !important;
    box-sizing:border-box !important;
    line-height:1.1 !important;
  }

  body #mhMobileDrawer .nav-section:first-child,
  body #mhMobileDrawer .nav-group-label:first-child,
  body .sidebar .nav-section:first-child,
  body .sidebar .nav-group-label:first-child{
    margin-top:0 !important;
  }

  body #mhMobileDrawer .nav-mobile-group-content,
  body .sidebar .nav-mobile-group-content{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
  }

  body #mhMobileDrawer .nav-section + a,
  body #mhMobileDrawer .nav-section + .nav-link,
  body #mhMobileDrawer .nav-group-label + a,
  body #mhMobileDrawer .nav-group-label + .nav-link,
  body #mhMobileDrawer .nav-group-label + .nav-mobile-group-content,
  body #mhMobileDrawer .nav-section + .nav-mobile-group-content,
  body .sidebar .nav-section + a,
  body .sidebar .nav-section + .nav-link,
  body .sidebar .nav-group-label + a,
  body .sidebar .nav-group-label + .nav-link,
  body .sidebar .nav-group-label + .nav-mobile-group-content,
  body .sidebar .nav-section + .nav-mobile-group-content{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  body #mhMobileDrawer .nav-mobile-group-content + .nav-group-label,
  body #mhMobileDrawer .nav-mobile-group-content + .nav-section,
  body .sidebar .nav-mobile-group-content + .nav-group-label,
  body .sidebar .nav-mobile-group-content + .nav-section{
    margin-top:18px !important;
  }

  body #mhMobileDrawer .mh-current-nav-section,
  body .sidebar .mh-current-nav-section{
    margin:0 0 10px 0 !important;
    min-height:34px !important;
  }

  body #mhMobileDrawer .mh-current-nav-section + a,
  body #mhMobileDrawer .mh-current-nav-section + .nav-link,
  body #mhMobileDrawer .mh-current-nav-section + .nav-mobile-group-content,
  body .sidebar .mh-current-nav-section + a,
  body .sidebar .mh-current-nav-section + .nav-link,
  body .sidebar .mh-current-nav-section + .nav-mobile-group-content{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  /* Alte grafische Punkte/Marker dürfen die Abstände nicht optisch verschieben */
  body #mhMobileDrawer .nav-section::before,
  body #mhMobileDrawer .nav-group-label::before,
  body .sidebar .nav-section::before,
  body .sidebar .nav-group-label::before{
    margin-right:0 !important;
  }
}

/* ===== mh-forum-mobile-clean-rework-css ===== */
/* ==========================================================
   Forum Mobile Clean Rework
   Mobile Ansicht: Forum-Tabellen werden Karten,
   Beiträge werden klare Lese-Karten, Aktionen/Editor aufgeräumt.
   ========================================================== */
@media (max-width:900px){

  body .mh-forum{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
  }

  body .mh-forum *,
  body .mh-forum *::before,
  body .mh-forum *::after{
    box-sizing:border-box !important;
  }

  /* Forum-Header */
  body .mh-forum-top{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    width:100% !important;
    margin:0 0 14px !important;
    padding:18px !important;
    border-radius:20px !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fcfc 100%) !important;
    border:1px solid rgba(13,139,141,.13) !important;
    box-shadow:0 12px 28px rgba(15,23,42,.055) !important;
    overflow:hidden !important;
  }

  body .mh-forum-kicker{
    display:inline-flex !important;
    align-items:center !important;
    min-height:24px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    background:#e9fbfb !important;
    color:#0d6f71 !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
  }

  body .mh-forum-top h1{
    margin:10px 0 6px !important;
    font-size:1.45rem !important;
    line-height:1.16 !important;
    letter-spacing:-.02em !important;
    color:#16314f !important;
  }

  body .mh-forum-top p{
    margin:0 !important;
    color:#64748b !important;
    font-size:.95rem !important;
    line-height:1.5 !important;
  }

  /* Aktionsbereich wird übersichtliche mobile Button-Liste */
  body .mh-forum-actions,
  body .mh-forum-actions-polished{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  body .forum-action-primary,
  body .forum-action-group{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:12px !important;
    border-radius:17px !important;
    background:#f7fbfb !important;
    border:1px solid rgba(13,139,141,.11) !important;
  }

  body .forum-action-primary{
    background:#eefafa !important;
    border-color:rgba(13,139,141,.18) !important;
  }

  body .forum-action-group > span{
    display:block !important;
    margin:0 0 2px !important;
    color:#64748b !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    letter-spacing:.07em !important;
    text-transform:uppercase !important;
  }

  body .mh-forum-actions .btn,
  body .forum-action-group .btn,
  body .forum-action-primary .btn{
    display:flex !important;
    width:100% !important;
    min-height:43px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    border-radius:14px !important;
    font-weight:500 !important;
    white-space:normal !important;
    text-align:center !important;
  }

  /* Breadcrumb */
  body .mh-forum-crumb{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    align-items:center !important;
    margin:0 0 12px !important;
    padding:10px 12px !important;
    border-radius:15px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.10) !important;
    color:#64748b !important;
    font-size:.85rem !important;
  }

  body .mh-forum-crumb a,
  body .mh-forum-crumb strong{
    color:#0d6f71 !important;
    text-decoration:none !important;
    max-width:100% !important;
    word-break:break-word !important;
  }

  /* Suche */
  body .forum-search-polish3{
    margin:0 0 14px !important;
    padding:0 !important;
  }

  body .forum-search-polish3 form,
  body .mh-topic-filter,
  body .mh-topic-filter-polish3{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
    padding:14px !important;
    border-radius:18px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.11) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.04) !important;
  }

  body .forum-search-polish3 input,
  body .forum-search-polish3 select,
  body .mh-topic-filter input,
  body .mh-topic-filter select{
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    border-radius:14px !important;
    border:1px solid rgba(13,139,141,.16) !important;
    background:#fff !important;
    padding:0 12px !important;
    font-size:16px !important;
  }

  body .forum-search-polish3 button,
  body .mh-topic-filter button{
    width:100% !important;
    min-height:44px !important;
    justify-content:center !important;
  }

  /* Grundkarten */
  body .mh-forum-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    width:100% !important;
  }

  body .mh-forum-main,
  body .mh-forum-side{
    width:100% !important;
    min-width:0 !important;
  }

  body .mh-forum-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 0 14px !important;
    padding:16px !important;
    border-radius:20px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.12) !important;
    box-shadow:0 12px 28px rgba(15,23,42,.05) !important;
    overflow:hidden !important;
  }

  /* Startseite: Board-Tabelle zu Karten */
  body .mh-board-head,
  body .mh-board-head-polish3{
    display:none !important;
  }

  body .mh-board-group{
    display:grid !important;
    gap:3px !important;
    margin:18px 0 10px !important;
    padding:10px 12px !important;
    border-radius:16px !important;
    background:#0f1c2e !important;
    color:#ffffff !important;
  }

  body .mh-board-group:first-of-type{
    margin-top:0 !important;
  }

  body .mh-board-group strong{
    color:#ffffff !important;
    font-size:.9rem !important;
    font-weight:600 !important;
  }

  body .mh-board-group span{
    color:rgba(255,255,255,.68) !important;
    font-size:.82rem !important;
    line-height:1.35 !important;
  }

  body .mh-board-row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
    margin:0 0 12px !important;
    padding:14px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#ffffff 0%,#f9fcfc 100%) !important;
    border:1px solid rgba(13,139,141,.12) !important;
    box-shadow:0 8px 20px rgba(15,23,42,.04) !important;
  }

  body .mh-board-title,
  body .mh-board-title-link{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    align-items:start !important;
    gap:12px !important;
    text-decoration:none !important;
    min-width:0 !important;
  }

  body .mh-board-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    background:#e9fbfb !important;
    color:#0d6f71 !important;
    font-size:1.25rem !important;
  }

  body .mh-board-title strong{
    display:block !important;
    color:#16314f !important;
    font-size:1rem !important;
    line-height:1.22 !important;
    font-weight:600 !important;
  }

  body .mh-board-title small{
    display:block !important;
    margin-top:4px !important;
    color:#64748b !important;
    line-height:1.42 !important;
    white-space:normal !important;
  }

  body .mh-board-count{
    display:grid !important;
    gap:2px !important;
    align-items:center !important;
    min-height:48px !important;
    padding:9px 10px !important;
    border-radius:15px !important;
    background:#f8fafc !important;
    border:1px solid rgba(13,139,141,.10) !important;
    color:#16314f !important;
    text-align:center !important;
    font-weight:600 !important;
  }

  body .mh-board-row > .mh-board-count:nth-of-type(1)::before{
    content:"Themen";
    color:#64748b !important;
    font-size:.72rem !important;
    font-weight:500 !important;
  }

  body .mh-board-row > .mh-board-count:nth-of-type(2)::before{
    content:"Antworten";
    color:#64748b !important;
    font-size:.72rem !important;
    font-weight:500 !important;
  }

  body .mh-board-last{
    grid-column:1 / -1 !important;
    display:block !important;
    min-width:0 !important;
    padding:11px 12px !important;
    border-radius:15px !important;
    background:#f7fbfb !important;
    border:1px solid rgba(13,139,141,.10) !important;
  }

  body .mh-board-last-link{
    display:grid !important;
    gap:3px !important;
    color:inherit !important;
    text-decoration:none !important;
  }

  body .mh-board-last strong{
    color:#16314f !important;
    font-weight:600 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    line-height:1.3 !important;
  }

  body .mh-board-last small,
  body .mh-board-last span{
    color:#64748b !important;
    line-height:1.35 !important;
  }

  body .mh-latest{
    display:grid !important;
    gap:10px !important;
  }

  body .mh-latest a{
    display:block !important;
    padding:12px !important;
    border-radius:16px !important;
    background:#f8fafc !important;
    border:1px solid rgba(13,139,141,.10) !important;
    text-decoration:none !important;
  }

  body .mh-latest strong{
    color:#16314f !important;
    font-weight:600 !important;
    line-height:1.25 !important;
  }

  body .mh-latest small{
    display:block !important;
    margin-top:4px !important;
    color:#64748b !important;
    line-height:1.35 !important;
  }

  /* Forum-Kategorie / Themenliste */
  body .mh-forum-category-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body .mh-forum-category-head > div{
    min-width:0 !important;
  }

  body .mh-forum-category-head .big{
    margin-bottom:8px !important;
  }

  body .mh-forum-category-head h2{
    margin:4px 0 5px !important;
    font-size:1.3rem !important;
    line-height:1.2 !important;
    color:#16314f !important;
  }

  body .mh-forum-category-head p{
    margin:0 !important;
    color:#64748b !important;
    line-height:1.45 !important;
  }

  body .mh-topic-head,
  body .mh-topic-head-polish3{
    display:none !important;
  }

  body .mh-topic-table,
  body .mh-topic-table-pro{
    display:grid !important;
    gap:12px !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  body .mh-topic-row,
  body .mh-topic-row-pro{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:14px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid rgba(13,139,141,.12) !important;
    box-shadow:0 8px 20px rgba(15,23,42,.04) !important;
    color:inherit !important;
    text-decoration:none !important;
  }

  body .mh-topic-title{
    grid-column:1 / -1 !important;
    display:block !important;
    min-width:0 !important;
    text-decoration:none !important;
  }

  body .mh-topic-title strong{
    display:block !important;
    color:#16314f !important;
    font-size:1rem !important;
    line-height:1.28 !important;
    font-weight:600 !important;
    word-break:break-word !important;
  }

  body .mh-topic-title small{
    display:block !important;
    margin-top:5px !important;
    color:#64748b !important;
    line-height:1.38 !important;
    white-space:normal !important;
  }

  body .mh-topic-badges{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    margin:0 0 8px !important;
  }

  body .mh-topic-badges span{
    display:inline-flex !important;
    align-items:center !important;
    min-height:22px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    background:#e9fbfb !important;
    color:#0d6f71 !important;
    font-size:.72rem !important;
    font-weight:600 !important;
  }

  body .mh-topic-badges .danger{
    background:#fef2f2 !important;
    color:#991b1b !important;
  }

  body .mh-topic-author,
  body .mh-topic-num,
  body .mh-topic-last{
    display:grid !important;
    min-width:0 !important;
    padding:10px !important;
    border-radius:15px !important;
    background:#f8fafc !important;
    border:1px solid rgba(13,139,141,.09) !important;
  }

  body .mh-topic-author{
    grid-column:1 / -1 !important;
    gap:5px !important;
  }

  body .mh-topic-author strong{
    color:#16314f !important;
    font-weight:600 !important;
  }

  body .mh-topic-author small{
    color:#64748b !important;
  }

  body .mh-topic-num{
    align-items:center !important;
    justify-items:center !important;
    text-align:center !important;
    color:#16314f !important;
    font-weight:600 !important;
    min-height:50px !important;
  }

  body .mh-topic-row > .mh-topic-num:nth-of-type(2)::before{
    content:"Antworten";
    color:#64748b !important;
    font-size:.72rem !important;
    font-weight:500 !important;
  }

  body .mh-topic-row > .mh-topic-num:nth-of-type(3)::before{
    content:"Aufrufe";
    color:#64748b !important;
    font-size:.72rem !important;
    font-weight:500 !important;
  }

  body .mh-topic-last,
  body .mh-topic-last-link{
    grid-column:1 / -1 !important;
    text-decoration:none !important;
    color:inherit !important;
  }

  body .mh-topic-last strong{
    color:#16314f !important;
    font-weight:600 !important;
    white-space:normal !important;
    line-height:1.3 !important;
  }

  body .mh-topic-last small{
    display:block !important;
    margin-top:3px !important;
    color:#64748b !important;
    line-height:1.35 !important;
  }

  /* Topic-Detail */
  body .mh-topic-header,
  body .mh-topic-header-premium{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body .community-badges{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin-bottom:8px !important;
  }

  body .mh-topic-header h2{
    margin:8px 0 6px !important;
    color:#16314f !important;
    font-size:1.32rem !important;
    line-height:1.22 !important;
    word-break:break-word !important;
  }

  body .mh-topic-header p{
    margin:0 !important;
    color:#64748b !important;
    line-height:1.45 !important;
  }

  body .forum-topic-admin-menu summary{
    width:100% !important;
    justify-content:center !important;
  }

  body .mh-mod-actions,
  body .forum-admin-topic-tools form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    margin-top:10px !important;
  }

  body .mh-mod-actions .btn,
  body .forum-admin-topic-tools .btn,
  body .forum-admin-topic-tools select{
    width:100% !important;
  }

  body .mh-topic-overview{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:0 0 14px !important;
  }

  body .mh-topic-overview > div{
    display:grid !important;
    gap:4px !important;
    min-height:62px !important;
    padding:12px !important;
    border-radius:17px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.12) !important;
    box-shadow:0 8px 20px rgba(15,23,42,.04) !important;
    text-align:center !important;
  }

  body .mh-topic-overview strong{
    color:#0d8b8d !important;
    font-weight:600 !important;
    line-height:1.15 !important;
  }

  body .mh-topic-overview span{
    color:#64748b !important;
    font-size:.78rem !important;
  }

  /* Beiträge als lesbare mobile Karten */
  body .mh-post,
  body .mh-post-premium,
  body .forum-post{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 0 14px !important;
    border-radius:20px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.12) !important;
    box-shadow:0 12px 28px rgba(15,23,42,.05) !important;
    overflow:hidden !important;
  }

  body .mh-post.team,
  body .mh-post-premium.team{
    border-color:rgba(13,139,141,.25) !important;
    box-shadow:0 12px 30px rgba(13,139,141,.08) !important;
  }

  body .mh-post-author,
  body .forum-post aside{
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px 12px !important;
    width:100% !important;
    padding:14px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(13,139,141,.11) !important;
    background:#f7fbfb !important;
  }

  body .mh-author-avatar{
    grid-row:1 / span 2 !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:15px !important;
  }

  body .mh-post-author > strong{
    display:block !important;
    color:#16314f !important;
    font-size:.98rem !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body .mh-post-author > small{
    display:block !important;
    color:#64748b !important;
    font-size:.82rem !important;
    line-height:1.2 !important;
  }

  body .forum-rank{
    grid-column:2 !important;
    justify-self:start !important;
    margin:0 !important;
  }

  body .forum-author-facts{
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin:2px 0 0 !important;
  }

  body .forum-author-facts span,
  body .forum-profile-link,
  body .mh-author-post-meta em,
  body .mh-official-badge{
    display:inline-flex !important;
    align-items:center !important;
    min-height:26px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.10) !important;
    color:#64748b !important;
    font-size:.76rem !important;
    line-height:1.2 !important;
    text-decoration:none !important;
  }

  body .mh-official-badge{
    background:#0d8b8d !important;
    color:#fff !important;
    border-color:#0d8b8d !important;
  }

  body .mh-author-post-meta{
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin-top:0 !important;
  }

  body .mh-author-post-meta em{
    font-style:normal !important;
  }

  body .mh-author-post-meta em br{
    display:none !important;
  }

  body .mh-post-content{
    padding:14px !important;
    min-width:0 !important;
  }

  body .mh-post-toolbar,
  body .mh-post-toolbar-positionfix{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    align-items:start !important;
    margin:0 0 12px !important;
    padding:0 0 12px !important;
    border-bottom:1px solid rgba(13,139,141,.10) !important;
  }

  body .mh-post-toolbar > span,
  body .mh-post-toolbar-label{
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    min-height:26px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    background:#e9fbfb !important;
    color:#0d6f71 !important;
    font-size:.76rem !important;
    font-weight:600 !important;
  }

  body .forum-post-tools,
  body .forum-post-tools-positionfix{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    justify-items:stretch !important;
  }

  body .forum-post-tools .btn,
  body .forum-post-tools button,
  body .forum-post-tools a,
  body .forum-post-tools form{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  body .forum-post-tools .btn,
  body .forum-post-tools button,
  body .forum-post-tools a{
    min-height:38px !important;
    justify-content:center !important;
    border-radius:13px !important;
    text-align:center !important;
  }

  body .forum-post-tools a[href^="#"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#64748b !important;
    background:#f8fafc !important;
    border:1px solid rgba(13,139,141,.10) !important;
    text-decoration:none !important;
  }

  body .mh-post-body{
    color:#24364a !important;
    font-size:.98rem !important;
    line-height:1.68 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  body .mh-post-body p{
    margin:0 0 12px !important;
  }

  body .mh-post-body img,
  body .mh-post-body video{
    max-width:100% !important;
    height:auto !important;
    border-radius:14px !important;
  }

  body .mh-post-body pre,
  body .mh-post-body code{
    max-width:100% !important;
    overflow-x:auto !important;
    white-space:pre-wrap !important;
    word-break:break-word !important;
  }

  body .forum-attachments{
    display:grid !important;
    gap:8px !important;
    margin-top:14px !important;
    padding:12px !important;
    border-radius:16px !important;
    background:#f8fafc !important;
    border:1px solid rgba(13,139,141,.10) !important;
  }

  body .forum-attachments > strong{
    color:#16314f !important;
    font-weight:600 !important;
  }

  body .forum-attachments a{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    padding:9px 10px !important;
    border-radius:13px !important;
    background:#fff !important;
    border:1px solid rgba(13,139,141,.10) !important;
    color:#0d6f71 !important;
    text-decoration:none !important;
    overflow-wrap:anywhere !important;
  }

  body .forum-signature{
    margin-top:14px !important;
    padding:12px !important;
    border-radius:16px !important;
    background:#f8fafc !important;
    border:1px solid rgba(13,139,141,.10) !important;
    color:#64748b !important;
    font-size:.9rem !important;
    line-height:1.45 !important;
  }

  body .forum-post-bottom-actions.clean,
  body .forum-post-bottom-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin:14px 0 0 !important;
    padding-top:12px !important;
    border-top:1px solid rgba(13,139,141,.10) !important;
  }

  body .forum-bottom-reactions form,
  body .forum-bottom-admin,
  body .mh-inline-mod{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
  }

  body .forum-bottom-reactions .btn,
  body .forum-bottom-admin .btn,
  body .forum-bottom-admin button,
  body .mh-inline-mod .btn,
  body .mh-inline-mod button{
    width:100% !important;
    min-height:38px !important;
    justify-content:center !important;
    border-radius:13px !important;
  }

  body .forum-admin-edit{
    grid-column:1 / -1 !important;
    width:100% !important;
  }

  body .forum-admin-edit summary{
    width:100% !important;
    justify-content:center !important;
  }

  body .forum-admin-edit form{
    display:grid !important;
    gap:9px !important;
    margin-top:9px !important;
  }

  body .forum-admin-edit textarea{
    width:100% !important;
    min-height:120px !important;
  }

  /* Editor */
  body .mh-reply-card .section-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body .forum-editor-form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:13px !important;
  }

  body .forum-editor-form .field,
  body .forum-editor-form .field.full{
    grid-column:1 / -1 !important;
    min-width:0 !important;
  }

  body .forum-editor-toolbar{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding:8px !important;
    margin:0 0 9px !important;
    border-radius:15px !important;
    background:#f8fafc !important;
    border:1px solid rgba(13,139,141,.10) !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body .forum-editor-toolbar button{
    flex:0 0 auto !important;
    min-height:34px !important;
    padding:0 10px !important;
    border-radius:12px !important;
    border:1px solid rgba(13,139,141,.13) !important;
    background:#fff !important;
    color:#16314f !important;
    font-weight:500 !important;
  }

  body .forum-smiley-picker{
    display:flex !important;
    gap:7px !important;
    overflow-x:auto !important;
    max-width:100% !important;
    padding:8px !important;
    margin:0 0 9px !important;
    border-radius:15px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.10) !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body .forum-smiley-picker .smiley-group-label{
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    color:#64748b !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    padding:0 3px !important;
  }

  body .forum-smiley-picker button{
    flex:0 0 auto !important;
    width:34px !important;
    height:34px !important;
    border-radius:12px !important;
    border:1px solid rgba(13,139,141,.10) !important;
    background:#f8fafc !important;
    font-size:1.05rem !important;
  }

  body .forum-editor-form textarea{
    width:100% !important;
    min-height:180px !important;
    border-radius:16px !important;
    border:1px solid rgba(13,139,141,.16) !important;
    padding:13px !important;
    font-size:16px !important;
    line-height:1.55 !important;
  }

  body .forum-editor-form input[type="file"]{
    width:100% !important;
    min-width:0 !important;
  }

  body .forum-editor-form .actions-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  body .forum-editor-form .actions-row .btn,
  body .forum-editor-form .actions-row button{
    width:100% !important;
    justify-content:center !important;
  }

  /* Rechte / Meine Beiträge / Profil / Benachrichtigungen */
  body .forum-rights-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body .forum-rights-grid > div{
    border-radius:16px !important;
    padding:13px !important;
  }

  body .forum-notification-list{
    display:grid !important;
    gap:10px !important;
  }

  body .forum-notification-item{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:14px !important;
    border-radius:17px !important;
    background:#fff !important;
    border:1px solid rgba(13,139,141,.12) !important;
    text-decoration:none !important;
  }

  body .forum-notification-item.unread{
    background:#f3fbfb !important;
    border-color:rgba(13,139,141,.26) !important;
  }

  body .forum-notification-item strong{
    color:#16314f !important;
    font-weight:600 !important;
    line-height:1.25 !important;
  }

  body .forum-notification-item span,
  body .forum-notification-item small{
    color:#64748b !important;
    line-height:1.4 !important;
    white-space:normal !important;
  }

  body .public-forum-profile-hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    text-align:left !important;
  }

  body .public-forum-profile-hero .mh-author-avatar{
    width:58px !important;
    height:58px !important;
  }

  body .public-profile-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
  }

  body .compact-profile-topics .mh-topic-row{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:520px){
  body .mh-topic-overview{
    grid-template-columns:1fr 1fr !important;
  }

  body .forum-post-tools,
  body .forum-bottom-reactions form,
  body .forum-bottom-admin,
  body .mh-inline-mod{
    grid-template-columns:1fr !important;
  }

  body .mh-board-row{
    grid-template-columns:1fr 1fr !important;
    padding:12px !important;
  }

  body .mh-topic-row,
  body .mh-topic-row-pro{
    grid-template-columns:1fr 1fr !important;
    padding:12px !important;
  }
}

/* ===== mh-forum-mobile-counts-profile-fix-css ===== */
/* ==========================================================
   Forum Mobile Fix: Startseiten-Zahlen + Profil-Link
   - Themen/Antworten nicht mehr gestapelt wie Buttons
   - Profil ansehen in Beiträgen als saubere breite Zeile
   ========================================================== */
@media (max-width:900px){

  /* Board-Row bekommt eine klarere Kartenstruktur */
  body .mh-board-row{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body .mh-board-title,
  body .mh-board-title-link{
    grid-column:1 / -1 !important;
  }

  /* Die beiden Count-Felder werden zu einer gemeinsamen, klaren Statistikzeile */
  body .mh-board-row > .mh-board-count{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:40px !important;
    width:100% !important;
    margin:0 !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    background:#f8fbfb !important;
    border:1px solid rgba(13,139,141,.12) !important;
    box-shadow:none !important;
    color:#16314f !important;
    text-align:left !important;
    font-size:1rem !important;
    line-height:1 !important;
    font-weight:600 !important;
  }

  body .mh-board-row > .mh-board-count:nth-of-type(1),
  body .mh-board-row > .mh-board-count:nth-of-type(2){
    grid-column:auto !important;
  }

  /* Auf Mobile stehen die zwei Statistikwerte nebeneinander in einer 2er-Zeile */
  body .mh-board-row > .mh-board-count:nth-of-type(1){
    grid-row:auto !important;
  }

  body .mh-board-row > .mh-board-count:nth-of-type(2){
    grid-row:auto !important;
  }

  body .mh-board-row{
    grid-template-columns:1fr 1fr !important;
  }

  body .mh-board-row > .mh-board-title,
  body .mh-board-row > .mh-board-title-link,
  body .mh-board-row > .mh-board-last{
    grid-column:1 / -1 !important;
  }

  body .mh-board-row > .mh-board-count:nth-of-type(1){
    grid-column:1 / 2 !important;
  }

  body .mh-board-row > .mh-board-count:nth-of-type(2){
    grid-column:2 / 3 !important;
  }

  body .mh-board-row > .mh-board-count::before{
    display:inline-flex !important;
    align-items:center !important;
    margin:0 8px 0 0 !important;
    color:#64748b !important;
    font-size:.78rem !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    text-transform:none !important;
  }

  body .mh-board-row > .mh-board-count:nth-of-type(1)::before{
    content:"Themen" !important;
  }

  body .mh-board-row > .mh-board-count:nth-of-type(2)::before{
    content:"Beiträge" !important;
  }

  /* Zahl rechts stärker, Label links ruhiger */
  body .mh-board-row > .mh-board-count{
    direction:rtl !important;
  }

  body .mh-board-row > .mh-board-count::before{
    direction:ltr !important;
  }

  body .mh-board-row > .mh-board-count{
    unicode-bidi:plaintext !important;
  }

  /* Letzter Beitrag bleibt deutlich getrennt */
  body .mh-board-last{
    margin-top:0 !important;
  }

  body .mh-board-last::before{
    content:"Letzter Beitrag";
    display:block !important;
    margin:0 0 6px !important;
    color:#64748b !important;
    font-size:.76rem !important;
    font-weight:600 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
  }

  /* Profil ansehen in Beiträgen sauber als eigene Zeile */
  body .mh-post-author .forum-profile-link,
  body .forum-profile-link{
    grid-column:1 / -1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:38px !important;
    margin:6px 0 0 !important;
    padding:0 12px !important;
    border-radius:14px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.18) !important;
    color:#0d6f71 !important;
    font-size:.86rem !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    box-shadow:0 8px 18px rgba(15,23,42,.035) !important;
  }

  body .mh-post-author .forum-profile-link::before,
  body .forum-profile-link::before{
    content:"👤";
    display:inline-flex !important;
    margin-right:7px !important;
    font-size:.95rem !important;
    line-height:1 !important;
  }

  body .mh-post-author .forum-profile-link:hover,
  body .forum-profile-link:hover{
    background:#eefafa !important;
    border-color:rgba(13,139,141,.34) !important;
    color:#075f61 !important;
  }

  /* Autor-Fakten nicht mehr mit Profil-Link in eine optische Reihe quetschen */
  body .forum-author-facts{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
    margin:6px 0 0 !important;
  }

  body .forum-author-facts span{
    display:flex !important;
    justify-content:center !important;
    text-align:center !important;
    min-height:32px !important;
    padding:0 8px !important;
    border-radius:13px !important;
  }

  body .mh-author-post-meta{
    margin-top:7px !important;
  }
}

@media (max-width:420px){
  body .mh-board-row{
    grid-template-columns:1fr !important;
  }

  body .mh-board-row > .mh-board-count:nth-of-type(1),
  body .mh-board-row > .mh-board-count:nth-of-type(2){
    grid-column:1 / -1 !important;
  }

  body .forum-author-facts{
    grid-template-columns:1fr !important;
  }
}

/* ===== mh-forum-mobile-stats-row-realfix-css ===== */
/* ==========================================================
   Forum Mobile Stats Row REALFIX
   Die Statistik ist jetzt ein eigener Markup-Block:
   .mh-board-stats-row mit zwei klaren Elementen nebeneinander.
   ========================================================== */

/* Desktop: neue Statistik verhält sich wie die bisherigen zwei Zähl-Spalten */
@media (min-width:901px){
  body .mh-board-stats-row{
    display:contents !important;
  }

  body .mh-board-stat-item{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:100% !important;
    padding:13px 15px !important;
    color:#16314f !important;
    font-weight:800 !important;
    text-align:center !important;
  }

  body .mh-board-stat-item span{
    display:none !important;
  }

  body .mh-board-stat-item strong{
    font-weight:900 !important;
    color:#16314f !important;
  }
}

@media (max-width:900px){
  body .mh-board-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body .mh-board-title,
  body .mh-board-title-link,
  body .mh-board-last{
    grid-column:1 / -1 !important;
  }

  /* Alte Count-Boxen aus vorherigen Versionen ausblenden, falls Browsercache/Altmarkup greift */
  body .mh-board-row > .mh-board-count{
    display:none !important;
  }

  body .mh-board-stats-row{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  body .mh-board-stat-item{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    padding:10px 12px !important;
    border-radius:15px !important;
    background:#f8fbfb !important;
    border:1px solid rgba(13,139,141,.14) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.035) !important;
  }

  body .mh-board-stat-item span{
    display:block !important;
    min-width:0 !important;
    color:#64748b !important;
    font-size:.82rem !important;
    font-weight:500 !important;
    line-height:1 !important;
  }

  body .mh-board-stat-item strong{
    display:block !important;
    color:#0d8b8d !important;
    font-size:1.05rem !important;
    line-height:1 !important;
    font-weight:650 !important;
    text-align:right !important;
  }

  body .mh-board-last{
    margin-top:0 !important;
  }

  body .mh-board-last::before{
    content:"Letzter Beitrag";
    display:block !important;
    margin:0 0 6px !important;
    color:#64748b !important;
    font-size:.76rem !important;
    font-weight:600 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
  }
}

@media (max-width:380px){
  body .mh-board-stats-row{
    grid-template-columns:1fr !important;
  }
}

/* ===== mh-full-mobile-desktop-final-polish-css ===== */
/* ==========================================================
   MoinPanel Full Mobile/Desktop Final Polish
   Ziel: Mobile App-Gefühl, bessere Desktop-Dashboards,
   mobile Tabellen als Karten, sauberere Forms/Buttons,
   Admin/Kunden-Dashboard hochwertiger, Abmelden mobil.
   ========================================================== */

/* Grund-Design: ruhiger, konsistenter */
:root{
  --mh-primary:#0d8b8d;
  --mh-primary-dark:#087678;
  --mh-ink:#16314f;
  --mh-muted:#64748b;
  --mh-soft:#f7fbfb;
  --mh-line:rgba(13,139,141,.14);
}

body .btn,
body a.btn,
body button.btn,
body input[type="submit"].btn,
body input[type="button"].btn{
  border-radius:14px !important;
  min-height:40px !important;
  font-weight:500 !important;
  letter-spacing:.008em !important;
}

body .btn.primary,
body button.btn.primary,
body input[type="submit"].btn.primary{
  background:#0d8b8d !important;
  border-color:#0d8b8d !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(13,139,141,.16) !important;
}

body .btn.primary:hover,
body button.btn.primary:hover,
body input[type="submit"].btn.primary:hover{
  background:#087678 !important;
  border-color:#087678 !important;
}

body .card{
  border:1px solid rgba(13,139,141,.10) !important;
  box-shadow:0 12px 28px rgba(15,23,42,.045) !important;
}

body .pill{
  font-weight:500 !important;
  letter-spacing:.035em !important;
}

body .field label{
  font-weight:500 !important;
  letter-spacing:.006em !important;
  color:#16314f !important;
}

body input,
body select,
body textarea{
  border-radius:14px !important;
  border-color:rgba(13,139,141,.16) !important;
}

body input:focus,
body select:focus,
body textarea:focus{
  border-color:#0d8b8d !important;
  box-shadow:0 0 0 4px rgba(13,139,141,.12) !important;
  outline:none !important;
}

body .section-head{
  align-items:flex-start !important;
  gap:18px !important;
}

body .section-head h2,
body .card h2{
  letter-spacing:-.015em !important;
}

body .kv{
  border-radius:14px !important;
}

/* Desktop Dashboard hochwertiger */
@media (min-width:901px){
  body .ux-dashboard .stats{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:14px !important;
    margin-bottom:18px !important;
  }

  body .ux-dashboard .stat{
    min-height:92px !important;
    display:grid !important;
    align-content:center !important;
    gap:5px !important;
    padding:16px !important;
    border-radius:20px !important;
    background:linear-gradient(180deg,#ffffff 0%,#f9fcfc 100%) !important;
    border:1px solid rgba(13,139,141,.12) !important;
    box-shadow:0 12px 28px rgba(15,23,42,.045) !important;
  }

  body .ux-dashboard .stat strong{
    color:#0d8b8d !important;
    font-size:1.55rem !important;
    font-weight:600 !important;
    letter-spacing:-.025em !important;
  }

  body .ux-dashboard .stat span{
    color:#64748b !important;
    font-size:.84rem !important;
    line-height:1.25 !important;
  }

  body .ux-hero,
  body .premium-hero{
    border-radius:24px !important;
    background:
      radial-gradient(circle at 92% 18%, rgba(13,139,141,.12), transparent 28%),
      linear-gradient(180deg,#ffffff 0%,#f8fcfc 100%) !important;
  }

  body .portal-alert-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  body .portal-alert,
  body .task-item{
    border-radius:18px !important;
    border-color:rgba(13,139,141,.12) !important;
  }

  body .stack-links .btn,
  body .help-choice-list a{
    border-radius:16px !important;
  }
}

/* Mobile: App-artige Hauptseiten */
@media (max-width:900px){
  body .main{
    padding:0 10px 18px !important;
  }

  body .mh-mobile-logout-block{
    display:block !important;
    flex:0 0 auto !important;
    margin:10px 0 8px !important;
    padding:10px 2px 0 !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }

  body .mh-mobile-logout-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:44px !important;
    padding:0 14px !important;
    border-radius:15px !important;
    background:rgba(239,68,68,.14) !important;
    border:1px solid rgba(248,113,113,.32) !important;
    color:#fecaca !important;
    text-decoration:none !important;
    font-weight:600 !important;
    letter-spacing:.01em !important;
  }

  body .mh-mobile-logout-btn::before{
    content:"↪";
    margin-right:8px !important;
    font-size:1rem !important;
  }

  body .mh-mobile-logout-btn:hover{
    background:rgba(239,68,68,.22) !important;
    color:#fff !important;
  }

  body .grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body .grid > *,
  body .grid > .card,
  body .ux-dashboard .grid > .card{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
  }

  body .card{
    padding:17px !important;
    border-radius:19px !important;
    overflow:hidden !important;
  }

  body .ux-dashboard .stats{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:0 0 14px !important;
  }

  body .ux-dashboard .stat{
    min-height:76px !important;
    display:grid !important;
    align-content:center !important;
    gap:4px !important;
    padding:13px !important;
    border-radius:17px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.12) !important;
    box-shadow:0 9px 20px rgba(15,23,42,.04) !important;
  }

  body .ux-dashboard .stat strong{
    color:#0d8b8d !important;
    font-size:1.28rem !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:-.02em !important;
  }

  body .ux-dashboard .stat span{
    color:#64748b !important;
    font-size:.78rem !important;
    line-height:1.25 !important;
  }

  body .ux-hero,
  body .premium-hero,
  body .portal-focus-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:18px !important;
    border-radius:20px !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fcfc 100%) !important;
  }

  body .ux-hero h2,
  body .premium-hero h2,
  body .card h2{
    font-size:1.28rem !important;
    line-height:1.18 !important;
    margin:.25rem 0 .35rem !important;
  }

  body .ux-hero p,
  body .premium-hero p,
  body .card p,
  body .muted{
    font-size:.94rem !important;
    line-height:1.5 !important;
  }

  body .actions-row,
  body .form-actions,
  body .button-row,
  body .page-actions,
  body .top-actions,
  body .toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    width:100% !important;
  }

  body .actions-row .btn,
  body .actions-row button,
  body .form-actions .btn,
  body .form-actions button,
  body .button-row .btn,
  body .button-row button,
  body .page-actions .btn,
  body .top-actions .btn,
  body .toolbar .btn{
    width:100% !important;
    justify-content:center !important;
    margin:0 !important;
  }

  body .form-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:13px !important;
  }

  body .form-grid .field,
  body .form-grid .field.full,
  body .form-grid .wide{
    grid-column:1 / -1 !important;
    min-width:0 !important;
  }

  body .field input,
  body .field select,
  body .field textarea{
    width:100% !important;
    min-width:0 !important;
    font-size:16px !important;
  }

  body .portal-alert-grid,
  body .task-list,
  body .onboarding-steps{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body .portal-alert,
  body .task-item,
  body .help-choice-list a{
    border-radius:17px !important;
    padding:14px !important;
  }

  /* Mobile Tabellen als Karten – generisch für Admin/Kundenbereiche */
  body table.table,
  body .table{
    display:block !important;
    width:100% !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  body table.table thead,
  body .table thead{
    display:none !important;
  }

  body table.table tbody,
  body .table tbody{
    display:grid !important;
    gap:10px !important;
    width:100% !important;
  }

  body table.table tr,
  body .table tr{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    padding:13px !important;
    border-radius:17px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.12) !important;
    box-shadow:0 9px 20px rgba(15,23,42,.04) !important;
  }

  body table.table td,
  body .table td{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;
    width:100% !important;
    padding:0 !important;
    border:0 !important;
    color:#16314f !important;
    white-space:normal !important;
    word-break:break-word !important;
  }

  body table.table td::before,
  body .table td::before{
    content:attr(data-label);
    flex:0 0 38% !important;
    max-width:38% !important;
    color:#64748b !important;
    font-size:.78rem !important;
    font-weight:500 !important;
  }

  body table.table td:not([data-label])::before,
  body .table td:not([data-label])::before{
    content:"";
    display:none !important;
  }

  body table.table td .btn,
  body .table td .btn{
    width:auto !important;
  }

  /* Fallback für Tabellen ohne data-label: sauberer Scroll statt kaputter Karten */
  body table:not(.table){
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body .kv{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:5px !important;
    padding:12px 0 !important;
  }

  body .kv strong{
    text-align:left !important;
  }
}

@media (max-width:520px){
  body .ux-dashboard .stats{
    grid-template-columns:1fr 1fr !important;
  }

  body .card{
    padding:16px !important;
  }

  body .pill{
    white-space:normal !important;
  }
}

@media (min-width:901px){
  body .mh-mobile-logout-block{
    display:none !important;
  }
}

/* ===== mh-forum-mobile-post-focus-fix-css ===== */
/* ==========================================================
   Forum Mobile Post Focus Fix
   Weniger Platz für Avatar/Meta/Buttons, mehr Fokus auf Beitrag.
   Außerdem: Leerzeichen zwischen Beitragszahl und "Beiträge".
   ========================================================== */
@media (max-width:900px){

  /* Beitrag selbst stärker hervorheben */
  body .mh-post,
  body .mh-post-premium,
  body .forum-post{
    margin:0 0 12px !important;
    border-radius:18px !important;
  }

  /* Autorbereich deutlich kompakter */
  body .mh-post-author,
  body .forum-post aside{
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:4px 9px !important;
    padding:10px 11px !important;
    min-height:0 !important;
    background:#f8fbfb !important;
    border-bottom:1px solid rgba(13,139,141,.10) !important;
  }

  body .mh-author-avatar{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:12px !important;
  }

  body .mh-post-author > strong{
    grid-column:2 !important;
    grid-row:1 !important;
    font-size:.94rem !important;
    line-height:1.16 !important;
    font-weight:600 !important;
    margin:0 !important;
  }

  body .mh-post-author > small{
    grid-column:2 !important;
    grid-row:2 !important;
    font-size:.76rem !important;
    line-height:1.15 !important;
    color:#64748b !important;
    margin:0 !important;
  }

  body .forum-rank{
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    align-self:center !important;
    min-height:24px !important;
    padding:0 8px !important;
    font-size:.68rem !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  /* Beitragsanzahl kompakt und mit sichtbarem Abstand */
  body .forum-author-facts{
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    width:100% !important;
    margin:6px 0 0 !important;
  }

  body .forum-author-facts span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:auto !important;
    min-height:26px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.10) !important;
    color:#64748b !important;
    font-size:.74rem !important;
    line-height:1 !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  body .forum-author-facts span b{
    display:inline-block !important;
    margin-right:4px !important;
    color:#16314f !important;
    font-weight:600 !important;
  }

  /* "Dabei seit" nimmt mobil zu viel Platz weg */
  body .forum-author-facts span:nth-child(2){
    display:none !important;
  }

  /* Profil-Link kompakt statt riesiger Button */
  body .mh-post-author .forum-profile-link,
  body .forum-profile-link{
    grid-column:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-height:26px !important;
    margin:0 !important;
    padding:0 8px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.12) !important;
    color:#0d6f71 !important;
    font-size:.74rem !important;
    font-weight:500 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    white-space:nowrap !important;
  }

  body .mh-post-author .forum-profile-link::before,
  body .forum-profile-link::before{
    content:"👤" !important;
    margin-right:4px !important;
    font-size:.8rem !important;
  }

  /* Erstellungs-/Team-Meta nur noch klein und unaufdringlich */
  body .mh-author-post-meta{
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    margin:5px 0 0 !important;
  }

  body .mh-author-post-meta em,
  body .mh-official-badge{
    min-height:24px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    font-size:.72rem !important;
    line-height:1 !important;
  }

  /* Toolbar/Buttons kompakter; eigentlicher Beitrag kommt schneller */
  body .mh-post-content{
    padding:12px !important;
  }

  body .mh-post-toolbar,
  body .mh-post-toolbar-positionfix{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin:0 0 8px !important;
    padding:0 0 8px !important;
    border-bottom:1px solid rgba(13,139,141,.08) !important;
  }

  body .mh-post-toolbar > span,
  body .mh-post-toolbar-label{
    flex:0 0 auto !important;
    min-height:24px !important;
    padding:0 8px !important;
    font-size:.72rem !important;
    white-space:nowrap !important;
  }

  body .forum-post-tools,
  body .forum-post-tools-positionfix{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    width:auto !important;
    max-width:72% !important;
    overflow-x:auto !important;
    padding-bottom:1px !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body .forum-post-tools .btn,
  body .forum-post-tools button,
  body .forum-post-tools a{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:auto !important;
    min-height:30px !important;
    height:30px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    font-size:.72rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body .forum-post-tools form{
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 !important;
  }

  body .forum-post-tools a[href^="#"]{
    min-width:34px !important;
    padding:0 7px !important;
  }

  /* Beitragstext visuell klar als Hauptbereich */
  body .mh-post-body{
    margin-top:2px !important;
    padding:14px !important;
    border-radius:16px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.08) !important;
    color:#213247 !important;
    font-size:1rem !important;
    line-height:1.72 !important;
  }

  body .mh-post-body > *:first-child{
    margin-top:0 !important;
  }

  body .mh-post-body > *:last-child{
    margin-bottom:0 !important;
  }

  /* Untere Aktionsbereiche einklappen/kompakter darstellen */
  body .forum-post-bottom-actions.clean,
  body .forum-post-bottom-actions{
    margin:10px 0 0 !important;
    padding-top:10px !important;
    gap:8px !important;
  }

  body .forum-bottom-reactions form,
  body .forum-bottom-admin,
  body .mh-inline-mod{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }

  body .forum-bottom-reactions .btn,
  body .forum-bottom-admin .btn,
  body .forum-bottom-admin button,
  body .mh-inline-mod .btn,
  body .mh-inline-mod button{
    width:auto !important;
    min-height:30px !important;
    height:30px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    font-size:.72rem !important;
    white-space:nowrap !important;
  }

  body .forum-admin-edit{
    width:auto !important;
  }

  body .forum-admin-edit summary{
    width:auto !important;
  }

  /* Anhänge/Signatur weniger dominant */
  body .forum-attachments,
  body .forum-signature{
    margin-top:10px !important;
    padding:10px !important;
    border-radius:14px !important;
  }
}

@media (max-width:430px){
  body .mh-post-author,
  body .forum-post aside{
    grid-template-columns:34px minmax(0,1fr) !important;
  }

  body .forum-rank{
    grid-column:2 !important;
    grid-row:3 !important;
    justify-self:start !important;
  }

  body .forum-post-tools,
  body .forum-post-tools-positionfix{
    max-width:100% !important;
  }

  body .mh-post-toolbar,
  body .mh-post-toolbar-positionfix{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  body .forum-post-tools,
  body .forum-post-tools-positionfix{
    justify-content:flex-start !important;
  }

  body .mh-post-body{
    padding:12px !important;
  }
}

/* ===== mh-forum-mobile-post-highlight-css ===== */
/* ==========================================================
   Forum Mobile Post Highlight
   Der eigentliche Beitrag wird mobil noch stärker als Lesebereich
   hervorgehoben. Meta, Autor und Buttons treten optisch zurück.
   ========================================================== */
@media (max-width:900px){

  /* Ganze Beitragskarte etwas ruhiger */
  body .mh-post,
  body .mh-post-premium,
  body .forum-post{
    background:#f8fbfb !important;
    border-color:rgba(13,139,141,.16) !important;
    box-shadow:0 14px 32px rgba(15,23,42,.065) !important;
  }

  /* Autor/Meta noch weniger dominant */
  body .mh-post-author,
  body .forum-post aside{
    background:#f3f8f8 !important;
    border-bottom:1px solid rgba(13,139,141,.10) !important;
  }

  body .forum-author-facts,
  body .mh-author-post-meta,
  body .forum-post-tools,
  body .forum-post-tools-positionfix{
    opacity:.82 !important;
  }

  body .mh-post-content{
    background:#f8fbfb !important;
    padding:11px !important;
  }

  /* Hauptbeitrag als deutlich erkennbare Lesefläche */
  body .mh-post-body{
    position:relative !important;
    display:block !important;
    margin:0 !important;
    padding:42px 16px 17px 18px !important;
    border-radius:18px !important;
    background:#ffffff !important;
    border:1px solid rgba(13,139,141,.18) !important;
    border-left:5px solid #0d8b8d !important;
    box-shadow:
      0 14px 30px rgba(15,23,42,.075),
      inset 0 1px 0 rgba(255,255,255,.9) !important;
    color:#17293f !important;
    font-size:1.02rem !important;
    line-height:1.76 !important;
  }

  body .mh-post.team .mh-post-body,
  body .mh-post-premium.team .mh-post-body{
    border-left-color:#ed9b27 !important;
    background:linear-gradient(180deg,#ffffff 0%,#fffdf8 100%) !important;
  }

  /* Deutliches, aber edles Label über dem Inhalt */
  body .mh-post-body::before{
    content:"Beitrag";
    position:absolute !important;
    top:11px !important;
    left:14px !important;
    display:inline-flex !important;
    align-items:center !important;
    min-height:22px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    background:#e9fbfb !important;
    color:#0d6f71 !important;
    font-size:.72rem !important;
    font-weight:650 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
  }

  body .mh-post.team .mh-post-body::before,
  body .mh-post-premium.team .mh-post-body::before{
    content:"Team-Beitrag";
    background:#fff4df !important;
    color:#9a5f00 !important;
  }

  /* Text innerhalb des Beitrags angenehmer lesbar */
  body .mh-post-body p{
    margin:0 0 13px !important;
  }

  body .mh-post-body p:last-child{
    margin-bottom:0 !important;
  }

  body .mh-post-body a{
    color:#0d6f71 !important;
    font-weight:500 !important;
    text-decoration:underline !important;
    text-underline-offset:3px !important;
  }

  body .mh-post-body blockquote,
  body .mh-post-body .forum-quote{
    margin:12px 0 !important;
    padding:12px 13px !important;
    border-radius:15px !important;
    background:#f3f8f8 !important;
    border-left:4px solid rgba(13,139,141,.38) !important;
    color:#334155 !important;
  }

  body .mh-post-body pre,
  body .mh-post-body code{
    background:#f8fafc !important;
    border-radius:12px !important;
  }

  body .mh-post-body pre{
    padding:12px !important;
    border:1px solid rgba(13,139,141,.10) !important;
  }

  /* Toolbar bleibt vorhanden, aber Beitrag steht optisch darunter im Fokus */
  body .mh-post-toolbar,
  body .mh-post-toolbar-positionfix{
    margin-bottom:9px !important;
    border-bottom:0 !important;
    padding-bottom:0 !important;
  }

  body .mh-post-toolbar > span,
  body .mh-post-toolbar-label{
    background:transparent !important;
    color:#64748b !important;
    padding-left:0 !important;
  }

  /* Anhänge/Signatur klar nachgelagert */
  body .forum-attachments,
  body .forum-signature{
    background:#ffffff !important;
    border-color:rgba(13,139,141,.10) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.035) !important;
  }

  body .forum-post-bottom-actions.clean,
  body .forum-post-bottom-actions{
    background:transparent !important;
  }
}

@media (max-width:430px){
  body .mh-post-body{
    padding:40px 14px 15px 15px !important;
    font-size:1rem !important;
    line-height:1.72 !important;
    border-left-width:4px !important;
  }

  body .mh-post-body::before{
    top:10px !important;
    left:12px !important;
  }
}

/* ===== mh-forum-mobile-post-content-tint-css ===== */
/* ==========================================================
   Forum Mobile Post Content Tint
   Nur der geschriebene Beitragstext bekommt mobil eine dezente
   farbliche Fläche im Hintergrund.
   ========================================================== */
@media (max-width:900px){

  /* Der eigentliche Textbereich bekommt eine dezente Corporate-Tönung */
  body .mh-post-body{
    background:
      linear-gradient(180deg, rgba(233,251,251,.92) 0%, rgba(255,255,255,.98) 100%) !important;
    border:1px solid rgba(13,139,141,.22) !important;
    border-left:5px solid #0d8b8d !important;
    box-shadow:
      0 12px 26px rgba(13,139,141,.075),
      inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  /* Die Textfläche wirkt wie eine ruhige Lesebox */
  body .mh-post-body::after{
    content:"";
    position:absolute !important;
    inset:35px 10px 10px 10px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.42) !important;
    pointer-events:none !important;
    z-index:0 !important;
  }

  body .mh-post-body > *{
    position:relative !important;
    z-index:1 !important;
  }

  body .mh-post-body::before{
    z-index:2 !important;
  }

  /* Team-Beiträge bekommen eine sehr dezente warme Tönung passend zum Logo-Akzent */
  body .mh-post.team .mh-post-body,
  body .mh-post-premium.team .mh-post-body{
    background:
      linear-gradient(180deg, rgba(255,246,229,.94) 0%, rgba(255,255,255,.98) 100%) !important;
    border-color:rgba(237,155,39,.24) !important;
    border-left-color:#ed9b27 !important;
    box-shadow:
      0 12px 26px rgba(237,155,39,.075),
      inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  body .mh-post.team .mh-post-body::after,
  body .mh-post-premium.team .mh-post-body::after{
    background:rgba(255,255,255,.46) !important;
  }

  /* Absätze bekommen etwas Luft, damit der Text auf der farbigen Fläche hochwertiger wirkt */
  body .mh-post-body p{
    margin-bottom:14px !important;
  }

  body .mh-post-body p:last-child{
    margin-bottom:0 !important;
  }

  /* Listen im Beitrag ebenfalls sauber auf der Lesefläche */
  body .mh-post-body ul,
  body .mh-post-body ol{
    margin-top:8px !important;
    margin-bottom:14px !important;
    padding-left:1.25rem !important;
  }

  body .mh-post-body li{
    margin-bottom:6px !important;
  }
}

@media (max-width:430px){
  body .mh-post-body::after{
    inset:34px 8px 8px 8px !important;
  }
}

/* ===== mh-moinboard-avatar-upgrade-css ===== */
/* ==========================================================
   MoinBoard footer + professional avatar system
   ========================================================== */

/* MoinBoard-Branding nur auf Forum-Seiten im Footer */
body .moinboard-wordmark{
  display:inline-flex !important;
  align-items:center !important;
  padding:2px 8px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#0d8b8d,#0b6377) !important;
  color:#fff !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  box-shadow:0 6px 14px rgba(13,139,141,.18) !important;
}

/* Professionelle, ruhige Standard-Avatare */
body .mh-author-avatar{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:50% !important;
  background:#e7eef7 !important;
  border:3px solid rgba(255,255,255,.94) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.12) !important;
  color:#fff !important;
  font-size:0 !important;
  line-height:1 !important;
}

/* Alte generierte Bild-Avatare werden bewusst übersteuert */
body .mh-author-avatar::before,
body .mh-author-avatar::after{
  content:none !important;
  display:none !important;
}

body .mh-author-avatar.mh-avatar-default{
  background:linear-gradient(145deg,#0d8b8d 0%,#0b6377 100%) !important;
}

body .mh-author-avatar.avatar-tone-blue{
  background:linear-gradient(145deg,#2563eb 0%,#1e3a8a 100%) !important;
}
body .mh-author-avatar.avatar-tone-indigo{
  background:linear-gradient(145deg,#6366f1 0%,#3730a3 100%) !important;
}
body .mh-author-avatar.avatar-tone-slate{
  background:linear-gradient(145deg,#475569 0%,#1e293b 100%) !important;
}
body .mh-author-avatar.avatar-tone-teal{
  background:linear-gradient(145deg,#0f766e 0%,#115e59 100%) !important;
}
body .mh-author-avatar.avatar-tone-violet{
  background:linear-gradient(145deg,#7c3aed 0%,#4c1d95 100%) !important;
}
body .mh-author-avatar.avatar-tone-cyan{
  background:linear-gradient(145deg,#0d8b8d 0%,#0b6377 100%) !important;
}

body .mh-author-avatar.mh-avatar-team.mh-avatar-default{
  background:linear-gradient(145deg,#173a5e 0%,#0d8b8d 100%) !important;
  box-shadow:0 8px 18px rgba(13,139,141,.22) !important;
}

body .forum-avatar-initials{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  color:#fff !important;
  font-family:"Montserrat","Inter","Segoe UI",Arial,sans-serif !important;
  font-size:1.02rem !important;
  font-weight:650 !important;
  letter-spacing:.02em !important;
  line-height:1 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.13) !important;
}

body .mh-author-avatar.mh-avatar-team .forum-avatar-initials{
  font-size:.88rem !important;
  letter-spacing:.08em !important;
}

body .mh-author-avatar.mh-avatar-custom{
  padding:3px !important;
  background:#fff !important;
  border-color:#fff !important;
}

body .mh-author-avatar .forum-avatar-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:50% !important;
}

/* Profil-Uploadbereich */
body .forum-avatar-upload-field{
  padding:14px !important;
  border:1px solid rgba(13,139,141,.14) !important;
  border-radius:16px !important;
  background:#f7fbfb !important;
}

body .forum-avatar-upload-field input[type="file"]{
  width:100% !important;
  max-width:100% !important;
  padding:9px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px dashed rgba(13,139,141,.24) !important;
}

body .forum-avatar-remove-option{
  display:flex !important;
  align-items:flex-start !important;
  gap:8px !important;
  margin:10px 0 0 !important;
  color:#64748b !important;
  font-size:.88rem !important;
  line-height:1.4 !important;
}

body .forum-avatar-remove-option input{
  width:auto !important;
  min-height:auto !important;
  margin-top:2px !important;
}

/* Avatar-Vorschau im Profil */
body .forum-profile-preview .mh-author-avatar{
  width:78px !important;
  height:78px !important;
  min-width:78px !important;
  margin:0 auto 12px !important;
}

@media(max-width:900px){
  body .forum-profile-preview .mh-author-avatar{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
  }

  body .mh-post-author .mh-author-avatar{
    border-width:2px !important;
    box-shadow:0 5px 12px rgba(15,23,42,.11) !important;
  }

  body .forum-avatar-initials{
    font-size:.82rem !important;
  }

  body .moinboard-wordmark{
    padding:2px 7px !important;
  }
}

/* ===== mh-moinboard-minimal-wordmark-css ===== */
/* ==========================================================
   MoinBoard – minimalistischer Footer-Schriftzug
   ========================================================== */
body .moinboard-wordmark{
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#0d8b8d !important;
  font-family:"Montserrat","Inter","Segoe UI",Arial,sans-serif !important;
  font-size:inherit !important;
  font-weight:600 !important;
  letter-spacing:.005em !important;
  line-height:inherit !important;
}

body .moinboard-wordmark::before,
body .moinboard-wordmark::after{
  content:none !important;
  display:none !important;
}

body .portal-copyright .moinboard-wordmark{
  text-decoration:none !important;
}

/* ===== mh-mail-logs-datetime-oneline-css ===== */
/* Mail-Logs: kompakte Datum-/Zeitdarstellung in einer Zeile */
body .mail-log-table{
  table-layout:auto !important;
}
body .mail-log-table th:first-child,
body .mail-log-table td.mail-log-time-cell{
  width:170px !important;
  min-width:170px !important;
  white-space:nowrap !important;
}
body .mail-log-time-cell{
  vertical-align:middle !important;
}
body .mh-mail-log-time{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  min-height:30px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  background:#f3f8f8 !important;
  border:1px solid rgba(13,139,141,.12) !important;
  color:#16314f !important;
  font-family:"Montserrat","Inter","Segoe UI",Arial,sans-serif !important;
  font-size:.82rem !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}
body .mh-mail-log-time span{
  color:#0d8b8d !important;
  font-weight:600 !important;
}
@media(max-width:900px){
  body .mail-log-table td.mail-log-time-cell{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-width:0 !important;
    white-space:normal !important;
  }
  body .mail-log-table td.mail-log-time-cell::before{
    content:attr(data-label) !important;
  }
  body .mh-mail-log-time{
    flex:0 0 auto !important;
    max-width:62% !important;
  }
}

/* ===== mh-teamcalendar-calm-header-css ===== */
/* ==========================================================
   Teamkalender – ruhiger Kopfbereich & klare Monatsnavigation
   ========================================================== */

/* Der alte große Dekor-Kreis und die Akzentlinie wirken im Header unruhig */
body .teamcal-hero-calm::before,
body .teamcal-hero-calm::after{
  content:none !important;
  display:none !important;
}

body .teamcal-hero-calm{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:28px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:24px 28px !important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fcfc 100%) !important;
  border:1px solid rgba(13,139,141,.13) !important;
  border-radius:22px !important;
  box-shadow:0 12px 26px rgba(15,23,42,.045) !important;
  overflow:visible !important;
}

body .teamcal-hero-calm > .teamcal-hero-copy{
  position:static !important;
  z-index:auto !important;
  min-width:0 !important;
  max-width:760px !important;
}

body .teamcal-hero-calm .pill{
  display:inline-flex !important;
  align-items:center !important;
  min-height:27px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#e9fbfb !important;
  color:#0d6f71 !important;
  border:1px solid rgba(13,139,141,.16) !important;
  box-shadow:none !important;
  font-size:.74rem !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

body .teamcal-hero-calm h2{
  margin:9px 0 7px !important;
  color:#16314f !important;
  font-size:2rem !important;
  line-height:1.12 !important;
  letter-spacing:-.03em !important;
  font-weight:600 !important;
}

body .teamcal-hero-calm .muted{
  max-width:700px !important;
  margin:0 !important;
  color:#64748b !important;
  font-size:.96rem !important;
  line-height:1.5 !important;
}

body .teamcal-hero-calm .teamcal-hero-stats{
  position:static !important;
  z-index:auto !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(82px,1fr)) !important;
  gap:9px !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}

body .teamcal-hero-calm .teamcal-hero-stats > span{
  display:grid !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  justify-items:center !important;
  gap:4px !important;
  min-width:92px !important;
  min-height:66px !important;
  margin:0 !important;
  padding:10px 12px !important;
  border-radius:16px !important;
  background:#ffffff !important;
  border:1px solid rgba(13,139,141,.12) !important;
  box-shadow:none !important;
  color:#64748b !important;
  line-height:1 !important;
}

body .teamcal-hero-calm .teamcal-hero-stats strong{
  display:block !important;
  color:#0d8b8d !important;
  font-size:1.2rem !important;
  font-weight:600 !important;
  line-height:1 !important;
}

body .teamcal-hero-calm .teamcal-hero-stats small{
  display:block !important;
  color:#64748b !important;
  font-size:.74rem !important;
  font-weight:500 !important;
  line-height:1 !important;
}

/* Navigation ist bewusst eine separate, klare Leiste */
body .teamcal-nav-calm{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:14px !important;
  width:100% !important;
  min-height:74px !important;
  margin:14px 0 18px !important;
  padding:12px 14px !important;
  border-radius:20px !important;
  background:#ffffff !important;
  border:1px solid rgba(13,139,141,.13) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.045) !important;
}

body .teamcal-nav-calm .teamcal-nav-side{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  min-width:0 !important;
}

body .teamcal-nav-calm .teamcal-nav-prev{
  justify-content:flex-start !important;
}

body .teamcal-nav-calm .teamcal-nav-next{
  justify-content:flex-end !important;
}

body .teamcal-nav-calm .teamcal-nav-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:112px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 16px !important;
  border-radius:14px !important;
  background:#ffffff !important;
  border:1px solid rgba(13,139,141,.20) !important;
  color:#0d6f71 !important;
  box-shadow:none !important;
  font-weight:500 !important;
  text-decoration:none !important;
}

body .teamcal-nav-calm .teamcal-nav-btn:hover{
  background:#eefafa !important;
  border-color:rgba(13,139,141,.34) !important;
  color:#075f61 !important;
  box-shadow:none !important;
  transform:none !important;
}

body .teamcal-nav-calm .teamcal-nav-today{
  background:#0d8b8d !important;
  border-color:#0d8b8d !important;
  color:#ffffff !important;
}

body .teamcal-nav-calm .teamcal-nav-today:hover{
  background:#087678 !important;
  border-color:#087678 !important;
  color:#ffffff !important;
}

body .teamcal-nav-calm .teamcal-month-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  justify-self:center !important;
  width:auto !important;
  min-width:174px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 17px !important;
  border-radius:14px !important;
  background:#f7fbfb !important;
  border:1px solid rgba(13,139,141,.14) !important;
  box-shadow:none !important;
  color:#16314f !important;
  font-size:.95rem !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-align:center !important;
}

/* Responsiv, ohne dass die Navigation chaotisch wird */
@media(max-width:900px){
  body .teamcal-hero-calm{
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:18px !important;
    border-radius:19px !important;
  }

  body .teamcal-hero-calm h2{
    font-size:1.55rem !important;
  }

  body .teamcal-hero-calm .teamcal-hero-stats{
    width:100% !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body .teamcal-hero-calm .teamcal-hero-stats > span{
    min-width:0 !important;
    min-height:60px !important;
    padding:9px 7px !important;
  }

  body .teamcal-nav-calm{
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
    min-height:0 !important;
    margin:12px 0 15px !important;
    padding:10px !important;
    border-radius:18px !important;
  }

  body .teamcal-nav-calm .teamcal-month-badge{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
  }

  body .teamcal-nav-calm .teamcal-nav-prev{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  body .teamcal-nav-calm .teamcal-nav-next{
    grid-column:2 !important;
    grid-row:2 !important;
    justify-content:flex-end !important;
  }

  body .teamcal-nav-calm .teamcal-nav-side{
    gap:7px !important;
  }

  body .teamcal-nav-calm .teamcal-nav-btn{
    min-width:0 !important;
    width:100% !important;
    padding:0 10px !important;
    font-size:.84rem !important;
  }

  body .teamcal-nav-calm .teamcal-nav-next .teamcal-nav-btn{
    flex:1 1 0 !important;
  }
}

@media(max-width:520px){
  body .teamcal-hero-calm .teamcal-hero-stats strong{
    font-size:1.05rem !important;
  }

  body .teamcal-hero-calm .teamcal-hero-stats small{
    font-size:.70rem !important;
  }

  body .teamcal-nav-calm{
    grid-template-columns:1fr !important;
  }

  body .teamcal-nav-calm .teamcal-nav-prev,
  body .teamcal-nav-calm .teamcal-nav-next{
    grid-column:1 !important;
  }

  body .teamcal-nav-calm .teamcal-nav-prev{
    grid-row:2 !important;
  }

  body .teamcal-nav-calm .teamcal-nav-next{
    grid-row:3 !important;
  }
}

/* ===== mh-mail-logs-recipient-oneline-css ===== */
/* Mail-Logs: Empfänger-Adresse einzeilig und sauber gekürzt */
body .mail-log-table th:nth-child(2),
body .mail-log-table td.mail-log-recipient-cell{
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
}

body .mail-log-table td.mail-log-recipient-cell{
  vertical-align:middle !important;
}

body .mh-mail-recipient{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  line-height:1.35 !important;
}

@media(max-width:1100px){
  body .mail-log-table th:nth-child(2),
  body .mail-log-table td.mail-log-recipient-cell{
    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;
  }
}

@media(max-width:900px){
  body .mail-log-table td.mail-log-recipient-cell{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }
  body .mh-mail-recipient{
    max-width:100% !important;
  }
}

/* ===== mh-mail-logs-subject-oneline-css ===== */
/* Mail-Logs: Betreff einzeilig und sauber gekürzt */
body .mail-log-table th:nth-child(3),
body .mail-log-table td.mail-log-subject-cell{
  width:300px !important;
  min-width:300px !important;
  max-width:300px !important;
}

body .mail-log-table td.mail-log-subject-cell{
  vertical-align:middle !important;
}

body .mh-mail-subject{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  line-height:1.35 !important;
}

@media(max-width:1250px){
  body .mail-log-table th:nth-child(3),
  body .mail-log-table td.mail-log-subject-cell{
    width:240px !important;
    min-width:240px !important;
    max-width:240px !important;
  }
}

@media(max-width:900px){
  body .mail-log-table td.mail-log-subject-cell{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }

  body .mh-mail-subject{
    max-width:100% !important;
  }
}

/* ===== mh-mail-logs-subject-two-lines-css ===== */
/* ==========================================================
   Mail-Logs: vollständiger Betreff in zwei sauberen Zeilen
   ========================================================== */
body .mail-log-table th:nth-child(3),
body .mail-log-table td.mail-log-subject-cell{
  width:310px !important;
  min-width:310px !important;
  max-width:310px !important;
}

body .mail-log-table td.mail-log-subject-cell{
  vertical-align:middle !important;
}

body .mh-mail-subject{
  display:grid !important;
  grid-template-rows:auto auto !important;
  gap:4px !important;
  width:100% !important;
  max-width:100% !important;
  color:#16314f !important;
  line-height:1.28 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}

body .mh-mail-subject-line{
  display:block !important;
  min-width:0 !important;
  font-size:.91rem !important;
  font-weight:500 !important;
  line-height:1.28 !important;
}

body .mh-mail-subject-line.secondary{
  color:#64748b !important;
  font-size:.84rem !important;
  font-weight:500 !important;
}

@media(max-width:1250px){
  body .mail-log-table th:nth-child(3),
  body .mail-log-table td.mail-log-subject-cell{
    width:270px !important;
    min-width:270px !important;
    max-width:270px !important;
  }
}

@media(max-width:900px){
  body .mail-log-table td.mail-log-subject-cell{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }
}

/* ===== mh-moin-roles-css ===== */
/* ==========================================================
   Moin-Rollen: klare Darstellung der neuen Rollenstruktur
   ========================================================== */
body .moin-role-migration-notice{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:14px 17px !important;
  border-radius:18px !important;
  background:#eefafa !important;
  border:1px solid rgba(13,139,141,.18) !important;
  color:#0d6f71 !important;
}

body .moin-role-migration-notice strong{
  color:#075f61 !important;
  font-weight:600 !important;
}

body .moin-role-blueprint-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}

body .moin-role-blueprint-grid > div{
  display:grid !important;
  gap:5px !important;
  min-height:82px !important;
  padding:14px !important;
  border-radius:17px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fcfc 100%) !important;
  border:1px solid rgba(13,139,141,.12) !important;
}

body .moin-role-blueprint-grid strong{
  color:#16314f !important;
  font-weight:600 !important;
}

body .moin-role-blueprint-grid span{
  color:#64748b !important;
  font-size:.84rem !important;
  line-height:1.35 !important;
}

@media(max-width:900px){
  body .moin-role-blueprint-grid{
    grid-template-columns:1fr 1fr !important;
  }
  body .moin-role-migration-notice{
    display:grid !important;
  }
}

@media(max-width:520px){
  body .moin-role-blueprint-grid{
    grid-template-columns:1fr !important;
  }
}

/* ===== mh-fair-role-access-css ===== */
/* Faire Rechteverteilung: Dashboard und Navigation zeigen nur freigegebene Bereiche. */
body .role-aware-dashboard .task-list{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
}
@media(max-width:900px){
  body .role-aware-dashboard .stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}


/* ===== Elektronische Widerrufsfunktion ===== */
.withdrawal-quick-action{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:8500;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:#16314f;
  color:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.22);
  font-size:.86rem;
  font-weight:700;
  line-height:1;
  text-decoration:none;
}
.withdrawal-quick-action:hover,
.withdrawal-quick-action:focus-visible{
  background:#0d8b8d;
  color:#fff;
  transform:translateY(-1px);
}
.withdrawal-footer-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(13,139,141,.38);
  border-radius:999px;
  color:#0d6f71 !important;
  font-size:.82rem;
  font-weight:700;
  text-decoration:none;
}
.withdrawal-footer-action:hover,
.withdrawal-footer-action:focus-visible{
  background:#e9f8f8;
  color:#075f61 !important;
}
.withdrawal-page{
  width:min(100%,860px);
  margin:0 auto;
  padding:12px 0 28px;
}
.withdrawal-hero,
.withdrawal-form-card,
.withdrawal-confirmation,
.withdrawal-success{
  margin-bottom:16px;
}
.withdrawal-hero h1{
  margin:8px 0 10px;
  font-size:clamp(1.6rem,3vw,2.35rem);
}
.withdrawal-hero p{
  max-width:680px;
  margin:0;
  color:#64748b;
  line-height:1.65;
}
.withdrawal-form-card .section-head,
.withdrawal-confirmation .section-head{
  margin-bottom:18px;
}
.withdrawal-note{
  padding:12px 14px;
  border-left:3px solid #0d8b8d;
  border-radius:0 12px 12px 0;
  background:#f2fbfb;
  color:#496175;
}
.withdrawal-note p{margin:0;line-height:1.55}
.withdrawal-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 20px;
}
.withdrawal-summary > div{
  padding:14px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
  background:#fbfdff;
}
.withdrawal-summary dt{
  margin-bottom:5px;
  color:#64748b;
  font-size:.78rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.withdrawal-summary dd{
  margin:0;
  color:#16314f;
  font-weight:600;
  overflow-wrap:anywhere;
}
.withdrawal-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.withdrawal-confirm-button{
  min-height:44px;
}
.withdrawal-success{
  border-color:rgba(16,185,129,.28);
}
.withdrawal-admin-actions{
  align-items:center;
  margin-bottom:7px;
}
.withdrawal-admin-actions select{
  max-width:180px;
}
.withdrawal-admin-table td{
  vertical-align:top;
}
@media(max-width:900px){
  .withdrawal-quick-action{
    right:12px;
    bottom:12px;
    min-height:40px;
    padding:0 13px;
    font-size:.8rem;
  }
  .withdrawal-summary{
    grid-template-columns:1fr;
  }
  .withdrawal-actions{
    justify-content:stretch;
  }
  .withdrawal-actions .btn{
    flex:1 1 180px;
  }
}


/* ===== Widerrufsseite: Hero- und Portal-Layout ===== */
.withdrawal-page-premium{
  width:min(100%,1040px);
  margin:0 auto;
  padding:8px 0 34px;
  box-sizing:border-box;
}
.withdrawal-hero-premium{
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:32px;
  align-items:center;
  box-sizing:border-box;
  margin:0 0 20px;
  padding:31px 32px;
  border:0;
  border-radius:24px;
  background:linear-gradient(135deg,#10233d 0%,#0d8b8d 100%);
  color:#fff;
  box-shadow:0 18px 42px rgba(15,23,42,.16);
}
.withdrawal-hero-premium .withdrawal-hero-kicker{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(255,255,255,.13);
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.07em;
  line-height:1;
  text-transform:uppercase;
}
.withdrawal-hero-premium h1{
  margin:15px 0 10px;
  color:#fff;
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.02;
  letter-spacing:-.04em;
}
.withdrawal-hero-premium p{
  max-width:650px;
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:1rem;
  line-height:1.65;
}
.withdrawal-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:19px;
}
.withdrawal-hero-meta span{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:rgba(255,255,255,.92);
  font-size:.78rem;
  font-weight:600;
}
.withdrawal-hero-steps{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.withdrawal-hero-steps li{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:11px;
  align-items:center;
  min-height:56px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:15px;
  background:rgba(8,30,50,.17);
  color:rgba(255,255,255,.8);
}
.withdrawal-hero-steps li > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  color:#fff;
  font-size:.8rem;
  font-weight:800;
}
.withdrawal-hero-steps strong{
  display:block;
  color:#fff;
  font-size:.87rem;
}
.withdrawal-hero-steps small{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.68);
  font-size:.74rem;
}
.withdrawal-hero-steps li.is-current{
  border-color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.17);
}
.withdrawal-hero-steps li.is-current > span,
.withdrawal-hero-steps li.is-done > span{
  border-color:#fff;
  background:#fff;
  color:#0d6f71;
}
.withdrawal-hero-steps li.is-done{
  background:rgba(8,30,50,.24);
}
.withdrawal-layout-grid{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.withdrawal-info-card{
  position:sticky;
  top:16px;
  box-sizing:border-box;
  padding:20px;
  border:1px solid rgba(100,116,139,.16);
  border-radius:20px;
  box-shadow:0 10px 26px rgba(15,23,42,.055);
}
.withdrawal-side-kicker{
  display:block;
  margin-bottom:8px;
  color:#0d7f81;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.withdrawal-info-card h2{
  margin:0 0 15px;
  color:#16314f;
  font-size:1.1rem;
}
.withdrawal-side-list{
  display:grid;
  gap:13px;
  margin:0;
  padding:0;
  list-style:none;
}
.withdrawal-side-list li{
  position:relative;
  padding-left:23px;
}
.withdrawal-side-list li::before{
  content:"";
  position:absolute;
  top:7px;
  left:0;
  width:10px;
  height:10px;
  border:2px solid #0d8b8d;
  border-radius:50%;
}
.withdrawal-side-list b{
  display:block;
  margin-bottom:3px;
  color:#16314f;
  font-size:.88rem;
}
.withdrawal-side-list span{
  display:block;
  color:#64748b;
  font-size:.81rem;
  line-height:1.48;
}
.withdrawal-side-note{
  margin-top:17px;
  padding:12px;
  border:1px solid rgba(13,139,141,.16);
  border-radius:13px;
  background:#f0fafa;
  color:#396a70;
  font-size:.81rem;
  line-height:1.5;
}
.withdrawal-main-content{
  min-width:0;
}
.withdrawal-content-card,
.withdrawal-result-card{
  box-sizing:border-box;
  margin:0;
  padding:27px;
  border:1px solid rgba(100,116,139,.16);
  border-radius:20px;
  box-shadow:0 10px 26px rgba(15,23,42,.055);
}
.withdrawal-card-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}
.withdrawal-card-heading h2,
.withdrawal-result-card h2{
  margin:10px 0 8px;
  color:#16314f;
  font-size:1.55rem;
  letter-spacing:-.025em;
}
.withdrawal-card-heading p,
.withdrawal-result-card p{
  margin:0;
  color:#64748b;
  line-height:1.6;
}
.withdrawal-result-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(16,185,129,.24);
}
.withdrawal-result-card .pill{
  margin-left:48px;
}
.withdrawal-result-card h2{
  margin-top:15px;
}
.withdrawal-result-icon{
  position:absolute;
  top:27px;
  left:27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:35px;
  height:35px;
  border-radius:50%;
  background:#dcfce7;
  color:#15803d;
  font-size:1rem;
  font-weight:900;
}
.withdrawal-form .field label{
  font-weight:700;
}
.withdrawal-form input,
.withdrawal-form select{
  min-height:46px;
}
.withdrawal-form-actions{
  margin-top:2px;
}
.withdrawal-form-actions .btn{
  min-height:44px;
}
.withdrawal-summary{
  gap:13px;
  margin-bottom:24px;
}
.withdrawal-summary > div{
  padding:15px;
  border-radius:15px;
  background:#f8fafc;
}
.withdrawal-note{
  margin-top:4px;
  padding:14px 15px;
  border-left-width:4px;
}
.withdrawal-actions{
  padding-top:4px;
  border-top:1px solid rgba(148,163,184,.16);
}
@media(max-width:920px){
  .withdrawal-hero-premium{
    grid-template-columns:1fr;
    gap:22px;
  }
  .withdrawal-hero-steps{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .withdrawal-hero-steps li{
    grid-template-columns:1fr;
    gap:6px;
    min-height:78px;
    padding:11px;
  }
  .withdrawal-hero-steps li > span{
    width:25px;
    height:25px;
  }
  .withdrawal-layout-grid{
    grid-template-columns:1fr;
  }
  .withdrawal-info-card{
    position:static;
  }
  .withdrawal-side-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .withdrawal-page-premium{
    padding:0 0 24px;
  }
  .withdrawal-hero-premium{
    padding:23px;
    border-radius:20px;
  }
  .withdrawal-hero-premium h1{
    font-size:2rem;
  }
  .withdrawal-hero-steps{
    grid-template-columns:1fr;
  }
  .withdrawal-hero-steps li{
    grid-template-columns:30px minmax(0,1fr);
    min-height:54px;
  }
  .withdrawal-side-list{
    grid-template-columns:1fr;
  }
  .withdrawal-content-card,
  .withdrawal-result-card{
    padding:20px;
    border-radius:18px;
  }
  .withdrawal-result-icon{
    top:20px;
    left:20px;
  }
  .withdrawal-result-card .pill{
    margin-left:48px;
  }
}


/* ===== Widerrufsseite im Impressum-Layout ===== */
.withdrawal-legal-wrap{
  max-width:1040px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:20px !important;
  padding-right:20px !important;
}
.withdrawal-legal-hero{
  margin-bottom:20px !important;
}
.withdrawal-legal-grid{
  grid-template-columns:260px minmax(0,1fr) !important;
}
.withdrawal-legal-nav a{
  display:grid !important;
  gap:3px !important;
  padding:10px !important;
  border-radius:11px !important;
  text-decoration:none !important;
}
.withdrawal-legal-nav a b{
  color:#16314f !important;
  font-size:.86rem !important;
}
.withdrawal-legal-nav a span{
  color:#64748b !important;
  font-size:.77rem !important;
  line-height:1.35 !important;
}
.withdrawal-legal-nav a:hover,
.withdrawal-legal-nav a.is-current{
  background:#f0fdfa !important;
}
.withdrawal-legal-nav a:hover b,
.withdrawal-legal-nav a.is-current b{
  color:#0d6f72 !important;
}
.withdrawal-legal-note{
  margin-top:15px;
  padding:13px;
  border:1px solid rgba(13,139,141,.18);
  border-radius:14px;
  background:#f0fdfa;
  color:#396a70;
  font-size:.8rem;
  line-height:1.5;
}
.withdrawal-legal-content{
  display:grid !important;
  gap:14px !important;
}
.withdrawal-legal-card,
.withdrawal-legal-result{
  position:relative;
  margin:0 !important;
}
.withdrawal-legal-card h2,
.withdrawal-legal-result h2{
  margin-top:10px !important;
}
.withdrawal-legal-card-head{
  margin-bottom:20px;
}
.withdrawal-legal-card-head h2{
  margin-bottom:8px !important;
}
.withdrawal-legal-card-head p{
  max-width:690px;
}
.withdrawal-legal-result{
  border-color:rgba(16,185,129,.26) !important;
}
.withdrawal-legal-result .pill{
  margin-left:48px;
}
.withdrawal-legal-success-icon{
  position:absolute;
  top:22px;
  left:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#dcfce7;
  color:#15803d;
  font-weight:900;
}
.withdrawal-legal-result h2{
  margin-top:16px !important;
}
.withdrawal-legal-result p{
  max-width:700px;
}
.withdrawal-legal-card .withdrawal-summary{
  margin-top:3px;
}
.withdrawal-legal-card .withdrawal-summary > div{
  background:#f8fafc !important;
}
.withdrawal-legal-card .withdrawal-actions{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(148,163,184,.16);
}
.withdrawal-legal-card .withdrawal-form-actions{
  margin-top:4px;
}
@media(max-width:920px){
  .withdrawal-legal-grid{
    grid-template-columns:1fr !important;
  }
  .withdrawal-legal-nav{
    position:static !important;
  }
}
@media(max-width:640px){
  .withdrawal-legal-wrap{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .withdrawal-legal-hero{
    border-radius:20px !important;
  }
  .withdrawal-legal-result .pill{
    margin-left:46px;
  }
  .withdrawal-legal-success-icon{
    top:18px;
    left:18px;
  }
}


/* ===== Oberer Header: doppelte Seitenüberschrift entfernt, Aktionen mittig ===== */
@media (min-width:901px){
  body .clean-topbar.topbar-centered-actions{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
    align-items:center !important;
    min-height:80px !important;
    margin:12px 28px 18px !important;
    padding:14px 18px !important;
  }

  body .clean-topbar.topbar-centered-actions .sidebar-toggle-btn{
    grid-column:1 !important;
    justify-self:start !important;
  }

  body .clean-topbar.topbar-centered-actions .topbar-actions-final{
    grid-column:2 !important;
    width:auto !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
  }

  body .clean-topbar.topbar-centered-actions .global-search-form-final{
    width:min(440px,38vw) !important;
    min-width:300px !important;
    flex:0 1 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:8px !important;
  }

  body .clean-topbar.topbar-centered-actions .topbar-user-box{
    flex:0 1 auto !important;
  }

  body .clean-topbar.topbar-centered-actions .topbar-action-buttons{
    flex:0 0 auto !important;
    justify-content:flex-start !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  body .clean-topbar.topbar-centered-actions{
    grid-template-columns:auto minmax(0,1fr) auto !important;
    margin-left:20px !important;
    margin-right:20px !important;
  }

  body .clean-topbar.topbar-centered-actions .topbar-actions-final{
    grid-column:2 !important;
  }

  body .clean-topbar.topbar-centered-actions .global-search-form-final{
    width:min(430px,48vw) !important;
    min-width:260px !important;
  }

  body .clean-topbar.topbar-centered-actions .topbar-user-box{
    display:none !important;
  }
}

@media (min-width:901px) and (max-width:1010px){
  body .clean-topbar.topbar-centered-actions .global-search-form-final{
    width:min(360px,42vw) !important;
    min-width:220px !important;
  }
}


/* ===== Begrüßungsbereich: modern, kompakt und ohne doppelte Nutzeranzeige ===== */
@media (min-width:901px){
  body .main-brand-header-modern{
    display:flex !important;
    align-items:center !important;
    gap:17px !important;
    min-height:74px !important;
    margin:12px 28px 7px !important;
    padding:12px 16px !important;
    border:1px solid rgba(16,32,51,.08) !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.82) !important;
    box-shadow:0 9px 24px rgba(15,23,42,.045) !important;
  }

  body .main-brand-header-modern .main-brand-logo{
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    padding-right:16px !important;
    border-right:1px solid rgba(148,163,184,.20) !important;
    line-height:0 !important;
  }

  body .main-brand-header-modern .main-brand-logo img{
    display:block !important;
    width:auto !important;
    max-width:130px !important;
    max-height:43px !important;
    margin:0 !important;
  }

  body .main-brand-identity{
    display:grid !important;
    gap:6px !important;
    min-width:0 !important;
  }

  body .main-brand-eyebrow{
    color:#64748b !important;
    font-size:.72rem !important;
    font-weight:800 !important;
    letter-spacing:.075em !important;
    line-height:1 !important;
    text-transform:uppercase !important;
  }

  body .main-brand-person{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-width:0 !important;
  }

  body .main-brand-avatar{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 37px !important;
    width:37px !important;
    height:37px !important;
    border:1px solid rgba(13,139,141,.22) !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#e6f8f8 0%,#d9f1f1 100%) !important;
    color:#0d7476 !important;
    font-size:.76rem !important;
    font-weight:800 !important;
    letter-spacing:.02em !important;
  }

  body .main-brand-person-copy{
    display:grid !important;
    gap:3px !important;
    min-width:0 !important;
  }

  body .main-brand-person-copy strong{
    display:block !important;
    max-width:320px !important;
    overflow:hidden !important;
    color:#16314f !important;
    font-size:.98rem !important;
    font-weight:700 !important;
    line-height:1.15 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body .main-brand-person-copy span{
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    min-height:20px !important;
    padding:0 8px !important;
    overflow:hidden !important;
    border-radius:999px !important;
    background:#f0fafa !important;
    color:#0d7476 !important;
    font-size:.72rem !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  /* Die Such-/Aktionsleiste bleibt trotz entfernter Nutzerbox exakt mittig. */
  body .clean-topbar.topbar-centered-actions .topbar-actions-final{
    gap:10px !important;
  }

  body .clean-topbar.topbar-centered-actions .global-search-form-final{
    width:min(500px,48vw) !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  body .main-brand-header-modern{
    margin-left:20px !important;
    margin-right:20px !important;
  }
}

@media (max-width:900px){
  /* Mobil bleibt die vorhandene kompakte Kopfzeile maßgeblich. */
  body .main-brand-header-modern{
    display:none !important;
  }
}


/* ===== Begrüßung komplett neu: reduzierte Kontextzeile statt Karten-/Avatar-Design ===== */
@media (min-width:901px){
  body .main-brand-header-context{
    display:flex !important;
    align-items:center !important;
    min-height:44px !important;
    margin:13px 28px 4px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body .main-brand-header-context .main-brand-context-copy{
    display:flex !important;
    align-items:baseline !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    min-width:0 !important;
  }

  body .main-brand-header-context .main-brand-context-label{
    display:inline-flex !important;
    align-items:center !important;
    min-height:25px !important;
    padding:0 10px !important;
    border:1px solid rgba(13,139,141,.18) !important;
    border-radius:999px !important;
    background:#eefafa !important;
    color:#0d7476 !important;
    font-size:.72rem !important;
    font-weight:800 !important;
    letter-spacing:.045em !important;
    line-height:1 !important;
    text-transform:uppercase !important;
  }

  body .main-brand-header-context strong{
    display:block !important;
    max-width:min(540px,58vw) !important;
    overflow:hidden !important;
    color:#17324f !important;
    font-size:1.04rem !important;
    font-weight:650 !important;
    letter-spacing:-.012em !important;
    line-height:1.2 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  /* Die Suchleiste sitzt unterhalb der Begrüßung weiterhin sauber mittig. */
  body .clean-topbar.topbar-centered-actions{
    margin-top:0 !important;
  }

  body .clean-topbar.topbar-centered-actions .global-search-form-final{
    width:min(500px,48vw) !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  body .main-brand-header-context{
    margin-left:20px !important;
    margin-right:20px !important;
  }
}

@media (max-width:900px){
  body .main-brand-header-context{
    display:none !important;
  }
}


/* ===== Begrüßung: Logo links, Bereich und Name bewusst untereinander ===== */
@media (min-width:901px){
  body .main-brand-header-context{
    display:flex !important;
    align-items:center !important;
    gap:15px !important;
    min-height:56px !important;
    margin:13px 28px 4px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body .main-brand-header-context .main-brand-context-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex:0 0 auto !important;
    padding:0 15px 0 0 !important;
    border-right:1px solid rgba(148,163,184,.22) !important;
    line-height:0 !important;
    text-decoration:none !important;
  }

  body .main-brand-header-context .main-brand-context-logo img{
    display:block !important;
    width:auto !important;
    max-width:132px !important;
    max-height:42px !important;
    margin:0 !important;
  }

  body .main-brand-header-context .main-brand-context-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:5px !important;
    min-width:0 !important;
  }

  body .main-brand-header-context .main-brand-context-label{
    display:block !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#64748b !important;
    font-size:.72rem !important;
    font-weight:800 !important;
    letter-spacing:.075em !important;
    line-height:1.1 !important;
    text-transform:uppercase !important;
  }

  body .main-brand-header-context strong{
    display:block !important;
    max-width:min(560px,60vw) !important;
    overflow:hidden !important;
    color:#17324f !important;
    font-size:1.05rem !important;
    font-weight:650 !important;
    letter-spacing:-.012em !important;
    line-height:1.2 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body .clean-topbar.topbar-centered-actions{
    margin-top:0 !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  body .main-brand-header-context{
    margin-left:20px !important;
    margin-right:20px !important;
  }

  body .main-brand-header-context .main-brand-context-logo img{
    max-width:118px !important;
  }
}

@media (max-width:900px){
  body .main-brand-header-context{
    display:none !important;
  }
}


/* ===== Begrüßung: Logo oberhalb, klare ruhige Hierarchie darunter ===== */
@media (min-width:901px){
  body .main-brand-header-logo-above{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    min-height:0 !important;
    margin:16px 28px 10px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-align:center !important;
  }

  body .main-brand-header-logo-above .main-brand-context-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 0 10px !important;
    border:0 !important;
    border-bottom:1px solid rgba(148,163,184,.22) !important;
    line-height:0 !important;
    text-decoration:none !important;
  }

  body .main-brand-header-logo-above .main-brand-context-logo img{
    display:block !important;
    width:auto !important;
    max-width:150px !important;
    max-height:48px !important;
    margin:0 !important;
  }

  body .main-brand-header-logo-above .main-brand-context-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    min-width:0 !important;
    text-align:center !important;
  }

  body .main-brand-header-logo-above .main-brand-context-label{
    display:block !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#64748b !important;
    font-size:.72rem !important;
    font-weight:800 !important;
    letter-spacing:.075em !important;
    line-height:1.1 !important;
    text-transform:uppercase !important;
  }

  body .main-brand-header-logo-above strong{
    display:block !important;
    max-width:min(620px,72vw) !important;
    overflow:hidden !important;
    color:#17324f !important;
    font-size:1.08rem !important;
    font-weight:650 !important;
    letter-spacing:-.012em !important;
    line-height:1.22 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  body .clean-topbar.topbar-centered-actions{
    margin-top:0 !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  body .main-brand-header-logo-above{
    margin-left:20px !important;
    margin-right:20px !important;
  }
}

@media (max-width:900px){
  body .main-brand-header-logo-above{
    display:none !important;
  }
}


/* ===== Eigenständige Konto-Identität: Logo wird nicht mehr von alten Header-Regeln ausgeblendet ===== */
body .mh-account-identity{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:0 !important;
  margin:16px auto 10px !important;
  padding:0 !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-align:center !important;
}

body .mh-account-identity-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 0 10px !important;
  padding:0 0 10px !important;
  visibility:visible !important;
  opacity:1 !important;
  border:0 !important;
  border-bottom:1px solid rgba(148,163,184,.22) !important;
  background:transparent !important;
  line-height:0 !important;
  text-decoration:none !important;
}

body .mh-account-identity-logo img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:min(176px,68vw) !important;
  max-width:none !important;
  min-width:96px !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
}

body .mh-account-identity-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-width:0 !important;
  padding:0 !important;
  text-align:center !important;
}

body .mh-account-identity-copy span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#64748b !important;
  font-size:.72rem !important;
  font-weight:800 !important;
  letter-spacing:.075em !important;
  line-height:1.1 !important;
  text-transform:uppercase !important;
}

body .mh-account-identity-copy strong{
  display:block !important;
  max-width:min(620px,88vw) !important;
  margin:0 !important;
  overflow:hidden !important;
  color:#17324f !important;
  font-size:1.08rem !important;
  font-weight:650 !important;
  letter-spacing:-.012em !important;
  line-height:1.22 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

@media (min-width:901px){
  body .mh-account-identity{
    margin-top:16px !important;
  }
}

@media (max-width:900px){
  body .mh-account-identity{
    margin-top:10px !important;
    margin-bottom:12px !important;
  }

  body .mh-account-identity-logo img{
    width:min(154px,62vw) !important;
  }
}


/* ===== Mein Kundenbereich / Adminbereich: moderner, gut lesbarer Label-Chip ===== */
body .mh-account-identity-copy span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:32px !important;
  margin:0 0 2px !important;
  padding:0 14px !important;
  border:1px solid rgba(13,139,141,.20) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(13,139,141,.14) 0%, rgba(13,139,141,.08) 100%) !important;
  box-shadow:0 8px 22px rgba(13,139,141,.08) !important;
  color:#0d7476 !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
}

body .mh-account-identity-copy strong{
  color:#15314d !important;
  font-size:1.1rem !important;
  font-weight:700 !important;
  line-height:1.24 !important;
}

@media (max-width:900px){
  body .mh-account-identity-copy span{
    min-height:30px !important;
    padding:0 12px !important;
    font-size:.74rem !important;
  }

  body .mh-account-identity-copy strong{
    max-width:min(92vw,520px) !important;
    font-size:1.02rem !important;
  }
}


/* ===== Sidebar-Produktname: dezente, hochwertige Kennzeichnung unter dem Logo ===== */
body .sidebar .brand-stacked .sidebar-product-name,
body #mhMobileDrawer .brand-stacked .sidebar-product-name{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:27px !important;
  margin:8px auto 5px !important;
  padding:0 12px !important;
  border:1px solid rgba(77,230,230,.22) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(13,139,141,.26) 0%, rgba(13,139,141,.13) 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 7px 18px rgba(0,0,0,.10) !important;
  color:#7ff3f1 !important;
  font-family:"Montserrat","Inter","Segoe UI",Arial,sans-serif !important;
  font-size:.72rem !important;
  font-weight:700 !important;
  letter-spacing:.07em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
}

body .sidebar .brand-stacked .sidebar-product-name::before,
body #mhMobileDrawer .brand-stacked .sidebar-product-name::before{
  content:"";
  display:block !important;
  width:5px !important;
  height:5px !important;
  margin-right:7px !important;
  border-radius:50% !important;
  background:#69efeb !important;
  box-shadow:0 0 0 3px rgba(105,239,235,.12) !important;
}

body .sidebar .brand-stacked .sidebar-product-name + small,
body #mhMobileDrawer .brand-stacked .sidebar-product-name + small{
  display:block !important;
  margin-top:0 !important;
  color:rgba(226,242,255,.58) !important;
  font-size:.73rem !important;
  letter-spacing:.02em !important;
}


/* ===== Sidebar-Produktname: bewusst dezent statt Chip ===== */
body .sidebar .brand-stacked .sidebar-product-name,
body #mhMobileDrawer .brand-stacked .sidebar-product-name{
  display:block !important;
  min-height:0 !important;
  margin:8px auto 4px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(226,242,255,.82) !important;
  font-family:"Montserrat","Inter","Segoe UI",Arial,sans-serif !important;
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:.035em !important;
  line-height:1.2 !important;
  text-transform:none !important;
}

body .sidebar .brand-stacked .sidebar-product-name::before,
body #mhMobileDrawer .brand-stacked .sidebar-product-name::before{
  content:none !important;
  display:none !important;
}

body .sidebar .brand-stacked .sidebar-product-name + small,
body #mhMobileDrawer .brand-stacked .sidebar-product-name + small{
  margin-top:2px !important;
  color:rgba(226,242,255,.50) !important;
  font-size:.72rem !important;
}


/* ===== Sidebar-Produktname: leicht und in der Logo-Farbe ===== */
body .sidebar .brand-stacked .sidebar-product-name,
body #mhMobileDrawer .brand-stacked .sidebar-product-name{
  color:#0d8b8d !important;
  font-weight:400 !important;
  letter-spacing:.025em !important;
}


/* ===== Sidebar-Produktname: helle Logo-Türkisnuance für sicheren Kontrast ===== */
body .sidebar .brand-stacked .sidebar-product-name,
body #mhMobileDrawer .brand-stacked .sidebar-product-name{
  color:#72efec !important;
  font-weight:500 !important;
  letter-spacing:.028em !important;
  text-shadow:0 1px 0 rgba(0,0,0,.28) !important;
}


/* ===== Sidebar-Produktname: ruhige Moinhosting-Türkisnuance ===== */
body .sidebar .brand-stacked .sidebar-product-name,
body #mhMobileDrawer .brand-stacked .sidebar-product-name{
  color:#48bcc0 !important;
  font-weight:400 !important;
  letter-spacing:.025em !important;
  text-shadow:none !important;
}


/* ===== Sidebar-Produktname: wie die Unterzeile darunter ===== */
body .sidebar .brand-stacked .sidebar-product-name,
body #mhMobileDrawer .brand-stacked .sidebar-product-name{
  color:rgba(226,242,255,.58) !important;
  font-family:"Montserrat","Inter","Segoe UI",Arial,sans-serif !important;
  font-size:.73rem !important;
  font-weight:400 !important;
  letter-spacing:.02em !important;
  line-height:1.2 !important;
  text-transform:none !important;
}


/* ===== Sidebar-Produktname: gleiche Typografie wie Unterzeile, aber in Logo-Orange ===== */
body .sidebar .brand-stacked .sidebar-product-name,
body #mhMobileDrawer .brand-stacked .sidebar-product-name{
  color:#ed9b27 !important;
  font-family:"Montserrat","Inter","Segoe UI",Arial,sans-serif !important;
  font-size:.72rem !important;
  font-weight:300 !important;
  letter-spacing:.02em !important;
  line-height:1.2 !important;
  text-transform:none !important;
}


/* ===== Footer: rechtliche Links auf allen Ansichten gleichmäßig ausrichten ===== */
body .portal-copyright .portal-footer-branding-inner > nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
}

body .portal-copyright .portal-footer-branding-inner > nav > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  margin:0 !important;
  padding:0 11px !important;
  white-space:nowrap !important;
}

body .portal-copyright .portal-footer-branding-inner > nav > a + a{
  border-left:1px solid rgba(148,163,184,.26) !important;
}

@media (max-width:640px){
  body .portal-copyright .portal-footer-branding-inner > nav > a{
    min-height:26px !important;
    padding:0 9px !important;
  }
}