@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'ff_market';
    src: url('fonts/marketweb.ttf') format('truetype'); 
}

body {
  padding-top: 0px;
  overflow-x: hidden;
}
input, textarea, select {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}
select, option {
  -webkit-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-text-adjust: none;
  box-sizing: border-box;
}
::selection {
  background: #000;
  color: #fff;
}
::-moz-selection {
  background: #000;
  color: #fff;
}
html {
  background: #fff;
}
body {
  color: #29282c;
  font-weight: 300;
	line-height:1.5;
	font-size:18px;
	font-weight:300;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
}
a {
  color: #cd1725;
  text-decoration: none;
}
.centered {
  max-width: 1400px;
  margin: 0 auto;
	padding-left:20px;
	padding-right:20px;
}
h1, h2 {
font-weight:700;
	font-size:36px;
  color: #cd1725;
  text-transform: none;
  text-align: center;
}
h3 {
  color: #fff;
	font-size:24px;
  text-align: left;
}

h4, h5, h6, .h5 {
  font-size:22px;
}
p, h1, h2, h3, h4, h5, h6, table, ol, ul, fieldset {
  margin: 0 0 20px 0;
}
p {}
p:last-of-type {
  margin: 0;
}
em, i {
  font-style: normal;
}
table {
  border-collapse: collapse;
}
table td, table th {
  padding: 5px 10px 5px 0;
  text-align: left;
  vertical-align: top;
}
ul {
  list-style: none;
}
ol {
  list-style: outside decimal;
  margin: 0 0 20px 20px;
}
hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
fieldset {
  border: 1px solid #ccc;
  padding: 10px;
}
input {
  border: 1px solid #ccc;
}
textarea {
  border: 1px solid #ccc;
}
.clear, .clearfix {
  clear: both;
}
/* INPUT ERROR FORMULAR */
input[type=text].inputerror, textarea.inputerror, input[type=text].inputerror {
  border: 1px solid red !important;
}
.hideme {
  opacity: 0;
}

body {
    padding-top: 90px;
}

