body {
		padding-top: 10px;
		background: transparent;
		font-family: "Lato", sans-serif;
		font-weight: 400;
		transition: background-color .5s;
		}
		h1 {
		color: #fff;
/* background-color: rgb(117, 117, 117, 0.1); */
		font-family: "Abel", Arial, sans-serif;
		font-weight: 600;
		font-size: 40px;
		}
		a {
		color: #fff;
		font-weight: 700;
		}
		a:hover {
		color: #fff;
		}
		img {
		margin: 0px 5px 7px 0px;
		}
		.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
		color: #fff;
		background-color: rgba(117, 117, 117, 0.6);
		}
		.nav-pills > li.active > a:hover {
		background-color: rgba(117, 117, 117, 0.6);
		color:#fff;
		}

/* Override .panel adding a subtly transparent background */
		.panel {
		color: #fff;
		background-color: rgba(0, 0, 0, 0.7);
		}
		.panel-1 {
		background-color: rgba(255, 255, 255, 0.8);
		width: 85%;
		float:right;
		padding: 5px;



		}
		.galerie {
		width: 20%;
		padding: 10px;
		margin: 10px;
		border: 2px solid #aaa;
		min-height: 280px;
		min-width: 180px;
		}
		.galerie span {
		cursor: pointer;
		display: inline-block;
		position: relative;
		transition: 0.5s;
		}
		.galerie span:after {
		content: '\00bb';
		position: absolute;
		opacity: 0;
		top: 0;
		right: -20px;
		transition: 0.5s;
		}
		.galerie:hover span {
		padding-right: 25px;
		}
		.galerie:hover span:after {
		opacity: 1;
		right: 0;
		}
/* Container: Andere über uns */
		.panel-topright {
		float: right;
		height: 280px;
		}
/* in der Foto-Index */
		.myImg {
		border-radius: 5px;
		cursor: pointer;
		transition: 0.3s;
		}
		.myImg:hover {
		opacity: 0.7;
		}
		.logo {
		top: 20px;
		height: 220px;
		}
		.logo-small {
		background-color: rgba(255, 255, 255, 0.8);
		padding: 10px;

		transition: 0.3s;
		height:50px;
		}
		.logo-small:hover {opacity: 0.7;}
		.logo {
		top: 20px;
		height: 220px;
		}
		caption {
		margin: auto;
		display: block;
		width: 80%;
		max-width: 700px;
		text-align: center;
		color: #ccc;
		padding: 10px 0;
		height: 150px;
		}
		@-webkit-keyframes zoom {
		from {-webkit-transform:scale(0)}
		to {-webkit-transform:scale(1)}
		}
		@keyframes zoom {
		from {transform:scale(0)}
		to {transform:scale(1)}
		}
/* Das Menue–Modal (in jeder Datei)*/
		.modal-title {
		color: #fff;
		}
		.modal-dialog {
		padding-top: 200px;
		margin: 30px 2% auto 35%;
		text-size: 40px
		}
		.modal-body {
		background-color: rgba(3, 3, 3, 0.8);
		}
		.modal-content {
		background-color: rgba(117, 117, 117, 0.5);
		}

		.modal-content a {
		rgb(235, 250, 250)
		}
		.modal-content a:hover {
		color: #333;
		}
		.modal-content a:focus {
		color: #000;
		}
/* X–Button in Pop Ups und Modals (Menu) */
		.close {
		position: absolute;
		top: 15px;
		right: 35px;
		color: #f1f1f1;
		font-size: 40px;
		font-weight: bold;
		transition: 0.3s;
		}
		.close:hover,
		.close:focus {
		color: #bbb;
		text-decoration: none;
		cursor: pointer;
		}
/* The Close Button */
		.margin-base-vertical {
            margin: 40px 0;
		}
/* Button Menu Hamburger (in allen Dateien) */
		.button {
		border-radius: 4px;
		background-color: rgba(0, 0, 0, 0.7);
		border: none;
		color: #FFFFFF;
		text-align: center;
		font-size: 24px;
		padding: 10px;
		width: 60px;
		transition: all 0.5s;
		cursor: pointer;
		margin: 0px 10px 10px 0px;
		}
/* Button mit dem Finger (in allen Dateien) */
		.button-finger {
		border-radius: 4px;
		background-color: rgba(0, 0, 0, 0.7);
		border: none;
		color: #FFFFFF;
		text-align: center;
		font-size: 24px;
		padding: 10px;
		width: 60px;
		transition: all 0.5s;
		cursor: pointer;
		z-index: 100;
		margin: 0px 0px 20px 0px;
		}
		.button span {
		display: inline-block;
		position: relative;
		transition: 0.5s;
		}
		.button span:after {
		content: '\00bb';
		position: absolute;
		opacity: 0;
		top: 0;
		right: -20px;
		transition: 0.5s;
		}
		.button:hover span {
		padding-right: 25px;
		}
		.button:hover span:after {
		opacity: 1;
		right: 0;
		}
/* Carousel (Galerie, Index) */
		.carousel {
		height: 100%;
		}
		.carousel-inner > .item > img,
		.carousel-inner > .item > a > img {
		padding: 50px 0 0 0;
		width: 80%;
		margin: auto;
			}
		.carousel-indicators {
		padding: 20px 0 0 0;
		}
/* Accordion (Datenschutz) */
		.accordion {
		background-color: rgba(117, 117, 117, 0.4);
		border-radius: 5px;
		z-index: 8888 !important;
		color: #fff;
		cursor: pointer;
		padding: 1px 1px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		transition: 0.4s;
		}
		.accordion h6 {
		text-size: 20px;
		}
		.accordion:hover {
		background-color: rgba(117, 117, 117, 0.9);
		color: #fff;
		}
/* Klebendes Element bei Scroll und sprung an Bildschirminhalt oben (Logo jede Seite) */
		.affix {
		top: 0;
		z-index: 5555 !important;
		}
		.affix + .container-fluid {
		padding-top: 5px;
		}

	.band img {
		float : left;
		padding-right: 15px;
		padding-bottom: 2px;
	}
	.responsive-video {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 60px; overflow: hidden;
	}

	.responsive-video iframe,
	.responsive-video object,
	.responsive-video embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}