body {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
}

* {
  margin:0;
  padding:0;
}

#seite {
  width:100%;
  margin: 0 auto;
}

#kopfbereich {
  background-color:#ffffff;
}


html, body {
	height:100%;
    overflow-x:hidden;}
h1 {color: #009ee0; text-align: center}

h2 {color: #009ee0; text-align: center}

h3 {color: #009ee0; text-align: center}

h4 {color: #009ee0; text-align: center}

#inhalt {text-align:block;
  background-color: white;
  margin: 40px
}

.left    { text-align: left; }
.right   { text-align: right; }
.center  { text-align: center; }

.normal     { white-space:normal; }
.pre        { white-space:pre; 
                    }
.pre-wrap   { white-space:pre-wrap; }
.pre-line   { white-space:pre-line; }
.nowrap     { white-space:nowrap; }


/* [ON BIG SCREENS] */
/* (A) WRAPPER */
#hamnav {
  width: 100%;
  background: #ffb400;
  /* Optional */
  position: sticky;
  top: 0;
}

/* (B) HORIZONTAL MENU ITEMS */
#hamitems { display: flex; }
#hamitems a {
  flex-grow: 1;
  flex-basis: 0;
  padding: 10px;
  color: black;
  text-decoration: none;
  text-align: center;
}
#hamitems a:hover { background:#009ee0;
; }

/* (C) HIDE HAMBURGER */
#hamnav label, #hamburger { display: none; }

/* [ON SMALL SCREENS] */
@media screen and (max-width: 768px){
  /* (A) BREAK INTO VERTICAL MENU */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
  }

  /* (B) SHOW HAMBURGER ICON */
  #hamnav label {
    display: inline-block;
    color: black;
    background:#009ee0;
;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }

  /* (C) TOGGLE SHOW/HIDE MENU */
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display: block; }
}
label.logo{
    color: #ffb400;
    font-size: 45px;
    line-height: 80px;
    padding: 0 80px;
    font-weight: bold;
    font-family:arial;
}


@media (max-width:768px){
    label.logo{
        font-size:25px;
        padding: 0 30px;
    }