body   
{
        font-family:Verdana; font-size:11pt; color:#202020;
        background-color:#f8f8f8;
}
h1 { font-family: 'Lucida Handwriting', cursive; font-size: 40pt;}
th, td    {font-size:11pt; padding:5px; border-style: solid; border-color: #0000aa; border-radius: 2vh; border-width: 0.3vh;}
td {background-color: #fffddd; font-weight: bold; text-align: center;}
th {background-color: #fff39a; width:20vh;font-size: 13pt;}
textarea {font-size:10pt; padding: 5px;font-family:Verdana; text-align: left;}
input, select, textarea, .endsum
{
        border-style: solid;
        border-radius: 2vh; 
        border-color:#0000aa; 
        padding-left: 5px; 
        padding-bottom: 3px; 
        padding-top: 3px; 
        margin-bottom: 1vh;
        
}
.order {width: 10vh; height: 5vh; font-weight: bold; background-color: #aaffaa;}
.order:hover {background: #55ea55;}
.endsum { font-size:13pt; font-weight: bold; display: inline-block; padding-right:5px;}
.bild {width:40vh;height: 20vh;}
/* ==============================
   Navigation Bar (als Klasse)
============================== */
.navbar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #333333;
  display: flex;
}

.navbar li a {
  display: block;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  transition: background-color 0.8s ease;
}

.navbar li a:hover:not(.active) {
  background-color: #F0003A;
  transform: scale(1.5);
  transition: transform 0.8s ease, background-color 2s ease;
}

.navbar li a.active {
  background-color: #04AA6D;
}

/* Mobile Ansicht */
@media (max-width: 600px) {
  .navbar {
    flex-direction: column;
  }
  .navbar li a {
    text-align: center;
  }
}