.flx{display:flex;flex-wrap:wrap;}
.flx-cnt{display:flex;justify-content:center;flex-wrap:wrap;}
.flx-spc{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flx-vnly{display:flex;justify-content:space-evenly;align-items:flex-start;flex-wrap:wrap;}
.flx-vend{display:flex;align-items:flex-end;}
.flx-vstrt{display:flex;align-items:flex-start;}
.flx-vcnt{display:flex;flex-direction:column;justify-content:center;}
.flx-hend{display:flex;justify-content:flex-end;}
.flx-hstrt{display:flex;justify-content:flex-start;}
.flx-hcnt{display:flex;justify-content:center;}
.flx-wrap{display:flex;flex-wrap:wrap;}
.flx-nowrap{display:flex;flex-wrap:nowrap;}
.flx-acnt{display:flex;align-items:center;}
.flx-rnd{display:flex;justify-content:space-around;flex-wrap:wrap;}
.flx-end{justify-content:flex-end;align-items:flex-end;}
.flx-dir{flex-direction:column;}

.m0{margin:0!important;}.mb0{margin-bottom:0!important;}.mb10{margin-bottom:10px!important;}.mb20{margin-bottom:20px!important;}.mb30{margin-bottom:30px!important;}.mb40{margin-bottom:40px!important;}.mb50{margin-bottom:50px!important;}.mb60{margin-bottom:60px!important;}.mb70{margin-bottom:70px!important;}.mb80{margin-bottom:80px!important;}.mb90{margin-bottom:90px!important;}.mb100{margin-bottom:100px!important;}.mt0{margin-top:0!important;}.mt10{margin-top:10px!important;}.mt20{margin-top:20px!important;}.mt30{margin-top:30px!important;}.mt40{margin-top:40px!important;}.mt50{margin-top:50px!important;}.mt60{margin-top:60px!important;}.mt70{margin-top:70px!important;}.mt80{margin-top:80px!important;}.mt90{margin-top:90px!important;}.mt100{margin-top:100px!important;}.mr0{margin-right:0!important;}.mr10{margin-right:10px!important;}.mr20{margin-right:20px!important;}.mr30{margin-right:30px!important;}.mr40{margin-right:40px!important;}.mr50{margin-right:50px!important;}.mr60{margin-right:60px!important;}.mr70{margin-right:70px!important;}.mr80{margin-right:80px!important;}.mr90{margin-right:90px!important;}.mr100{margin-right:100px!important;}.ml0{margin-left:0!important;}.ml10{margin-left:10px!important;}.ml20{margin-left:20px!important;}.ml30{margin-left:30px!important;}.ml40{margin-left:40px!important;}.ml50{margin-left:50px!important;}.ml60{margin-left:60px!important;}.ml70{margin-left:70px!important;}.ml80{margin-left:80px!important;}.ml90{margin-left:90px!important;}.ml100{margin-left:100px!important;}

.p0{padding:0!important;}.p5{padding:5px!important;}.p10{padding:10px!important;}.p20{padding:20px!important;}.p30{padding:30px!important;}.p40{padding:40px!important;}.p50{padding:50px!important;}.p60{padding:60px!important;}.p70{padding:70px!important;}.p80{padding:80px!important;}.p90{padding:90px!important;}.p100{padding:100px!important;}.pb0{padding-bottom:0!important;}.pb10{padding-bottom:10px!important;}.pb20{padding-bottom:20px!important;}.pb30{padding-bottom:30px!important;}.pb40{padding-bottom:40px!important;}.pb50{padding-bottom:50px!important;}.pb60{padding-bottom:60px!important;}.pb70{padding-bottom:70px!important;}.pb80{padding-bottom:80px!important;}.pb90{padding-bottom:90px!important;}.pb100{padding-bottom:100px!important;}.pt0{padding-top:0!important;}.pt10{padding-top:10px!important;}.pt20{padding-top:20px!important;}.pt30{padding-top:30px!important;}.pt40{padding-top:40px!important;}.pt50{padding-top:50px!important;}.pt60{padding-top:60px!important;}.pt70{padding-top:70px!important;}.pt80{padding-top:80px!important;}.pt90{padding-top:90px!important;}.pt100{padding-top:100px!important;}.pr0{padding-right:0!important;}.pr10{padding-right:10px!important;}.pr20{padding-right:20px!important;}.pr30{padding-right:30px!important;}.pr40{padding-right:40px!important;}.pr50{padding-right:50px!important;}.pr60{padding-right:60px!important;}.pr70{padding-right:70px!important;}.pr80{padding-right:80px!important;}.pr90{padding-right:90px!important;}.pr100{padding-right:100px!important;}.pl0{padding-left:0!important;}.pl10{padding-left:10px!important;}.pl20{padding-left:20px!important;}.pl30{padding-left:30px!important;}.pl40{padding-left:40px!important;}.pl50{padding-left:50px!important;}.pl60{padding-left:60px!important;}.pl70{padding-left:70px!important;}.pl80{padding-left:80px!important;}.pl90{padding-left:90px!important;}.pl100{padding-left:100px!important;}

.order1{order:1;}.order2{order:2;}.order3{order:3;}.order4{order:4;}.order5{order:5;}.order6{order:6;}.order7{order:7;}.order8{order:8;}.order9{order:9;}.order10{order:10;}

.w10{width:9%!important;}.w14{width:13%!important;}.w15{width:14%!important;}.w20{width:19%!important;}.w23{width:22%!important;}.w25{width:24%!important;}.w30{width:29%!important;}.w33{width:32%!important;}.w35{width:34%!important;}.w40{width:39%!important;}.w45{width:44%!important;}.w50{width:49%!important;}.w55{width:54%!important;}.w60{width:59%!important;}.w65{width:64%!important;}.w70{width:69%!important;}.w75{width:74%!important;}.w80{width:79%!important;}.w85{width:84%!important;}.w90{width:89%!important;}.w95{width:94%!important;}.w100{width:100%!important;}

.w10-f{width:10%!important;}.w15-f{width:15%!important;}.w20-f{width:20%!important;}.w25-f{width:25%!important;}.w30-f{width:30%!important;}.w33-f{width:33.333333%!important;}.w35-f{width:35%!important;}.w40-f{width:40%!important;}.w45-f{width:45%!important;}.w50-f{width:50%!important;}.w55-f{width:55%!important;}.w60-f{width:60%!important;}.w65-f{width:65%!important;}.w66-f{width:66.666666%!important;}.w70-f{width:70%!important;}.w75-f{width:75%!important;}.w80-f{width:80%!important;}.w85-f{width:85%!important;}.w90-f{width:90%!important;}.w95-f{width:95%!important;}.w100-f{width:100%!important;}

.block{display:block;}
img.block{max-width:100%;height:auto;margin-left:auto;margin-right:auto;}


.tar{
	text-align:right;
}

.area{
	padding-top:120px;
	padding-bottom:120px;
}



.m-area{
	padding-top:60px;
	padding-bottom:60px;
}

.s-area{
	padding-top:40px;
	padding-bottom:40px;
}

.xs-area{
	padding-top:20px;
	padding-bottom:20px;
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 300;
    background: #fff;
}

.bg-primary{background-color:#cd1725!important;}
.bg-secondary{background-color:#003399!important;}
.bg-custom{background-color:#67ff5b!important;}
.bg-white{background-color:#fff;}
.bg-white-a{background-color:rgba(255,255,255,0.85);}
.bg-lightergrey{background-color:#f4f4f4;}
.bg-lightgrey{background-color:#e5e5e5;}
.bg-grey{background-color:#ccc;}
.bg-darkgrey{background-color:#484848;}
.bg-darkergrey{background-color:#2e2e2e;}
.bg-black{background-color:#000;}
.bg-facebook{background-color:#304992;}





/* hauptnavi*/
.hauptnav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mainnav ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 0;
}
#mainnav a {
  font-family: 'Roboto';
  font-size: 18px;
  color: #29282c;
  font-weight: 300;
  text-decoration: none;
  display: block;
  padding: 33px 20px 33px;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#mainnav a:hover {
  border-bottom: 3px solid #cd1725;
  color: #cd1725;
}
#mainnav li:last-of-type a:hover {
  border-bottom: 3px solid rgba(255, 255, 255, 0);
}

#mainnav li.selected a{
	color:#fff;
	background:#cd1725;
}

#mobile-nav {
  display: none;
  width: 50px;
  height: 40px;
  z-index: 300;
}
#mobile-nav span {
  display: block;
  height: 4px;
  border-radius: 10px;
  background: #29282c;
  width: 36px;
  transition: 250ms;
  margin: 5px 0;
}
#mobile-nav span:first-of-type {
  margin-top: 0;
}
#mobile-nav span:last-of-type {
  margin-bottom: 0;
}
#mobile-nav.active span:first-of-type {
  transform: rotate(45deg);
  margin: 0;
  position: absolute;
}
#mobile-nav.active span:nth-of-type(2) {
  display: none;
}
#mobile-nav.active span:last-of-type {
  transform: rotate(-45deg);
  margin: 0;
  position: absolute;
}
/* SLIDER */
.btn {
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.6);
  color: #29282c;
  padding: 15px 40px;
  margin-top: 30px;
  transition: all 300ms;
}

