@media screen and (min-width:961px) {  
  body {
  background-image:url("../img/Hintergrundblau.gif");
}

.oben {
  display: block;
  height: 0.8%;
}

.kopf {
  background-color: #fff;
  background-image: linear-gradient(#ffffff, rgb(240, 227, 192));
	width: 82%;
  height: calc(82vw/10.2);
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.bildkopfbig {
  width: 100%;
  margin-left: 0;
  margin-top: 0;
  display: block;
}

.bildkopfsmall {
  width: 82%;
  margin-left: 0;
  margin-top: 0;
  display: none;
}

.boxhamburger {
  width:15vw;
  height: auto;
  margin-left: 85vw;
  margin-right: auto;
  margin-top: calc(82vw/-13.0);
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
}

#navover {
  display: block;
  width: 40%;
}

#navout {
  display:none;
  width: 40%;
}

.navpicture {
  width: calc(82vw/23.0);
  height: auto;
  margin-top: 0;
  position: absolute;
  display: block;
}

#navhamburger {
  display: none;
  margin-left: -8.90vw;
  width: 100%;
  margin-top: 0.4vw;
}

.hauptseite {
  display: block;
	width: 82%;
  height:50px;
  margin-right: 9%;
  margin-left: 9%;
  margin-bottom: 0.5%;
  position: relative;
}


.main {
  display: block;
  background-color: rgb(255, 255, 255);
  position: absolute;
  width: 100%;
  margin: 0 auto;
  height: auto;
}

.innerdiv {
  display: block;
  padding: 0.5% 0.5% 0.5% 0.5%;
  background-color: #fff1db;
  margin: 0.5% 0.5% 0.5% 0.5%;
}


.titleone {	
  font-family:Arial,Helvetica,Geneva,Sans Serif;
	font-size: 1.5vw;
	margin:0px;
	color:#446BBA;
}

}


@media screen and (max-width:960px) { 
    body {
    background-image:url("../img/Hintergrundblau.gif");
  }
  
  .kopf {
    background-color: #fff;
    background-image: linear-gradient(#ffffff, rgb(240, 227, 192));
    width: 100%;
    height: calc(82vw/8.2);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
  }
  
  .bildkopfbig {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    display: none;
  }
  
  .bildkopfsmall {
    width: 82%;
    margin-left: 0;
    margin-top: 0;
    display: block;
  }

  
.boxhamburger {
  width:23.5vw;
  height: auto;
  margin-left: 85vw;
  margin-right: auto;
  margin-top: calc(82vw/-13.0);
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
}

#navover {
  display: block;
  width: 40%;
}

#navout {
  display:none;
  width: 40%;
}

.navpicture {
  width: calc(100vw/23.0);
  height: auto;
  margin-top: 0;
  position: absolute;
  display: block;
}

#navhamburger {
  display: none;
  margin-left: -8.85vw;
  width: 100%;
  margin-top: -2.8vw;
}

  .hauptseite {
    display: block;
    width: 100%;
    height:50px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0.5%;
    position: relative;
  }
  
  
  .main {
    display: block;
    background-color: rgb(255, 255, 255);
    position: absolute;
    width: 100%;
    margin: 0 auto;
    height: auto;
  }
  
  .innerdiv {
    display: block;
    padding: 0.5% 0.5% 0.5% 0.5%;
    background-color: #fff1db;
    margin: 0.5% 0.5% 0.5% 0.5%;
  }

  .fensterspruchdestages {
    width: 100%;
    height: auto;
  }
  
  
  .titleone {	
    font-family:Arial,Helvetica,Geneva,Sans Serif;
    font-size: 1.5vw;
    margin:0px;
    color:#446BBA;
  }
  
  }