/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24.02.2019, 17:11:02
    Author     : Dirk
*/
.grid {
  width: 100%;
  display: grid;
  /*    grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
      grid-template-rows: 1fr 1fr 1fr 1fr;*/
  grid-template-columns: minmax(145px, 195px) minmax(145px, 195px) minmax(145px, 195px) minmax(145px, 195px) minmax(145px, 195px);
  grid-template-rows: minmax(145px, 195px) minmax(145px, 195px) minmax(145px, 195px) minmax(145px, 195px);
  grid-gap: 20px;
  overflow: visible; }

.box {
  border: 0px solid #999;
  padding: 0px;
  padding: 0px;
  overflow: visible;
  height: 100%; }

.c33 {
  grid-column: 2 / span 2;
  grid-row: 1;
  background-color: #990000; }

.c112y {
  grid-column: 1;
  grid-row: 1 / span 2; }

.c312x {
  grid-column: 3/span 2;
  grid-row: 1; }

.c422x {
  grid-column: 4/span 2;
  grid-row: 2; }

.c232x {
  grid-column: 2/span 2;
  grid-row: 3;
  background-color: #faa2b3; }

.c432y {
  grid-column: 4;
  grid-row: 3 / span 2; }

.f2 {
  color: #FFF; }

.f4 {
  background-color: #94393;
  color: #FFF; }

.f11 {
  color: #FFF; }

.f12 {
  color: #FFF; }

.f13 {
  background-color: #E3E3E3; }

.c42 {
  background-color: #E3E3E3;
  padding: 20px;
  box-sizing: border-box; }

.c35 {
  background-color: #595959;
  padding: 20px;
  box-sizing: border-box;
  color: #fff; }

#boxtrauerfall, #boxunternehmen, #box11, #box34, #box51, #boxuetersen, #boxaktuelles, #boxratgeber, #boxkontakt, #boxraum {
  height: 100%;
  width: 100%; }

.c35 p, .c42 p {
  font-size: 24px;
  font-weight: 100;
  text-align: left; }

.side a {
  font-size: 80%;
  text-decoration: none;
  color: #222;
  padding: 4px 2px;
  display: block;
  line-height: 14px; }
.side a:hover {
  background-color: #ccc; }

.side1 {
  background-color: blue;
  height: 100%;
  width: 100%;
  font-size: 24px;
  font-weight: 100;
  text-align: left; }

.side2 {
  background-color: orange;
  height: 100%;
  width: 100%; }

.side3 {
  background-color: orange;
  height: 100%;
  width: 100%; }

#box51 .side1 {
  background-color: #949393;
  color: #fff; }
#box51 .side2 {
  background-color: #E3E3E3; }

#boxtrauerfall .side1 {
  background-color: #Ff5765;
  color: #fff; }
#boxtrauerfall .side2 {
  background-color: #Ff7883; }

#boxunternehmen .side1 {
  background-color: #A72631;
  color: #fff; }
#boxunternehmen .side2 {
  background-color: #7E1D25; }
  #boxunternehmen .side2 a {
    color: #fff; }

#boxuetersen .side1 {
  background-color: #Ff7883;
  color: #fff; }
#boxuetersen .side2 {
  background-color: #Ff5765; }

#boxaktuelles .side1 {
  background-color: #7E1D25;
  color: #fff; }
#boxaktuelles .side2 {
  background-color: #A72631; }
  #boxaktuelles .side2 a {
    color: #FFF; }

#boxratgeber .side1 {
  background-color: #C0BFBF;
  color: #000; }
#boxratgeber .side2 {
  background-color: #E3E3E3; }
  #boxratgeber .side2 a {
    color: #222; }

#boxkontakt .side1 {
  background-color: #fff;
  color: #222; }
#boxkontakt .side2 {
  background-color: #949393; }
  #boxkontakt .side2 a {
    color: #fff; }

#boxraum .side1 {
  background: url("../raum/aussen.jpg");
  background-size: 100% auto;
  color: #fff; }
#boxraum .side2 {
  background: url("../raum/aussen2.jpg");
  background-size: 100% auto; }
  #boxraum .side2 a {
    color: #fff; }
#boxraum .side3 {
  background: url("../raum/aussen1.jpg");
  background-size: 100% auto; }
  #boxraum .side3 a {
    color: #fff; }

.flipbox-box > .flipbox-side > .side, .side.turnBoxFace {
  padding: 20px;
  box-sizing: border-box; }

.videoHolder {
  position: relative;
  overflow: hidden; }

#v_rose {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 0; }

/*########################*/
.c112y .side1 {
  background: url("../team/Hinrich_Andreas.jpg");
  background-size: auto 100%; }

.c112y .side2 {
  background: url("../team/Hinrich_Ralf.jpg");
  background-size: auto 100%; }

.c112y .side3 {
  background: url("../team/Ziebell_Eckhard.jpg");
  background-size: auto 100%; }

.c432y .side1 {
  background: url("../team/Hinrich_Jutta.jpg");
  background-size: auto 100%; }

.c432y .side2 {
  background: url("../team/Hinrich_Andreas__.jpg");
  background-size: auto 100%; }

/*.c312x{ 
    background: url("../raum/aussen.jpg"); 
    background-size: 100% auto;
}*/
/*.flipbox-side{
    overflow: hidden;
    height:400px;
    margin:0px;
    padding:0px;
}*/

/*# sourceMappingURL=grid.css.map */