.content_header {
  border-bottom: 1px solid #CCC;
  height: 90px !important;
    max-width:calc(100% - 40px);
    
}
.language_selecter{
    display:none;
}
#wrapper .section:first-of-type {
  margin-top: 100px !important;
}
#wrapper{
    min-height:calc(100vh - 250px) !important;
}
h1 {
  line-height: 80px;
}
h2 {
  font-size: 18px;
}
.blue {
  color: #ff3333;
  font-size: 18px;
  float: right;
  cursor: pointer;
  margin-bottom: 20px;
}
#header_logo img {
  max-height: 70px !important;
  top: 10px !important;
    left:0;
    transform:translateX(0);
}
#container1502_1_759 h3 {
  display: none;
}
.videocontainer {
  padding: 1%;
}
.addon_video {
  width: 100% !important;
}
/* ##################################################################################Newsletter */
#newsletter {
  position: fixed;
  max-width: 560px;
  max-height: 400px;
  padding: 30px;
  top: 50%;
  margin-top: -200px;
  margin-left: -280px;
  left: 50%;
  width: 100%;
  background: #f9423a;
  color: #FFF;
  height: 100%;
  z-index: 80000;
}
.newsletter_kopf {
  position: relative;
  width: 100%;
  height: auto;
  font-family: header-slider;
  font-size: 72px;
  color: #FFF;
  line-height: 72px;
}
#container1352_1_658 .newsletter_kopf {
  color: #666;
}
#container1352_1_658 .newsletter_info {
  color: #151515;
}
#container1352_1_658 .newsletter_button, #container1352_1_658 .newsletter_feld {
  color: #fff;
  background: #ff3333;
}
.newsletter_info {
  font-size: 16px;
  color: #FFF;
  line-height: 20px;
  padding: 20px 0;
}
.newsletter_close {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 80002;
}
.newsletter_close img {
  width: 100% !important;
  height: auto;
}
/* ##################################################################################GENERAL EFFECTS */
#wrapper .section {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  -o-animation-duration: 5s;
  animation-duration: 5s;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translatey(-30px);
    -moz-transform: translatey(-30px);
    -o-transform: translatey(-30px);
    transform: translatey(-30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0);
  }
}
@-moz-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translatey(-30px);
    -moz-transform: translatey(-30px);
    -o-transform: translatey(-30px);
    transform: translatey(-30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translatey(-30px);
    -moz-transform: translatey(-30px);
    -o-transform: translatey(-30px);
    transform: translatey(-30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0);
  }
}
/* ##################################################################################NAVIGATION CONTENT */
.navigation-menu i, .navigation-close i{
  color: #000 !important;
}
.navigation-menu {
  z-index: 300;
	top:30px;
    right:0;
}
.navigation-display ul a, .navigation-display ul div {
  text-transform: uppercase;
}
.navigation-display .imagecontainer {
  height: auto !important;
}
.navigation-display {
  z-index: 2000 !important;
    top:20px;
    right:0;
    max-width:calc(100% - 40px);
    margin:0 0 auto auto !important;
  background: #fff;

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.navigation-display ul li ul:after, .navigation-display ul li ul:before {
  display: none;
}
.navigation-display ul li ul {
  display: none;
}
/* ##################################################################################LOGIN */
.login_info {
  color: #000;
  font-family: header;
  max-width: 600px;
  margin: 50px auto 0;
  padding: 20px;
  text-align: left;
  background: #efefef;
}
.login_info h1 {
  font-size: 72px;
  color: #ff3300 !important;
  line-height: 72px;
  height: auto !important;
}
.login_info h3 {
  margin-top: 10px;
  color: #ff3300;
  font-size: 24px;
  font-weight: normal;
  height: auto !important;
}
.login_info h1:after {
  height: 0 !important;
  background: transparent;
}
.login_hinweis {
  font-size: 14px;
  color: #000;
  text-align: left;
  line-height: 18px;
  padding: 1% 80px 1% 0;
  margin-bottom: 20px;
}
.login_hinweis a {
  color: #000;
  text-decoration: underline;
}
#ssllogin, #sslhilfe {
  max-width: 600px;
  margin: 0 auto 80px auto;
  padding: 20px;
  background: #efefef;
}