.btn.btn-primary{
	color:#fff;
	background:#cd1725;
	transition:none;
}

.btn.btn-primary:hover{
	color:#cd1725;
}
.btn em {
  margin-right: 10px;
}
.btn:hover {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}
.slick-initialized .slick-slide {
  display: block;
  margin: 0 !important;
}
.flexwrapper {
  position: absolute;
  width: 100%;
	max-width:1200px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  top: 0;
  left: 0;
right:0;
	padding-left:20px;
	padding-right:20px;
	margin:auto;
}
.flexwrapper svg {
  max-width: 500px;
}
.slider .slide {
  background: #000;
  position: relative;
}
.slider .slide img {
  display: block;
  width: 100%;
  height: auto;
}
.slick-btn {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 40px;
  color: #2e2e2e;
  opacity: .35;
  z-index: 2;
  cursor: pointer;
  text-align: center;
}
.slider .slick-btn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
  color: #fff;
  top: 0%;
}
.slick-btn.slick-prev {
  left: 20px;
}
.slick-btn.slick-next {
  right: 20px;
}
#prev, #next {
  height: 79px;
  position: absolute;
  top: 45%;
  left: 0px;
  display: block;
  width: 40px;
  background-image: url(../images/arrow.png);
  background-position: center;
  background-repeat: no-repeat;
}
#next {
  left: inherit;
  right: 0px;
  transform: rotate(180deg);
}
#Ebene_2 {
  left: 60px;
