/* ===== Wartungsseite Layout ===== */

.wartung-page .container-header,
.wartung-page .container-topbar,
.wartung-page .container-nav,
.wartung-page .breadcrumbs,
.wartung-page .sidebar,
.wartung-page aside {
    display: none !important;
}

.wartung-page .container-component {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90vh;
}

.wartung-page .com-content-article {
    max-width: 600px;
    text-align: center;
    background: #ffffff;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

/* Buttons */
.wartung-page a {
    display: inline-block;
    padding: 12px 22px;
    margin: 10px 6px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.2s ease;
}

.wartung-page a[href^="tel"] {
    background: #2563eb;
    color: #fff;
}

.wartung-page a[href^="mailto"] {
    background: #e5e7eb;
    color: #111;
}

.wartung-page a:hover {
    transform: translateY(-2px);
}
/* ===== Global Layout (alle Seiten außer Wartung) ===== */

/* Grundlayout schöner + zentriert */
body:not(.wartung-page) .site-grid {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 16px;
}

/* Inhalte als "Card" */
body:not(.wartung-page) .com-content-article,
body:not(.wartung-page) .com-content-category-blog,
body:not(.wartung-page) .com-content-category-list,
body:not(.wartung-page) .item-page {
  background: #fff;
  border-radius: 16px;
  padding: 28px 22px;
  box-shadow: 0 8px 30px rgba(0,0,0,.08);
}

/* Das hässliche "Aktuelle Seite:" / Page-Header/Breadcrumb-Bereich killen */
body:not(.wartung-page) .page-header,
body:not(.wartung-page) .breadcrumb,
body:not(.wartung-page) nav.breadcrumbs,
body:not(.wartung-page) .mod-breadcrumbs {
  display: none !important;
}

/* Zugriffe (Hits) verstecken */
body:not(.wartung-page) .visits,
body:not(.wartung-page) .hits,
body:not(.wartung-page) dd.hits,
body:not(.wartung-page) .article-info .hits {
  display: none !important;
}

/* Sidebar (Login/Hauptmenü rechts) ausblenden */
body:not(.wartung-page) aside,
body:not(.wartung-page) .sidebar,
body:not(.wartung-page) .container-sidebar {
  display: none !important;
}

/* Content auf volle Breite wenn Sidebar weg ist */
body:not(.wartung-page) .container-component,
body:not(.wartung-page) main,
body:not(.wartung-page) #main {
  width: 100% !important;
  max-width: 100% !important;
}