body,td,th {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: Black;
  font-size: 12px;
  line-height: 17px;
	background: white;
}

html, body {
  padding: 0;
  margin: 0;
}

h1 {
	line-height: 25px;
}

h2 {
	margin: 3px 0px;
	font-size: 18px;
}

a {
  color: Black;
  text-decoration: none;
	transition: 0.5s ease;
}

a:hover {
  color: #FF3505;
}

#container {
  width: 100%;
}

#top-nav {
  height: 140px;
  width: 100%;
  font-size: 16px;
	background: white;
}

.logo {
  width: 120px;
  height: auto;
}

#logo {
  float: left;
  margin: 10px;
	margin-bottom: 0;
  width: auto;
}

/*Hamburger Menü START*/

#hbmenuBTN {
	cursor: pointer;
	display: none;
	width: 35px;
	height: 39px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 13px;
	padding-left: 13px;
	margin: 25px;
	box-sizing: content-box;
}

#hbmenuBTN:hover, #hbmenuBTN:focus {
	background: lightgrey;
}

.bar {
	width: 35px;
  height: 5px;
  background-color: black;
  margin-top: 6px;
}


.hbmenu {
  position: relative;
  display: inline-block;
}

.inhalte {
  display: none;
  position: absolute;
	right: -51px;
  background-color: white;
	width: 250px;
	text-align: center;
  overflow: auto;
  z-index: 1;
}

.inhalte a {
  color: black;
  padding: 18px 22px;
  text-decoration: none;
  display: block;
}

.hbmenu a:hover {
	background-color: #ddd;
	color: #FF3505
}

.display {display: block;}

/*Hamburger Menü ENDE*/

#navbar{
  float: left;
  width:50%;
  height: 16px;
	padding-top: 62px;
	padding-bottom: 62px;
	padding-left: 30px;
  text-align: left;
}

#navbar-imp{
  float: right;
  width: 17%;
  padding-top: 61px;
  padding-bottom: 61px;
	padding-right: 50px;
  text-align: right;
}

#streifen {
	width: 100%;
	height: 51.5em;
	background: #B8B8B8;
	overflow: hidden;
}

.index-content {
	max-width: 830px;
	margin: auto;
	padding-top: 16px;
	padding-bottom: 12px;
}

.content {
  height: auto;
	overflow: auto;
  max-width: 1220px;
	margin: auto;
	padding: 5px;
	padding-top: 3px;
	font-size: 14px;
	background: #B8B8B8;
}

.content-profil {
	text-align: left;
	width: 47%;
	height: auto;
	float: left;
	padding-top: 2px;
}

.content-profil h2 {
	margin: 1px 0;
}

.content-profil h1 {
	margin: 4px 0;
}

#content-profil-bild {
	width: 50%;
	top: 50%;
	float: right;
	margin-top: 60px;
}

.diashow {
	float: right;
	margin-top: 35px;
	margin-right: 2%;
  width: 68%;
  position: relative;
}

.text {
	width:24%;
	float: left;
	height:auto;
	text-align:right;
	padding: 4% 2% 4% 4%;
	box-sizing: content-box;
}

.text h1 {
	line-height: 24px;
	font-size: 21px;
	text-transform: uppercase;
}

.impressum {
	padding: 3% 5% 3% 5%;
	background: #B8B8B8;
}

.impressum h2 {
	font-weight: normal;
	text-decoration: underline;
	font-size: 14px;
}

#bottom {
  background: white;
  width: 100%;
  height: 200px;
}

#bild-reihe {
	height: 200px;
	width: auto;
	overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
	clip-parent: bottom;
}

#bild-reihe-aktuelles {
	height: 200px;
	width: auto;
	overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
	clip-parent: bottom;
}

.bild-h {
	cursor: pointer;
	width: 100px;
	margin: 25px 7px;
	display: inline;
	position: relative;
	box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bild-v {
	cursor: pointer;
	width: 150px;
	margin: 50px 7px;
	display: inline;
	position: relative;
	box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bild-s {
	cursor: pointer;
	width: 150px;
	height: 150px;
	margin: 25px 7px;
	display: inline;
	position: relative;
	box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bild-h:hover, .bild-v:hover, .bild-s:hover {
	box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	top: 2px;
	right: -2px;
}

.video {
	width: 852px;
	margin: auto;
	margin-top: 10px;
}

.pdf {
	width: 50px;
	margin: auto;
	margin-bottom: 10px;
}

@media (max-width: 1220px) {
	#streifen {
		height: auto;
	}
}

@media (max-width:950px) {
	#top-nav {
		font-size: 14px;
	}

	.text h1 {
		font-size: 20px;
	}

	.text {
		word-wrap: break-word;
	}

	#kontakt {
		text-align: center;
		line-height: 20px;
	}
}

@media (max-width:1250px) {
	.video video, .video {
		width: 426px;
		height: 240px;
	}

	.video {
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

@media (max-width:720px) {
  .logo {
    width:90px
  }

	#top-nav {
    height:110px;
  }

	#navbar {
		display: none;
	}

	#navbar-imp {
		display: none;
	}

	#hbmenuBTN {
		display: block;
		float: right;
	}

	.diashow {
		width: 95%;
		margin: auto;
		float: none;
		margin-top: 10px;
	}

	.text {
		width: 95%;
		margin: auto;
		float: none;
		text-align: center;
		padding: 0%;
		padding: 4% 0% 4% 0%;
	}

	.index-content {
		position: relative;
		width: 100%;
		margin: auto;
	}

	.content-profil, #content-profil-bild {
		float: none;
		width: 100%;
		text-align: center;
	}

	#content-profil-bild img {
		width: 600px;
		margin: auto;
	}
}