@charset "utf-8";
/* CSS Document */
body{
	margin-left: 0%;
    margin-right: 0%;
    margin-top: 0px;
}

inhalt {
    background-color: #ffffff;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 12px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	}

mark {
	background: #cfa6de;
	font-size: 20pt;
}

#menu {
	z-index: 1;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #ab822b;
}

#menu li {
  float: right;	
	margin: 20px 5px;
}

#menu la {
  float: right;	
	margin: 20px 10px;
}

#menu li a {
    display: block;
    color: #382a78;
    text-align: center;
    padding: 12px 16px;
    text-decoration: none;
	border: 2px solid #382a78;
	border-radius: 60px;
	font-size: 15pt;
	font-weight: 1000;
}

#menu la a {
    display: block;
    color: #382a78;
    text-align: center;
    padding: 12px 16px;
    text-decoration: none;
	border: 2px solid #382a78;
	border-radius: 60px;
	font-size: 15pt;
	font-weight: 1000;
	background-color: #382a78;
}

#menu lu a {
	display: inline-block;
  color: #382a78;
  text-align: left;
  padding: 12px 16px;
  text-decoration: none;
	
}

#menu li a:hover {
  background-color: #382a78; color: white;
}

body button {
	font-size: 25pt;
	border: 4px solid #382a78;
	border-radius: 40px;
	padding: 5px 15px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	background: #FFFFFF;
	color: #382A78;
	font-weight: 800;
}
body button a {
	text-decoration: none;
	color: #382A78;
}


body button a:hover {
	border-bottom: 4px solid #382a78;
}

body buttons {
	font-size: 20pt;
	padding: 1px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	background: #FFFFFF;
	color: #382A78;
	font-weight: 800;
	text-align: center;
}

body buttons a {
	text-decoration: none;
	color: #382A78;
}


body buttons a:hover {
	border-bottom: 4px solid #382a78;
}

h4 {
	text-align: center;
	font-size: 20pt;
}
h3 {
	text-align: left;
	font-size: 25pt;
	margin-left: 15%;
}

body buttonk {
	font-size: 25pt;
	border: 4px solid #382a78;
	border-radius: 40px;
	padding: 5px 15px;
	background: #FFFFFF;
	color: #382A78;
	font-weight: 800;
	margin-left: 15%;
}
body buttonk a {
	text-decoration: none;
	color: #382A78;
}


body buttonk a:hover {
	border-bottom: 4px solid #382a78;
}

@media only screen and (max-width:980px) {
	/* For mobile phones: */
inhalt {
    background-color: #ffffff;
    margin-left: 05%;
    margin-right: 05%;
    margin-top: 12px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	}

mark {
	background: #cfa6de;
	font-size: 350%;
}

#menu {
	z-index: 1;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #ab822b;
}

#menu li {
  float: right;	
	margin: 20px 5px;
}

#menu la {
  float: right;	
	margin: 20px 10px;
}

#element1 {
	margin-left: 12.5%;
}

#menu li a {
    display: block;
    color: #382a78;
    text-align: center;
    padding: 12px 16px;
    text-decoration: none;
	border: 2px solid #382a78;
	border-radius: 60px;
	font-size: 350%;
	font-weight: 1000;
}

#menu la a {
    display: block;
    color: #382a78;
    text-align: center;
    padding: 12px 16px;
    text-decoration: none;
	border: 2px solid #382a78;
	border-radius: 60px;
	font-size: 350%;
	font-weight: 1000;
	background-color: #382a78;
}

#menu lu a {
	display: block;
  color: #382a78;
  text-align: left;
  padding: 12px 16px;
  text-decoration: none;
	
}

#menu li a:hover {
  background-color: #382a78; color: white;
}

body button {
	font-size: 450%;
	border: 4px solid #382a78;
	border-radius: 40px;
	padding: 5px 15px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	background: #FFFFFF;
	color: #382A78;
	font-weight: 800;
}
body button a {
	text-decoration: none;
	color: #382A78;
}


body button a:hover {
	border-bottom: 4px solid #382a78;
}

body buttons {
	font-size: 20pt;
	padding: 1px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	background: #FFFFFF;
	color: #382A78;
	font-weight: 800;
	text-align: center;
}

body buttons a {
	text-decoration: none;
	color: #382A78;
}


body buttons a:hover {
	border-bottom: 4px solid #382a78;
}

h4 {
	text-align: center;
	font-size: 350%;
}
h3 {
	text-align: left;
	font-size: 400%;
	margin-left: 5%;
}

body buttonk {
	font-size: 25pt;
	border: 4px solid #382a78;
	border-radius: 40px;
	padding: 5px 15px;
	background: #FFFFFF;
	color: #382A78;
	font-weight: 800;
	margin-left: 15%;
}
body buttonk a {
	text-decoration: none;
	color: #382A78;
}


body buttonk a:hover {
	border-bottom: 4px solid #382a78;
}

}