@font-face {
    font-family: 'GermanoRegular';
    src: url('Fonts/Germano/Germano-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GermanoBold';
    src: url('Fonts/Germano/Germano-Bold.otf') format('opentype');
    font-weight: bold;
}

@font-face {
    font-family: 'GermanoItalic';
    src: url('Fonts/Germano/Germano-Italic.otf') format('opentype');
    font-style: italic;
}

body {
  background-color: #e6e6e6;
  font-size: large;
  margin-left: 10%;
  margin-right: 10%;
  font-family: 'GermanoRegular', 'Trebuchet MS', 'Arial', sans-serif;
}

@media only screen and (max-width: 600px) {
  body {
  font-size: 4vw;
  margin-left: 5%;
  margin-right: 5%;
  }
}

h1 {
  text-align: center;
}

a.home {
  text-decoration: underline;
  text-align: center;
  font-size: 200%;
  font-weight: bold;
  color: black;
  border-style: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}

a.andere {
  text-decoration: underline overline;
  color: black;
  padding: 0px;
  border-style: none;
}

h2 {

  text-align: center;
}

h3 {
  letter-spacing: 5px;
    line-height: 3;
}

h4 {

  letter-spacing: 3px;
}

p {

}

a {
  text-decoration: none;
  color: black;
  border-style: solid;
  padding: 4px;
  border-color: black;
  border-width: thin;
  border-radius: 15px 5px 15px 5px;
  margin: 5px;
}

a:visited {
  color:  #8c8c8c;
}

a.home:visited {
  color:  black;
}

a:hover {
  background-color: #D4FB79;
}

a.home:hover {
  background-color: #e6e6e6;
}

.nadruk
{
	font-family: Arial;
	font-weight: 200;
}

.nadruk2 {
text-decoration: underline overline;
  text-decoration-style: dashed;
}

.insprong {
  display: inline-block;
  text-indent: 15px;
  font-size: medium;
}

.tab {
margin-left: 40px;
        }
        
.midden  {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
        }