:root {
  --accentColor: #0093D2;
  --secondColor: #465665;
}

/* ubuntu-300italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/ubuntu-v20-latin-300italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ubuntu-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ubuntu-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* permanent-marker-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Permanent Marker';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/permanent-marker-v16-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  background-color: #fff;
}

.width80vw {
  width: 80vw;
  height: auto;
  max-height: 80vh;
}

/*
.viewport_mobile .header {
     background: #102819;
 }
*/
.mmenu_trigger .label {
  display: none;
}

#top_link a {
  background: transparent;
}

.tp-loader.spinner0,
.tp-loader.spinner1 {
  background-color: transparent;
}


.grundrisse_tab.tab ul {
  text-align: right !important
}



.vollebreite .contentwrap {
  max-width: 100% !important;
}

.vollebreite .boxed-content .contentwrap {
  padding: 0;
}


#footer .inside a:hover {
  color: #0093D2 !important
}

#footer #top_link a {
  color: #0093D2 !important
}

.ce_text_extented a:link {
  text-decoration: none;
}

.ce_revolutionslider {
  background-color: #fff;
}


.swiper-button-next,
.swiper-button-prev {
  margin-top: -20px;
}


.smartmenu .smartmenu-trigger .line,
.smartmenu .smartmenu-trigger .line::before,
.smartmenu .smartmenu-trigger .line::after,
.smartmenu-content .smartmenu-close::before,
.smartmenu-content .smartmenu-close::after {
  height: 2px;
  background: #0093D2 !important;

}

.smartmenu-content .smartmenu-close {
  top: 55px;
}

@media only screen and (min-width:768px) and (max-width:1200px) {

  font-size-l,
  .font-size-l p {
    font-size: 2.2rem;

  }

  .mt-xxl-neg {
    margin-top: -250px !important
  }


}


@media only screen and (max-width:768px) {
  .m_l_s_0 .attributes {
    margin-left: -20px;
    width: 100vw !important;
  }
}

.smartmenu-table a {
  font-weight: 700 !important
}

.smartmenu-content .mod_navigation a.active {
  color: #0093D2;
  text-decoration: none !important;
  border: none;
}

.grundrisse_tab ul {
  text-align: right !important;
  /* margin-right: 70px;*/
}

.ce_tabs .panes.classic {
  background-color: #fff;
}

.tabs {
  background-color: #f7f7f7;
}


.ce_tabs .tabs.classic ul li.active,
.ce_tabs .tabs.classic ul li:hover {
  background-color: #0093D2;
  border: none;
  color: #fff;
  font-weight: 700;
}

.ce_tabs .tabs.classic ul li:hover {
  background-color: #5cbae2;

  border: none;
}

.ce_tabs .tabs.classic ul li {
  background-color: #fff;
  border: none;
  color: #666;
  padding: 10px 20px;
  font-weight: 700;
}

.maps_container {
  background-color: #a9d6b4;
  padding: 20px;
}

.ce_tabs .panes.classic {
  padding: 0;
}

svg .weiss {
  fill: #fff;
}


svg {
  fill: #fff;
}

.rent .cls-2 {
  fill: #b2dff1;
  cursor: pointer;
}


svg .rent .dk_grun:hover,
svg .rent .dk_gruen:hover {

  fill: #4daf92;
  cursor: pointer;
}

svg .rent:hover .cls-1,
svg .rent:hover .cls-2,
.aktiv .rent:hover {
  fill: #5cbae2 !important;
  cursor: pointer;
}

svg .rent.aktiv:hover .cls-1,
svg .rent.aktiv .cls-1,
svg .rent.aktiv:hover .cls-2,
svg .rent.aktiv .cls-2 {
  fill: #0093d2 !important;
  cursor: pointer;
}

.grundriss_bu p {
  font-size: 14px;
  line-height: 1.2 !important;
  padding: 10px 20px;
}

