@charset "UTF-8";

/* [Startseite] Inhaltsbox */
.content-box {
  height: 380px; 
  position: relative; 
  margin-bottom: 8px;
  background-repeat: no-repeat;
  background-position: center center;
 }
 
 .content-box-overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   display:none;
   background-color: rgba( 5, 120, 66, .5 );
 }
 
.content-box.bg-green {background-color: #057842; color: #FFF;}
.content-box.bg-green.grid3-desk.has-bg { background-size: cover; }
.content-box.bg-green.grid3-desk.has-bg .content-box-overlay { display:block; }
.content-box.bg-left { background-position: left center; }
.content-box.bg-right { background-position: right center; }

.content-box.bg-grey {background-color: #E4E4E4; color: #000;}
.content-box-inner {padding: 20px; width: 252px; position: absolute; height: 340px; }
.content-box-inner.inner-left {left:0;}
.content-box-inner.inner-right {right:0;}
.content-box h3 {padding: 0; margin: 0;}
.content-box.bg-green h3 {color: #fff;}
.content-box.bg-green p {color: #fff;}

.content-box-link { 
  padding: 10px 15px;
  border: 1px solid;
  display:block;
  text-align:center;
  
  transition: background-color 1s;
  -webkit-transition: background-color 1s;
  -moz-transition: background-color 1s;
}

.content-box.bg-green .content-box-link:hover { background-color: #35A872;  }
.content-box.bg-grey .content-box-link:hover { background: #F3F3F3; }

.content-box.bg-green .content-box-link { border-color: #fff;}
.content-box.bg-grey .content-box-link { border-color: #000;}