/* Wilde Formen: https://pixeltuner.de/css3-formen/ */

/* Responsive Mega Menu aus: https://www.drweb.de/responsive-navigation-css-dropdown-menue/ */

/* Buttonbar fuer Intro */

@media screen and (orientation: portrait) {
 #IndexLogo {
  height:           auto;
  width:            60%; 
 }
}
@media screen and (orientation: landscape) {
 #IndexLogo {
  height:            60%;
  width:             auto; 
 }
}

#mainpagelogo, #mainpagePWALogo {
 width: 20%;
}

#mainpageBBPPic {
 width: 50%;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9pt;
 margin: 20px;
}

h3 { 
  text-align:                  center;
}

.Btn {
  text-align:       center;
  width:            250;
  height:           30;
}

#Headline {
  font-family:                 arial, "lucida console", sans-serif;
  font-size:                   20pt;
  font-weight:                 700;
  text-align:                  center;
}

#SubHeadline {
  font-family:                 arial, "lucida console", sans-serif;
  font-size:                   12pt;
  font-weight:                 700;
  text-align:                  center;
}

.RoundBtn { /* https://stackoverflow.com/questions/38320878/circle-button-css mit Hinweis auf fehlende Zentrierung  des +-Zeichens */
  height:           60px;
  width:            60px;  
  line-height:      60px;  
  font-size:        2em;
  font-weight:      bold;
  border-radius:    50%;
  background-color: #4CAF50;
  color:            white;
  text-align:       center;
  cursor:           pointer;
}

.NormalTable {
  border:           0px solid black; 
  border-collapse:  collapse;
  padding:          5px;
  width:            90%;
  font-family:      arial, "lucida console", sans-serif;
  font-size:        9pt;
}

.NormalTable td {
  border:           0px solid black; 
  padding:          5px;
  padding-top:      5px;
  padding-bottom:   5px;
}

.NormalTR {
  border:           0px solid black; 
}

.NormalTD {
  border:           0px solid black; 
  padding:          5px;
  padding-top:      5px;
  padding-bottom:   5px;
}

.NormalDispOrderCol {
  width:            2%;
  text-align:       center;
  background-color: white;
}

.NormalNameRow {
  background-color: white; /*#eee;*/
  font-weight:      700;
}

#IDCenter {
  text-align:       center;
  justify-content:  center;
}