position:relative;
}
/* SLIDER ENDE */
.pb100 {
  padding-bottom: 100px;
}
.pt100 {
  padding-top: 100px;
}
/** ENTRY **/
.entry {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f9f9f9;
}
.entrytext {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/*Leistung*/
.offer ul {
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.offer ul li {
  width: 25%;
  padding: 2% 5%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.offer ul li .singleoffer {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  text-align: center;
  padding: 3%;
}
.offer ul li:last-of-type {
  border-right: none;
}
.offer ul li .singleoffer img {
  margin: 0 auto 30px;
}
.offer ul li .singleoffer strong {
  font-weight: 600;
  color: #29282c;
  font-size: 24px;
}
.offer ul li .singleoffer span {
  transition: all 100ms;
  display: none;
  color: #29282c;
  margin-bottom: 20px;
}
/*
.offer ul li:hover .singleoffer span{
	display: block;
}
*/
.offer ul li .singleoffer em {
  transition: all 200ms;
}
.offer ul li .singleoffer em:hover {
  color: #29282c;
}
/*parallax*/
.parallax {
  min-height: 750px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.parallax.start {
  background-image: url("/design/normal/images/para-startseite.jpg");
}
.para-wrapper {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  padding: 0 20%;
}
.parallax.para-sub .para-wrapper {
  padding: 0 25%;
}
.parallax.para-sub {
  min-height: 500px;
}
.parallax.para-sub.para-mieterservice {
  background-image: url("/design/normal/images/para-startseite.jpg");
}
.parallax.para-sub.para-about {
  background-image: url("/design/normal/images/para-about.jpg");
}
/*footer*/
/*NEWS*/
.news {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

}
.news .left {
  width: 69%;
  overflow: hidden;
  position: relative;
}
.news .left svg {
  position: absolute;
  z-index: 100;
  top: 5%;
  left: 5%;
  max-width: 60%;
}
.news .left img {
  display: block;
  width: 100%;
	height:auto;
  transition: all 300ms;
	position:absolute;
	left:0;
	top:0;
	width:auto;
	height:auto;
	min-width:100%;
	min-height:100%;
}
.news .left > span {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 20px;
  bottom: 0;
  color: #cd1725;
	font-weight:700;
	font-size:30px;
}
.berichte {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
.news .berichte .right {
  width: 100%;
}
.news .berichte .right img {
  display: block;
  width: auto;
  max-height: 340px;
  transition: all 300ms;
}
.news .right, .news .left {
  overflow: hidden;
  position: relative;
}
.news .right span {
  position: absolute;
  background-color: rgba(205, 23, 37, 0.9);
  width: 100%;
  padding: 20px;
  bottom: 0;
	font-weight:700;
	font-size:20px;
  color: #fff;
}
.news .right:first-of-type {
  margin-bottom: 20px;
}
.news .right span em {
	font-weight:300;
	font-size:16px;
  display: block;
}
.news .right:hover img, .news .left:hover img {
  opacity: 0.8;
}
footer {
  background-color: #29282c;
	padding-top:40px;
}
.contactboxen {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  padding: 0 ;
  margin-bottom: 40px;
}
.contactboxen li {
  width: 23%;
}
.contactboxen li a {
  color: #fff;
  border: 1px solid #fff;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 300ms;
}
.contactboxen li a i {
  font-size: 40px;
  margin-bottom: 20px;
}
.contactboxen li a span {
  font-size: 18px;
}
.contactboxen li a:hover {
  background-color: #fff;
  color: #29282c;
}
.contactstan {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  padding:0;
  color: #fff;
  text-align: left;
	flex-wrap:wrap;
}
.footerpoly {
  position: relative;
	width:100%;
	margin:0 0 40px;
	color:#fff;
}
.footerpoly span {
  text-align: center;
	display:block;
	position:relative;
	z-index:2;
	padding:60px 10%;
	
}
.footerpoly span a {
  color: #29282c;
  margin-right: 5px;
  font-weight: 600;
}
.footerpoly img {
  position: relative;
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	z-index:1;
}
.contactstan span {
  display: block;
}
.contactstan li:nth-of-type(3) {
  display: flex;
}
.contactstan > li:nth-of-type(3) a:first-child {
  margin-right: 20px;
  background-color: #fff;
  padding: 10px;
}
.contactstan strong {
  font-weight: 700;
}
.telco {
  margin-top: 20px;
}
.bottom {
  background-color: #fff;
  padding: 15px 6%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.bottom ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
}
.bottom ul li a {
  margin-right: 10px;
  font-size: 16px;
}
.bottom span {
  font-size: 16px;
}
.bottom ul li:last-of-type a {
  margin-right: 0;
}
/* CONTENT*/
.eyecatcher-sub {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.eyecatcher-sub .flexwrapper {
  align-items: center;
  justify-content: center;
}
.eyecatcher-sub img {
  width: 100%;
  height: auto;
  display: block;
}
.picleft-textright {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: row;
}
.picleft-textright:nth-of-type(2), .picleft-textright:nth-of-type(4){
	flex-direction: row-reverse;
}

.picleft, .text-right {
  width: 50%;
}
.picleft {
  overflow: hidden;
}
.picleft img {
  display: block;
  width: 100%;
  height: auto;
}
.text-right {
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.text-right h3, .ansprechpartner h3, .downloads h3 {
	font-size:30px;
	font-weight:700;
  color: #cd1725;
  text-transform: none;
}
.text-right p {
  margin-bottom: 20px;
}
.text-right span {
  font-weight: 700;
  margin-bottom: 10px;
}
.text-right em svg {
  color: #cd1725;
  margin-right: 10px;
}
.ansprechpartner {
  background-color: #f9f9f9;
}
.ansprechpartner h3 {
  text-align: center;
  margin-bottom: 80px;
}
.ansprechpartner .team {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.single {
  width: 22%;
  margin-bottom: 40px;
}
.single img {
  margin-bottom: 10px;
  width: 100%;
  height: auto;
}
.single a, .single span, .single em {
  display: block;
}
.single a, .single em {
  font-size: 16px;
  line-height: 20px;
}
.single span {
  font-weight: 700;
  color: #cd1725;
  margin-bottom: 10px;
}
.single > em:last-of-type {
  margin-bottom: 20px;
	height: 35px;
}
.single a {
  color: #29282c;
}
.single a svg {
  margin-right: 5px;
  color: #cd1725;
}
.single a:first-of-type {
  margin-bottom: 5px;
}
.downloads h3 {
  text-align: center;
}
.downloads p {
  text-align: center;
  margin-bottom: 40px;
}
.downloads li {
  width: 20%;
  margin-bottom: 40px;
}
.downloads li a img {
  border-radius: 50%;
  transition: all 300ms;
  margin-bottom: 20px;
}
.downloads.splitter li a img {
  border-radius: 0;
}
.downloads li:hover a img {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.downloads li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  text-align: center;
}
.downloads ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
}
.downloads.splitter ul {
  justify-content: flex-start;
}
.picleft-textright.mitgliedschaft {
  background-color: #cd1725;
}
.picleft-textright.mitgliedschaft p, .picleft-textright.mitgliedschaft h3, .picleft-textright.mitgliedschaft svg, .picleft-textright.mitgliedschaft span, .picleft-textright.mitgliedschaft em {
  color: #fff;
}
.fixed-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #cd1725;
  position: fixed;
  left: 0;
  bottom: -59px;
  right: 0;
  max-width: 90%;
  width: 300px;
  z-index: 200;
  margin: 0 auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: bottom 300ms;
}
.fixed-footer.show {
  bottom: 0;
}
.fixed-footer a {
  display: block;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 5px 20px;
}
.fixed-footer a span {
  display: flex;
  width: 30px;
  height: 30px;
  background: #fff;
  color: #e2001a;
  align-items: center;
  justify-content: center;
  margin: 0 auto 3px;
  border-radius: 100%;
}
.mvc-pop {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9001;
  align-items: center;
  justify-content: center;
	background:rgba(0,0,0,.85);
}
.mvc-pop.active {
  display: flex;
}
.mvc-pop .ovrly {
  background: rgba(0, 0, 0, .85);
  max-width: 100%;
}
.pop-content {
  position: relative;
  z-index: 1;
  width: 800px;
  max-width: 90%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 1);
  padding: 30px;
  display: none;
}
.pop-content.active {
  display: block;
}
.popclose {
  color: #2e2e2e;
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 0;
  padding: 5px 10px;
}
.neues {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.neues .newsbox {
  width: 49%;
  background: #f2f2f2;
  margin-bottom: 25px;
}
.neues .newsbox a {
  box-sizing: border-box;
  padding: 30px;
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  color: #666;
  position: relative;
}
.neues .newsbox a img {
  width: 50%;
  max-width: 250px;
  display: block;
  margin-right: 20px;
height:auto;
}
.neues .newsbox a strong {
  display: block;
  color: #e2001a;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
}
.neues hr {
  margin: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.neues .newsbox a em {
margin-top:15px;
  font-size: 14px;
	display:block;
	text-align:right;
}
.newscontent span {
  font-size: 16px;
}
.newsdetailflex {
	max-width:900px;
	padding:20px;
	background:#f4f4f4;
	margin:0 auto;
  width: 100%;
}
.newsdetailflex .newsleft {
	float:left;
	margin:0 20px 20px 0;
}

.newsdetailflex img{
	display:block;
	max-width:100%;
	height:auto;

}

.newsright > *{
	text-align:left;
}

.newsdetailflex .newsright .btn {
  border: 2px solid #cd1725;
  background-color: rgba(205, 23, 37, 0.8);
  color: #fff;
display:inline-block;
}
.newsdetailflex .newsright .btn:hover {
  background-color: rgba(205, 23, 37, 1);
}

.fremd .eins{	
	font: 100px/60px "ff_market", Arial, Helvetica, serif; 
}

.single a em{
	display: inline-block;
	margin-right: 10px;
}



.wohnungsangebot{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}

.filter{
	width: 29%;
	padding-right: 30px;
}

.wangebote{
	width: 69%;
}


.h3style{
  font-weight:700;
  color: #cd1725;
  text-transform: none;
  text-align: left;
}

.form-field {
    position: relative;

}
.mb30 {
    margin-bottom: 30px !important;
}

.form-field label {
    display: block;
    margin: 0 0 5px;
    color: #9c9c9c;
}
.form-field *, .form-field input::placeholder, .form-field textarea::placeholder {
    -webkit-appearance: none;
    appearance: none;
    font-size: 16px;
    line-height: 1.5;
    color: #2e2e2e;
    font-family: "Roboto";
}
.wohnungsangebot .form-field label {
    font-weight: 700;
    background-color: #fff!important;
	padding: 0;
	color: #2e2e2e;
}

.form-number input {
    padding-right: 0;
}
.form-field input, .form-field textarea, .form-field select {
    display: block;
    background: #fff;
	border: 1px solid #ccc;
    padding: 10px 20px;
    padding-right: 20px;
    width: 100%;
    border-radius: 4px;
}


.flx-acnt {
    display: flex;
    align-items: center;
}
.flx-hstrt {
    display: flex;
    justify-content: flex-start;
}

.form-number {
    position: relative;
}
.form-select select {
    padding-right: 40px;
}
.block {
    display: block;
}
.tac {
    text-align: center;
}
.mb0 {
    margin-bottom: 0 !important;
}
.w25 {
    width: 24% !important;
}

.form-select{
	position: relative;
}
.form-select::after {
    content: "\f142";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    color: rgba(0,0,0,.25);
	background: #e5e5e5;
	border-radius: 0 4px 4px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
	font-weight: 900;
	font-size: 14px;
	padding: 2px 2px 0 0;
	box-sizing: border-box;
	pointer-events: none;
	border: 1px solid #ccc;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
     border-left-width: 1px;
    border-left: none;
}
.filter .btn{
	border: 2px solid #cd1725;
	background-color: rgba(205, 23, 37, 0.8);
	color: #fff;
	padding: 10px 40px;
	display:inline-block;
}

.filter .btn:hover {
    background-color: rgba(205, 23, 37, 1);
}

.filter .form-field:last-of-type span:last-of-type{
	margin: 0 10px;
}


.singleangebot{
	padding:20px;
	background-color: #f9f9f9;
	margin-bottom: 30px;
	position: relative;
}

.singleangebot h3, .wohnungtop span{
	margin:0 0 10px;
}

.beschreibung p{
	font-size:20px;
	width:33%;
	text-align:center;
}

.wohnungtop{
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	border-bottom:1px solid rgba(0,0,0,.1);
	padding:0 10px;
}

.wohnungtop span{
	font-size: 16px;
	margin: 0 0 10px 0;
}

.wohnungtop span em{
	font-weight: 700;
}

.wohnungbottom{
	    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.beschreibung p{
	display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
color:#707070;
}
.beschreibung{
	display: flex;
justify-content: flex-start;
width: 100%;
align-items: flex-start;
	padding-left: 40px;
}
.beschreibung p strong{
font-weight: 700;
color:#000;
}

.wohnungbottom .btn{
	position: absolute;
	bottom: 40px;
	right:40px;
	border: 2px solid #cd1725;
background-color:rgba(205, 23, 37, 0.8);
color:#fff;
padding: 10px 40px;
}

.wohnungbottom .btn:hover{
	background-color:rgba(205, 23, 37, 1);
}


#contactform {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row;
}

#contactform .form-field input {
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-bottom: 1px solid #777777;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 70%;
	line-height: 30px;
	font-size: 15px;
	font-weight: 300;
	margin-left: 10px;
	box-sizing: border-box;
}
#contactform .form-field{
	display: flex;
}
.dsgvo label {
	cursor: pointer;
	text-indent: -9999px;
	width: 40px!important;
	height: 25px;
	background: grey;
	display: inline-block;
	border-radius: 100px;
	position: relative;
}
.dsgvo label:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 22px;
	height: 22px;
	background: #fff;
	border-radius: 22px;
	transition: 0.3s;
}
.dsgvo input:checked + label {
	background: #bada55;
}
.dsgvo input:checked + label:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}
.dsgvo label:active:after {
	width: 40px;
}
.dsgvo input[type=checkbox] {
	height: 0;
	width: 0!important;
	visibility: hidden;
}


.contactleft{
	width: 49%;
}

.form-field, .auswahl {
    margin-top: 35px;
}

.form-field label, .auswahl p {
    font-weight: 700;
    background-color: #cd1725;
color:   #fff;
    padding: 10px 15px;
    box-sizing: border-box;
    width: 25%;
    display: inline-block;
}

.form-field .message {
    display: none;
}
.form-field label, .auswahl p {
    font-weight: 700;
    background-color: #cd1725;
color:    #fff;
    padding: 10px 15px;
    box-sizing: border-box;
    width: 25%;
    display: inline-block;
}

.contactleft.check textarea {
    width: 100%;
    height: 315px;
}


.contactleft.check button {
    width: 30%;
    height: 50px;
    border-radius: none;
    border: none;
    background-color: #cd1725;
color:#fff;
    font-size: 18px;
    font-weight: 700;
}


.dsgvo{
	margin-bottom: 30px!important;
}

.checkbox {
    display: inline-flex;
    cursor: pointer;
    position: relative;
}

.contactleft.check .form-field {
    margin-top: 0;
}

.checkies{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	width: 100%;
padding-right: 20px;
}
.checkbox > span {
    color: #000;
    padding: 0.5rem 0.25rem;
}

.checkbox > input {
    height: 35px;
    width: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 2px solid #cd1725;
    border-radius: 0;
    outline: none;
    transition-duration: 0.3s;
    background-color: #fff;
    cursor: pointer;
	margin-right: 10px;
  }

.checkbox > input:checked {
    border: 2px solid #cd1725;
    background-color: #fff;
}

.checkbox > input:checked + span::before {
	font-family: "Font Awesome 5 Free";
   content: "\f00c";
	 font-weight: 900;
	display: block;
    text-align: center;
    color: #cd1725;
    position: absolute;
    left: 10px;
top: 6px;
}

.checkbox > input:active {
    border: 2px solid #34495E;
}

.entrytext.centered{
	max-width:900px;
}

.eins{	font: 60px/60px "ff_market", Arial, Helvetica, serif; color:#fff;display:block;}
.zwei{	font: 100px/60px "ff_market", Arial, Helvetica, serif; fill:#fff;}
.st0{opacity:0.9;}
.st1{fill:#CD1725;}

.slider .posrel, .para-wrapper .posrel, .poly.posrel{
	position:relative;
	padding:20px;
}


.slider .posrel img, .para-wrapper .posrel img, .poly.posrel img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	max-width:none!important;
	opacity:.8;
	display:block;
	z-index:1;
}

.slider .posrel.rotate img{
	transform:rotate(180deg);
}

.slider .posrel span, .para-wrapper .posrel span, .poly.posrel span{
	position:relative;
	z-index:2;
}

.eins.sizebig{
	font-size:100px;
	line-height:1.5
}

.news .left .poly{
	position:absolute;
	top:20px;
	left:20px;
}

.showmobile{
	display:none!important;
}

.wangebote{
	position:relative;
}

.wangebote a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.wangebote .abslink{
	display:block;
	position:absolute;
	right:15px;
	bottom:15px;
	font-size:16px;
	opacity:.4;
	pointer-events:none;
}

.footflx{
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	flex-wrap:wrap;
}

footer .centered > .footflx{
	padding:0 0 40px;
}

.footflx .w33{
	width:32%;
}

.footflx .w30{
	width:29%;
}

.footflx .w70{
	width:69%;
}

.footflx a{
	color:#fff;
}

.imglinks a{
	display:block;
	max-width:49%;
}

.imglinks a img{
	display:block;
	max-width:100%;
	height:auto;
}

.flx-acnt{
	align-items:center;
}

@media only screen and (max-width:1200px){
	#mainnav{
		position:fixed;
		left:-50%;
		top:0;
		width:50%;
		background:#fff;
		height:100%;
		transition:left 300ms;
		overflow-y:auto;
	}
	
	#mainnav.active{
		left:0;
	}
	
	#mainnav ul{
		display:block;
	}
	
	.offer ul li .singleoffer strong{
		font-size:18px;
	}
	
	.parallax{
		min-height:500px;
	}
	
	.contactboxen, .contactstan{
		flex-wrap:wrap;
	}
	
	.contactboxen li{
		width:49%;
		margin:0 0 20px;
	}
	
	.contactstan li:first-of-type{
		width:100%;
		margin:0 0 60px;
	}
	
	.contactstan li:first-of-type img{
		display:block;
		width:100%;
	}
	
	#mobile-nav{
		display:block;
		position:absolute;
		top:27px;
		right:10px;
	}
	
	body{
		padding-top:75px;
	}
	
	.eins.sizebig{
		font-size:60px;
	}
	
	.news .left > span{
		font-size:24px;
	}
	
	.single{
		width:32%;
	}
	
	.contactleft{
		width:100%;
		margin:0 0 60px;
	}
	
	#contactform{
		flex-wrap:wrap;
	}
	
	.footflx .w70{
		width:100%!important;
		margin:0 0 30px;
	}
}

