/* Körper */
html  {
height:101%;
overflow-y: scroll;
font-size:100%;
margin-top: 0px;
background-color: fcfcfc;
}
body {
    position: relative;
    min-height: 100vh;
    max-width:70rem;
    margin-left: auto;
    margin-right:auto;
background-color: fcfcfc;
}

/* Header */
.container-header {
    z-index: 10;
    background-color: var(--cassiopeia-color-primary);
    background-image: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    position: relative;
    box-shadow: inset 0 0 0 #fff;
    padding-bottom:5px
}
.container-top-a > *, .container-top-b > *, .container-bottom-a > *, .container-bottom-b > * {
    flex: 1;
    margin: 0; 
}
.card {
    --card-spacer-y: 0;
    --card-spacer-x: 0;
    --card-title-spacer-y: .5rem;
    --card-title-color: ;
    --card-subtitle-color: ;
    --card-border-width: var(--border-width);
    --card-border-color: #dfe3e7;
    --card-border-radius: var(--border-radius);
    --card-box-shadow: ;
    --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width)));
    --card-cap-padding-y: .5rem;
    --card-cap-padding-x: 1rem;
    --card-cap-bg: rgba(var(--body-color-rgb), .03);
    --card-cap-color: ;
    --card-height: ;
    --card-color: ;
    --card-bg: var(--body-bg);
    --card-img-overlay-padding: 1rem;
    --card-group-margin: .5em;
    height: var(--card-height);
    color: var(--body-color);
    word-wrap: break-word;
    background-color: var(--card-bg);
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: var(--card-border-radius);
    background-clip: border-box;
    flex-direction: column;
    min-width: 0;
    display: flex;
    position: relative;
}
.metismenu.mod-menu .metismenu-item {
    flex-wrap: wrap;
    align-items: center;
    padding: 0 1em 0 1em;
    font-size: 1rem;
    line-height: 1.5;
    display: flex;
}
.card-header {
    padding: 0.1em 1em 0.1em 0.9em;
    color: var(--card-cap-color);
    background-color: var(--card-cap-bg);
    border-bottom: var(--card-border-width) solid var(--card-border-color);
    margin-bottom: 0;
}
.anfang {
  width:100%;
  padding-top:10px;
}
.ende {
  width:100%;
  min-height:10px;
}
.center {
   display:block;
   margin-left: auto;
   margin-right: auto;
   } 

.mitte {
   margin-left:auto;
   margin-right:auto;
   } 
.mitte-text {
   text-align:center;
   }
 .mitte-block {
   display:block;
   margin-left:auto;
   margin-right:auto;
   } 
.bild {
  max-width: 100%;
  height: auto; 
}
h1 {
  font-weight: 400; 
  font-size:1.313rem;
}
h2 {
  font-weight: normal; 
  font-size:1.188rem;
}
h3 {
  font-weight: normal; 
  font-size:1.0125em;
}
h4 {
  font-weight: normal; 
  font-size:1rem;
}
h5 {
  font-weight: normal; 
  font-size:0.938rem;
}
h6 {
  font-weight: normal; 
  font-size:0.875rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto','Fira Sans','Open Sans', Arial, Verdana, Helvetica, sans-serif;
    font-weight: 500;
}
input, button, select,
 a:link {
        color: #404040;
        text-decoration: underline;
      }
      a:visited {
       color: #404040;
}  
      a:hover {
        background-color: #dcdcdc;
        text-decoration: underline;
}
.container-component, .container-sidebar-left, .container-sidebar-right {
    flex-direction: column;
    flex: 1;
    display: flex;
    padding: 0em 1em 2em 0.5em;
}
.uber2 {
  font-weight: normal; 
  font-size:1.188rem;
}
.uber3 {
  font-weight: normal; 
  font-size:1.0125em;
}