body {
	font-family: Arial, Helvetica, sans-serif;
    color: black;
	margin: 3em;
}

footer {
    text-align: center;
    color: darkgrey;
    margin-top: 3em;
}

#kopf {
    display: -ms-flexbox;  /* IE 10 */
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

#nav {    
    list-style-type: none;
	color: black;
    margin-top:0em;
    display: -ms-flexbox;  /* IE 10 */
	display: flex;  /* Standard */
}

#logo {
    display: -ms-flexbox;  /* IE 10 */
	display: flex;
	margin-right: auto;
    margin-bottom: 2em;
}

li {
    padding: 0 1em;
}

#start {
    display: block;
    margin-top: 3em;
    margin-bottom: 6em;
    margin-left: auto;
    margin-right: auto;
}
  
img {
    max-width: 100%;
    height: auto;
    }


video {
    max-width: 100%;
    height: auto;
    margin-top: 4em;
}

#text {
    max-width: 740px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

#text2 {
    text-align: center;
    font-size:larger;
}

#projekte {
    margin-left:20%;
}


td {
    vertical-align: top;
    padding-bottom: 1em;
}

img.bildergalerie {
    margin: 1em;
    max-width: 20%;
    height: auto;
}

.bilderklein {
    display: flex;
    flex: 2;
}

a:link {
	text-decoration:none;
	color: #272727;
}

a[href^="tel:"] {
    color: darkgrey;
}

a:visited {
	text-decoration:none;
	color: #1d174c;
}
a:hover {
	text-decoration:none;
	color: #5b8764;
}
a:active {
	text-decoration:none;
	color: #8b8b6e;
}

a.img_projekt {
  position:relative;
  display:block;
}
a.img_projekt:hover {
  border:none;
}
a.img_projekt img {
  border:none;
}
a.img_projekt span {
  display: none;
  }
a.img_projekt:hover span {
  display:block;
}

.gallery-container {
    position: relative;
    width: 80%;
    max-width: 600px;
    margin: auto;
    overflow: hidden;
    }
.gallery-container img {
    max-height: 300px;
    width: auto;
    margin: 0 auto;
    display: none;
    }
.gallery-container img.active {
    display: block;
    max-height: 300px;
    }