body {padding:0;margin:0;background-color:#FEFEFE;font-size:14px;font-family:Arial;}
h1 {font-size:3em;font-weight:bold;margin:0 0 7px 0;}
h2 {font-size:2.5em;font-weight:bold;margin:0 0 7px 0;}
h3 {font-size:2em;font-weight:bold;margin:0 0 7px 0;}
h4 {font-size:1.5em;font-weight:bold;margin:0 0 7px 0;}
h5 {font-size:1.25em;font-weight:bold;margin:0 0 7px 0;}

.divPageHeadMid {float:left;}
.divPageHead {border-bottom:3px solid #14A1FF;padding:7px;}

.divPageLogo {float:left;cursor: pointer;}
.divLoginForm {background-color:antiquewhite;padding:10px;border-radius:7px;text-align:center;margin-left:auto;margin-right:auto;width:fit-content;margin-top:20px;margin-bottom:20px;}
.divLogout {float:right;margin-right:20px;}
.divPageBody {margin:10px;float:left;}
.divBodyWrap {}
.pLoginError {color:crimson;font-weight:bold;text-align:center}
.divLeftNav {float:left;width:fit-content;font-size:1.2em;background-color:beige;border-right:3px solid #14A1FF;padding:10px;height:100%;}
.divLeftNav a {color:#14A1FF;text-decoration:none;line-height:30px;}
.divLeftNav a.activeLink {color:#FFAA88;}
.divBodyTextBlock {margin:10px 0 10px 10px;}
.divErrorBox {background-color:#FF7568;color:antiquewhite;border-radius:7px;padding:10px;}
.divResponseBox  {background-color:wheat;color:#000000;border-radius:7px;padding:10px;max-width:700px;}

header {
  display: flex;              
  justify-content: space-between;    
  align-items: center;
  background-color: #707070;
  padding: 30px 10%;
}

button {
  cursor: pointer;
  padding: 9px 25px;
  background-color: rgba(0, 136, 169, 1);   
  border: none;
  border-radius: 50px;
  transition: all 0.3s ease 0s;
}

button:hover {
  background-color: rgba(0, 136, 169, 0.7);  /* alpha ändert sich beim hovern --> opacity nimmt ab, 0,7 = 70%*/
  text-decoration: none;
}

.btn a {
  text-decoration: none;
}

.nav-item {
  list-style: none;
}

.nav-item {
  display: inline-block;                    /* ul ist in reihe nicht untereinander. kann auch direkt an li gemacht werden*/
  padding: 0px 30px;
}

.navbar li a {
  transition: all 0.3s ease 0s;      /*letzter wert= delay, ease-in-out= vorwärts und rückwärts*/
}

.navbar li a:hover {
  color: #0088a9;
}


.nav-item a, button{
  text-decoration: none;
  color: #edf0f1;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: normal;
}

.hamburger {
  height:40px;
  cursor: pointer;
  position:relative;
}

.hamburger:hover {
  padding:2px;
  border: 2px solid;
  border-radius: 5px;
}

.hamburger-hide {
  display:none;
}

@media (max-width: 768px){
  .nav-list{
    display: none;
  }
  .cta {
    display: none;
  }

}

@media (min-width:769px){
  .hamburger{
    display:none;
  }
}