@media only screen and (max-width:768px) {


  .ce_tabs .tabs ul {
    text-align: center !important;
  }

  .ce_tabs .tabs li {
    display: block !important;
    float: none !important;
    width: 15% !important;
    padding: 5px 0 !important;
  }

  .ce_tabs .tabs.classic ul li.tab_sixth {
    display: inline-block !important;
  }

  .ce_bgimage.vollebreite .ce_bgimage-inside,
  .vollebreite>.boxed-content .contentwrap,
  #main .mod_article .ce_bgimage.vollebreite .ce_bgimage-inside {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #main .mod_article .ce_bgimage.vollebreite .ce_bgimage-inside p {
    font-size: 13px !important;
  }

  .grundriss_bu p {
    font-size: 14px;
    line-height: 1.2 !important;
    padding: 10px 0;
  }

  .ce_hyperlink.small a {
    line-height: 1.35;
  }

  .mlist a {

    font-size: 30px;
    line-height: 2;
    font-weight: normal;

  }

}

.mod_changelanguage {
  position: absolute;
  right: 0;
}

.mod_changelanguage a {
  color: #fff;
}

.mt-xxl {
  margin-top: 80px !important
}

.mt-xl {
  margin-top: 70px !important
}

.mt-l {
  margin-top: 60px !important
}

.mt-m {
  margin-top: 50px !important
}

.mt-s {
  margin-top: 40px !important
}

.mt-xs {
  margin-top: 30px !important
}

.mt-xxs {
  margin-top: 20px !important
}

.mb-xxl {
  margin-bottom: 80px !important
}

.mb-xl {
  margin-bottom: 70px !important
}

.mb-l {
  margin-bottom: 60px !important
}

.mb-m {
  margin-bottom: 50px !important
}

.mb-s {
  margin-bottom: 40px !important
}

.ce_bgimage.bg_contain .ce_bgimage-image {
  background-size: contain;
}

/*
   @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
   .ce_bgimage-image, .article-pb.parallax {
     background-position: top;
     background-attachment: scroll !important;
     background-size: contain;
   }}
*/

.block {
  overflow: visible !important
}


body {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
}



.ce_revolutionslider_text,
h1,
h1 a,
.h1,
.h1 a,
.h1 p {
  font-family: 'Permanent Marker' !important;

}



h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;

}



.header .mainmenu ul li a {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
}


.mod_socials.color i.fa-linkedin,
.mod_socials .social-FontAwesome.color i.fa-linkedin,
.mod_socials i.fa-linkedin:hover,
.mod_socials.color i.fa-instagram,
.mod_socials .social-FontAwesome.color i.fa-instagram,
.mod_socials i.fa-instagram:hover,
.mod_socials.color i.fa-facebook,
.mod_socials .social-FontAwesome.color i.fa-facebook,
.mod_socials i.fa-facebook:hover,
.mod_socials.color i.fa-instagram,
.mod_socials .social-FontAwesome.color i.fa-instagram,
.mod_socials i.fa-instagram:hover,
#footer .mod_socials a i {
  border-radius: 10px !important;
  background-color: #0093D2 !important;
  color: #fff;

}

/*  INSIDE Content 100% */
#top .inside,
.header .inside,
#footer .inside,
#bottom .inside {
  max-width: 100% !important;
}


@media only screen and (max-width: 767px) {
  .header .logo {
    width: 115px;
  }
}

/*  Galerie */
.ce_gallery .gallery-margin .image_container {
  margin: 0 20px 20px;
}

#footer .mod_socials {
  display: inherit;
  margin: 30px auto 0 auto;
  width: max-content;
}

#cboxOverlay {
  background: #0093D2;
  opacity: .9;
  filter: alpha(opacity=90);
}

#cboxLoadedContent {
  border: 5px solid #fff;
  background: #fff;
}

#cboxContent {
  margin-top: 20px;
  background: #fff;
}

#cboxClose {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  background: url(controls.png) no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
}

.smartmenu-content {
  background-color: #0093D2 !important;
}

.smartmenu-content .smartmenu-close::before,
.smartmenu-content .smartmenu-close::after {
  height: 2px;
  background: #fff !important;
}

.smartmenu-content .mod_navigation a.active {
  color: #ccc;
}

.ce_tabs .tabs.classic ul li {
  border-radius: 0;
  margin: 0;
}

.ce_tabs .tabs.classic,
.tabs.classic {
  margin-bottom: 0;
}

.widget-select {

  margin-top: 1rem;
}

button.submit {
  border-radius: 0;
  font-weight: bold;
  font-size: 17px;
  height: auto;
}

.widget-submit {
  text-align: right;
}

form .checkbox_container span,
form .widget-radio span {
  display: inline-block;
}