body { with: 1920px; height: 1080px; margin: 0; padding: 0; font-size: 150%; font-family: 'Raleway'; overflow: hidden; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

#preloader { position: fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:9999; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../img/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }

h1 { margin: 35px 0 0 0; }
h2 { margin: 0 0 10px 0; }

#leiste_top { width: 100%; height: 120px; background: #009640; color: #fff; padding: 27px 20px; }
.zahlen_wrapper { width: 1680px; margin: 0 auto; position: relative; height: 85px; overflow: hidden; }
.zahlen_wrapper .zahlen_el { width: 385px; position: relative; top: 0; left: 0; }
.zahlen_wrapper .zahlen_el:nth-child(2) { left: 550px; }
.zahlen_wrapper .zahlen_el:nth-child(3) { left: 1150px; }
.zahlen_wrapper .zahlen_el .zahl { font-size: 320%; line-height: 72px; position: absolute; top: 0; left: 0; width: 315px; text-align: right; }
.zahlen_wrapper .zahlen_el img { height: 60px; position: absolute; top: 0; left: 205px; }
.zahlen_wrapper .zahlen_el .beschreibung { position: absolute; top: 0; left: 300px; width: 175px; }
.zahlen_wrapper .zahlen_el:nth-child(1) img { left: 310px; top: 10px; }
.zahlen_wrapper .zahlen_el:nth-child(1) .beschreibung { left: 390px; top: 15px; }
.zahlen_wrapper .zahlen_el:nth-child(2) img { left: 340px; top: 10px; }
.zahlen_wrapper .zahlen_el:nth-child(2) .beschreibung { left: 450px; top: 10px; }
.zahlen_wrapper .zahlen_el:nth-child(3) img { left: 320px; top: 10px; }
.zahlen_wrapper .zahlen_el:nth-child(3) .beschreibung { left: 410px; top: 15px; }


main { width: 100%; height: 960px; position: relative; overflow: hidden; background: #fff; }
.logo { position: absolute; top: 0; right: 0; z-index: 999; width: 280px; padding: 10px; background: rgba(255,255,255,0.9); }

#map { height: 1025px; width: 100%; margin-top: -40px; }
#legende { position: absolute; bottom: 15px; right: 0; background: rgba(255,255,255,0.9); padding: 20px; }
#legende h3 { margin-top: 0; }
#legende .legende_item { margin: 10px 0; line-height: 30px; }
#legende .legende_item div { width: 30px; height: 30px; border: 1px solid #000; border-radius: 100%; float: left; margin-right: 20px; }
#legende .legende_item:nth-child(2) div { background: #f00; }
#legende .legende_item:nth-child(3) div { background: #0f0; }
#legende .legende_item:nth-child(4) div { background: #00f; }
#legende .legende_item:nth-child(5) div { background: #0ff; }

.content .slide { display: block; position: absolute; left: 0; width: 100%; height: auto; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.box { padding: 50px; }

.loesungen_wrapper { width: 1355px; margin: 70px auto; position: relative; }
.loesungen_wrapper .loesungen_el { position: absolute; top: 0; left: 0; width: 300px; border: 1px solid #ddd; border-radius: 20px; opacity: 1; }
.loesungen_wrapper .loesungen_el { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.loesungen_wrapper .loesungen_el:nth-child(1) { top: 0; left: 0px; }
.loesungen_wrapper .loesungen_el:nth-child(2) { top: 0; left: 515px; }
.loesungen_wrapper .loesungen_el:nth-child(3) { top: 0; left: 1030px; }
.loesungen_wrapper .loesungen_el:nth-child(4) { top: 400px; left: 0px; }
.loesungen_wrapper .loesungen_el:nth-child(5) { top: 400px; left: 515px; }
.loesungen_wrapper .loesungen_el:nth-child(6) { top: 400px; left: 1030px; }
.loesungen_wrapper .loesungen_el.hide { opacity: 0; }
.loesungen_wrapper .loesungen_el.aktiv { opacity: 1; position: absolute; top: 0; left: 0px; }
.loesungen_wrapper .loesungen_el img { width: 100%; display: block; }

.content_bereich_wrapper .content_bereich_el { position: absolute; width: 1000px; top: 80px; left: 630px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: none; }
.content_bereich_wrapper .content_bereich_el.hide { opacity: 0; }
.content_bereich_wrapper .content_bereich_el.aktiv { opacity: 1; }

.textbereich { position: relative; }
.textbereich_wrapper .textbereich:first-child { border-bottom: 1px solid #ddd; }
.textbereich .text { position: relative; z-index: 5; font-size: 90%; }

.en { font-style: italic; }

.funktionen_wrapper .funktionen_el { display: block; float: left; width: 225px; margin-right: 50px; border: 1px solid #ddd; border-radius: 20px; padding: 5px; }
.funktionen_wrapper .funktionen_el img { display: block; width: 100%; }
.funktionen_wrapper .funktionen_el .titel { text-align: center; padding: 10px;}