body {
	background-image: url(../images/bg/bg4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
*, html {padding: 0; margin: 0;}

body {
	font-family: Raleway, Arial;
	padding-top: 2em;
}

#wrapper {
	width: 90%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#header {
}
#container {
	clear: both;
}

.bildsammlung img {
	margin: 15px;
	box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
	transition: transform 0.4s;
}
.bildsammlung img:hover {
	 cursor: zoom-in;
	 cursor: -moz-zoom-in;
	 cursor: -webkit-zoom-in;
	 transform: scale(3.0, 3.0);
}

.ce_text {
	margin-bottom: 1em;
}
h1 {
	text-transform: uppercase;
	margin-bottom: 1em;
}
.ce_text p {
	margin-bottom: 1em;
}

.ce_text table td {
	padding:0.3em 1em 0.3em 0;
}
.ce_text a {
	color: #fff;
	background-color: #555;
	text-decoration: none;
	padding: 0.2em;
}
.ce_text a:hover {
	color: #fff;
	background-color: #000;
}


.ce_gallery {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.ce_gallery .image_container {
	margin: 15px;
	box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
}





div.logo_left {
	float: left;
	text-align: center;
	margin-bottom: 1em;
}
.logo_head1 {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 130%;
	border-bottom: 1px solid #000;
	padding: 0.5em 0;
}
.logo_head2 {
	text-transform: uppercase;
	font-size: 120%;
	padding: 0.5em 0;
}
div.logo_right {
	float: right;
}

.leistungen ul {
	text-align: center;
}
.leistungen li {
	display: inline;
	margin-right: 1em;
	text-transform: uppercase;
}
.mod_navigation {
	clear: both;
	padding-top: 2em;
	text-transform: uppercase;
	font-size: 80%
}
.mod_navigation ul {
	list-style-type: none;
	text-align: center;
}
.mod_navigation li {
	display: inline;
	padding: 0.5em;
}
.mod_navigation a {
	color: #000;
	text-decoration: none;
}
.mod_navigation a:hover {
	color: #000;
	text-decoration: underline;
}


.invisible {
	display: none;
}