.site {
	height: 100vh;
    width: 100%;
    margin: auto;
    position: relative;
	display: flex;
	align-items: center;
}
#anfahrt-stoetteritz .mobile-content, #anfahrt-engelsdorf .mobile-content {
	height: 100vh;
	display:flex;
	justify-content: center;
	flex-direction:column;
	position: relative;
}
#content1, #content2, #content3 {
	width: 33%;
	height: 100vh;
}
#content2 {
	position: relative;
}
#content1 {
	width: 34%;
}
#content3 {
	position: relative;
	z-index: 1;
}
#foto1, #foto2 {
	height: 68vh;
}

.verlauf {
	height: 68vh;
}
address {
	text-align: center;
	padding: 1vmin;
	width: 100%;
	background: #EEEEEE;
	box-sizing: border-box;
	font-size: 2vmin;
	font-weight: 500;
	height: 32vh;
	display:flex;
	justify-content: center;
	flex-direction:column;
}

.logo {
	width: 90%;
	height: auto;
	background: url("../img/Logo_WTM.png") no-repeat center center;
	background-size:40% auto;
	margin: 18vh auto 2em auto;
}
.logo img {
	width: 100%;
}
/* Menü */
#menuliste ul {
	margin-top: 4em;
	margin-left: 2em;
}
#menuliste ul:first-of-type {
	margin-top: 7em;
}
#menuliste li {
	font-size: 2.8vh;
	line-height: 1.7em;
}
#menu-button {
	top:2em;
	left: 2em;
	height: 2.5em;
	width: 2.5em;
}
.ul-impressum li {
	margin-top: 1em;
	font-size: 2.5vh;
	margin-right: 1em;
}
/* Seite 2 */
.content-big, .foto-big {
	width: 67%;
	background: url("../img/fotos-wtm/20181204_124813.jpg") no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
	height: 100vh;
	overflow: hidden;
	display:flex;
	justify-content: center;
	flex-direction:column;
	position: relative;
}
.foto-small, .content-small {
	width: 33%;
	box-sizing: border-box;
	background: url("../img/tropfen/drop1.png") no-repeat 150% 5%;
	background-size: 50%;
	padding: 2em;
	height: 100vh;
	display:flex;
	justify-content: center;
	flex-direction:column;
}
#leistungen-fuer-gewerbekunden .content-big {
	background:url("../img/tropfen/drop2.png") no-repeat right -5% #0038C3;
	background-size: 35% auto;
	padding: 0 15vw 0 5vw;
}
#leistungen-fuer-privatkunden-wtm .content-big {
	background: url("../img/tropfen/drop3.png") no-repeat right 2em;
	background-size: 18vw auto;
	background-color: #D2D2D2;
	padding: 0 5vw;
}
#reinigung-historischer-gewaender .content-big {
	background: url("../img/tropfen/drop4.png") no-repeat left top;
	background-size: 20% auto;
	background-color: #D2D2D2;
	padding: 0 5vw;
}
#anfrage .content-small {
	background:url("../img/tropfen/drop2.png") no-repeat right top;
	background-size: 55% auto;
}
#brandwaesche .content-small {
	background-color: #33A3F5;
}
#impressum .content-big, #datenschutz .content-big {
	background: none;
	background-color: #D2D2D2;
	padding: 0 5vw;
	overflow: auto;
	justify-content: baseline;
	width: 100%;
}
#datenschutz .content-big {
	padding: 4vh 5vw;
	justify-content: flex-start;
	background-color: #EAEAEA;
}
#anfahrt-stoetteritz .content-big, #anfahrt-engelsdorf .content-big {
	background: none;
}
.spalten {
	column-count: 3;
	width: 100%;
}
#leistungen-fuer-gewerbekunden .foto-small {
	background: url("../img/fotos-wtm/20181204_124431.jpg") no-repeat center center;
	background-size: cover;
}
#leistungen-fuer-privatkunden-wtm .foto-small {
	background: url("../img/fotos-wtm/20181204_124307.jpg") no-repeat center center;
	background-size: cover;
}
#reinigung-historischer-gewaender .foto-small {
	background: url("../img/fotos-wtm/histor-gew-20181204_124442.jpg") no-repeat center center;
	background-size: cover;
}
#anfahrt-stoetteritz .foto-small, #anfahrt-engelsdorf .foto-small {
	background:none;
	background-color: #0038c3;
	color: #fff!important;
}
#service .foto-big {
	background: url("../img/fotos-wtm/20181204_124728.jpg") no-repeat center center;
	background-size: cover;
}
#anfrage .foto-big {
	background: url("../img/fotos-wtm/eingangsbereich_meinereinigung.jpg") no-repeat center center;
	background-size: cover;
}
.liste {
	color: #0038c3;
	font-weight: 500;
	line-height: 1.714em;
	margin-top: 1em;
	list-style-type: circle;
	margin-left: -1em;
	padding-left: 2em;
	font-size: 2.8vh;
}
#leistungen-fuer-gewerbekunden .liste {
	color: #fff;
}
#leistungen-fuer-gewerbekunden .text:first-of-type {
	padding-right: 10vw;
}
.logo-reinigung {
	width: 95%;
	height: auto;
	padding: 2em 0 1em 0;
}
/* Schriftformatierung */
h1 {
	font-size: 5vmin;
	font-weight: 700;
	text-align: center;
}
h2 {
	font-size: 4vh;
	font-weight: 700;
	text-align: left;
	line-height: 1.4em;
}

#anfahrt-stoetteritz h2, #anfahrt-engelsdorf h2 {
	margin-bottom: 1em;
}
#service h2 {
	padding-top:10vh;
}
h3 {
	font-weight: 700;
	font-size: 3vh;
	padding: 0 0 .5em 0;
}
p {
	margin: .5em 0 .2em 0;
	font-size: 1.8vw;
	line-height: 2vw;
}
#impressum p, #datenschutz p {
	font-size: 1em;
	line-height: normal;
}
#impressum p:last-of-type {
	margin-bottom: 1em;
}
.text {
	line-height: 1.5em;
	color: #6e6e6e;
	margin-top: 1em;
	font-size: 2.5vh;
}
#brandwaesche .text {
	color: #000;
}
@media screen and (min-aspect-ratio: 16/9) {
	p {
		margin: .1em 0 .1em 0;
	}
	.text {
		font-size: 1.4vw;
	}
}
#leistungen-fuer-gewerbekunden .text {
	color: #D8D8D8;
}
#brandwaesche .text {
	font-size: 1.8vw;
}
@media screen and (min-aspect-ratio: 16/10) {
	#brandwaesche .text {
	font-size: 1.4vw;
}
}
.tel {
	margin-top:1em;
}
/* Buttons nach oben und nach unten */
.buttons {
	position: absolute;
	bottom:1em;
	right: 1em;
	float: left;
	opacity: 0;
	z-index: 5000;
}
#seite1 .buttons {
	right: -7%;
}
#impressum .buttons {
	right: 35%;
}
.site:hover .buttons, #content3:hover .buttons {
	transition: opacity 1s ease-in;
	opacity: 1;
}
.buttons img {
	height: 8vh;
}
.b-unten {
	transform: rotate(180deg);
	margin-right: 1em;
}
#seite1 .b-unten {
	margin-right: 0;
}
@media screen and (max-width:1066px) {
	#seite1 .buttons {
	right: -9%;
}
}
@media screen and (min-width:1600px) {
	#seite1 .buttons {
	right: -6%;
}
	
}