@media only screen and (max-width:1000px){
	.pt100.pb100{
		padding-top:50px!important;
		padding-bottom:50px!important;
	}
	
	h1{font-size:24px;}
	h2{font-size:22px;}
	h3{font-size:20px;}
	h4, h5, h6{font-size:18px;}
	
	.offer ul li{
		width:50%;
		margin:0 0 20px;
	}
	
	.parallax{
		min-height:300px;
	}
	
	.news{
		flex-wrap:wrap;
	}
	
	.news .berichte .right{
		width:50%;
		margin:0;
	}
	
	.news .left{
		margin:0 0 20px;
	}
	
	.news .left, .berichte{
		width:100%;
		flex-direction: inherit;
	}
	
	.news .left > img{
		position:relative;
		width:100%;
		height:auto;
		min-width:none;
		min-height:none;
		top:auto;
		left:auto;
	}
	
	.news .berichte .right img{
		width:100%;
		height:auto;
		max-height:none;
	}
	
	.flexwrapper svg, .para-wrapper svg{
		max-width:270px;
		text-align:center;
	}
	
	.eins{	font: 60px/30px "ff_market", Arial, Helvetica, serif; fill:#fff;}
	.zwei{	font: 50px/25px "ff_market", Arial, Helvetica, serif; fill:#fff;}
	.drei{  font: 60px/30px "ff_market", Arial, Helvetica, serif!important;width:100%;text-align:center;}
	
	.picleft-textright{
		flex-wrap:wrap;
	}
	
	.picleft, .text-right, .neues .newsbox{
		width:100%;
	}
	
	.single, .downloads li{
		width:49%;
	}
	
	.newsbox > a{
		flex-wrap: nowrap;
	}
	
	.eins, .eins.sizebig{
		font-size:40px;
		line-height:1.2;
	}
	
	.slider p.posrel{
		margin:0 0 10px;
	}
	
	.slider .btn{
		margin:10px 0 0;
	}
	
	body{
		font-size:16px;
	}
	
	.wohnungsangebot{
		flex-wrap:wrap;
	}
	
	.filter, .wangebote{
		width:100%;
	}
	
	.filter{
		margin:0 0 40px;
	}
	
	.m-w100{
		width:100%!important;
	}
	
	.m-w100 table{
		margin:0 auto;
		max-width:100%;
	}
	

	
	.footflx .w33{
		width:49%!important;
		text-align:center;
		margin:0 0 20px;
	}
	
	.footflx .w30{
		width:100%!important
	}
	
	body{
		padding-bottom:64px
	}
	
	.fixed-footer{
		bottom:0!important;
	}
}

@media only screen and (max-width:720px){
	h1{font-size:20px!important;}
	h2{font-size:18px!important;}
	h3{font-size:18px!important;}
	h4, h5, h6{font-size:16px!important;}
	
	
	.offer ul li{
		width:100%;
	}
	
	.eins.sizebig{
		text-align:center;
		font-size:24px;
	}
	
	.para-wrapper{
		padding:0 20px;
	}
	
	.btn{
		padding:12px 14px;
		display:block;
		max-width:100%;
		text-align:center;
	}
	
	.beschreibung p{
		font-size:16px;
	}
	
	.news .poly{
		display:none;
	}
	
	.news .left > span, .news .right span{
		position:relative;
		font-size:16px;
		display:block;
	}
	
	.berichte{
		flex-wrap:wrap;
	}
	
	.news .berichte .right{
		width:100%;
		margin:0 0 20px;
	}
	
	.contactboxen li{
		width:100%;
	}
	
	#mainnav{
		width:100%;
		left:-100%;
	}
	
	.text-right{
		padding:40px 20px;
	}
	
	.single, .downloads li{
		width:100%;
	}
	
	.parallax.para-sub{
		min-height:250px;
	}
	
	.neues .newsbox a img{
		width:22%;
		max-width:none;
		margin:0 0 20px 1%;
		order:2;
	}
	
	.neues .newsbox a em{
		text-align:left;
	}
	
	.newscontent{
		width:70%;
	}
	
	.neues .newsbox a{
		flex-wrap:wrap;
	}
	
	#logo{
		display:block;
		width:200px;
		max-width:50%;
	}
	
	#logo img{
		display:block;
		width:100%;
		height:auto;
	}
	
	.hauptnav{
		height:75px;
	}
	
	.hidemobile{
		display:none!important
	}
	
	.showmobile{
		display:block!important
	}
	
	.slider .flexwrapper{
		justify-content:flex-end;
		padding-bottom:25px
	}
	
	.xs-w100{
		width:100%!important
	}
	
	.w25.xs-w100{
		width:100%!important;
		margin:0 0 20px!important;
	}
	
	.area .btn{
		margin-top:0!important
	}
	
	.area{
		padding:40px 0;
	}
	
	.wohnungtop, .wohnungbottom{
		flex-wrap:wrap;
	}
	
	.wohnungtop > *, .wohnungbottom > *{
		width:100%!important;
		text-align:center;
	}
	
	.wohnungbottom img{
		width:100%;
		height:auto;
		margin:0 0 20px;
	}
	
	.beschreibung{
		padding:0;
		margin:0 0 20px;
		flex-wrap:wrap;
	}
	
	
	.beschreibung > *{
		width:100%!important;
		margin:0 0 20px!important;
	}
	
	.wangebote .abslink{
		right:0;
	}
	
	.m-w100 table, .m-w100 tbody, .m-w100 tr {
		margin:0;
		display:block;
		width:100%;
	}
	
	.m-w100 table td{
		display:block;
		width:100%!important;
		text-align:left!important
	}
	
	.m-w100 table td:first-of-type{
		font-weight:800;
		padding-top:10px;
	}
	
	.m-w100 table td:nth-of-type(2){
		padding-top:0;
		padding-bottom:10px;
		border-bottom:1px solid rgba(0,0,0,.1);
	}
	
	.xs-p10{
		padding:20px!important;
	}
	
	.checkies{
		flex-wrap:wrap;
	}
	
	.checkies li{
		width:100%;
		margin:0 0 20px;
	}
	
	.newsdetailflex .newsleft{
		width:100%;
		float:left;
	}
	
	.newsdetailflex .newsleft{
		width:30%;
		float:right;
			margin:0 0 10px 10px
	}
	
	.newsdetailflex p{
		margin:0 0 20px!important
	}
	
	.neues .newsbox a{
		padding:15px;
	}
	
	.footflx .w33{
		width:100%!important;
		}
	
	.bottom span{
		display:block;
		width:100%;
		text-align:center;
		margin:0 0 20px;
	}
	
	.bottom ul{
		display:block;
		width:100%;
		text-align:center;
	}
	
	.bottom ul li{
		display:block;
		margin:0 0 20px;
	}
}