#passwort_change {
  max-width: 800px;
  padding: 20px;
  margin: 150px auto;
  background: #efefef;
}
.login_eingabe {
  display: table;
  margin: 1% 1% 2% 1%;
}
#ssllogin .kontakt_felder, #sslhilfe .kontakt_felder, #passwort_change .kontakt_felder {
  margin: 0;
  font-family: Bikini Atlas Web;
  padding: 20px;
}
.kontakt_felder:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #FFF inset; /* Change the color to your own background color */
  -webkit-text-fill-color: #666;
}
.kontakt_felder:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #FFF inset;
  -webkit-text-fill-color: #666;
}
.kontakt_felder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
.kontakt_felderr::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
.kontakt_felder:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
.kontakt_felder:-moz-placeholder { /* Firefox 18- */
  color: #666;
}
#sslhilfe .login_button {
  font-size: 40px;
  position: absolute;
  top: -20px;
  right: 20px;
  text-align: right;
  font-family: Bikini Atlas Web;
  padding: 0;
  color: #151515;
  background: transparent
}
.login_eingabe i {
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.login_eingabe i:hover {
  color: #cc3333;
}
meter {
  width: 100%;
  margin: 0;
  top: 20px;
  height: 10px;
  border-radius: 0;
  border: 0px solid transparent;
}
h1 {
  margin: 0 1% 0 1%;
}
/* ##################################################################################BUCHUNG */
.haus_hover {
  position: absolute;
  cursor: pointer;
  display: none;
  overflow: visible;
  opacity: 1;
  font-size: 8px !important;
  animation-name: iwanna;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.haus_hover img {
  min-width: 35px;
  height: auto;
  border: 2px solid #FF3333;
  border-radius: 50%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.haus_hover:hover > img, .haus_hover.hover_effect > img {
  min-width: 50px;
  margin-top: -7.5px;
  margin-left: -7.5px;
}
.haus_hover:hover, .haus_hover.hover_effect {
  display: block;
}
.werbeflaechenview {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  display: -webkit-flex; /* Safari */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.werbeflaechencontainer {
  position: relative;
  width: 23%;
  float: left;
  margin: 1%;
  cursor: pointer;
  border: 1px solid #ccc;
  overflow: hidden;
}
.werbeflaechen .media_preview:after {
  position: absolute;
  top: 50%;
  left: 110%;
  content: 'Datenblatt & Details';
  transform: translateY(-50%);
  font-size: 12px;
}
.meine_buchungen {
  position: relative;
  width: 98%;
  padding: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
  margin: 20px 1%;
}
.mybook_container {
  float: left;
  height: 50px;
  padding-right: 10px;
  line-height: 50px;
  width: 25%;
}
.mybook_container img {
  height: 50px !important;
  width: auto !important;
  float: left;
  margin-right: 10px;
}
.werbeflaechendetail {
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
  margin-bottom: 50px;
}
.werbeflaechendetail .detailbild {
  position: relative;
  width: 50% !important;
  height: auto;
  float: left;
}
.werbeflaechendetail_text {
  position: relative;
  width: 50% !important;
  height: auto;
  float: left;
  padding: 20px;
}
.werbeflaechendetail_text h2 {
  text-align: left;
  padding-left: 10px;
}
.werbeflaechencontainer ul {
  list-style: none;
  max-width: 90%;
  padding: 0;
  margin: 10px auto;
}
.werbeflaechencontainer ul li {
  font-size: 14px;
  cursor: pointer;
  padding: 5px !important;
  margin: 0;
}
.werbeflaechencontainer ul li i {
  margin-right: 5px;
}
.werbeflaechencontainer ul li:hover {
  background: #efefef;
}
.werbeflaechencontainer h2 {
  text-align: center;
  margin: 20px auto;
}
.werbeflaechen_preis {
  font-weight: bold;
  font-size: 12px;
  padding: 10px;
}
.werbeflaechen_info {
  font-size: 12px;
  padding: 40px 10px 10px;
  height: 180px;
    overflow:scroll;
}
.werbeflaechen_download {
  font-size: 12px;
  padding: 10px 10px 10px;
}
.werbeflaechen_download h3, .werbeflaechen_download .media_details {
  display: none;
}
.werbeflaechen_download .mediaarchiv_download {
  background: transparent !important;
}
.werbeflaechen_preis_container {
  float: left;
  width: 50%;
}
@keyframes iwanna {
  0% {
    opacity: 0.2;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
  }
  50% {
    opacity: 1;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
  }
  100% {
    opacity: 0.2;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
  }
}
/* ##################################################################################UMFRAGE */
.umfrage h1, .umfrage h2 {
  font-family: header;
}
.umfrage h2 {
  font-weight: normal;
}
.umfrage_einleitung {
  font-family: Bikini Atlas Web;
}
.umfrage_antworten {
  background: #efefef;
}
/* ##################################################################################MIETERHANDBUCH */
#wikisuche {
  position: relative;
  width: 30%;
  float: right;
  margin: 0 auto 20px;
  height: auto;
  overflow: hidden;
}
.treffer{
	padding:0 20px 20px;
	text-align:center;
	font-size:20px;
	position: relative;
  	width: 98%;
}
.searchwiki {
  position: relative;
  margin: 0;
  padding: 0;
  height: auto;
  overflow: hidden;
}
#wikisuchergebnis {
  position: relative;
  width: 98%;
  margin: 20px auto;
  display: flex;
  display: -webkit-flex; /* Safari */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari */
  -webkit-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
}
#wikisuchergebnis ul {
  width: 33.3%;
  list-style: none;
  float: left;
  font-family: header;
  font-size: 30px;
  height: auto !important;
  position: relative;
  padding: 20px;
  margin: 10px 0 20px 0;
  overflow: hidden !important;
}
#wikisuchergebnis .add {
  background: #efefef;
}
#wikisuchergebnis ul ul {
  width: 100%;
  font-family: Bikini Atlas Web;
  font-size: 16px;
  float: none;
  color: #333;
  height: auto !important;
  position: relative;
}
#wikisuchergebnis ul ul li {
  line-height: 30px;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#wikisuchergebnis ul ul li:hover {
  padding-left: 20px;
}
.wiki_felder {
  background: transparent;
  padding: 2%;
  width: 80%;
  float: left;
  margin: 10px 0 0 0;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 16px;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.searchwiki i {
  cursor:pointer;
	margin-left:5px;
}
.wiki_felder_info {
  background: transparent;
  float: left;
text-align:right;
  padding: 2%;
  margin: 10px 0 0 0;
  width: 10%;
  font-size: 20px;
}
/* ÜBERSICHT ################################################################################## */
.uebersicht {
  width: 98%;
  position: relative;
  margin: 0 1% 50px 1%;
  padding: 20px;
  background: #efefef;
}
.home h1, .marketing_pr h1, .vermietung h1, .organisatorisches h1, .archiv h1, .mieterprofil h1, .downloads h1, .umfragen h1, .werbeflaechen h1, .mieterhandbuch h1 ,.mitarbeiterzugang h1{
  position: relative;
  width: 98%;
  height: 85px;
  margin-bottom: 20px;
}
.home h1 span, .marketing_pr h1 span, .vermietung h1 span, .organisatorisches h1 span, .archiv h1 span, .mieterprofil h1 span, .downloads h1 span, .umfragen h1 span, .werbeflaechen h1 span, .mieterhandbuch h1 span,.mitarbeiterzugang h1 span {
  font-family: header;
  position: relative;
  font-size: 72px;
  line-height: 80px;
  padding: 15px 0 15px 20px;
  color: #151515;
  float: right !important;
  text-transform: uppercase;
  text-align: left;
  font-weight: normal !important;
  z-index: 3;
}
.vermietung h1 span {
  color: #00acc3;
}
.organisatorisches h1 span {
  color: #ff3333;
}
.marketing_pr h1 span {
  color: #8bb99a;
}
.downloads h1 span, .archiv h1 span {
  color: #151515;
}
.archiv h2 {
  font-family: Bikini Atlas Web;
  color: rgba(59, 49, 113, 0.99);
  margin: 0 0 40px 15px;
}
.home h1:first-of-type span, .marketing_pr h1:first-of-type span, .vermietung h1:first-of-type span, .organisatorisches h1:first-of-type span, .archiv h1:first-of-type span, .mieterprofil h1:first-of-type span, .downloads h1:first-of-type span, .umfragen h1:first-of-type span {
  float: left !important;
  padding: 15px 20px 15px 0;
  color: #151515;
}
.login_info h1 {
  color: #FFF;
}
.downloads h3 {
  display: none;
}
.uebersicht .user_daten {
  position: relative;
  float: right;
  height: 210px;
  width: 31.3333%;
  font-family: Bikini Atlas Web;
  padding: 20px;
  font-size: 14px;
  line-height: 19px;
  color: #151515;
  border: 1px solid #999;
}
.uebersicht .navi_left {
  width: 20%;
  padding: 10px 0 10px 0;
  height: auto;
  float: left;
     font-family: Bikini Atlas Web medium;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}
.uebersicht .navi_left a {
  color: #151515;
}
.uebersicht .navi_left:hover > a {
  text-decoration: underline !important;
}
.navi_left i {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  font-size: 30px;
  float: left;
}
.menu_text {
  position: relative;
  width: 140px;
  float: left;
  padding: 13px 0 0 0;
  font-size: 12px;
  white-space: nowrap;
}
.home_schreiben_overview, .home_schreiben_overview_archiv {
  display: flex;
  display: -webkit-flex; /* Safari */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari */
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.home_schreiben_overview_archiv {}
.home_schreiben {
  position: relative;
  width: 31.3333%;
  margin: 1%;
  height: auto;
  overflow: hidden;
  float: left;
  cursor: pointer;
}
.home_schreiben .home_img img, .home_img {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.home_schreiben_ungelesen {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ff3333;
  color: #fff;
  text-align: center;
  line-height: 50px;
  z-index: 10;
  animation-name: einblenden;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.home_schreiben_ungelesen.marketing_pr {
  background: #8bb99a;
}
.home_schreiben_ungelesen.organisatorisches {
  background: #ff3333;
}
.home_schreiben_ungelesen.vermietung {
  background: #00acc3;
}
@keyframes einblenden {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.home_schreiben_ungelesen i {
  font-size: 25px;
}
.home_img img {
  max-width: 100% !important;
  height: auto;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.home_schreiben:hover .home_img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  overflow: hidden;
}
.home_img img {
  margin-bottom: -1%;
}
.home_img h2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  font-size: 25px;
  color: #FFF;
  line-height: normal !important;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  font-weight: normal !important;
  font-family: header !important;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0) 40%, rgba(0, 0, 0, 0.4) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0) 40%, rgba(0, 0, 0, 0.4) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 40%, rgba(0, 0, 0, 0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}
.home_img h2 span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 0 25px 0 25px;
  bottom: 30px;
}
.home_img h2 span {
  line-height: 25px;
}
.home_img h2 span:after {
  content: '';
  clear: both;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -55px;
  width: 110px;
  height: 4px;
  background: #fff;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}
.home_schreiben_nr, .detail_text h3 {
  margin-top: 20px;
  font-size: 30px;
    line-height:36px;
  color: #333;
  font-family: header;
  text-align: left;
  font-weight: normal;
}
.home_schreiben_titel {
  text-align: left;
  text-transform: uppercase;
  font-family: Bikini Atlas Web medium;
  font-weight: bold;
  height: 40px;
  overflow: hidden;
}
.home_schreiben_titel.big {
  font-size: 24px;
  float: left;
  width: 80%;
  margin: 10px 10% 20px 10%;
}
.home_schreiben_text {
  text-align: left;
  font-size: 14px;
  font-family: Bikini Atlas Web;
  line-height: 21px;
  margin: 20px 0 20px 0;
}
.home_mehr_lesen {
  position: relative;
  margin: 60px 0 20px 0;
  display: table;
  color: #151515;
  padding: 0 30px 0 30px;
  font-size: 16px;
  height: 50px;
  font-weight: bold;
  line-height: 50px;
  text-align: left;
  cursor: pointer;
  border: 1px solid #979797;
  border-radius: 25px;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.home_mehr_lesen:hover {
  border: 1px solid #8A58FD;
  color: #8A58FD;
}
#detailschreiben {
  position: relative;
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
  height: auto;
}
.detail_text {
  position: relative;
  background: #eee;
  width: 98%;
  margin: 1%;
  padding: 80px 23% 80px 23%;
  text-align: left;
  overflow: hidden;
}
.detail_text .home_schreiben_nr, .detail_text h3 {
  margin: 10px 0 10px 0;
  font-size: 20px !important;
}
.detail_text .home_schreiben_nr h1 {
  margin: 10px 0 10px 0;
  font-size: 60px !important;
}
.detail_text .home_schreiben_nr h2 {
  margin: 0 0 10px 0;
  font-weight: normal;
  font-size: 34px !important;
}
.detail_text .home_schreiben_nr, .detail_text h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #bec0c0;
}
.detail_text h3 {
  margin: 10px 0 0 0;
}
.detail_text .downloadcontainer {
  margin: 0 0 0 0;
}
.detail_text .mediaarchiv_download {
  background: transparent;
}
.detail_text .media_details {
  width: auto;
  font-family: Bikini Atlas Web;
  font-size: 14px;
  line-height: 50px;
}
.mediaarchiv_download .media_details h4{
    color:#151515 !important;
    font-size:16px !important;
    line-height:18px !important;
}
.schreiben_main_text {
  text-align: left !important;
  font-size: 14px;
  line-height: 21px;
  font-weight: lighter;
  font-family: Bikini Atlas Web;
  padding: 20px 0 0 0;
}
.schreiben_main_text p {
  width: 100%;
  margin-bottom: 15px;
}
.schreiben_main_text img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.schreiben_main_text ul {
  margin-left: 20px;
}
.download_button, .close_button {
  display: inline;
  color: #FFF;
  font-size: 16px;
  border-radius: 20px;
  margin-top: 15px;
  padding: 10px 20px 10px 20px;
  border: 0px solid;
  cursor: pointer;
}
.download_button_container {
  display: block;
  text-align: center;
  width: 100%;
  height: 40px;
  margin: 30px 0 30px 0;
}
.downline {
  background: #bec0c0;
  height: 1px;
  width: 100%;
  position: relative;
}
.download_button {
  display: block;
  border-radius: 5px;
  padding: 5px 20px 5px 20px;
}
.close_button {
  position: absolute;
  color: #bec0c0;
  top: 50px;
  right: 50px;
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 40px;
  margin: 0 0 10px 10px;
  text-align: center;
  border: 1px solid #979797;
  cursor: pointer;
}
.close_button:hover {
  background: #fff;
}
.download_button:hover {
  background: #000;
  color: #FFF;
}
.buttons-group {
  margin: 0 1% 0 1%;
}
.buttons-group .button.ar {
  float: left;
  cursor: pointer;
  font-family: Bikini Atlas Web;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 50px;
  margin-right: 20px;
}
.buttons-group i {
  width: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 30px;
  background: #efefef;
  height: 50px;
  margin-right: 20px;
  float: left;
  cursor: pointer;
}
.mieter_jahr {
  position: relative;
  display: inline;
  font-family: Bikini Atlas Web;
  font-size: 13px;
  padding: 10px 15px 10px 15px;
  margin-right: 10px;
  float: left;
  border: 1px solid #ccc;
  cursor: pointer;
}
.mieter_jahr.is-checked, .mieter_container_archiv_overview.is-checked {
  background: #FFF;
  border: 1px solid #FFF;
}
.saveit_button {
  position: relative;
  float: right;
  color: #FFF;
  margin-top: 0px;
  display: inline;
  font-size: 16px;
  padding: 10px 15px 10px 15px;
  margin: 0 0 10px 10px;
  text-align: center;
  background: #ff3333;
  border: 0px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.saveit_button:hover {}
.mieter_felder, .mieter_felder_h_ind {
  background: transparent;
  padding: 2%;
  margin: 10px 0 10px 0;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 16px;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.mieter_felder.half {
  width: 49%;
  margin-right: 1%;
  float: left;
}
.mieter_felder.info {
  width: 90%;
  float: left;
}
.mieter_felder.full {
  width: 100%;
  float: none;
}
.mieter_felder.dis {
  border: 1px solid transparent;
}
.mieter_felder_info {
  background: transparent;
  float: left;
  padding: 2%;
  margin: 10px 0 10px 0;
  width: 9%;
  margin-right: 1%;
  font-size: 20px;
}
.mieter_felder:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #FFF inset; /* Change the color to your own background color */
  -webkit-text-fill-color: #666;
}
.mieter_felder:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #FFF inset;
  -webkit-text-fill-color: #666;
}
.mieter_felder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
.mieter_felder::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
.mieter_felder:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
.mieter_felder:-moz-placeholder { /* Firefox 18- */
  color: #666;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}
.formular, #unteruser_container {
  width: 98%;
  margin: 10px 1% 10px 1%;
  background: #eee;
  padding: 40px 12% 40px 20%;
}
.mieter_felder.half {
  width: 49%;
  margin-right: 1%;
  float: left;
}
.mieter_felder.info {
  width: 90%;
  float: left;
}
.mieter_felder.full {
  width: 100%;
  float: none;
}
.mieter_felder:hover, .mieter_felder_h_ind:hover {
  background: #fff;
}
.kontakt_fehler {
  font-size: 14px;
}
.kontakt_fehler p {
  margin-bottom: 18px;
}
.unteruser_container {
  position: relative;
  padding: 10px;
  width: 48%;
  margin: 0 1% 1% 1%;
  height: auto;
  float: left;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  border: 1px solid #979797;
  border-radius: 5px;
}
.unteruser_container:hover {
  background: #fff;
  border-radius: 10px;
}
.unteruser_container i {
  float: left;
  font-size: 20px;
  margin: 5px;
}
input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label, .ui-timepicker-list li {
  font-size: 14px;
  color: #151515;
}
label.css-label {
  background-image: url(https://cloud.imexx.de/lib/userfiles/272/hauptlayout/checkbox.png);
}
.downloadcontainer {
  padding: 0;
}
#mieterdownloads {
  display: flex;
  display: -webkit-flex; /* Safari */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari */
  -webkit-flex-direction: row;
  flex-direction: row;
  height: auto;
  overflow: hidden;
}
.file_kategorie {
  position: relative;
  width: 24%;
  float: left;
  margin-right: 1%;
  margin-bottom: 20px;
}
.file_kategorie .home_img h2 {
  font-size: 22px;
}
.mediaarchiv_download {
  width: 100%;
  margin: 20px 0 0 0;
  min-height: 0 !important;
}
.mediaarchiv_download:hover {
  background: #fff;
}
.media_preview {
  width: 50px;
  float: left;
  background: transparent;
  padding: 0;
  height: 50px;
}
.media_preview i {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FFF;
  line-height: 50px;
  font-size: 25px;
  color: #333;
}
.media_details {
  margin: 0 0 0 10px !important;
  padding: 0 !important;
  position: relative !important;
  float: left !important;
  font-family: Bikini Atlas Web;
  width: 200px;
  height: auto;
  left: 0 !important;
  top: 0 !important;
  font-size: 14px;
}
.marketing_pr .media_preview {
  border-color: #01a89c;
}
.marketing_pr .media_preview i {
  color: #01a89c;
}
.organisatorisches .media_preview {
  border-color: #f06131;
}
.organisatorisches .media_preview i {
  color: #f06131;
}
.vermietung .media_preview {
  border-color: #e0017a;
}
.vermietung .media_preview i {
  color: #e0017a;
}
.mieter_link {
  width: 100%;
  padding: 2%;
}
.mieter_container:hover, .mieter_link:hover, .mieter_container_open_full:hover, .mieter_container_archiv_full:hover {
  background: #FFF;
}
.mieter_container_open img {
  width: 22% !important;
  padding: 2%;
  height: auto;
  float: left;
}
.mieter_container_open_right {
  width: 66.6%;
  margin-left: 3.4%;
  height: auto;
  float: left;
}
.mieter_container_open_titel {
  font-size: 25px;
  color: #333;
  font-family: Bikini Atlas Web;
}
.mieter_container_text {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 20px 5px 20px 0;
  font-size: 16px;
  color: #333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  text-align: justify;
}
.mieter_container_text img {
  width: 100%;
  height: auto;
}
.mieter_container_text p {
  margin-top: 25px;
}
.mieter_container img, .mieter_container_kategorie img {
  width: 22% !important;
  padding: 2%;
  height: auto;
  float: left;
}
.mieter_container_titel {
  position: absolute;
  top: 43%;
  left: 26.3%;
  font-size: 25px;
  font-family: Bikini Atlas Web;
}
.legende_left, .legende_right {
  width: 75%;
  float: left;
  font-size: 18px;
  font-family: Bikini Atlas Web;
  text-align: left;
}
.legende_right {
  width: 25%;
  text-align: right;
}
.mieter_trenner {
  clear: left;
  border-top: 1px dotted #333;
  margin: 20px 0 20px 0;
}
/* ##################################################################################OLD */
.data_info, .fehler_info {
  position: relative;
  font-family: Bikini Atlas Web;
  text-align: justify;
  font-size: 18px;
  height: auto;
  overflow: hidden;
  padding-bottom: 15px;
}
.fehler_info {
  background: #ff3333;
  color: #FFF;
  padding: 40px;
  width: 98%;
  margin: 10px 1% 10px 1%;
}
.data_container {
  position: relative;
  margin: 10px 1% 10px 1%;
  width: 98%;
  font-size: 14px;
  height: auto;
  line-height: 20px;
  overflow: hidden;
}
.data_container .saveit_button {
  float: right;
  margin: 0 0 20px 20px;
}
.data_container .data_info {
  float: left !important;
}
.overlay_elem {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  z-index: 10;
  font-family: custom_font_bold;
  font-size: 22px;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.media_preview .overlay_elem img {
  position: relative;
  width: 80px !important;
  height: auto;
  margin: 80px 0 30px 0;
}
.mydata_bez {
  float: left;
  font-size: 15px;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.mydata_data {
  float: left;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
}
.mydata_zeile:hover, .mydata_zeile:focus {
  background: #FFF;
}
/* ##################################################################################KONTAKT */
#kontakformular, #kontaktpost, #serviceformular, #servicepost {
  width: 100%;
  margin: 0 auto;
  padding: 2%;
}
#serviceformular, #servicepost {
  margin: 3% 1%;
  width: 98%;
  padding: 2%;
  background: #101010;
  border: 1px solid #666;
}
#serviceformular .line {
  position: relative;
  margin: 20.5px 0 20.5px 0;
  width: 100%;
  height: 1px;
  background: #666;
}
#serviceformular .line::after {
  content: "";
  display: table;
  clear: both;
}
#serviceformular .info {
  position: absolute;
  margin: auto;
  top: -10px;
  background: #101010;
  text-transform: uppercase;
  padding: 2px 10px 2px 0;
  color: #FFF;
  font-size: 18px;
}
.kontakt_felder, .kontakt_felder_h_ind {
  background: #FFF;
  padding: 2%;
  font-size: 14px;
}
.kontakt_felder.half {
  width: 49%;
  margin-right: 1%;
  float: left;
}
input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label, .ui-timepicker-list li {
  font-size: 14px;
}
.kontakt_button, .login_button {
  margin: 20px 0 40px 0;
  padding: 1%;
}
.kontakt_button, .kontakt_felder:hover, .kontakt_felder_h_ind:hover, .login_button:hover, .kontakt_button:hover {
  background: #CCC;
}
.kontakt_button, .login_button {
  background: #FFF;
  color: #000;
  font-size: 14px;
}
.kontakt_fehler {
  font-size: 14px;
}
.kontakt_fehler p {
  margin-bottom: 18px;
}
#map_canvas {
  height: 400px;
  margin: 0 !important;
  overflow: hidden;
}
.google_overlay {
  bottom: 0 !important;
  background: rgba(0, 0, 0, 0.7);
}
.google_overlay.closed {
  top: 370px;
}
.google_overlay.closed:hover {
  background: rgba(254, 157, 190, 0.9);
}
.google_overlay i {
  margin-top: 150px;
  color: #FFF;
  font-size: 40px;
}
.my-marker {
  width: 80px;
  height: auto;
  padding: 2.5px;
  background: transparent !important;
  text-shadow: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.mapmarker {
  background: rgba(255, 255, 255, 1);
  cursor: pointer;
  color: #000 !important;
}
.mapmarker:hover {
  background: rgba(255, 255, 255, 1);
}
/* ##################################################################################FOOTER */

#footer {
  height: 250px !important;
}
.menu_foot {
  position: relative;
  text-align: center;
  width: auto;
  height: 80px;
  display: table;
  margin: 0 auto;
  padding: 60px 0 20px;
}
.socialmedia {
  position: relative;
  clear: left;
  width: 100%;
  height: 50px;
  left: 0;
  text-align: center;
}
.footer_menu {
  position: relative;
  list-style: none;
  width: auto;
  overflow: hidden;
  margin: 3% 0 3% 0;
}
#footer i {
  font-size: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin: 0 1% 0 1%;
  color: #FFF;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#footer i:hover {
  color: #ccc;
}
@media (max-width: 1440px) {
.content_header {
    left:20px;
    }
}
@media (max-width: 1024px) {
  .werbeflaechencontainer {
    width: 31.333%;
    margin: 1%;
  }
	#wikisuche {
  
  width: 50%;
  
}
	#wikisuchergebnis ul {
  width: 50%;
 
}
  .uebersicht .navi_left {
    width: 33.333%;
  }
  .user_daten {
    display: none;
  }
  .home_img h2 span {
    line-height: 20px;
  }
  .home_img h2 {
    font-size: 20px;
  }
  .home_schreiben_titel {
    font-size: 16px;
  }
  .language_select {
    right: 50px;
  }
  .detail_text, .formular, #unteruser_container {
    padding: 80px 18% 80px 18%;
  }
  .file_kategorie {
    width: 32.333%;
  }
  .mieter_jahr {
    font-size: 16px;
    padding: 10px 10px 10px 10px;
  }
  .buttons-group .button.ar {
    font-size: 16px;
    line-height: 40px;
    margin-right: 10px;
  }
  .buttons-group img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .home_schreiben {
    width: 48%;
  }
  .detail_text, .formular, #unteruser_container {
    padding: 80px 15% 80px 15%;
  }
  .file_kategorie {
    width: 49%;
    margin-bottom: 20px;
  }
  .file_kategorie .home_img img {
    width: 100% !important;
    min-width: 100% !important;
  }
  .unteruser_container {
    width: 100%;
  }
  .mieter_jahr {
    font-size: 14px;
    padding: 10px 10px 10px 10px;
  }
  .buttons-group .button.ar {
    font-size: 14px;
  }
  .mybook_container span {
    display: none;
  }
		#wikisuchergebnis ul {
  width: 100%;
 
}
}
@media (max-width: 675px) {
  .werbeflaechencontainer {
    width: 48%;
    margin: 1%;
  }
	#wikisuche {
  
  width: 80%;
  
}
  #wrapper h1:first-of-type, .uebersicht, #wrapper .trenner:first-of-type {
    display: none;
  }
  .detail_text, .formular, #unteruser_container {
    padding: 40px 10% 40px 10%;
  }
  .mieter_jahr {
    font-size: 12px;
    padding: 10px 5px 10px 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: block;
  }
  .buttons-group .button.ar {
    font-size: 12px;
    line-height: 30px;
    margin-right: 5px;
  }
  .buttons-group img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
}
@media (max-width: 515px) {
  .home_schreiben {
    width: 98%;
  }
  .mieter_jahr {
    display: none;
  }
  .buttons-group .button.ar {
    font-size: 12px;
    width: 100%;
    line-height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .home h1 span, .marketing_pr h1 span, .vermietung h1 span, .organisatorisches h1 span, .archiv h1 span, .mieterprofil h1 span, .downloads h1 span , .mieterhandbuch h1 span {
    font-size: 24px;
  }
  .home h1:after, .marketing_pr h1:after, .vermietung h1:after, .organisatorisches h1:after, .archiv h1:after, .mieterprofil h1:after, .downloads h1:after {
    top: 30px;
  }
  .detail_text, .formular, #unteruser_container {
    padding: 40px 5% 40px 5%;
  }
  .close_button {
    top: 10px;
    right: 10px;
  }
  .file_kategorie {
    width: 100%;
    margin-right: 0;
  }
  .werbeflaechencontainer {
    width: 98%;
    margin: 1%;
  }
}