body{
    background-image: url(../images/vital_bg.jpg) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

h1{
    font-weight: 500;
    font-size: 1.8rem;
}

h2, h3{
    font-size: 1.5rem;
    font-weight: 500;
}

h4{
    font-size: 1.1rem;
    font-weight: 400;
}


h2.item-title{
    border-bottom: 1px solid #82A24F;
    padding: 0 0 0.5em;
}

.container-header .grid-child:first-child {
    padding: 0.5em 0;
}

.navbar-brand{
    border-radius: 0.375rem;
    border: 2px solid #82A24F;
    background-color: #231F20;
    padding: 1rem;
}


.container-component{
    background-color: rgba(255,255,255,0.8);
    margin: 0.5em 0;
    padding: 0 3em;
    border: 2px solid #82A24F;
    border-radius: 0.375rem;
}

.container-header{
    background-color: transparent;
    background-image: none
    ;
}

.dj-megamenu-clean li a.dj-up_a{
   color: #82A24F !important;
   font-size: 18px !important; 
}

ul{
    list-style-type: square;
}

::marker{
     color: #82A24F !important;
     font-size: 20px;   
}

/******** MENU **********/

.container-nav{
    background-color: #fff;
    border-radius: 0.375rem;
    border: 2px solid #82A24F;
}


.dj-megamenu-clean li ul.dj-submenu > li:hover > a, .dj-megamenu-clean li ul.dj-submenu > li.active > a {
    background: #82A24F !important;
}

.dj-megamenu-select-light .dj-mobile-open-btn, 
.dj-megamenu-offcanvas-light .dj-mobile-open-btn, 
.dj-megamenu-accordion-light .dj-mobile-open-btn {
     color: #82A24F !important;
}

/******** TOP C ********/

.container-top-a,
.container-top-b,
.container-top-c,
.container-bottom-a,
.container-bottom-b {
  position: relative;
}
.container-top-a > *,
.container-top-b > *,
.container-top-c > *,
.container-bottom-a > *,
.container-bottom-b > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0.5em 0;
}

a.readmore, p.readmore a.btn, .mod-articles-category-readmore a {
    position: relative;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding: 0 33px 0 10px;
    -webkit-transition: background .3s ease-out 0s;
    transition: background .3s ease-out 0s;
    line-height: 33px;
    vertical-align: middle;
    margin: 10px 0 0;
    background: #484948;
}
a.readmore:hover,p.readmore a.btn:hover,.mod-articles-category-readmore a:hover{
    text-decoration: none;
    background: #616361;
    color: #fff;
    }
a.readmore:after,p.readmore a.btn:after,.mod-articles-category-readmore a:after{
    content: '';position: absolute;
    width: 23px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #82A24F;
    background-image: url("../images/button_bg.png");
    background-repeat: no-repeat;
    background-position: 10px center}

@media (max-width: 991.98px) {
  .container-top-a,
  .container-top-b,
  .container-top-c,
  .container-bottom-a,
  .container-bottom-b {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .container-top-a > *,
  .container-top-b > *,
  .container-top-c > *,
  .container-bottom-a > *,
  .container-bottom-b > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}

@supports (display: grid) {
  .site-grid {
    display: grid;
    grid-template-areas: ". top-c top-c top-c top-c .";
  }
  
  @media (min-width: 992px) {
    .site-grid {
      grid-template-areas: ". top-c top-c top-c top-c .";
    }
  }
}

.container-top-c {
  grid-area: top-c;
}

/****** min **********/

.container-top-c{position:relative}

.container-bottom-a>*,.container-bottom-b>*,.container-bottom-c>*,.container-top-a>*,.container-top-b>*,.container-top-c>*{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:.5em 0}

@media (max-width:991.98px){
    .container-bottom-a,.container-bottom-b,.container-top-a,.container-top-b,.container-top-c{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
    .container-bottom-a>*,.container-bottom-b>*,.container-top-a>*,.container-top-b>*,.container-top-c>*{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}
}


@supports (display:grid){
    .site-grid{grid-gap:0 1em;display:grid;grid-template-areas:". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". top-c top-c top-c top-c ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";grid-template-columns:[full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,15.875rem)) [main-end] minmax(0,1fr) [full-end]}

    .site-grid>[class*=" container-"],.site-grid>[class^=container-]{-webkit-column-gap:1em;-moz-column-gap:1em;column-gap:1em;max-width:none;width:100%}

.site-grid>.full-width{grid-column:full-start/full-end}

    @media (min-width:992px){
        .site-grid{grid-template-areas:". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". top-c top-c top-c top-c ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ."}
    }
}

.grid-child {
    max-width: 1065px;
}

/******** END TOP C *******/
.card{
    --card-border-radius: 0.375rem;
}

.frontbox{
    border: 2px solid #a2ad00;
    background-color: rgba(255,255,255,0.8);
}

.frontbox h3.card-header{
    background-color: unset;
    border-bottom: none;
}

.akkreditierungen {
    background-color: #fff;
    padding: 10px;
    text-align: center;
}


.footer{
    background-color: #231F20;
    background-image: none;
}

/***** Article Anywhere ***********/

.vital-anywhere{
    float: left;
    border: 2px solid #a2ad00;
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0 5px 20px 5px;
    display: inline-block !important;
}

.col-28, .col-30, .col-39, .col-48, .col-60{
    width: 100%;
}

.h-100{
    height: 100px;
}

.h-265{
    height: 265px;
}

.h-400{
    height: 400px;
}

.h-500{
    height: 500px;
}

.h-600{
    height: 600px;
}

@media (min-width:992px){

    .col-28{
    width: 28%;
    }
    
    .col-30{
    width: 30%;
    }
    
    .col-39{
    width: 39%;
    }
        
    .col-48{
    width: 48%;
    }
    
    .col-60{
    width: 60%;
    }
    
    .col-65{
    width: 65%;
    }

    
}