body{
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
h1{
  font-size:1.0rem;
}
h1.gb{
  font-size:1.0rem;
  text-transform: uppercase;

}
h2{
  font-size:0.95rem;
  font-weight:700;
  color: #737676;
}
h3{
  font-size:0.98rem;
  font-weight:400;
}
/*.container{
  max-width:1200px;
  padding:10px 50px 10px 50px;
}*/
.hdr{
 display:flex; 
 justify-content:center;
}
.label-ebene{
  font-size:3rem;
  text-align:center;
  padding:50px 30px 50px 30px;
  border-bottom:2px solid #78A9D3;
  color:#78A9D3;
  min-width:200px;
}
.item:nth-child(2){order:1;}
.item:nth-child(1){order:2;}
.item:nth-child(3){order:3;}

.card{
  padding:20px;
  font-size:1rem;
  color:rgba(0,0,0,0.66);
  text-align:center;
}

a.extern{
  color:rgb(14, 81, 144);
  background: #b9e6e4;
  padding:8px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-decoration:none;
  -webkit-box-shadow: 1px 2px 5px -1px #948E8F; 
  box-shadow: 1px 2px 5px -1px #948E8F;
}
a.extern:before{
  position:relative;
  top:3px;
  content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(14, 81, 144)' class='bi bi-box-arrow-up-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E")} 
a.extern:hover{
  background: rgba(185, 243, 232, 0.4);
  color: rgb(14, 81, 144);
}
.ebene{
  display:flex;
  flex-direction:column;
}
@media(min-width:1200px){
  .ebene{
    display:flex;
    flex-direction:row;
    //justify-content:flex-start;
    justify-content:center;
  }
  .card{
    min-width:400px;
  }
  .label-ebene{
    font-size:2rem;
    text-align:center;
    padding:50px 30px 50px 30px;
    border-left:2px solid #78A9D3;
    border-right:2px solid #78A9D3;
    border-bottom:none;
    color:#78A9D3;
    //color:#78A9D3;
    color:#6D99BF;
    min-width:200px;
   }

   
  .item:nth-of-type(1){order:1; }
  .item:nth-child(2){order:2; }
  .item:nth-child(3){order:3;}
}

.mt5{
  margin-top: 5px;
}

.mt10{
  margin-top: 10px;
}
.mt20{
  margin-top: 20px;
}
.mb10{
  margin-bottom: 10px;
}
.pt20{
  padding-top: 20px;
}