#MnuMythenFeiten {    
    display:block; 
    width:100%; height:5vw;
    text-align:center; margin-top:2.5vw; 
    font-size: 1.15em; line-height:1.4; font-weight:600; }
  
  #allCards {  
    display:block; 
    width:100%; height:calc(100% - 9vw) ; 
    margin-top: 1vw; text-align:center;
    overflow-x:hidden; overflow-y:auto;}
  
  .container-Card { 
    display:inline-block;
    width:40vw; height:40vw;
    margin: 0px 2vw 2vw 2vw;
    perspective: 800px; }  
       
  .card, .cardRotate {
    width: 100%;
    height: 100%;
    border: 2px #d0d0d0 solid;  border-radius: 1vw;
    position: relative;
    transition: transform 1500ms;
    transform-style: preserve-3d; } 
    
  .cardRotate { 
     -moz-transform : rotateY(180deg)  ;
     -webkit-transform : rotateY(180deg) ;
     -o-transform : rotateY(180deg) ; 
     -ms-transform : rotateY(180deg) ;
     transform : rotateY(180deg) ; }  
     
  .card_front { 
    display:grid; position: absolute;
    left:0px; right:0px;  top: 0px; bottom: 0px; 
    background: #c2f9fc; color: #517eb5;
    backface-visibility: hidden;
    grid-template-columns: 1vw 1fr 1vw;
    grid-template-rows:  3vw auto auto 1fr 10vw 4vw;
    justify-content: center; align-content: center;
    justify-items: center; align-items: center;
    row-gap:1vw; column-gap:0px; }   
    
  .card_back { 
    display:grid; position: absolute;
    left:0px; right:0px;  top: 0px; bottom: 0px; 
    background: #ffffff; color: #517eb5;
    backface-visibility: hidden;
    grid-template-columns: 1vw 1fr 1vw;
    grid-template-rows: 3vw auto auto 1fr 2vw ;
    justify-content: center; align-content: center;
    justify-items: center; align-items: center;
    row-gap:1vw; column-gap:0px;    
    transform: rotateY(180deg) ;   }
  
  .card_front span.size1, .card_back span.size1 {  
    width:100%; height:100%;
    grid-column:2; grid-row: 2; 
    text-align:center;
    font-size: 1.25em; line-height:1.15; font-weight:bold; }
      
  .card_front span.size2, .card_back span.size2 { 
    width:100%; height:100%;
    grid-column:2; grid-row: 3;
    text-align:center; 
    font-size: 1em; line-height:1.15; font-weight:normal; }  
  
  .card_front span.size3, .card_back span.size3 {
    width:100%; height:100%;
    grid-column:2; grid-row: 3;
    text-align:center; 
    font-size: 0.9em; line-height:1.15; font-weight:normal; }  
  
  .card_front i, .card_front svg {
    width:100%; height:100%;
    grid-column:2; grid-row: 5; 
    text-align:center; 
    font-size: 10vw; line-height:1; }