/**Hauptschrift laden**/
@font-face {
    font-family: 'alegreya_sansmedium';
    src: url('../fonts/alegreyasans-medium-webfont.eot');
    src: url('../fonts/alegreyasans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alegreyasans-medium-webfont.woff') format('woff'),
         url('../fonts/alegreyasans-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/**Schriftart Überschriften**/
@font-face {
    font-family: 'almendraregular';
    src: url('../fonts/almendra-regular-webfont.eot');
    src: url('../fonts/almendra-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/almendra-regular-webfont.woff') format('woff'),
         url('../fonts/almendra-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html {
  background-color: transparent;
}

body{
  background-image:url(../images/bgholz.jpg);
  background-position:left top;
  background-attachment:fixed;
  background-repeat:repeat;
  background-color: #000000;
  font-family:'alegreya_sansmedium', arial;
  /**font-size: 1.125em;**/
  font-size: clamp(0.9em, 2.8vw, 1.2em);
  letter-spacing:0.07em;
  
}
/**Menü unter Header**/
.navbar, .card-body{
  padding:0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.card-body{
  padding:0px 10px;
}

.container-top-a > *, .container-top-b > *, .container-bottom-a > *, .container-bottom-b > *{margin:0px;}
.site-grid {}
.main {}
.container-header{
  background: none;
}
.container-body {
  background-color:#ffffff;
  opacity: 0.90;
  width: clamp(320px, 100vw, 1200px);
  margin: 25px auto;
  border: 1px solid #000000;
  border-radius: 8px;
  padding: 2px 7px 0px 7px;
  /**margin: 0px 0px 25px 0px;**/
}
/**
@media (max-width: 900px) {
.container-body {
  width: 100VW;
  position:absolute;
  left:0VW;}
  }
@media (max-width: 1000px) {
.container-body {
  width: 94VW;
  position:absolute;
  left:3VW;}
}
@media (max-width: 1100px) {
.container-body {
  width: 88VW;
  position:absolute;
  left:6VW;}
}
@media (max-width: 1200px) {
.container-body {
  width: 82VW;
  position:absolute;
  left:9VW;}
}
@media (max-width: 1400px) {
.container-body {
  width: 74VW;
  position:absolute;
  left:13VW;}
}**/
.navbar-collapse
{}
.footer 
{ background-color: transparent;
  background-image: none;
  border-top: dashed 0.5px #000000;
  text-transform: uppercase;
}
.footer .grid-child
{
  padding: 0px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
{
  font-family:'almendraregular';
}
h3.sidebar-right card : {font-size: 1rem;}
a:link, a:visited 
{
  color:#9F0000;
  text-decoration: none; 
  
}
a:hover 
{
  color:#000000;
  background-color: #efefef;
}
a:active 
{
  color:#000000;
  background-color: #efefef;
  text-decoration: none;
}
.btn 
{
  background-color: #afafaf;
  border-color: #0f0f0f;
}
.btn:hover 
{
    color: #000000;
    background-color: #efefef;
    border-color: #0f0f0f;
}
.btn a:
{
  text-decoration: none
}
.metismenu.mod-menu .metismenu-item {
    align-items: center;
    padding: 5px 6px;
    text-transform: uppercase;
    /**font-size: 0.9em;**/
    font-size: clamp(0.7em, 2.8vw, 1.0em);
  color:#000000;
 }

.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none;
  }

.metismenu.mod-menu .metismenu-item > span, .metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button 
{
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box-dokumente{
border: solid 1px #9F0000;
padding:10px;
width:100%;
color:#4F4F4F;
background-color:rgba(251, 251, 251,.5);
box-shadow: 5px 5px 5px #888888;
}
.box-grau{
border: solid 1px #9F9F9F;
padding:10px;
margin-right:15px;
width:99%;
color:#4F4F4F;
background-color:#FBFBFB;
box-shadow: 5px 5px 5px #888888;
}
.box-grau-bild{
padding: 5px;
margin: 0 10px 10px 10px;
float: right;
background-color: #e1e1e1;
font-size:small;
color:#4F4F4F;
width:40%;
}
.box-grau-bild > img{
  width:100%;
}
/** kalender**/
.jem {visibility: hidden;}