body,h1,h2,h3,h4,h5,h6, p  {font-family: Roboto, sans-serif;}

}
  
w3-button:hover {
  color: #000000 !important;   /* rot */
}
  
.panel_alternativ  {
    background-color: #9BB7D4;
    background-color: #a7c6eb; 
    color: #000000;
  }

/* Farben*/  
.bg_rajah  {
    background-color: #F9B668 !important;
background-color: #ffa500 !important;
background-color: #F9B668 !important;
background-color: #f8ab54 !important;   /* #f8ab54	rgb(248, 171, 84)	hsl(32, 92%, 65%) */
    color: #ffffff;
  }

.bg_Double_Colonial_White_w  {
    background-color: #EEDFA5;
    color: #ffffff;
  }  
.bg_Double_Colonial_White_s  {
    background-color: #EEDFA5 !important;
    color: #000000;
  }  
  .bg_Double_Colonial_White_milano  {
    background-color: #EEDFA5 !important;
    color: #B61711;
  } 
  .bg_buttery_white  {
    background-color: #FEFBEA !important;
    color: #B61711;
  }   
  

  .w3-2021-marigold
{color:#fff!important;background-color:#FDAC53!important}
.w3-2020-saffron
{color:#000!important;background-color:#FFA500!important}
.w3-2020-saffron-w
{color:#fff!important;background-color:#FFA500!important}

.txt_milanored  {
    color: #B61711 !important;
  }
.txt_basis    {
    color: #76A5AF !important;
  }
.txt_turcoise  {
    color: #5CF5EB !important;
  }  
.txt_velvetgreen  {
    color: #4E8529 !important;
    font-weight: 900 !important;
  }   
  /*  Text  */
  
.txt  {
    font-size: 28px;
  }
.txt15  {
    font-size: 15px;
  } 
.txt20  {
    font-size: 20px  !important;
  }
  
.zeilenweite2   {
     line-height: 1.8 !important;
  }
.zeilenweite1   {
     line-height: 1.4 !important;
  }  
  
  
/*  BUTTONS  */
.button-height   {
     height: 35px !important;
  }   
  
.button-text   {
     padding-bottom: 60px !important;
     vertical-align: text-top !important;
  } 
  
  
/* Positionierung von Bildern Seite 2    */
.TopContainer  {
  position: relative;
}


div.relative1 {
  position: absolute;
  left: 5px;
  top: 20px;
  z-index: 1;
}
div.relative2 {
  position: relative;
  left: 100px;
  top: 100px;
  z-index: 2;
}
div.relative3 {
  position: relative;
  left: 130px;
  top: 100px;
  z-index: 3;
}
div.relative4 {
  position: relative;
  left:260px;
  top: -150px;
  width:35%; 
  height:auto; 
  z-index: 4;
}
/* Text oben links in einem Bild positionieren */
.topleft {
  position: absolute;
  top: 8px;
  left: 20px;
  font-size: 18px;
  font-weight: bold;
}


/*  SCHATTEN  */