.bodyStart {
        background-image: url("images/background1grey.jpg");
	background-color: #333333;
        /*height: 500px;*/ /* You must set a specified height */
        background-position: center; /* Center the image */
        background-repeat: repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
        color: #333333
}

body {
        background-image: url("images/background1.jpg");
	background-color: #333333;
        height: 500px; /* You must set a specified height */
        background-position: center; /* Center the image */
        background-repeat: repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */
        color: #333333
}

#wrapperstart{
        position: relative;
        margin-top: 4%;
        margin-left: auto;
        margin-right: auto;
        width:90%;
}

#wrapper{
        position: relative;
        margin-top: 10%;
        margin-left: auto;
        margin-right: auto;
        width:90%;
}

ul.nav {
    width:100%;
    margin:0 auto;
    padding:0;
    list-style:none;
    text-align:center;
}
.nav li { 
     float: left;
    width:18%;
    margin:0;
    padding:0;
}
.nav a.start {
    text-align:center;
    padding:5px 0 5px 0;
    margin:0;
    display:block;
    color: white;
    font: 20px Arial, Verdana, Helvetica; 
    text-decoration: none;
}
.nav a {
    text-align:center;
    padding:5px 0 5px 0;
    margin:0;
    display:block;
    color: #333333;
    font: 20px Arial, Verdana, Helvetica; 
    text-decoration: none;
}
.kasten{
        position: absolute;
        width: 90%;
        padding: 5% 5%  5% 5%;
margin-bottom: 5%;
        height: auto;
        background-color: rgba(255, 255, 255, 0.8);
        font: 18px Arial, Verdana, Helvetica;
}

.strokeme
{
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

H2 { 
   text-align: center;
   font-weight: bold; 
   font: 55px Arial, Verdana, Helvetica; 
}

.center {
position: relative;
text-align: center;
float:none;
}

img.rounded {
  object-fit: cover;
  border-radius: 50%;
  height: 50%;
  width: 50%;
  border:1.5px solid black
}

.responsive {
width: 40%;
}

/*MEDIA QUERY*/
@media only screen and (max-width : 640px) {
img.rounded {
  object-fit: cover;
  border-radius: 50%;
  height: 90%;
  width: 90%;
}

.nav li { 
     float: none;
    width:100%;
}

.nav a.start {
    font: 14px Arial, Verdana, Helvetica; 
}
.nav a {
    font: 14px Arial, Verdana, Helvetica; 
}

#wrapperstart{
        width:95%;
}

#wrapper{
        width:95%;
}
.kasten{
        width: 95%;
        padding: 3% 3%  3% 3%;
margin-bottom: 5%;
        font: 14px Arial, Verdana, Helvetica;
}


H2 { 
   font: 35px Arial, Verdana, Helvetica; 
}

}

/* #linkleiste{
        position: relative;
        overflow: hidden;
}

.start {
        padding: 14px 46px;
        font: 18px Arial, Verdana, Helvetica; 
        text-decoration: none; 
        color: white
}


.start:link       { color: white;  }
.start:visited   { color: white;   }
.start:hover    { font-weight: bold;  }
.start:active    { color: white; }

a {
        padding: 14px 46px;
        font: 15px Arial, Verdana, Helvetica; 
        text-decoration: none; 
        color: #333333
}


a:link       { color: #333333;  }
a:visited   { color: #333333;   }
a:hover    { font-weight: bold;  }
a:active    { color: #333333; }


.centered {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.right {
  float: right;
} */