html, body{ 
 height: 100%;
 width: 100%;
}
body {
  font-family: Arial;
  margin: 0;
  
}

.title {
	font-size: 24px;	
    color: #0c4da1;
}

.bodyStart {
  font-family: Arial;
//  padding: 25px;
  overflow: hidden;
  text-align: center;
  background: url("https://manner-cf.worker.pixxio.media/mannerPortal.jpg") center center / cover;
}

.but {
    cursor: pointer;
    width: 300px;
    background-color: #FFF!important;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    border-radius: 5px;
    border: 1px solid#0c4da1;
    color: #0c4da1;
}

.but:hover {
  background-color: #DDD!important;
}

.logo {
		width: 130px;
    height: 50px;
    background-image: url("https://manner-cf.worker.pixxio.media/logo.svg");
    background-position: center;
    background-size: cover;
		position: absolute;
    top: 6px;
    left: 6px;
    cursor: pointer;
}

/* Header/Logo Title */
.header {
  padding: 20px;
  text-align: right;
  background: #f69686;
  color: #0c4da1;
  font-size: 14px;
  font-weight: bold;
}

#navibereich {
  //background-color: #F7FFC3;        /* Hintergrundfarbe für die Navigation */ 
  padding: 0px 40px;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  margin: 0;                        /* Keinen Außenabstand */ 
}

#navibereich li {
  display: inline;            /* Listenelemente nebeneinander */
  list-style-type: none;      /* Aufzählungszeichen entfernen */
  cursor: pointer;
  padding: 0px 25px;
}
/* Page Content */
iframe { 
	width: calc(100% - 4px);
	height: calc(100% - 60px); 
	  overflow: hidden;

	display: block; 
}