@charset "UTF-8";
:root {
  --VFlex-cube-direction: column;
  --VCube-w: 100%;  
  --Vsep70: 90%; 
  --Vsep50: 90%; 
 }
@media only screen and (min-width:740px) {
  :root {
  --VFlex-cube-direction: row;
  --VCube-w: 50%;  
  --Vsep70: 80%; 
  --Vsep50: 70%; 
  }
}
@media only screen and (min-width:1000px) {
  :root {  
  --Vsep70: 70%; 
  --Vsep50: 50%; 
  }
}

.cube-flex{
	display: flex;
    flex-direction: var(--VFlex-cube-direction);
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content:flex-start;
    background:#009E55; 
    padding:10px;
    border-radius:20px;
   }
 .cube{   
    box-sizing:border-box;
    width:var(--VCube-w);
    border:10px solid #009E55;
    padding:20px;    
    Background:#fff;
    color:#000;   
   }    

/* Text Colors */
.tcYellow{color:#ffff00;}   

/* Colors für Cube */
.bg-green-1{background:#009E55;} 
.bg-border-green-1{border:10px solid #009E55;}
.bg-white{background: #fff;}
.cube-flex{background:#009E55;}
.cube-border-green{border:10px solid #009E55;}


/* Seperatoren  center */

.sepB100 {
 width:100%;
 margin:15px 0;
 border: 0;
 height: 4px;
 background: #404040;
}
.sepW100 {
 width: 100%;
 margin:15px 0;
 border: 0;
 height: 4px;
 background: #fff;
}
.sepR100 {
 width: 100%;
 margin:15px 0;
 border: 0;
 height: 4px;
 background: #ff0000;
 }

.sepB90C {
 width:90%;
 margin:15px auto;
 border: 0;
 height: 4px;
 background: #404040;
}
.sepB70C {
 width: var(--Vsep70);
 margin:15px auto;
 border: 0;
 height: 4px;
 background: #404040;
}

.sepW90C {
 width:90%;
 margin:15px auto;
 border: 0;
 height: 4px;
 background: #fff;
 }
.sepW70C {
 width: var(--Vsep70);
 margin:15px auto;
 border: 0;
 height: 4px;
 background: #fff;
 }
.sepR90C {
 width:90%;
 margin:15px auto;
 border: 0;
 height: 4px;
 background: #ff0000;
 }
.sepR70C {
 width: var(--Vsep70);
 margin:15px auto;
 border: 0;
 height: 4px;
 background: #ff0000;
 }
/* Seperatoren  left */
.sepB90 {
 width:90%;
 margin:15px 0px;
 border: 0;
 height: 4px;
 background: #000;
}
.sepB70 {
 width: var(--Vsep70);
 margin:15px 0px;
 border: 0;
 height: 4px;
 background: #000;
}
.sepB50 {
 width: var(--Vsep50);
 margin:15px 0px;
 border: 0;
 height: 4px;
 background: #000;
}

.sepW90 {
 width: 90%;
 margin:15px 0;
 border: 0;
 height: 4px;
 background: #fff;
 }
.sepW70 {
 width: var(--Vsep70);
 margin:15px 0;
 border: 0;
 height: 4px;
 background: #fff;
 }
.sepR90 {
 width:90%;
 margin:15px 0;
 border: 0;
 height: 4px;
 background: #ff0000;
 }
.sepR70 {
 width: var(--Vsep70);
 margin:15px 0;
 border: 0;
 height: 4px;
 background: #ff0000;
 }
.sep-M{margin:15px 0 15px -1.2em;}