@charset "utf-8";
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello/fontello.eot?95275108');
  src: url('fonts/fontello/fontello.eot?95275108#iefix') format('embedded-opentype'),
       url('fonts/fontello/fontello.woff2?95275108') format('woff2'),
       url('fonts/fontello/fontello.woff?95275108') format('woff'),
       url('fonts/fontello/fontello.ttf?95275108') format('truetype'),
       url('fonts/fontello/fontello.svg?95275108#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


html { -webkit-font-smoothing: antialiased; }
body { width: 100%; height: 100%; margin: 0; padding: 0; color: #333; background: #fdfdfd; 
  font-family: 'Open Sans'; font-size: 100%; font-weight: 300; }

h1, h2, h3, h4 { font-family: 'Raleway'; font-weight: 600; }
h1 { font-size: 180%; margin: 20px 0 15px 0; line-height: 1; }
h2 { font-size: 160%; margin: 15px 0 10px 0; line-height: 35px; }
h3 { font-size: 140%; margin: 15px 0 5px 0; line-height: 30px; }
h4 { font-size: 120%; margin: 5px 0 0px 0; }

b, strong { font-weight: 600; }

p { margin: 5px 0; }
p, .text { line-height: 25px; }

a { color: #333; }
.grau a { color: #fff; }

.email_btn { display: block; }

.datenschutz ul li { text-indent: 0; }
.datenschutz ul li:before { display: none; }
.datenschutz ul li ul li:before { display: inline; }
.datenschutz ul li ul li { text-indent: -1em; }

.socialmedia_wrapper { width: 105px; margin: 30px auto 0 auto; }
.socialmedia_wrapper .socialmedia_el { float: left; width: 29px; margin: 0 3px; }
.socialmedia_wrapper .socialmedia_el img { display: block; width: 100%; }

.decorated { overflow: hidden; text-align: center; }
.decorated > span:first-child { position: relative; display: inline-block; /*text-transform:uppercase;*/ }
.decorated > span:first-child:before, .decorated > span:first-child:after { content: ''; position: absolute; top: 50%; border-bottom: 1px solid #333; width: 800px; margin: 0 10px; }
main .wrapper:nth-child(2n) .decorated > span:first-child:before, main .wrapper:nth-child(2n) .decorated > span:first-child:after, #kontakt .decorated > span:first-child:before, #kontakt .decorated > span:first-child:after { content: ''; position: absolute; top: 50%; border-bottom: 1px solid #fff; width: 800px; margin: 0 10px; }
.decorated > span:first-child:before { right: 100%; }
.decorated > span:first-child:after { left: 100%; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearfix:before,.clearfix:after { content: " "; display: table; }  
.clearfix:after { clear: both; }  
.clearfix { *zoom: 1; }
.icon { font-family: 'fontello'; }

.zweiSpaltig { width: 100%; -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; }
.zweiSpaltig p:first-child { margin-top: 0; }

.bild_beschreibung.rechts { float: right; width: 100%; max-width: 500px; }
.bild_beschreibung { position: relative; }
.bild_beschreibung img { display: block; width: 100%; border-radius: 15px; }
.bild_beschreibung .beschreibung { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; background: rgba(51,153,255,0.95); padding: 10px 15px; font-size: 110%; border-radius: 0 0 15px 15px; }
.bild_beschreibung .beschreibung span { font-style: italic; }

.bordertop { border-top: 1px solid #ddd; padding-top: 10px; }

.bigger { font-size: 120%; }

#headerbild { width: 100%; height: 100%; position: relative; top: 0; left: 0;
	background-image: url('../img/titelbild_rendite_mit_immobilien_verkaufen.jpg'); 
	background-repeat: no-repeat; background-size: cover;
	background-attachment: fixed; background-position: top center; 
	overflow: hidden;
}

body.home #headerbild { background-image: url('../img/titelbild_rendite_mit_immobilien.jpg'); }
body.kontakt #headerbild { background-image: url('../img/titelbild_kontakt.jpg'); }
body.immobilie-kaufen #headerbild { background-image: url('../img/titelbild_rendite_mit_immobilien_kaufen.jpg'); }

#ds_container { margin-bottom: 20px; }
#ds_container.warning { border: 1px solid #E20020; }
#ds_container label { width: 95%; float: left; margin-left: 1%; }
#ds_container input[type="checkbox"] { margin: 5px 0 0 0; width: auto; float: left; }

.bigLogo { max-width: 300px; width: 100%; margin: 0 auto; display: block; }

.smallLogo { display: inline; width: 80px; height: auto; }
nav { font-family: 'Raleway'; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; padding: 0; margin-top: 10px; }
.home nav .menu { width: 615px; }
nav .menu { display: block; padding: 0; text-indent: 0; width: 710px; float: none; margin: 0 auto; }
nav .menu li { display: block; float: left; list-style: none; padding: 0; text-indent: 0; }
nav .menu li:before { display: none; }
nav .menu li a { display: block; text-decoration: none; padding: 20px 20px 10px 20px; font-size: 120%; color: #fff; }
nav .menu li a:hover { border-bottom: 1px solid #fff; }
nav div.menu_mobile { display: none; font-size:250%; line-height:40px; cursor:pointer; color:#fff; }

ul { list-style: none; margin: 0; margin-left: 0px; padding-left: 2em; text-indent: -2em; }
ul.vorteile { text-indent: -2.2em; }
ul.nachteile { text-indent: -2.1em; }

ul li { padding: 3px 0; text-indent: -1em; }
ul li:before { content: '// '; color: #32afe9; font-weight: 600; }
.datenschutz_body ul { margin: 0; padding: 0; text-indent: 0em; }
.datenschutz_body ul li:before { display: none; }
.datenschutz_body ul li ul li:before { display: inline; }
ul.vorteile li:before { content: '\E801'; font-family: 'fontello'; font-size: 25px; margin-right: 0.5em; }
ul.nachteile li:before { content: '\E802'; font-family: 'fontello'; font-size: 25px; margin-right: 0.7em; color: #f00; }
ul.vorteile li, ul.nachteile li { text-indent: -2em; }

header { overflow: hidden; }
#headerbild .titel_wrapper { position: absolute; top: 15%; left: 0; text-align: center; width: 100%; }
#headerbild .titel_wrapper .titel h1, #headerbild .titel_wrapper .titel  h2 { font-family: 'Raleway'; margin: 0; color: #fff; } 
.home #headerbild .titel_wrapper .titel { font-size: 150%; }
#headerbild .titel_wrapper .titel h1 { font-size: 250%; margin-bottom: 10px; }
#headerbild .titel_wrapper .titel h1 span { font-size: 150%; }
#headerbild .titel_wrapper .titel h2 { font-size: 150%; margin-top: 0px; padding: 10px 0; border-top: 2px solid #fff; font-weight: 400;}
#headerbild .down.icon { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; display: block; 
	text-decoration: none; font-size: 100px; height: 50px; line-height: 50px; color: #fff; margin-top: -5px; }
#headerbild .titel_wrapper .titel .header-btn-wrapper { width: 100%; max-width: 600px; margin: 20px auto 0 auto; }
#headerbild .titel_wrapper .titel .header-btn-wrapper .header-btn { display: block; width: 49%; float: left; margin-left: 2%; border: 2px solid #fff; color: #fff; text-decoration: none; padding: 15px 0; font-family: 'Raleway'; font-size: 110%; text-align: center; font-weight: 400; }
#headerbild .titel_wrapper .titel .header-btn-wrapper .header-btn:first-child { margin-left: 0; }
#headerbild .titel_wrapper .titel .header-btn-wrapper .header-btn:hover { background: #fff; color: #333; }

main .wrapper:nth-child(2n), main .wrapper.grau { background: #555; background: #878183; background: #8B8B8B; color: #fdfdfd; }
main .wrapper:nth-child(2n) a { color: #fdfdfd; }
main .wrapper .text { padding: 50px 0; }
main .wrapper#kontakt { color: #fdfdfd; background-image: url('../img/kontakt.jpg'); background-size: cover; background-position: top center; background-attachment: fixed; }
.text h1:first-child, .text h2:first-child, .text h3:first-child { margin-top: 0; }
.container { display: block; position: relative; width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; }

body.kontakt main .wrapper#kontakt { background-image: none!important; }

.fifty_wrapper .fifty { display: block; float: left; width: 50%; margin: 0;}
.fifty_wrapper.mitmargin { margin: -1%; }
.fifty_wrapper.mitmargin .fifty { width: 48%; margin: 1%; }
.fifty_wrapper .fifty.links { padding-right: 20px; }
.fifty_wrapper .fifty.rechts { padding-left: 20px; }

.contactform { margin-top: 25px; }
input, textarea { display: block; font-size: 120%; padding: 6px; width: 100%; margin-bottom: 10px; border: none;
border-bottom: 1px solid #fff; color: #fff; background: none; }
textarea { height: 171px; font-size: 110%; border: 1px solid #fff;}
input[type="checkbox"], input[type="radio"] { border: none; box-shadow: none; display: inline-block; padding: 0px; width: auto; height: auto; margin: 0 10px 0px 0; } 
#submit { background: #32afe9; border: none; color: #fdfdfd; width: 240px; line-height: 40px; display: block;
margin: 0 auto; font-size: 120%; cursor: pointer; font-family: 'Raleway'; font-weight: 600; }
#submit:hover { text-decoration: underline; }

.bigtext { font-size: 120%; }
.bigtext h3, h3.zweizeilig { line-height: 45px; margin-bottom: 20px; font-weight: 400; }
.bigtext p { line-height: 28px; }

.smooth { font-size: 100%; font-style: italic; display: block; margin-top: 20px; }

#kontakt .fifty_wrapper { margin: -1%; }
#kontakt .fifty_wrapper .fifty { width: 48%; margin: 1%; }

.warning { background: #ff5959; border: none; }

.button { background: #32afe9; text-decoration: none; display: block; margin: 20px 0; width: 100%; max-width: 350px;
text-align: center; font-size: 120%; padding: 10px; box-shadow: 1px 1px 10px #333;
font-family: 'Raleway'; font-weight: 600; }
.button:hover { text-decoration: underline; }

.bild_rechts { display: block; float: right; width: 100%; max-width: 600px; margin: 5px 0 2% 2%; }
.bild_links { display: block; float: left; width: 100%; max-width: 600px; margin: 5px 2% 2% 0; }

.small_pic { max-width: 400px; }
.border_radius { border-radius: 15px; }

.impressum_head, .datenschutz_head { font-size: 150%; margin: 15px 0 10px 0; cursor: pointer; }

footer { margin: 30px 0; }
footer a { text-decoration: none; display: block; font-size: 150%; margin-bottom: 10px; }

.pulse {
	overflow: hidden;
    -webkit-animation: pulsate 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0 }
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.5, 0.5); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

.fitfy_wrapper { margin: -1%; }
.fitfy_wrapper .fifty_el { float: left; width: 48%; margin: 1%; }

.flip_wrapper { margin: -2% 0; }
.flip_wrapper .flip_el {  margin: 2% 0; color: #333; cursor: pointer; min-height: 225px; }
.flip_wrapper .flip_el .flip_title { min-height: 225px; background: #ddd; padding: 20px; text-align: center; position:  relative; color: #333; }
.flip_wrapper .flip_el .flip_title .inner_title { position: absolute; left: 0; width: 100%; top: 50%; margin-top: -55px; }
.flip_wrapper .flip_el .flip_title .icon { font-size: 80px; color: #32afe9; line-height: 80px; height: 80px; }
.flip_wrapper .flip_el .flip_content { min-height: 225px; background: #ddd; padding: 20px; position: relative; background-position: center; background-repeat: no-repeat; background-size: 100px; }
.flip_wrapper .flip_el .flip_content .text { position: relative; z-index: 1; padding: 0; margin: 0; }
.flip_wrapper .flip_el .flip_content .icon { position: absolute; display: block; top: 50%; left: 50%; margin-left: -100px; margin-top: -100px; color: #cfcfcf; font-size: 200px; z-index: 0; line-height: 200px; }
.flip_wrapper .flip_el .flip_title h3 { font-size: 160%; font-weight: 500;  }
.flip_wrapper .flip_el .flip_content h3 { font-size: 180%; line-height: 40px; margin-bottom: 20px; font-weight: 300; }
.flip_wrapper .flip_el .flip_title { background-position: center; background-repeat: no-repeat; background-size: cover; }
.flip_wrapper .flip_el:nth-child(1) .flip_title { background-image: url('../img/details/standort.jpg'); }
.flip_wrapper .flip_el:nth-child(2) .flip_title { background-image: url('../img/details/partner.jpg'); }
.flip_wrapper .flip_el:nth-child(3) .flip_title { background-image: url('../img/details/haende.jpg'); }
.flip_wrapper .flip_el:nth-child(4) .flip_title { background-image: url('../img/details/service.jpg'); }

.rechnung_table tr th { text-align: left; padding-right: 10px; }
.rechnung_table tr:last-of-type th { border-top: 1px solid #333; text-align: center; }
.rechnung_table tr td:last-child { text-align: right; }

#dev { display: none; background: #fff; color: #000; padding: 20px; position: fixed; top: 0; right: 0; z-index: 9999; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #fff;
}

.icon_wrapper { width: 420px; margin: 0 auto; margin-top: 20px; }
.icon_wrapper img { height: 50px; width: auto; display: block; float: left; }
.icon_wrapper img:first-child { margin-right: 40px; }

.button.anrufen { width: 100%; max-width: 750px; margin: 20px auto; }
.button.anrufen:hover { text-decoration: none; }
.button.anrufen.small { max-width:350px; }

.ansprechpartner_wrapper_neu { width: 100%; margin-right: 2%;}
.ansprechpartner_wrapper_neu h3 { text-align: center; }
.ansprechpartner_wrapper_neu .ansprechpartner_bild, .bild_rund { display: block; width: 100%; max-width: 300px; margin: 20px auto 0 auto; border-radius: 100%;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);

 }
 .unterschrift { display: block; width: 100%; max-width: 180px; margin: 10px auto 0 auto; }
.name_unter { display: block; text-align: center; font-size: 100%; }
.right_align { float: left; width: 70%; }

.prozess_wrapper { width: 100%; max-width: 700px; margin: 10px auto 0 auto; }
.prozess_wrapper .prozess_el { float: left; width: 23.33%; margin-right: 15%; }
.prozess_wrapper .prozess_el:last-child { margin-right: 0; }
.prozess_wrapper .prozess_el img { display: block; width: 100%; }
.prozess_wrapper .prozess_el h4 { margin: 0; text-align: center; font-size: 140%; margin-top: 5px; }

.flex_container { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex_el { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex_el .hilfscontainer { display: block; width: 100%; }

/*
.listing_wrapper { margin: -1%; width: 100%; }
.listing_wrapper .listing_el { float: left; width: 48%; margin: 1%; padding: 20px; background: rgba(0,0,0,0.1); background-size: 250px; background-position: bottom right; background-repeat: no-repeat; }
.listing_wrapper .listing_el.marketing { background-image: url('../img/immobilie-verkaufen/marketing.png'); }
.listing_wrapper .listing_el.beratung { background-image: url('../img/immobilie-verkaufen/beratungen.png'); }
.listing_wrapper .listing_el.wertermittlung { background-image: url('../img/immobilie-verkaufen/wertermittlung.png'); }
.listing_wrapper .listing_el.kompetenz { background-image: url('../img/immobilie-verkaufen/kompetenz.png'); }
.listing_wrapper .listing_el.immobilien { background-image: url('../img/immobilie-verkaufen/immobilien.png'); }
.listing_wrapper .listing_el h3:first-child { margin-top: 0; }
*/
.listing_wrapper { margin: -1% -2%; width: 100%; }
.listing_wrapper .listing_el { display: block; float: left; width: 46%; margin: 2%; padding: /*20px*/ 0 0 2% 0; border-bottom: 3px solid #000; border-color: rgba(0,0,0,0.1); background-size: 250px; background-position: bottom right; background-repeat: no-repeat; text-align: center; }
.listing_wrapper .listing_el.centered { margin: 2% auto; float: none; }
.listing_wrapper .listing_el div.icon { height: 100px; line-height: 40px; width: 100px; margin: 0 auto; font-size: 60px; padding: 25px 15px; text-align: center; border: 4px solid #32afe9; border-radius: 100%; }
.listing_wrapper .listing_el.marketing div.icon:before { content: '\E80B'; }
.listing_wrapper .listing_el.beratung div.icon:before { content: '\E809'; }
.listing_wrapper .listing_el.wertermittlung div.icon:before { content: '\E806'; }
.listing_wrapper .listing_el.kompetenz div.icon { line-height: 50px; }
.listing_wrapper .listing_el.kompetenz div.icon:before { content: '\E808'; }
.listing_wrapper .listing_el.immobilien div.icon:before { content: '\E807'; }
.listing_wrapper .listing_el.hand div.icon:before { content: '\E80C'; }

.listing_wrapper .listing_el:nth-child(1), .listing_wrapper .listing_el:nth-child(2) { height: 380px; }
.listing_wrapper .listing_el:nth-child(3), .listing_wrapper .listing_el:nth-child(4) { height: 530px; }

.listing_wrapper.single .listing_el { width: 100%; margin: 0; background: none; padding: 0; border: none; }
.listing_wrapper.single .listing_el div.icon { color: #32afe9; }

main .wrapper:nth-child(2n) .listing_wrapper .listing_el, main .wrapper.grau .listing_wrapper .listing_el { border-color: rgba(255,255,255,0.2); }

.home_logo_wrapper { width: 700px; margin: 20px auto 0 auto; }
.home_logo_wrapper .home_logo_el { display: block; float: left; height: 150px; width: auto; margin-left: 50px; }
.home_logo_wrapper .home_logo_el:first-child { margin-left: 0; }
.home_logo_wrapper .home_logo_el img { display: block; width: auto; height: 100%; }

.bgSkyline { background-image: url('../img/bg.jpg'); background-repeat: repeat-x; background-position: bottom; padding-bottom: 200px; }
.responsiveLogo { display: none; }

.sterne_wrapper .stern { float: left; width: 20px; height: 20px; font-size: 20px; }
.sterne_wrapper .stern:before { content: '\E80E'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 20px; margin-right: 5px; color: #fbbd09; text-align: center; width: 20px; line-height: 20px; display: inline-block; }
.sterne_wrapper .stern.halb:before { content: '\F123'; }
.sterne_wrapper .stern.voll:before { content: '\E80D'; }

.bewertung_widget { display: block; color: #565656; line-height: 1; }
.bewertung_widget .gesamt_bewertung { font-size: 320%; font-weight: bold; line-height: 40px; margin-bottom: 5px; }
.bewertung_widget .sterne_wrapper { width: 100px; }
.bewertung_widget .anzahl { font-size: 120%; margin-top: 3px; }

.home .bewertung_widget, footer .bewertung_widget { width: 300px; margin: 20px auto 0 auto; text-decoration: none; }
.home .bewertung_widget .sterne_wrapper, footer .bewertung_widget .sterne_wrapper { margin: 0 auto; }
.home .bewertung_widget .gesamt_bewertung, .home .bewertung_widget .anzahl, footer .bewertung_widget .gesamt_bewertung, footer .bewertung_widget .anzahl { text-align: center; }

.showAllBtn { display: block; background: #32afe9; margin: 0 auto 20px auto; text-align: center; width: 100%; max-width: 350px; line-height: 50px; text-decoration: none; font-size: 120%; outline: none; }
.showAllBtn:hover { text-decoration: underline; }

.rezension_wrapper { margin: -1%; }
.rezension_wrapper .rezension_el { float: left; width: 47.9%; margin: 1%; color: #fff; border-bottom: 2px solid #EFEFEF; padding: 20px; text-decoration: none; }
.rezension_wrapper .rezension_el .person img { float: left; width: 80px; margin-right: 10px; }
.rezension_wrapper .rezension_el .person .infos { float: left; margin: 5px 0; height: 70px; }
.rezension_wrapper .rezension_el .person .infos .autor { font-weight: bold; }
.rezension_wrapper .rezension_el .person .infos .sterne_wrapper { margin: -7px 0 0px 0; }
.rezension_wrapper .rezension_el .person .infos .zeit { font-size: 90%; }
.rezension_wrapper .rezension_el .text { margin: 5px 0 0 0; padding: 0;  }


@media screen and (max-width:1200px) {
	.listing_wrapper .listing_el:nth-child(1), .listing_wrapper .listing_el:nth-child(2) { height: 420px; }
	.listing_wrapper .listing_el:nth-child(3), .listing_wrapper .listing_el:nth-child(4) { height: 550px; }
}

@media screen and (max-width:1000px) {
	.container { padding: 0 2%; }
	nav .menu { width: auto; }
	nav { margin:0px; position: fixed; background: #fff; }
	nav div.menu_mobile { display: block; position:relative; z-index:2000; line-height:60px; color: #32afe9; float: right; font-size: 32px; }
	nav .menu, .home nav .menu { position:fixed; padding-top: 80px; top:0px; right:-100%; width:auto; max-width:100%; height:100%; overflow-y:scroll; background-color:#eee; box-shadow:0 0 10px #aaa; z-index:500; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; min-width: 200px; }
	nav .menu.open { right:0%; }
	nav .menu li { float:none; width:100%; margin: 0; padding: 0; }
	nav .menu li a { padding:0 20px; font-size:140%; color: #777; line-height: 60px; }
	nav .menu li a:hover, .menu li a:focus, .menu li a.aktiv { color: #fff; background: #32afe9; }
	nav .menu .sub { position:relative; top:0px; display:none; }
	nav .menu .sub li a, .menu .sub li a:hover, .menu .sub li a.aktiv { background-color:transparent; color:#777; line-height:initial; padding:8px 20px 8px 40px; text-align: center; }
	nav .menu .sub li a.aktiv { font-weight: bold; }
    .small_pic { max-width: 250px; }
    .bild_beschreibung.rechts { max-width: 400px; }
	.smallLogo { display: none; }
	.responsiveLogo { display: block; margin: 5px 0; float: left; }
	.listing_wrapper .listing_el:nth-child(1), .listing_wrapper .listing_el:nth-child(2) { height: 450px; }
	.listing_wrapper .listing_el:nth-child(3), .listing_wrapper .listing_el:nth-child(4) { height: 580px; }
	body { padding-top: 60px; }
	#headerbild { margin-bottom: -60px; }
}

@media screen and (max-width:900px) {
	.listing_wrapper .listing_el:nth-child(1), .listing_wrapper .listing_el:nth-child(2) { height: 500px; }
	.listing_wrapper .listing_el:nth-child(3), .listing_wrapper .listing_el:nth-child(4) { height: 620px; }
}

@media screen and (max-width:800px) {
    .bigtext h3, h3.zweizeilig { text-align:  center; margin-top: 20px!important; }
	.fifty_wrapper .fifty, .fifty_wrapper.mitmargin .fifty { width: 100%; float: none; }
	.fifty_wrapper .fifty.bild { margin: 0 auto; max-width: 400px; }	
	#kontakt .fifty_wrapper .fifty { width: 98%; }
	.ansprechpartner_wrapper_neu { float: none; width: 100%; margin-right: 0; margin-bottom: 2%; }
	.ansprechpartner_wrapper_neu h3 { text-align: center; }
	.ansprechpartner_wrapper_neu .ansprechpartner_bild { display: block; width: 100%; max-width: 300px; margin: 0 auto; }
	.right_align { float: none; width: 100%; margin-top: 2%; }
    .home #headerbild .titel_wrapper .titel { font-size: 100%; }
	#headerbild .titel_wrapper .titel .header-btn-wrapper { max-width: 400px; }
    .bild_beschreibung.rechts { max-width: 400px; float: none; margin: 0 auto 20px auto; }
	.listing_wrapper { margin: 0; }
	.listing_wrapper .listing_el { width: 100%; margin: 0 0 20px 0; }
	.listing_wrapper .listing_el:nth-child(1), .listing_wrapper .listing_el:nth-child(2) { height: auto; }
	.listing_wrapper .listing_el:nth-child(3), .listing_wrapper .listing_el:nth-child(4) { height: auto; }
}

@media screen and (max-width:700px) {
	.fitfy_wrapper .fifty_el { width: 100%; margin: 1%; float: none; }
    .small_pic { max-width: 220px; }
	.home_logo_wrapper { max-width: 400px; width: 100%; }
	.home_logo_wrapper .home_logo_el { height: 90px; margin-left: 10px; }
	.bigLogo { max-width: 200px; }
	ul.vorteile li::before, ul.nachteile li::before { margin-right: 0.4em; }
}

@media screen and (max-width:600px) {
	.rezension_wrapper { margin: 0; }
	.rezension_wrapper .rezension_el { width: 100%; margin: 0 0 2% 0; float: none; }
	.prozess_wrapper .prozess_el h4 { font-size: 130%; }
}

@media screen and (max-width:500px) {
	body { font-size: 90%; }
	#headerbild .titel_wrapper .titel h1 { font-size: 250%; line-height: 55px; }
	#headerbild .titel_wrapper .titel h2 { font-size: 150%; }	
	.icon_wrapper { width: 300px; margin: 0 auto; margin-top: 20px; }
	.icon_wrapper img { height: 35px; width: auto; display: block; float: left; }
	.icon_wrapper img:first-child { margin-right: 40px; }

	.flip_wrapper .flip_el:nth-child(1) .flip_title { background-image: url('../img/details/standort_mobile.jpg'); }
	.flip_wrapper .flip_el:nth-child(2) .flip_title { background-image: url('../img/details/partner_mobile.jpg'); }
	.flip_wrapper .flip_el:nth-child(3) .flip_title { background-image: url('../img/details/haende_mobile.jpg'); }
	.flip_wrapper .flip_el:nth-child(4) .flip_title { background-image: url('../img/details/service_mobile.jpg'); }

	ul.vorteile { text-indent: -2.4em; }
	ul.nachteile { text-indent: -2.3em; }
    .small_pic { max-width: 250px; float: none; margin: 0 auto 20px auto; }
	
	#headerbild .titel_wrapper { padding: 0 10px; font-size: 80%; }
	.home #headerbild .titel_wrapper { font-size: 100%; }
	#headerbild .titel_wrapper .titel .header-btn-wrapper .header-btn { padding: 10px; width: 100%; margin: 10px 0 0 0; }	
	ul.vorteile li::before, ul.nachteile li::before { margin-right: 0.2em; }
}

@media screen and (max-width:450px) {
	.prozess_wrapper .prozess_el h4 { font-size: 110%; }
}

@media screen and (max-width:400px) {
	.home_logo_wrapper { max-width: 230px; }
	.home_logo_wrapper .home_logo_el { height: 120px; }
	.prozess_wrapper .prozess_el h4 { font-size: 105%; }
	.home_logo_wrapper .home_logo_el:nth-child(3) { margin-left: 0; height: 105px; }
	main .wrapper .text { padding: 30px 0; }
}

@media screen and (max-width:350px) {
	.prozess_wrapper .prozess_el { margin-right: 5%; width: 30%; }
}