@charset "UTF-8";

.ak-grid {
  display: grid;
  grid-template-columns:15% 70% 15%;
}

.akg1 {
}

.akg2 p {
  margin-bottom:6rem !important;
}

.akg3 {
  }

/* Abstand zum Content */
.container-header {
  margin-bottom:3rem;
}

/* topbar */
.container-header .container-topbar {
  width: 100%;
  max-width: 960px;
  margin-inline: auto;
  padding-top:2rem;
  padding-bottom:1rem;
}


.grid-child.container-nav {
  max-width: 960px;
}



.container-header .navbar-toggler {
  color: #000;
}

/*
.navbar-toggler:focus, 
.navbar-toggle:hover, 
.navbar-toggler:active
{
 color:rgb(255,240,240);
}
*/

/* verhindert verspringen des togglers */

@media (width <= 767.98px) {
  .container-header .container-nav nav {
    margin-top:0em;
  }
  }

.grid-child.container-nav  {
  padding: 0rem .5rem 0rem .5rem;  
  border-top:1px solid #999;
  border-bottom:1px solid #999; 
}

.container-header nav {
  margin-top:0;
}

.metismenu.mod-menu .metismenu-item {
  flex-wrap: wrap;
  align-items: center;
  padding: .5rem .5rem;
  font-size: 1rem;
  line-height: 1.5;
  display: flex;
  }

/* BODY */
.site-grid .grid-child {
  max-width: 960px;
}


.fussmodul { 
  border-top:2px solid #999;
  padding: .5em .5em;
}

hr {border-top: 1px solid #eee;
   border-bottom: 1px solid #eee;
   opacity:0.5;}

/* boxplus */

 .boxplusx-container {
   background-color: rgb(255,255,255) !important;
 }

.boxplusx-navigation.boxplusx-bottom {
  display:none !important
}
.boxplusx-next,
.boxplusx-previous {
  display:none !important
  }
/*
.boxplusx-controls > .boxplusx-close { 
  background-image: url("images/close.png") !important;
  }
*/

.boxplusx-expander.boxplusx-collapse {
  display:none !important
}
.boxplusx-expand {
  display:none !important
}
boxplusx-caption {
  max-height: 120px;
}


/*  KILL ALL MONTAG  tochtertemplate nutzen!*/  
/* 1. Header, Container-Header und Footer für diese Seite komplett unsichtbar machen */
.fullwidth-page .header,
.fullwidth-page .container-header,
.fullwidth-page .container-footer,
.fullwidth-page .footer,
.fullwidth-page .breadcrumbs,
.fullwidth-page .main-bottom.no-card {
    display: none !important;
}

/* 2. Cassiopeia-Grid aufbrechen (Volle Breite & keine Abstände nach oben/unten) */
.fullwidth-page .site-grid {
    grid-template-columns: 1fr !important;
    max-width: 90% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Den Inhaltsbereich über die gesamte Fläche spannen */
/* .fullwidth-page .grid-child.content, <-- KI Falsch!!! */ 
.fullwidth-page .grid-child.container-component {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Der Artikel füllt exakt 100% des sichtbaren Browserfensters aus */
.fullwidth-page .com-content-article {
    width: 95vw !important;
    min-height: 95vh !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.fullwidth-page .com-content-article table {
   min-height: 95vh;
   margin: 0;
   display: grid;
   place-items: center;
}