/* axiforma */
@font-face {
  font-family: 'Axiforma-ExtraBold';
  src: url("../fonts/axiforma/Axiforma-ExtraBold/font.woff2") format("woff2"), url("../fonts/axiforma/Axiforma-ExtraBold/font.woff") format("woff");
}

@font-face {
  font-family: 'Axiforma-Bold';
  src: url("../fonts/axiforma/Axiforma-Bold/font.woff2") format("woff2"), url("../fonts/axiforma/Axiforma-Bold/font.woff") format("woff");
}

@font-face {
  font-family: 'Axiforma-Book';
  src: url("../fonts/axiforma/Axiforma-Book/font.woff2") format("woff2"), url("../fonts/axiforma/Axiforma-Book/font.woff") format("woff");
}

@font-face {
  font-family: 'Axiforma-Medium';
  src: url("../fonts/axiforma/Axiforma-Medium/font.woff2") format("woff2"), url("../fonts/axiforma/Axiforma-Medium/font.woff") format("woff");
}

/* ----- */
/* baskerville */
@font-face {
  font-family: "Baskerville Regular";
  src: url("../fonts/baskerville/bee7e752-cd27-4112-b668-21978b5724c9.woff2") format("woff2"), url("../fonts/baskerville/9f376288-fe39-4eae-89a9-0be1183fbc15.woff") format("woff");
}

@font-face {
  font-family: "Baskerville Italic";
  src: url("../fonts/baskerville/443846d6-f22b-4bbc-a3df-8d47a63c5f5f.woff2") format("woff2"), url("../fonts/baskerville/9626ec97-8a0a-4c6b-b122-c93121fa2a95.woff") format("woff");
}

/* intialization */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a,
a:hover {
  text-decoration: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  cursor: pointer;
}

a {
  text-decoration: none !important;
  outline: none !important;
  color: inherit;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Axiforma-Book';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.68;
}

ol,
ul,
li {
  list-style: none;
}

svg {
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

/* btn */
.linkto {
  font-size: 18px;
  position: relative;
  padding-left: 40px;
  font-family: 'Axiforma-ExtraBold';
}

.linkto > img {
  width: 22px;
  position: absolute;
  top: 0px;
  left: 0;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, top 0.3s ease;
  transition: transform 0.3s ease, top 0.3s ease, -webkit-transform 0.3s ease;
}

.linkto > img.hover-show {
  z-index: -1;
}

.linkto:hover span {
  color: #003361 !important;
}

.blue_bg .linkto:hover {
  color: #fff !important;
}

.linkto:hover > img.hover-show {
  z-index: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.linkto:hover > img.hover-hide {
  z-index: -1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cap {
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ---- */
.pagewraper {
  overflow-x: hidden;
}

/* burger */
* {
  margin: 0;
  padding: 0;
}

/* Icon 1 */
#nav-icon4 {
  width: 42px;
  height: 42px;
  position: relative;
  margin-left: auto;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  outline: none;
  position: absolute;
  right: 0;
  top: 27px;
}

#nav-icon4 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #003361;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 26px;
  left: 8px;
}

/* header */
header {
  padding: 22px 0;
  background-color: #fff;
  -webkit-transition: position 0.3s ease;
  transition: position 0.3s ease;
}

header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  padding: 15px 0;
  -webkit-animation: slide-down 0.7s;
  animation: slide-down 0.7s;
}

@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slide-down {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

header.fixed .logo img {
  max-width: 90%;
}

header .container {
  position: relative;
  max-width: 1542px;
}

.navbar {
  padding: 0;
}

.navbar .navbar-nav {
  padding: 0;
  margin: 0;
  margin-right: 190px;
}

.navbar .navbar-nav .nav-item {
  margin-right: 100px;
}

.navbar .navbar-nav .nav-item:last-child {
  margin-right: 0;
}

.navbar .navbar-nav .nav-link,
header .language li a {
  font-size: 16px;
  text-transform: uppercase;
  color: #707070;
  padding: 0;
  margin: 0;
  font-family: "Axiforma-Medium";
  letter-spacing: 1.2px;
}

.language li a:hover,
.language li.active a,
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link {
  color: #AE890A;
}

.language li::after {
  content: "/";
  display: inline-block;
}

.language li:last-child::after {
  display: none;
}

header .language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* banner */
.home_banner .left .inner .cnt p {
  font-family: "Baskerville Italic";
  color: #707070;
  font-size: 36px;
}

.home_banner .left .inner .cnt {
  padding-top: 42px;
}

.home_banner .left .inner {
  padding: 140px 100px 0 124px;
}

.right .inner.blue_bg {
  background-color: #003361;
  padding: 60px 80px;
}
.home_banner .right .inner.blue_bg{  
  padding-top: 90px;
}
.blue_bg {
  background-color: #003361;
}

.blue_bg h2::before {
  background-color: #fff;
}

.blue_bg * {
  color: #fff;
}

.right .inner.blue_bg * {
  color: #fff;
}

.right .inner.blue_bg .cnt p {
  margin-top: 1.5em;
}

.right .inner.blue_bg .cnt h2 {
  color: #fff;
}

.right .inner.blue_bg .cnt h2::before {
  background-color: #fff;
}

.home_banner .right .inner .cnt {
  padding-top: 180px;
  padding-bottom: 220px;
  max-width: 590px;
}

h2,
.leistungen.banner .container_wrap h1,
.banner.contact .right h1 {
  font-family: "Baskerville Regular";
  font-size: 64px;
  line-height: 1.28;
  color: #003361;
}

h2::before,
.leistungen.banner .container_wrap h1::before,
.banner.contact .right h1::before {
  content: "";
  display: block;
  width: 75px;
  height: 11px;
  background-color: #003361;
  margin-bottom: 0.5em;
}

.home_banner .right .inner h6,
.home_banner .right .inner .cnt p,
.home_banner .right .inner h1 {
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Axiforma-Medium';
}

.home_banner .right .inner .cnt p {
  padding-top: 20px;
}

/* home section-1 */
.leistungen.home-section {
  padding: 146px 0 300px !important;
  position: relative;
}

.leistungen.home-section .left .inner {
  padding-right: 100px;
}

.contact.home-section .left .inner {
  padding-right: 186px;
}

.leistungen.home-section .left .inner .cnt,
.contact.home-section .left .inner .cnt {
  background-color: #AE890A;
  padding: 56px 44px;
  padding-top: 66px;
  max-width: 430px;
  margin-left: auto;
}

.leistungen.home-section .left .inner .cnt *,
.contact.home-section .left .inner .cnt * {
  color: #fff;
}

.leistungen.home-section .left .inner .cnt h6 {
  font-family: 'Axiforma-Bold';
}

.home_count {
  font-family: 'Axiforma-ExtraBold';
}

.leistungen.home-section .left .inner .cnt h3 > span,
.projekte.home-section .right .inner h3 > span,
.expansion.home-section .left .inner h3 > span,
.contact.home-section .left .inner h3 > span {
  display: block;
  margin-bottom: 15px;
  font-size: 90px;
  line-height: 0.8;
}

.leistungen.home-section .left .inner .cnt h3,
.projekte.home-section .right .inner h3,
.expansion.home-section .left .inner h3,
.contact.home-section .left .inner h3,
.max-action.contact .heading {
  font-size: 32px;
  font-weight: 800;
  font-family: 'Axiforma-Bold';
}

.leistungen.home-section .left .inner .cnt .cons,
.expansion.home-section .left .inner .cnt .cons,
.contact.home-section .left .inner .cnt .cons {
  margin: 2.5em 0 1.5em;
}

.leistungen.home-section .left .inner .cnt .cons li,
.expansion.home-section .left .inner .cnt .cons li,
.contact.home-section .left .inner .cnt .cons li {
  font-size: 18px;
  margin-bottom: 0.6em;
}

.leistungen.home-section .right .inner p,
.expansion.home-section .right .inner .cnt p,
.contact.home-section .left .inner .cnt p {
  color: #003361;
  margin-top: 1.5em;
}

.leistungen.home-section .right .inner .cnt,
.expansion.home-section .right .inner .cnt,
.contact.home-section .right .inner .cnt {
  max-width: 506px;
}

.contact.home-section .right .inner .cnt {
  max-width: 570px;
}

.leistungen.home-section .right .inner {
  padding-left: 80px;
}

.vertical_txt {
  position: absolute;
  width: 126px;
  height: 100%;
  background-color: #707070;
  color: #fff;
  left: 0;
  top: 0;
}

.vertical_txt span {
  position: absolute;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: 50%;
  left: -50%;
  -webkit-transform: translateX(-18%) rotate(-90deg);
          transform: translateX(-18%) rotate(-90deg);
  text-transform: uppercase;
  word-spacing: 15px;
  letter-spacing: 1.2px;
}

.projekte.home-section {
  margin-top: -218px;
}

.projekte.home-section .right .cnt p,
.projekte.home-section .right .cnt .linkto,
.projekte.home-section .left .cnt span,
.title {
  color: #707070;
}

.projekte.home-section .right .cnt p {
  margin-bottom: 3em;
}

.projekte.home-section .left .cnt {
  max-width: 432px;
  margin-left: auto;
  padding-top: 810px;
  word-break: break-all;
  margin-right: 93px;
}

.projekte.home-section .left .cnt span {
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.title {
  font-size: 75px !important;
  font-family: 'Axiforma-Bold';
  position: relative;
  z-index: 2;
  word-break: keep-all;
  /* letter-spacing: 1.2px; */
  margin-left: -5px;
}

.projekte.home-section .right .inner h6,
.projekte.home-section .right .inner h3 {
  color: #707070;
  padding-bottom: 82%;
}

.projekte.home-section .right .inner {
  background-color: #F0F0F0;
  padding: 90px 90px 53px 90px;
}

.projekte.home-section .left {
  position: relative;
}

.projekte.home-section .left figure img {
  max-width: 110%;
  position: absolute;
  bottom: 324px;
  right: -54.5%;
  z-index: 999;
}

.expansion.home-section {
  padding: 190px 0 100px;
}

.expansion.home-section .left .cnt {
  max-width: 746px;
  background-color: #707070;
  padding: 90px 0 220px 126px;
}

.expansion.home-section .left .cnt * {
  color: #fff;
}

.expansion.home-section .center_img {
  margin-top: -140px;
  padding-left: 142px;
  position: relative;
}

.contact.home-section {
  padding-bottom: 95px;
}

.contact.home-section .left {
  position: relative;
}

.contact.home-section .left .shade_box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 643px;
  height: 643px;
  background-color: #F0F0F0;
  z-index: 0;
}

.contact.home-section .left .inner .cnt {
  position: relative;
  z-index: 1;
}

.contact.home-section .right .inner {
  padding: 120px 0 70px 100px;
}

.contact.home-section .right .inner .cnt .contacts li {
  position: relative;
  padding: 1em 0;
  padding-left: 82px;
}

.contact.home-section .right .inner .cnt .contacts {
  padding: 0.5rem 0 4rem;
}

.contact.home-section .right .inner .cnt .contacts li img {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.contact.home-section .right .inner .cnt .contacts li a:hover span {
  color: #AE890A;
}

.contact.home-section .right .inner .cnt .contacts li img.hover_show, .contact.home-section .right .inner .cnt .contacts li a:hover img.hover_hide {
  z-index: -1;
}

.contact.home-section .right .inner .cnt .contacts li a:hover img.hover_show {
  z-index: 0;
}

.contact.home-section .right .inner .cnt .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.social li a img.hover-show,
.social li a:hover img.hover-hide {
  display: none;
}

.social li a:hover img.hover-show {
  display: block;
}

.social li {
  margin-right: 30px;
}

.social li:last-child {
  margin-right: 0;
}

footer {
  background-color: #003361;
  padding: 15px 0;
}

footer .footer_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

footer .footer_links li {
  margin-right: 40px;
}

footer .footer_links li:last-child {
  margin-right: 0;
}

footer .footer_links li a {
  color: #fff;
  font-family: 'Axiforma-Medium';
  text-transform: uppercase;
}

footer .footer_links li a:hover, footer .footer_links li.active a {
  color: #AE890A;
}

header .language.mob {
  display: none;
}

/* .pagewraper.home {
  max-width: 1920px;
  margin: 0 auto;
} */

/*page leistungen*/
/*page leistungen*/
.container_wrap {
  max-width: 93.4%;
  margin-left: auto;
}

.leistungen.banner .container_wrap {
  background-color: #AE890A;
  padding: 144px 144px 144px 103px;
}

.leistungen.banner .container_wrap h2,
.leistungen.banner .container_wrap h1 {
  color: #fff;
  margin-bottom: 1em;
}

.leistungen.banner .container_wrap h2::before,
.leistungen.banner .container_wrap h1::before {
  background-color: #fff;
}

.leistungen.banner .container_wrap .inner p {
  margin-bottom: 1em;
  color: #fff;
}

.leistungen.banner .right .inner {
  text-align: right;
}

.inner span.count {
  font-family: 'Axiforma-ExtraBold';
  font-size: 300px;
  font-weight: 800;
  color: #003361;
  line-height: 1em;
}

.max-action.leistungen {
  position: relative;
}

.max-action.leistungen .left .inner {
  padding: 170px 0 190px;
}

.max-action.leistungen .left .inner .cnt {
  padding: 70px 103px;
  max-width: 600px;
  margin: 0 auto;
}

.max-action.leistungen .left .inner .cnt h6,
.max-action.leistungen .left .inner .cnt h3 {
  font-size: 32px;
  margin-bottom: 1em;
  font-weight: 700;
}

ul.actions {
  margin-top: 2em;
}

ul.actions li {
  position: relative;
  padding-left: 24px;
}

ul.actions li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  border: 2px solid #AE890A;
  border-left: 0;
  border-bottom: 0;
  position: absolute;
  left: 0;
  top: 50%;
}

.max-action.leistungen .right .top_img {
  display: block;
  text-align: center;
  margin-top: -210px;
}

.max-action.leistungen .vertical_txt {
  width: 6.6%;
}

.built-to-suit.leistungen {
  position: relative;
  margin-top: -130px;
  padding-bottom: 40px;
}

.built-to-suit.leistungen .shadow {
  width: 50%;
  height: 74%;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #F0F0F0;
  z-index: -1;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.built-to-suit.leistungen .container_wrap {
  width: 1220px;
  margin: 0 auto;
}

.built-to-suit.leistungen .inner .cnt {
  margin-top: 4.5rem;
}

.built-to-suit.leistungen .inner .cnt h2 {
  margin-bottom: 0.5em;
}

.built-to-suit.leistungen .inner .cnt p {
  margin-bottom: 1em;
  color: #003361;
}

.nachhaltigkeit {
  padding: 225px 0;
  position: relative;
  padding-bottom: 290px;
}

.nachhaltigkeit .container_wrap {
  max-width: 86%;
}

.nachhaltigkeit .inner {
  padding: 97px 257px 97px 390px;
  position: relative;
  z-index: -1;
}

.nachhaltigkeit .inner h2 {
  margin-bottom: 0.5em;
}

.nachhaltigkeit .inner .cnt p {
  margin-bottom: 1em;
}

.nachhaltigkeit .inner .cnt p:last-child {
  margin-bottom: 0;
}

.clrbox * {
  color: #fff;
}

.nachhaltigkeit .clrbox {
  padding: 150px 70px 150px 110px;
  background-color: #AE890A;
  width: 576px;
  height: 576px;
  position: absolute;
  left: 0;
  top: 0;
}

.nachhaltigkeit .clrbox p {
  font-family: "Libre Baskerville";
  font-style: italic;
  font-size: 32px;
  margin-bottom: 1em;
}

.nachhaltigkeit .img_box {
  position: absolute;
  right: 20%;
  bottom: -13%;
}

.referenzen {
  padding-bottom: 96px;
}

.referenzen .container {
  max-width: 1632px;
}

.referenzen h6,
.referenzen h2 {
  color: #707070;
  font-size: 32px;
  margin-bottom: 1em;
}
.referenzen h2::before{
  display: none;
}

.referenzen .logos_wrap {
  background-color: #F0F0F0;
  padding: 134px 0 87px 0;
}
.referenzen .logos_wrap.mobile{
  display: none;
}

.referenzen .logos_wrap > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1em;
}

.referenzen .logos_wrap > ul:last-child {
  margin-bottom: 0;
}

.referenzen .logos_wrap > ul li {
  text-align: center;
}

.referenzen .logos_wrap > ul.first_row li, .referenzen .logos_wrap > ul.third_row li {
  max-width: 33.333%;
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
}

.referenzen .logos_wrap > ul.second_row li {
  max-width: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

/* .pagewraper.home {
  max-width: 1920px;
  margin: 0 auto;
} */

/*page leistungen*/
.container_wrap {
  max-width: 93.4%;
  margin-left: auto;
}

.leistungen.banner .container_wrap {
  background-color: #AE890A;
  padding: 144px 176px 144px 103px;
}

.leistungen.banner .container_wrap h2,
.leistungen.banner .container_wrap h1 {
  color: #fff;
  margin-bottom: 1em;
}

.leistungen.banner .container_wrap h2::before,
.leistungen.banner .container_wrap h1::before {
  background-color: #fff;
}

.leistungen.banner .container_wrap .inner p {
  margin-bottom: 1em;
  color: #fff;
}

.leistungen.banner .right .inner {
  text-align: right;
}

.leistungen.banner .left .inner {
  max-width: 720px;
}

.inner span.count {
  font-size: 300px;
  font-weight: 800;
  color: #003361;
  line-height: 1em;
}

.max-action.leistungen {
  position: relative;
}

.max-action.leistungen .left .inner {
  padding: 170px 0 190px;
}

.max-action.leistungen .left .inner .cnt {
  padding: 70px 103px;
  max-width: 600px;
  margin: 0 auto;
}

.max-action.leistungen .left .inner .cnt h6,
.max-action.leistungen .left .inner .cnt h3 {
  font-size: 32px;
  margin-bottom: 1em;
  font-family: 'Axiforma-Bold';
}

ul.actions {
  margin-top: 2em;
}

ul.actions li {
  position: relative;
  padding-left: 24px;
}

ul.actions li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border: none;
  background-color: #AE890A;
  border-left: 0;
  border-bottom: 0;
  position: absolute;
  left: 0;
  top: 43%;
}

.max-action.leistungen .right .top_img {
  display: block;
  text-align: center;
  margin-top: -210px;
  margin-right: 192px;
}
.max-action.leistungen.unternehmen .right .top_img{
  margin-right: 0;
}

.max-action.leistungen .vertical_txt {
  width: 6.6%;
}

.built-to-suit.leistungen {
  position: relative;
  margin-top: -130px;
  padding-bottom: 40px;
}

.built-to-suit.leistungen .shadow {
  width: 50%;
  height: 74%;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #F0F0F0;
  z-index: -1;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.built-to-suit.leistungen .container_wrap {
  width: 1220px;
  margin: 0;
  margin-left: 19%;
}

.built-to-suit.leistungen .inner .cnt {
  margin-top: 4.5rem;
  max-width: 790px;
}

.built-to-suit.leistungen .inner .cnt h2 {
  margin-bottom: 0.5em;
}

.built-to-suit.leistungen .inner .cnt p {
  margin-bottom: 1em;
  color: #003361;
}

.nachhaltigkeit {
  padding: 225px 0;
  position: relative;
  padding-bottom: 290px;
}

.nachhaltigkeit .container_wrap {
  max-width: 86%;
}

.nachhaltigkeit .inner {
  padding: 97px 185px 97px 437px;
  position: relative;
  z-index: -1;
}

.nachhaltigkeit .inner h2 {
  margin-bottom: 0.5em;
}

.nachhaltigkeit .inner .cnt p {
  margin-bottom: 1em;
}

.nachhaltigkeit .inner .cnt p:last-child {
  margin-bottom: 0;
}

.clrbox * {
  color: #fff;
}

.nachhaltigkeit .clrbox {
  padding: 150px 70px 150px 110px;
  background-color: #AE890A;
  width: 576px;
  height: 576px;
  position: absolute;
  left: 0;
  top: 0;
}

.nachhaltigkeit .clrbox p {
  font-family: "Axiforma-Book";
  font-size: 25px;
  margin-bottom: 1em;
  font-style: normal;
}

.nachhaltigkeit .img_box {
  position: absolute;
  right: 20%;
  bottom: -13%;
}

.referenzen {
  padding-bottom: 96px;
}

.referenzen .container {
  max-width: 1632px;
}

.referenzen h6,
.referenzen h2 {
  color: #707070;
  font-size: 32px;
  margin-bottom: 1em;
  font-family: 'Axiforma-Bold';
}

.referenzen .logos_wrap {
  background-color: #F0F0F0;
  padding: 134px 0 87px 0;
}

.referenzen .logos_wrap > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1em;
}

.referenzen .logos_wrap > ul:last-child {
  margin-bottom: 0;
}

.referenzen .logos_wrap > ul li {
  text-align: center;
}

.referenzen .logos_wrap > ul.first_row li, .referenzen .logos_wrap > ul.third_row li {
  max-width: 33.333%;
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
}

.referenzen .logos_wrap > ul.second_row li {
  max-width: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

/* .pagewraper.home {
  max-width: 1920px;
  margin: 0 auto;
} */

/*project styles*/
.leistungen.banner.project .container_wrap {
  background-color: #707070;
}

.leistungen.banner.project .inner span.count {
  color: #fff;
}

.magnifier {
  margin-top: -272px;
}

.max-action.leistungen.project .right .top_img img {
  max-width: 90%;
}

.max-action.leistungen.project {
  min-height: 880px;
}

.max-action.leistungen.project .container_wrap > .row {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.max-action.leistungen.project .vertical_txt {
  background-color: #003361;
  z-index: 99;
}

.akutel_projects .left .inner .cnt > span {
  font-family: 'Axiforma-Medium';
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.akutel_projects {
  position: relative;
  margin-top: -444px;
  margin-bottom: 105px;
  padding-bottom: 100px;
  padding: 154px 0 0;
}

.akutel_projects::before {
  content: "";
  display: block;
  height: 97%;
  width: 40%;
  background-color: #F0F0F0;
  position: absolute;
  top: 0;
  left: 0;
}

.akutel_projects > .container {
  max-width: 1673px;
  margin: 0;
  margin-right: auto;
  margin-left: 247px;
  color: #707070;
}

.akutel_projects .left .inner > h6,
.akutel_projects .left .inner > h2,
.realisierte_Projekte .right .inner h6 {
  font-size: 32px;
  font-family: 'Axiforma-Bold';
  color: #707070;
}
h2.noline::before{
  display: none;
}

.akutel_projects .right .inner {
  max-width: 705px;
}

.akutel_projects .left .inner .title {
  padding: 0.4em 0 1em;
}

.akutel_projects ul.actions li::before {
  border-color: #707070;
}

.realisierte_Projekte > .container {
  max-width: 1466px;
  margin: 0;
  margin-left: auto;
}

.realisierte_Projekte .left .inner .cnt > span {
  color: #707070;
  text-transform: uppercase;
  font-family: 'Axiforma-Medium';
}

.realisierte_Projekte .right .inner {
  background-color: #F0F0F0;
  min-height: 1215px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 154px;
  padding-left: 100px;
  padding-bottom: 114px;
}

.realisierte_Projekte ul.specification {
  max-width: 746px;
}

.realisierte_Projekte ul.specification li {
  color: #707070;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.realisierte_Projekte ul.specification li span.name {
  display: inline-block;
  min-width: 260px;
}

.realisierte_Projekte {
  position: relative;
}

.realisierte_Projekte .left .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 53%;
}

.realisierte_Projekte .pos_img {
  position: absolute;
  z-index: 9;
  top: 18%;
}

.ankaufsprofil .left {
  min-height: 850px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 118px;
}

.ankaufsprofil .left .cnt {
  max-width: 557px;
  padding-top: 166px;
}
.ankaufsprofil .left .cnt .arrow{
  text-align: center;
  display: none;
}
.ankaufsprofil .left .cnt .arrow span{
  width: 0;
  height: 0;
  border-left: 12px solid #AE890A;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  display: inline-block;
}

.ankaufsprofil .right .inner h6,
.ankaufsprofil .right .inner h3 {
  font-size: 32px;
  color: #003361;
  margin-bottom: 1em;
  font-family: 'Axiforma-Bold';
}

.ankaufsprofil .right .inner .cnt {
  max-width: 587px;
}

.ankaufsprofil .right .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding-top: 166px;
}

.ankaufsprofil ul.actions li {
  color: #003361;
}

.ankaufsprofil ul.actions li::before {
  border-color: #003361;
  top: 10px;
}

.ankaufsprofil {
  padding: 49px 0 95px;
  position: relative;
}

.ankaufsprofil::after {
  content: "";
  display: block;
  position: absolute;
  width: 1021px;
  height: 144px;
  background-color: #AE890A;
  right: 210px;
  bottom: 162px;
}

.ankaufsprofil .left h2 {
  margin-bottom: 1em;
}

.lightbox-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.8);
}

.lightboxing {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.lightbox-map.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.lightbox-map .inner {
  width: 60%;
  text-align: center;
}
.unternehmen.lightbox-map .inner img{
  max-width: 75%;
}
/* .unternehmen.lightbox-map .inner{
  width: 100%;
} */

.lightbox-map .close-btn {
  position: absolute;
  top: 4%;
  right: 10%;
}

.lightbox-map.light-2 img {
  max-width: 66%;
}

/*slider*/
.realisierte_Projekte_wraps {
  padding: 154px 0 90px;
  margin-bottom: 90px;
  position: relative;
}

.realisierte_Projekte_wraps::after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background-color: #F0F0F0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.realisierte_Projekte_wraps .each_project {
  max-width: 1350px;
  margin-left: auto;
}

.realisierte_Projekte_wraps .each_project .top .title {
  font-size: 52px !important;
  font-family: 'Axiforma-Bold';
  color: #707070;
  margin-bottom: 1em;
  position: relative;
  z-index: 1;
}

.realisierte_Projekte_wraps h6 {
  /* word-break: break-all; */
}

.realisierte_Projekte_wraps .each_project .btm .cnt span {
  font-family: 'Axiforma-Medium';
  color: #707070;
  display: block;
  margin-bottom: 1em;
}

.realisierte_Projekte_wraps .each_project .specification {
  max-width: 760px;
}

.realisierte_Projekte_wraps .each_project .specification li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #707070;
  font-family: 'Axiforma-Medium';
  margin-bottom: 0.3em;
}

.pos_img {
  margin: 1em 0 2em;
}

.pos_img img {
  max-width: 90%;
}

.akutel_projects .pos_img img {
  max-width: 73%;
}

.realisierte_Projekte_wraps .each_project .specification li .name {
  min-width: 260px;
  max-width: 260px;
}

.realisierte_Projekte_wraps .each_project .btm .cnt,
.realisierte_Projekte_wraps .each_project .specification {
  padding-top: 2em;
}

.realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-dots {
  display: none;
}

.realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-next span,
.realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-prev span {
  color: transparent;
}

.realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-next,
.realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-prev {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border: 5px solid #707070;
  position: absolute;
  outline: none;
  z-index: 999;
}

.realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-next {
  border-left: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg) translateY(-46%);
          transform: rotate(45deg) translateY(-46%);
  right: 6%;
  top: 36%;
}

.realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-prev {
  top: 36%;
  -webkit-transform: rotate(45deg) translateY(-46%);
          transform: rotate(45deg) translateY(-46%);
  left: -6%;
  border-top: 0;
  border-right: 0;
}

.magnifier-preview {
  margin: 0 auto;
}

/*unternehmen styles*/
.leistungen.banner.unternehmen .container_wrap {
  background-color: #003361;
}

.leistungen.banner.unternehmen .container_wrap span.count {
  color: #AE890A;
}

.max-action.leistungen.unternehmen .left .inner .cnt {
  margin: 0;
  padding: 0;
  padding-left: 103px;
  max-width: 100%;
}

.max-action.leistungen.unternehmen .left .inner .cnt h2 {
  color: #003361;
  margin-bottom: 0.3em;
}

.max-action.leistungen.unternehmen .left .inner .cnt p {
  color: #003361;
}

.max-action.leistungen.unternehmen {
  min-height: 1020px;
}

.employes.unternehmen .container {
  max-width: 1734px;
  margin: 0;
  padding-left: 247px;
}

.employes.unternehmen .text_cnt h6,
.employes.unternehmen .text_cnt h3 {
  color: #707070;
  font-size: 32px;
  margin-bottom: 1em;
  font-family: 'Axiforma-Bold';
}

.employes.unternehmen {
  margin-top: -460px;
  padding-bottom: 300px;
}

.employes.unternehmen .text_cnt p, .employes.unternehmen .text_cnt .linkto {
  color: #707070;
}

.employes.unternehmen .text_cnt p {
  margin-bottom: 1em;
}

.employes.unternehmen .text_cnt .inner {
  background-color: #F0F0F0;
  padding: 87px 102px 52px 102px;
  position: relative;
  overflow: hidden;
}

/* Track */
.biography::-webkit-scrollbar {
  width: 10px;
}

/* Handle */
.biography::-webkit-scrollbar-thumb {
  background: #003361;
  border-radius: 10px;
}

/* Handle on hover */
.biography::-webkit-scrollbar-thumb:hover {
  background: #003363;
}

.employes.unternehmen .text_cnt .inner .biography {
  background-color: #AE890A;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 50px 100px 34px 80px;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  /* overflow-y: auto; */
}

.employes.unternehmen .img_right .text_cnt .inner .biography {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.employes.unternehmen .text_cnt .inner .biography.active {
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}

.employes.unternehmen .text_cnt .inner .biography h6,
.employes.unternehmen .text_cnt .inner .biography h4 {
  color: #003361;
  font-size: 18px;
  margin-bottom: 0.5em;
  font-weight: 800;
  font-family: 'Axiforma-Bold';
}

.employes.unternehmen .text_cnt .inner .biography .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
}

.close-btn img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.close-btn:hover img {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.employes.unternehmen .text_cnt .inner .biography .inner_cnt li p {
  font-size: 18px;
  margin-bottom: 1.5em;
  color: #fff;
}

.employes.unternehmen .text_cnt .inner .biography .inner_cnt li:last-child p {
  margin-bottom: 0;
}

.employes.unternehmen .text_cnt .inner .cnt {
  max-width: 497px;
}

.employes.unternehmen .img_left .img figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 50px;
}

.employes.unternehmen .img_left .img {
  padding-right: 50px;
}
.employes.unternehmen .img_left .text_cnt{
  height: 63vh;
}
.employes.unternehmen .img_left .text_cnt .inner{
  height: 100%;
}

.employes.unternehmen .img_right .text_cnt {
  padding-right: 50px;
}

.employes.unternehmen .img_right .img figure {
  padding-top: 50px;
}

.immobiliengruppe {
  position: relative;
}

.immobiliengruppe .gray_cnt {
  max-width: 1570px;
  background-color: #707070;
  padding: 97px 0 97px 144px;
}

.immobiliengruppe .gray_cnt .cnt {
  max-width: 805px;
}

.immobiliengruppe .gray_cnt * {
  color: #fff;
}

.immobiliengruppe .gray_cnt h2, .immobiliengruppe .gray_cnt p {
  margin-bottom: 1em;
}

.immobiliengruppe .gray_cnt h2::before {
  background-color: #fff;
}

.immobiliengruppe .clr_box {
  background-color: #AE890A;
  padding: 110px 40px 128px 60px;
  min-width: 705px;
  position: absolute;
  right: 134px;
  top: -227px;
  z-index: 99;
}

.immobiliengruppe .clr_box ul.actions li::before {
  border-color: #fff;
  background-color: #003361;
}

.immobiliengruppe .clr_box * {
  color: #fff;
}

.immobiliengruppe .clr_box h6,
.immobiliengruppe .clr_box h3 {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 0.4em;
  font-family: 'Axiforma-Bold';
}
.immobiliengruppe .clr_box span {
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'Axiforma-Medium';
  font-weight: 400;
  letter-spacing: 1.2px;  
}

.immobiliengruppe .clr_box p.link {
  padding-top: 1em;
  padding-left: 24px;
}

.immobiliengruppe .clr_box p.link a {
  text-decoration: underline !important;
}

.immobiliengruppe .clr_box p.link a:hover, .employes.unternehmen .text_cnt .linkto:hover {
  color: #003361;
}

.immobiliengruppe .foundation_wrap {
  padding: 106px 0 103px;
  max-width: 1220px;
  margin: 0 auto;
}

.immobiliengruppe .foundation h2 {
  margin-bottom: 0.5em;
}

.immobiliengruppe .foundation p {
  margin-bottom: 1em;
  color: #003361;
}

.immobiliengruppe .foundation p a {
  text-decoration: underline !important;
}

.immobiliengruppe::after {
  content: "";
  width: 952px;
  height: 1215px;
  background-color: #F0F0F0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.verantwortung .left .inner {
  max-width: 849px;
  padding: 176px 70px 250px 144px;
}

.verantwortung .left .inner h2 {
  margin-bottom: 0.5em;
}

.verantwortung .left .inner p {
  margin-bottom: 1em;
}

.verantwortung .right figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 60px;
}

.verantwortung {
  padding-bottom: 97px;
}

.foundation_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*contact*/
.banner.contact .left .inner {
  padding: 126px 119px 126px 0;
}

.banner.contact .right {
  background-color: #707070;
}

.banner.contact .right h2,
.banner.contact .right h1 {
  color: #fff;
}

.banner.contact .right h2::before,
.banner.contact .right h1::before {
  background-color: #fff;
}

.banner.contact .right .sub {
  display: block;
  color: #fff;
  /* font-weight: 600; */
  text-transform: uppercase;
  margin-top: 1em;
}

.banner.contact .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
  padding-right: 90px;
  padding-bottom: 87px;
}

.banner.contact .right .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.max-action.contact {
  padding: 380px 0 170px;
  position: relative;
}

.max-action.contact::before {
  content: "";
  width: 42%;
  height: 80%;
  background-color: #F0F0F0;
  position: absolute;
  left: 0;
  top: 170px;
}

.max-action.contact .vertical_txt {
  height: 60.4%;
  background-color: #AE890A;
}

.max-action.contact .container_wrap {
  max-width: 93.4%;
}

.max-action.contact .left .inner, .max-action.contact .heading {
  padding-top: 0;
  padding-left: 120px;
}

.max-action.contact .heading {
  color: #707070;
  margin-bottom: 0.5em;
}

.max-action.contact .left .contact_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 288px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  font-family: 'Axiforma-Medium';
}
.max-action.contact .left .contact_list li a > span{
  min-width: 249px;
  text-align: left;
}

.max-action.contact .left .contact_list li a:hover {
  -webkit-transform: translateX(25px);
          transform: translateX(25px);
}

.max-action.contact .left .contact_list li {
  margin-bottom: 38px;
}

.max-action.contact .left .contact_list li:last-child {
  margin-bottom: 0;
}

.max-action.contact .left .contact_list li:nth-child(1) a {
  background-color: #003361;
}

.max-action.contact .left .contact_list li:nth-child(2) a {
  background-color: #707070;
}

.max-action.contact .left .contact_list li:nth-child(3) a {
  background-color: #7185AA;
}

.max-action.contact .left .contact_list li .icon_group {
  margin-right: 53px;
}

.max-action.contact .right .contact_form {
  max-width: 499px;
  margin-left: 132px;
}

.max-action.contact .right .contact_form .cnt p {
  color: #707070;
}

.max-action.contact .right .contact_form .social {
  margin-top: 4em;
}

.contact_form form {
  margin-top: 8.5em;
}

.contact_form form .input_group input[type=text] {
  width: 100%;
  height: 50px;
  background-color: #F0F0F0;
  border: 0;
  padding: 0 12px;
}
.contact_form form .input_group.check{
  display: flex;
  align-items: flex-start;
}
.contact_form form .input_group.check input[type=checkbox]{
  cursor: pointer;
}
.contact_form form .input_group.check p{
  margin-left: 15px;
  margin-top: -8px;
  color: #707070;
}

.contact_form form .input_group input[type=text]::-webkit-input-placeholder {
  color: #707070;
}

.contact_form form .input_group input[type=text]:-ms-input-placeholder {
  color: #707070;
}

.contact_form form .input_group input[type=text]::-ms-input-placeholder {
  color: #707070;
}

.contact_form form .input_group input[type=text]::placeholder {
  color: #707070;
}

.contact_form form .input_group {
  margin-bottom: 31px;
}

.contact_form form .input_group:last-child {
  margin-bottom: 0;
}

.contact_form form .input_group input[type=text]:focus, .contact_form form .input_group textarea:focus {
  outline: none;
}

.contact_form form .input_group textarea {
  width: 100%;
  height: 282px;
  background-color: #F0F0F0;
  border: 0;
  padding: 12px;
}

.contact_form form .input_group.select {
  width: 190px;
  position: relative;
}

/*the container must be positioned relative:***************/
/* .contact_form form .input_group.select.custom-select {
  padding: 0px;
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none;
}

.select-selected {
  background-color: DodgerBlue;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
} */
/**************************/
.contact_form form .input_group.select::after {
  content: "";
  display: block;
  width: 13px;
  height: 9px;
  background-image: url(../images/select-icon.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.contact_form form .input_group select {
  width: 100%;
  height: 50px;
  background-color: #F0F0F0;
  border: 0;
  color: #707070;
  padding: 0 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.contact_form form .input_group select:focus {
  outline: none;
}

.contact_form form input[type=submit] {
  width: 190px;
  height: 40px;
  line-height: 40px;
  border: 0;
  background-color: #AE890A;
  color: #fff;
  font-family: 'Axiforma-ExtraBold';
}

.contact_form form input[type=submit]:focus {
  outline: none;
}

/*datenschutz*/
.datenschutz_content {
  position: relative;
  margin-top: 290px;
  padding-bottom: 60px;
}

span.square {
  display: block;
  width: 293px;
  height: 293px;
  background-color: #AE890A;
  position: absolute;
  top: 100px;
  right: 100px;
}

.datenschutz_content .container {
  max-width: 1014px;
}

.datenschutz_content a:hover {
  color: #AE890A;
}

.datenschutz_content .vertical_txt {
  height: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.datenschutz_content .vertical_txt span {
  color: #fff;
}

.blue_clred {
  color: #003361 !important;
}

.datenschutz_content h2 {
  margin-bottom: 0.6em;
}

.datenschutz_content p, .datenschutz_content span, .datenschutz_content ul li {
  color: #707070;
}

.datenschutz_content p {
  margin-bottom: 1.5em;
}

.datenschutz_content h6 {
  font-size: 18px;
  color: #AE890A;
  margin-bottom: 0.3em;
  font-family: 'Axiforma-Medium';
}

.datenschutz_content span.sub {
  display: block;
  font-family: 'Axiforma-ExtraBold';
  margin-bottom: 0.1em;
}

.datenschutz_content .lists li {
  margin-bottom: 1.5em;
  position: relative;
  padding-left: 24px;
}

.datenschutz_content .lists li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #707070;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
}

.datenschutz_content .contact_ways span {
  display: inline-block;
  min-width: 130px;
  font-weight: 700;
}

.immobiliengruppe .foundation p a.linkto{
  text-decoration: none !important;
}
.immobiliengruppe .foundation p a.linkto:hover{
  color: #707070;
}
.immobiliengruppe .gray_cnt p a{
  text-decoration: underline !important;
}

.captcha-box{
  max-width: 60%;  
}
.captcha-box canvas{
  background-color: #ececec;
}
.captcha-box p{
  font-size: 18px;
  color: #707070;
  margin-bottom: 0.5em;
}
.captcha-box .refresh{  
  text-align: right;
}
.captcha-box .refresh img{
  max-width: 14%;
}
.letterspacing{
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
#top_img{
  display: none;
}

ul.third_row li:first-child img{
  max-width: 34%;
}
.nachhaltigkeit .clrbox{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
    align-items: center;
}
/*responsive*/
/*responsive*/
/* ============ */
/* responsive */
/* ========== */
/* 4k */
@media (width: 3840px) {
  .pagewraper {
    max-width: 1920px;
    margin: 0 auto;
  }
}

@media (width: 2560px) {
  .max-action.contact .vertical_txt span {
    left: -25%;
  }
}

@media (max-width: 1920px) {
  .lightbox-map.light-2 img {
    max-width: 70%;
  }
}

@media (max-width: 1740px) {
  span.square {
    height: 190px;
    width: 190px;
    right: 80px;
    top: -150px;
    }
}

/* hd+ */
@media (max-width: 1600px) {
  .home_banner .left .inner .cnt p {
    font-size: 28px;
  }
  .home_banner .right .inner .cnt {
    padding-bottom: 160px;
  }
  .projekte.home-section .left figure img {
    max-width: 121%;
  }
  .projekte.home-section .right .inner h6,
  .projekte.home-section .right .inner h3 {
    padding-bottom: 92%;
  }
  .projekte.home-section .left figure img {
    bottom: 336px;
  }
  .employes.unternehmen .img_left .text_cnt{
    height: 73vh;
  }
  .title {
    font-size: 56px !important;
  }
  .projekte.home-section .left .cnt {
    padding-top: 737px;
  }
  .expansion.home-section .center_img img {
    max-width: 90%;
  }
  .contact.home-section .left .shade_box {
    width: 540px;
    height: 540px;
  }
  .max-action.leistungen.project .vertical_txt span {
    -webkit-transform: translateX(-26%) rotate(-90deg);
            transform: translateX(-26%) rotate(-90deg);
  }
  .inner span.count {
    font-size: 250px;
  }
  .realisierte_Projekte .right .inner h6 {
    padding-bottom: 68%;
  }
  .ankaufsprofil .left {
    min-height: 750px;
  }
  .max-action.leistungen.project .right .top_img img {
    max-width: 80%;
  }
  .max-action.leistungen.project {
    min-height: 754px;
  }
  .immobiliengruppe .clr_box {
    padding: 70px 40px 80px 70px;
    min-width: 620px;
    max-width: 620px;
    right: 36px;
  }
  .immobiliengruppe .gray_cnt {
    max-width: 1400px;
    background-color: #707070;
    padding: 97px 0 97px 100px;
  }
  .unternehmen .vertical_txt span {
    -webkit-transform: translateX(-24%) rotate(-90deg);
            transform: translateX(-24%) rotate(-90deg);
  }
  .immobiliengruppe .gray_cnt .cnt {
    max-width: 750px;
  }
  .immobiliengruppe::after {
    width: 732px;
  }
  .realisierte_Projekte_wraps .each_project {
    max-width: 1130px;
  }

  .leistungen.home-section .left .inner .cnt .cons li, .expansion.home-section .left .inner .cnt .cons li, .contact.home-section .left .inner .cnt .cons li{
    font-size: 16px;
  }
}

/* laptop with hdpi */
@media (width: 3840px) {
  .employes.unternehmen .img_left .text_cnt {
    height: 35vh;
  }
}
@media (width: 2560px) {
  .employes.unternehmen .img_left .text_cnt {
    height: 50vh;
  }
}
@media (max-width: 1600px) {
  header .container {
    max-width: 1150px;
  }
  .navbar .logo img {
    max-width: 90%;
  }
  .navbar .navbar-nav .nav-item {
    margin-right: 60px;
  }
  .navbar .navbar-nav {
    margin-right: 140px;
  }
  h2,
  .leistungen.banner .container_wrap h1,
  .banner.contact .right h1 {
    font-size: 52px;
  }
  .leistungen.home-section .left .inner .cnt h3,  
  .projekte.home-section .right .inner h3,  
  .expansion.home-section .left .inner h3,
  .contact.home-section .left .inner h3,
  .max-action.contact .heading {
    font-size: 30px;
  }
  .projekte.home-section .right .inner h6,
  .projekte.home-section .right .inner h3 {
    padding-bottom: 100%;
  }
  .projekte.home-section .left figure img {
    max-width: 129%;
    bottom: 329px;
  }
  .expansion.home-section .center_img img {
    max-width: 90%;
  }
  .contact.home-section .left .shade_box {
    width: 522px;
    height: 522px;
  }
  .contact.home-section .left .inner {
    padding-right: 92px;
  }
  body {
    font-size: 16px;
  }
  .leistungen.banner .container_wrap {
    padding: 100px 76px 100px 80px;
  }
  .inner span.count {
    font-size: 260px;
  }
  .max-action.leistungen .vertical_txt span {
    -webkit-transform: translateX(-23%) rotate(-90deg);
            transform: translateX(-23%) rotate(-90deg);
  }
  .max-action.leistungen.unternehmen .vertical_txt span {
    -webkit-transform: translateX(-24%) rotate(-90deg);
            transform: translateX(-24%) rotate(-90deg);
  }
  .max-action.leistungen .right .top_img img {
    max-width: 80%;
  }
  .max-action.leistungen .left .inner .cnt {
    padding: 70px 50px;
    max-width: 519px;
    margin: 0 auto;
  }
  .built-to-suit.leistungen .container_wrap {
    width: 1105px;
  }
  .nachhaltigkeit .clrbox {
    padding: 120px 50px;
    width: 400px;
    height: 400px;
  }
  .nachhaltigkeit .clrbox p {
    font-size: 20px;
  }
  .nachhaltigkeit .inner {
    padding-left: 248px;
  }
  .referenzen .container {
    max-width: 90%;
  }
  .referenzen h6,
  .referenzen h2 {
    font-size: 26px;
  }
  .referenzen .logos_wrap {
    padding: 60px 0 40px 0;
  }
  .nachhaltigkeit .img_box img {
    max-width: 80%;
  }
  .nachhaltigkeit {
    padding-bottom: 225px;
  }
  .nachhaltigkeit .img_box {
    position: absolute;
    right: 10%;
    bottom: -11%;
  }
  .referenzen .logos_wrap > ul li img:not(ul.third_row li img) {
    max-width: 56%;
  }
  .inner span.count {
    font-size: 230px;
  }
  .realisierte_Projekte > .container {
    max-width: 1283px;
  }
  .realisierte_Projekte .right .inner {
    min-height: unset;
  }
  .realisierte_Projekte .pos_img {
    top: 21%;
  }
  .realisierte_Projekte .pos_img img {
    width: 70%;
  }
  .realisierte_Projekte_wrap.owl-carousel .owl-nav button.owl-next {
    right: 24%;
  }
  .ankaufsprofil .left {
    min-height: 670px;
  }
  .ankaufsprofil .left {
    padding-right: 20px;
  }
  .pos_img.owl-carousel .owl-item img {
    width: 62%;
  }
  .akutel_projects::before {
    height: 92%;
  }
  .employes.unternehmen .container {
    padding-left: 190px;
  }
  .employes.unternehmen .text_cnt .inner {
    padding: 70px 70px 52px 70px;
  }
  .immobiliengruppe .clr_box h6,
  .immobiliengruppe .clr_box h3,
  .employes.unternehmen .text_cnt h6,
  .employes.unternehmen .text_cnt h3 {
    font-size: 28px;
  }
  .immobiliengruppe .clr_box {
    padding: 50px 40px 40px 70px;
    min-width: 584px;
    max-width: 584px;
  }
  .immobiliengruppe .gray_cnt .cnt {
    max-width: 510px;
  }
  .verantwortung .left .inner {
    padding: 100px 70px 160px 100px;
  }
  .lightbox-map .inner iframe {
    height: 600px !important;
  }
  .akutel_projects ul.actions li::before {
    top: 9px;
  }
  .akutel_projects::before {
    width: 46%;
  }
  .akutel_projects > .container {
    margin-left: 180px;
  }
  .akutel_projects .right .inner {
    max-width: 560px;
  }
  .max-action.contact .left .contact_list li a {
    height: 220px;
  }
  .banner.contact .right {
    padding-right: 30px;
  }
  .max-action.contact {
    padding: 154px 0 117px;
  }
  .max-action.contact::before {
    top: 62px;
  }
  .max-action.contact {
    padding: 100px 0 90px;
  }
  .contact_form form {
    margin-top: 6em;
  }
  .max-action.contact .right .contact_form {
    margin-left: 76px;
  }
  .datenschutz_content .vertical_txt {
    width: 112px;
  }
  .datenschutz_content {
    margin-top: 190px;
  }
  .datenschutz_content .container {
    max-width: 920px;
    margin: 0;
    margin-left: 12%;
  }
  span.square {
    height: 190px;
    width: 190px;
    right: 80px;
  }
  .datenschutz_content h6 {
    font-size: 16px;
  }
  .realisierte_Projekte_wraps .each_project {
    max-width: 980px;
  }
  .pos_img img {
    max-width: 91%;
  }
  .realisierte_Projekte_wraps .each_project .specification li .name {
    min-width: 240px;
  }
  .realisierte_Projekte_wraps .each_project .specification {
    max-width: 620px;
  }
  .realisierte_Projekte_wraps .each_project .top h6 {
    font-size: 28px;
  }
  .realisierte_Projekte_wraps .each_project .top .title {
    font-size: 38px !important;
  }
  .max-action.leistungen .right .top_img {
    margin-right: 0;
  }
  .built-to-suit.leistungen .container_wrap {
    margin-left: 15%;
  }
  .ankaufsprofil::after {
    width: 930px;
    height: 104px;
    right: 60px;
    bottom: 130px;
  }
  .employes.unternehmen .text_cnt .inner .biography .inner_cnt li p,
  .employes.unternehmen .text_cnt .inner .biography h6,
  .employes.unternehmen .text_cnt .inner .biography h4 {
    font-size: 16px;
  }
  .magnifier {
    margin-right: -81px;
  }
  .unternehmen.lightbox-map .inner img {
    max-width: 80%;
  }
}

/* hd */
@media (max-width: 1380px) {
  header {
    padding: 15px 0;
  }
  header.fixed .logo img {
    max-width: 80%;
  }
  header.fixed {
    padding: 10px 0;
  }
  .navbar .navbar-nav .nav-item {
    margin-right: 40px;
  }
  .navbar .navbar-nav {
    margin-right: 90px;
  }
  .home_banner .left .inner .cnt p {
    font-size: 26px;
  }
  .home_banner .left .inner .cnt {
    padding-top: 30px;
  }
  .leistungen.home-section .left .inner,
  .home_banner .left .inner {
    padding-right: 36px;
  }
  .projekte.home-section .left figure img {
    max-width: 123%;
    bottom: 315px;
  }
  .title {
    font-size: 54px !important;
    margin-left: -4px;
  }
  .projekte.home-section .left .cnt {
    padding-top: 666px;
    margin-right: 26px;
  }
  h2,
  .leistungen.banner .container_wrap h1,
  .banner.contact .right h1 {
    font-size: 48px;
  }
  h2::before,
  .leistungen.banner .container_wrap h1::before,
  .banner.contact .right h1:before {
    height: 9px;
  }
   .leistungen.home-section .left .inner .cnt h3 > span,  
  .projekte.home-section .right .inner h3 > span,  
  .expansion.home-section .left .inner h3 > span,    
  .contact.home-section .left .inner h3 > span {
    font-size: 80px;
  }
  body {
    font-size: 16px;
  }
  .vertical_txt {
    width: 110px;
  }
  .expansion.home-section .left .cnt {
    padding-left: 93px;
  }
  .expansion.home-section .center_img img {
    max-width: 93%;
  }
  .expansion.home-section .center_img {
    padding-left: 111px;
  }
  .contact.home-section .right .inner .cnt .contacts li img {
    width: 32px;
  }
  .contact.home-section .right .inner .cnt .contacts li {
    padding-left: 65px;
  }
  .home_banner .right .inner .cnt {
    padding-bottom: 136px;
  }
  .projekte.home-section {
    margin-top: -199px;
  }
  .leistungen.banner .container_wrap {
    padding: 50px 60px 50px 50px;
  }
  .inner span.count {
    font-size: 170px;
  }
  .max-action.leistungen .right .top_img img {
    max-width: 77%;
  }
  .max-action.leistungen .vertical_txt span {
    -webkit-transform: translateX(-23%) rotate(-90deg);
            transform: translateX(-23%) rotate(-90deg);
  }
  .built-to-suit.leistungen .container_wrap {
    width: 1045px;
  }
  .referenzen h6,
  .referenzen h2 {
    font-size: 24px;
  }
  .referenzen .logos_wrap > ul li img {
    max-width: 42%;
  }
  .nachhaltigkeit .clrbox {
    padding: 100px 30px;
    width: 360px;
    height: 360px;
  }
  .nachhaltigkeit .inner {
    padding: 60px 180px 60px 390px;
  }
  .nachhaltigkeit .inner {
    padding-left: 208px;
  }
  .nachhaltigkeit .clrbox p {
    font-size: 18px;
  }
  .nachhaltigkeit .img_box img {
    max-width: 72%;
  }
  .nachhaltigkeit .img_box {
    right: 0;
    bottom: -9%;
  }
  .nachhaltigkeit {
    padding-bottom: 216px;
  }
  .akutel_projects .pos_img {
    right: -3.8%;
    top: 14%;
  }
  .akutel_projects .pos_img img {
    width: 67%;
  }
  .akutel_projects::before {
    height: 87%;
  }
  .max-action.leistungen.project {
    min-height: 728px;
  }
  .realisierte_Projekte .left .inner {
    padding-bottom: 64%;
  }
  .realisierte_Projekte > .container {
    max-width: 1250px;
  }
  .akutel_projects .left .inner > h6,
  .akutel_projects .left .inner > h2,
  .realisierte_Projekte .right .inner h6,
  .ankaufsprofil .right .inner h6,
  .ankaufsprofil .right .inner h3 {
    font-size: 28px;
    font-weight: 800;
  }
  .realisierte_Projekte .left .inner.bg_text {
    padding-bottom: 44%;
  }
  .realisierte_Projekte .left .inner {
    padding-bottom: 50%;
  }
  .realisierte_Projekte_wraps .each_project {
    max-width: 930px;
  }
  .realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-next,
  .realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-prev {
    top: 30%;
  }
  .contact.home-section .right .inner{
    padding-right: 20px;
  }
  .employes.unternehmen .img_left .text_cnt{
    height: 94vh;
  }
}

/* laptop with mdpi */
@media (max-width: 1300px) {
  header .container {
    max-width: 1080px;
  }
  .leistungen.home-section .left .inner {
    padding-right: 40px;
  }
  .projekte.home-section .right .inner h3,
  .projekte.home-section .right .inner h6 {
    padding-bottom: 112%;
  }
  .projekte.home-section .left figure img {
    bottom: 380px;
  }
  .employes.unternehmen .img_left .text_cnt {
    height: 87vh;
  }
  .projekte.home-section .left .cnt {
    margin-right: 35px;
  }
  .projekte.home-section .left .cnt {
    padding-top: 678px;
  }
  .contact.home-section .right .inner {
    padding-left: 60px;
  }
  .contact.home-section .left .shade_box {
    width: 457px;
    height: 457px;
  }
  .home_banner .left .inner .cnt p {
    font-size: 24px;
  }
  .akutel_projects .pos_img img {
    width: 60%;
  }
  .akutel_projects .pos_img {
    right: -10.8%;
  }
  .akutel_projects .right .inner {
    max-width: 500px;
  }
  .max-action.leistungen.project .vertical_txt span,
  .max-action.leistungen .vertical_txt span {
    -webkit-transform: translateX(-26%) rotate(-90deg);
            transform: translateX(-26%) rotate(-90deg);
  }
  .max-action.leistungen.project {
    min-height: 716px;
  }
  .realisierte_Projekte .right .inner {
    padding-top: 90px;
  }
  .realisierte_Projekte .right .inner h6 {
    padding-bottom: 60%;
  }
  .realisierte_Projekte .pos_img {
    top: 17%;
  }
  .akutel_projects .left .inner > h6,
  .akutel_projects .left .inner > h2,
  .realisierte_Projekte .right .inner h6,
  .ankaufsprofil .right .inner h6,
  .ankaufsprofil .right .inner h3 {
    font-size: 26px;
  }
  .realisierte_Projekte > .container {
    max-width: 1170px;
  }
  .immobiliengruppe .clr_box h6,
  .immobiliengruppe .clr_box h3,
  .employes.unternehmen .text_cnt h6,
  .employes.unternehmen .text_cnt h3 {
    font-size: 26px;
  }
  .immobiliengruppe::after {
    width: 563px;
  }
  .immobiliengruppe .gray_cnt {
    padding-left: 90px;
  }
  .verantwortung .left .inner {
    padding-left: 90px;
  }
  .realisierte_Projekte_wrap.owl-carousel .owl-nav button.owl-next {
    top: 40%;
  }
  .max-action.contact .right .contact_form {
    margin-left: 28px;
  }
  .datenschutz_content .container {
    max-width: 860px;
  }
  span.square {
    right: 50px;
  }
  .datenschutz_content {
    margin-top: 170px;
  }
  .realisierte_Projekte_wraps::after {
    width: 51%;
  }
  .realisierte_Projekte_wraps {
    padding: 90px 0 90px;
  }
  .built-to-suit.leistungen .container_wrap {
    margin-left: 13%;
  }
  .employes.unternehmen .img_left .text_cnt .inner{
    min-height: 670px;
  }
  .employes.unternehmen .text_cnt .inner .biography{
    padding-right: 60px;
  }
}

/* ipad pro */
@media (max-width: 1199px) {
  header .container {
    max-width: 900px;
  }
  .navbar .navbar-nav .nav-link, header .language li a {
    font-size: 14px;
  }
  .navbar .navbar-nav .nav-item {
    margin-right: 30px;
  }
  .navbar .navbar-nav {
    margin-right: 45px;
  }
  .home_banner .left .inner .cnt p {
    font-size: 21px;
  }
  .home_banner .right .inner h6, .home_banner .right .inner .cnt p,
  .home_banner .right .inner h1 {
    font-size: 16px;
  }
  h2,
  .leistungen.banner .container_wrap h1,
  .banner.contact .right h1 {
    font-size: 38px;
  }
  .employes.unternehmen .img_left .text_cnt {
    height: 52vh;
  }
  .home_banner .right .inner .cnt {
    padding-bottom: 70px;
    padding-top: 90px;
  }
  .leistungen.home-section .left .inner .cnt, .contact.home-section .left .inner .cnt {
    padding: 42px 30px;
    max-width: 356px;
  }
  .leistungen.home-section .left .inner {
    padding-right: 0;
  }
  .vertical_txt {
    width: 80px;
  }
  .vertical_txt span {
    -webkit-transform: translateX(-28%) rotate(-90deg);
            transform: translateX(-28%) rotate(-90deg);
  }
  .projekte.home-section .right .inner {
    padding-left: 58px;
  }
  .projekte.home-section .left .cnt {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-right: 0;
    padding-top: 565px;
    /* display: inline-block; */
  }
  .title {
    font-size: 44px !important;
  }
  .leistungen.home-section .left .inner .cnt h3 > span,  
  .projekte.home-section .right .inner h3 > span,  
  .expansion.home-section .left .inner h3 > span,  
  .contact.home-section .left .inner h3 > span {
    font-size: 60px;
  }
  .projekte.home-section .left figure img {
    bottom: 420px;
  }
  .expansion.home-section {
    padding: 100px 0 100px;
  }
  .expansion.home-section .left .cnt {
    padding-left: 66px;
  }
  .expansion.home-section .center_img {
    padding-left: 84px;
  }
  .leistungen.home-section .right .inner .cnt, .expansion.home-section .right .inner .cnt, .contact.home-section .right .inner .cnt {
    max-width: 400px;
  }
  .contact.home-section .right .inner {
    padding-top: 80px;
  }
  .contact.home-section .left .shade_box {
    height: 380px;
    width: 380px;
  }
  .contact.home-section .left .inner {
    padding-right: 74px;
  }
  .max-action.leistungen .left .inner .cnt h6,
  .max-action.leistungen .left .inner .cnt h3 {
    font-size: 28px;
  }
  .max-action.leistungen .left .inner {
    padding: 86px 0 160px;
  }
  .max-action.leistungen .left .inner .cnt {
    padding: 50px 40px;
    max-width: 418px;
  }
  .built-to-suit.leistungen .container_wrap {
    width: 849px;
  }
  .nachhaltigkeit .clrbox {
    padding: 90px 20px;
    width: 320px;
    height: 320px;
  }
  .max-action.leistungen .vertical_txt span {
    -webkit-transform: translateX(-31%) rotate(-90deg);
            transform: translateX(-31%) rotate(-90deg);
  }
  .max-action.leistungen.project .vertical_txt span {
    -webkit-transform: translateX(-31%) rotate(-90deg);
            transform: translateX(-31%) rotate(-90deg);
  }
  .akutel_projects .pos_img img {
    width: 50%;
  }
  .akutel_projects {
    margin-top: -614px;
  }
  .realisierte_Projekte > .container {
    max-width: 948px;
  }
  .realisierte_Projekte .left .inner {
    padding-bottom: 90%;
  }
  .ankaufsprofil .left {
    padding: 0 40px;
  }
  .ankaufsprofil .left {
    min-height: 623px;
  }
  .akutel_projects .right .inner {
    max-width: 380px;
  }
  .akutel_projects::before {
    height: 70%;
    width: 48%;
  }
  .akutel_projects > .container {
    margin-left: 117px;
  }
  .akutel_projects {
    padding: 100px 0 0;
  }
  .max-action.leistungen.unternehmen .left .inner .cnt {
    padding-left: 52px;
  }
  .employes.unternehmen .container {
    padding-left: 120px;
  }
  .employes.unternehmen .text_cnt .inner {
    padding: 40px 30px;
  }
  .employes.unternehmen .img_left .text_cnt .inner{
    min-height: 634px;
  }
  .immobiliengruppe .clr_box {
    padding: 40px 30px;
  }
  .immobiliengruppe .clr_box {
    min-width: 469px;
    max-width: 469px;
  }
  .immobiliengruppe .gray_cnt {
    padding-left: 80px;
  }
  .immobiliengruppe .gray_cnt .cnt {
    max-width: 430px;
  }
  .immobiliengruppe .gray_cnt {
    max-width: 880px;
  }
  .verantwortung .left .inner {
    padding: 70px 70px 90px 80px;
  }
  .verantwortung .right figure {
    padding-left: 40px;
  }
  .verantwortung .right figure img {
    max-width: 90%;
  }
  .immobiliengruppe::after {
    width: 460px;
  }
  .immobiliengruppe .clr_box {
    right: 18px;
  }
  .employes.unternehmen .text_cnt .inner .biography {
    padding: 34px 32px 34px 40px;
  }
  .employes.unternehmen .img_right .text_cnt .inner .biography {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  .lightbox-map .inner {
    width: 90%;
  }
  .lightbox-map .close-btn {
    top: 18%;
    right: 5%;
  }
  .max-action.contact .left .contact_list li a {
    height: 168px;
  }
  .max-action.contact .left .inner, .max-action.contact .heading {
    padding-left: 40px;
  }
  .max-action.contact .right .contact_form {
    margin-left: 0;
    padding-right: 20px;
  }
  .contact_form form {
    margin-top: 5.5em;
  }
  .contact_form form .input_group textarea {
    height: 220px;
  }
  .max-action.contact .left .contact_list li a:hover {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  .datenschutz_content .vertical_txt {
    width: 85px;
  }
  span.square {
    right: 50px;
    top: -120px;
  }
  .realisierte_Projekte_wraps .each_project {
    max-width: 765px;
  }
  .realisierte_Projekte_wraps .each_project .specification {
    max-width: 480px;
  }
  .realisierte_Projekte_wraps .each_project .specification li .name {
    min-width: 190px;
    max-width: 190px;
  }
  .realisierte_Projekte_wraps::after {
    width: 47%;
  }
  .ankaufsprofil::after {
    width: 800px;
    height: 94px;
    right: 52px;
    bottom: 56px;
  }
  .magnifier-thumb-wrapper {
    display: inline-block !important;
    margin: 0 auto;
  }
  .magnifier {
    margin-right: 0;
    text-align: center;
  }
  .ankaufsprofil .right .inner{
    padding-left: 54px;
  }

  #top_img{
    display: block;
  }
  #magnifier{
    display: none;
  }
  .max-action.leistungen.unternehmen .vertical_txt span{
    -webkit-transform: translateX(-31%) rotate(-90deg);
    transform: translateX(-31%) rotate(-90deg);
  }
}
/* ipad landscape */
@media (max-width: 1199px) and (max-height: 780px) {
  .employes.unternehmen .img_left .text_cnt {
    height: 90vh;
  }
}

@media (max-width: 991px) {
  header .language {
    position: absolute;
    right: 90px;
    top: 31px;
  }
  .navbar .navbar-nav {
    margin-right: 0;
    padding: 60px 0 40px;
  }
  .navbar .navbar-nav .nav-link, header .language li a {
    font-size: 16px;
  }
  .navbar .navbar-nav .nav-item {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .employes.unternehmen .img_left .text_cnt {
    height: 81vh;
  }
  .navbar .navbar-nav .nav-item:last-child {
    margin: 0;
  }
  h2,
  .leistungen.banner .container_wrap h1,
  .banner.contact .right h1 {
    font-size: 34px;
  }
  .right .inner.blue_bg {
    padding: 34px 40px;
  }
  .leistungen.home-section .left .inner, .home_banner .left .inner {
    padding-right: 0;
  }
  .home_banner .left .inner {
    padding-left: 79px;
  }
  .vertical_txt {
    position: relative;
    width: 100%;
    padding: 20px 0;
  }
  .max-action.leistungen .vertical_txt, .leistungen.home-section .vertical_txt {
    margin-bottom: 30px;
  }
  .vertical_txt span, .max-action.leistungen .vertical_txt span, .max-action.leistungen.project .vertical_txt span, .max-action.leistungen.unternehmen .vertical_txt span {
    position: relative;
    -webkit-transform: unset;
    transform: unset;
    top: 0;
    left: 0;
    margin: 0 auto;
  }
  .leistungen.banner {
    margin-bottom: 30px;
  }
  .leistungen.home-section .right .inner {
    padding-left: 0;
  }
  .projekte.home-section .right .inner {
    padding-left: 30px;
    padding-right: 30px;
  }
  .projekte.home-section .left figure img {
    max-width: 145%;
  }
  .projekte.home-section .left figure img {
    bottom: 445px;
  }
  .projekte.home-section .left .cnt {
    padding-top: 519px;
    margin-left: 30px;
  }
  .contact.home-section .right .inner .cnt .footer .foot_logo img {
    width: 110px;
  }
  .social li img {
    width: 32px;
  }
  .contact.home-section .right .inner {
    padding: 40px;
  }
  .contact.home-section .left .shade_box {
    width: 256px;
    height: 256px;
  }
  .contact.home-section .left .inner {
    padding-right: 0;
    padding-left: 40px;
  }
  .expansion.home-section .left .cnt {
    padding-left: 30px;
  }
  .expansion.home-section .center_img {
    padding-left: 46px;
  }
  .leistungen.banner .left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .max-action.leistungen .vertical_txt {
    width: 100%;
  }
  .magnifier {
    margin-top: 0;
  }
  .max-action.leistungen .left .inner {
    padding-top: 0;
  }
  .container_wrap {
    max-width: 100%;
  }
  .built-to-suit.leistungen .inner .cnt {
    padding: 0 20px;
  }
  .nachhaltigkeit .inner {
    padding: 150px 60px 75px 390px;
  }
  .nachhaltigkeit .inner {
    padding-left: 20px;
  }
  .nachhaltigkeit .container_wrap {
    max-width: 90%;
  }
  .referenzen h6,
  .referenzen h2 {
    font-size: 21px;
  }
  .nachhaltigkeit .img_box img {
    max-width: 60%;
  }
  .nachhaltigkeit {
    padding-bottom: 175px;
  }
  .nachhaltigkeit .img_box {
    right: -94px;
    bottom: -9%;
    display: inline-block;
  }
  .max-action.leistungen.project .right .top_img {
    margin-top: 0;
  }
  .akutel_projects {
    margin-top: -325px;
  }
  .akutel_projects .pos_img {
    right: -62.8%;
    top: 11%;
  }
  .akutel_projects > .container {
    margin-left: 45px;
  }
  .akutel_projects {
    padding: 60px 0 0;
  }
  .akutel_projects::before {
    height: 61%;
  }
  .realisierte_Projekte > .container {
    max-width: 100%;
    padding-left: 30px !important;
  }
  .realisierte_Projekte .right .inner h6 {
    padding-bottom: 66%;
  }
  .realisierte_Projekte .pos_img {
    top: 19%;
  }
  .realisierte_Projekte .left .inner {
    padding-bottom: 130%;
  }
  .realisierte_Projekte .right .inner {
    padding-left: 30px;
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .realisierte_Projekte .left .inner {
    padding-bottom: 100%;
  }
  .ankaufsprofil .left {
    min-height: 475px;
  }
  .ankaufsprofil .left .cnt, .ankaufsprofil .right .inner {
    padding-top: 90px;
  }
  .leistungen.banner.unternehmen .container_wrap {
    padding: 40px 30px;
  }
  .max-action.leistungen.unternehmen .left .inner .cnt {
    padding-left: 30px;
  }
  .employes.unternehmen .container {
    padding-left: 30px;
  }
  .immobiliengruppe .gray_cnt {
    padding: 60px 30px;
    padding-top: 100px;
  }
  .immobiliengruppe .clr_box h6,
  .immobiliengruppe .clr_box h3,
  .employes.unternehmen .text_cnt h6,
  .employes.unternehmen .text_cnt h3 {
    font-size: 24px;
  }
  .employes.unternehmen {
    padding-bottom: 440px;
  }
  .immobiliengruppe .clr_box {
    top: -410px;
  }
  .immobiliengruppe .foundation_wrap {
    padding: 60px 30px;
  }
  .verantwortung .left .inner {
    padding: 40px 30px;
  }
  .immobiliengruppe::after {
    width: 330px;
  }
  .employes.unternehmen .img_left .img figure {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .lightbox-map .inner iframe {
    height: 510px !important;
  }
  .banner.contact .left .inner {
    padding: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .banner.contact .right {
    padding: 40px;
  }
  .max-action.contact .left .inner, .max-action.contact .heading {
    padding-left: 0;
  }
  .max-action.contact .right .contact_form {
    padding-right: 0;
  }
  .max-action.contact .container_wrap {
    max-width: 100%;
    padding: 0 20px;
  }
  .max-action.contact::before {
    top: 45px;
  }
  .max-action.contact::before {
    height: 76%;
  }
  .contact_form form .input_group textarea {
    height: 160px;
  }
  .contact_form form {
    margin-top: 3.5em;
  }
  .max-action.contact .right .contact_form .social {
    margin-top: 2em;
  }
  .max-action.contact .left .contact_list li a:hover {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  .banner.contact .right .inner span.count {
    padding-right: 0;
  }
  .banner.contact .right {
    padding-left: 40px;   
  }
  .max-action.contact::before {
    height: 53%;
    width: 50%;
    top: 50px;
  }
  .datenschutz_content .container {
    margin: 0 auto;
  }
  .datenschutz_content .vertical_txt {
    width: 100%;
    margin-bottom: 50px;
  }
  .datenschutz_content {
    margin-top: 90px;
  }
  span.square {
    z-index: -1;
    top: 60px;
    right: 20px;
    height: 150px;
    width: 150px;
  }
  .realisierte_Projekte_wraps .each_project {
    max-width: 730px;
  }
  .realisierte_Projekte_wraps::after {
    width: 60%;
  }
  .realisierte_Projekte_wraps .each_project .specification {
    max-width: 470px;
  }
  .realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-next,
  .realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-prev {
    top: 27%;
  }
  .realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-prev {
    left: -4.5%;
  }
  .realisierte_Projekte_wraps .each_project .top h6 {
    font-size: 26px;
  }
  .realisierte_Projekte_wraps .each_project .top .title {
    font-size: 32px !important;
  }
  .title{
    font-size: 42px !important;
  }
  .built-to-suit.leistungen .container_wrap {
    margin: 0 auto;
  }
  .ankaufsprofil::after {
    width: 580px;
    height: 60px;
    right: 52px;
    bottom: 110px;
  }
  .leistungen.home-section .left .inner .cnt .cons li,
  .expansion.home-section .left .inner .cnt .cons li,
  .contact.home-section .left .inner .cnt .cons li{
    font-size: 14px;
  }
  .home_banner .right .inner.blue_bg{
    padding-top: 50px;
  }
  .akutel_projects .right .inner{
    padding-left: 51px;
  }
  .ankaufsprofil::after{
    bottom: 36px;
  }
  .max-action.leistungen .right .top_img{
    margin-top: 0;
  }

  .vertical_txt span{
    word-spacing: 0;
  }
  .leistungen.home-section .right .inner .cnt{
    padding-right: 20px;
  }
  .ankaufsprofil .right .inner{
    padding-left: 30px;
  }
  .immobiliengruppe .gray_cnt .cnt{
    max-width: 100%;
  }
  .max-action.leistungen.unternehmen {
    min-height: 100%;
  }
  .max-action.leistungen.unternehmen .vertical_txt{
    margin-bottom: 4.5em;
  }
  .employes.unternehmen{
    margin-top: 0;
  }
  .max-action.leistungen .left .inner {
    padding: 0 0 120px;
  }
  .unternehmen.lightbox-map .inner img{
    max-width: 90%;
  }
  .letterspacing{
    letter-spacing: 1px;
    text-transform: uppercase;
  }  
  .projekte.home-section .left .cnt span,
  .akutel_projects .left .inner .cnt > span,
  .immobiliengruppe .clr_box span{
    letter-spacing: 1px;
  }
  .max-action.contact .left .contact_list li a > span{
    min-width: 215px;
  }
}

/* ipad */
/* mobile */
@media (max-width: 767px) {  
  .navbar {
    padding: 0;
  }
  .navbar .logo img {
    max-width: 70%;
  }
  header.fixed .logo img {
    max-width: 60%;
  }
  header .language {
    display: none;
  }
  header .language.mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 0;
    right: 0;
  }
  #nav-icon4 {
    top: 8px;
    width: 36px;
    height: 36px;
  }
  #nav-icon4 span {
    height: 5px;
  }
  #nav-icon4.open span:nth-child(3) {
    top: 22px;
  }
  .navbar .navbar-nav .nav-link, header .language li a {
    font-size: 14px;
  }
  header .language.mob {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar .navbar-nav .nav-item {
    margin-bottom: 15px;
  }
  .home_banner .left .inner {
    padding: 30px 20px;
    padding-left: 0;
    padding-right: 0;
  }
  .home_banner .left .inner .cnt {
    padding-left: 20px;
    padding-right: 20px;
  }
  .home_banner .left .inner .cnt p {
    font-size: 18px;
  }
  .home_banner .left .inner .cnt {
    padding-top: 25px;
  }
  h2,
  .leistungen.banner .container_wrap h1,
  .banner.contact .right h1 {
    font-size: 37px;
  }
  .home_banner .right .inner .cnt {
    padding-bottom: 30px;
    padding-top: 60px;
  }
  h2::before,
  .leistungen.banner .container_wrap h1::before,
  .banner.contact .right h1::before {
    height: 6px;
  }
  .leistungen.home-section {
    padding: 80px 0 !important;
    padding-bottom: 40px !important;
  }
  .projekte.home-section .left figure img {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
  }
  .projekte.home-section .left .cnt {
    padding-top: 30px;
    margin-left: auto;
  }
  .home_banner .right .inner .cnt p {
    padding-top: 10px;
  }
  .projekte.home-section {
    margin-top: 0;
  }
  .leistungen.home-section .right .inner {
    padding: 40px 20px;
  }
  .right .inner.blue_bg {
    padding: 34px 20px;
  }
  .projekte.home-section .right .inner h6,
  .projekte.home-section .right .inner h3 {
    padding-bottom: 30px;
  }
  .projekte.home-section .right .cnt p {
    margin-bottom: 2em;
  }
  .projekte.home-section .left .cnt {
    max-width: 100%;
    padding: 30px 20px;
  }
  .title {
    font-size: 36px !important;
  }
  .leistungen.home-section .left .inner .cnt h3,   
  .projekte.home-section .right .inner h3,  
  .expansion.home-section .left .inner h3,  
  .contact.home-section .left .inner h3,
  .max-action.contact .heading {
    font-size: 26px;
  }
  .leistungen.home-section .left .inner .cnt h3 > span,  
  .projekte.home-section .right .inner h3 > span,  
  .expansion.home-section .left .inner h3 > span,
  .contact.home-section .left .inner h3 > span{
    font-size: 42px;
  }
  .leistungen.home-section .left .inner .cnt, .contact.home-section .left .inner .cnt {
    max-width: 100%;
  }
  .expansion.home-section .left .cnt {
    padding: 40px 0 40px 20px;
  }
  .projekte.home-section .right .inner {
    padding: 60px 20px 40px 20px;
  }
  .expansion.home-section .center_img {
    margin: 0;
    padding: 0;
    /* padding-top: 30px; */
  }
  .expansion.home-section .center_img img {
    max-width: 100%;
  }
  .expansion.home-section .right .inner .cnt {
    margin: 0;
    padding: 5em 20px;
    /* padding-top: 30px; */
  }
  .leistungen.home-section .left .inner .cnt, .contact.home-section .left .inner .cnt {
    margin-bottom: 40px;
  }
  .contact.home-section .right .inner .cnt .contacts li img {
    width: 26px;
  }
  .inner span.count {
    font-size: 80px;
  }
  .leistungen.banner .container_wrap {
    padding: 40px 20px;
  }
  .max-action.leistungen .left .inner .cnt {
    padding: 40px 20px;
  }
  .max-action.leistungen .left .inner .cnt h6,
  .max-action.leistungen .left .inner .cnt h3 {
    font-size: 24px;
  }
  .built-to-suit.leistungen {
    margin-top: 0;
  }
  .max-action.leistungen .left .inner {
    padding-bottom: 50px;
  }
  .max-action.leistungen .right .top_img img {
    max-width: 100%;
  }
  .max-action.leistungen .right .top_img {
    padding-bottom: 30px;
  }
  .built-to-suit.leistungen .inner .cnt {
    margin-top: 3.5rem;
  }
  .nachhaltigkeit .container_wrap {
    max-width: 100%;
  }
  .nachhaltigkeit .img_box {
    position: relative;
    bottom: 0;
    right: 0;
  }
  .nachhaltigkeit .img_box img {
    max-width: 100%;
  }
  .nachhaltigkeit {
    padding-bottom: 40px;
  }
  .referenzen {
    padding-bottom: 40px;
  }
  .referenzen .container {
    max-width: 100%;
  }
  .referenzen h6,
  .referenzen h2 {
    font-size: 18px;
  }
  .nachhaltigkeit .clrbox {
    padding: 75px 20px;
    width: 320px;
    height: 275px;
  }
  .nachhaltigkeit .clrbox p {
    font-size: 17px;
  }
  .akutel_projects .pos_img {
    top: 10.5%;
    right: 0;
  }
  .akutel_projects .pos_img img {
    width: 100%;
    max-width: 100%;
  }
  .akutel_projects {
    margin-top: 0;
    padding-bottom: 60px;
  }
  .max-action.leistungen.project {
    min-height: 100%;
    padding-bottom: 40px;
  }
  .akutel_projects {
    margin-bottom: 40px;
  }
  .akutel_projects .right .inner {
    padding: 40px 20px;
    padding-left: 0;
    max-width: 100%;
  }
  .akutel_projects > .container {
    max-width: 100%;
    margin-left: 20px;
  }
  .akutel_projects {
    padding: 30px 0 0;
  }
  .akutel_projects::before {
    width: 60%;
  }
  .pos_img.owl-carousel .owl-item img {
    width: 90%;
  }
  .realisierte_Projekte .pos_img {
    top: 14%;
    left: 0;
  }
  .pos_img.owl-carousel .owl-nav button.owl-next {
    left: unset;
    right: 12px;
  }
  .akutel_projects .left .inner > h6,
  .akutel_projects .left .inner > h2,
  .realisierte_Projekte .right .inner h6,
  .ankaufsprofil .right .inner h6,
  .ankaufsprofil .right .inner h3 {
    font-size: 24px;
  }
  .realisierte_Projekte .left, .realisierte_Projekte .right {
    padding: 0;
  }
  .realisierte_Projekte > .container {
    padding-left: 0 !important;
  }
  .realisierte_Projekte .left .inner {
    padding-left: 30px;
  }
  .realisierte_Projekte .left .inner {
    padding-bottom: 56%;
  }
  .realisierte_Projekte .right .inner h6 {
    padding-bottom: 40px;
  }
  .ankaufsprofil .right .inner {
    padding: 40px 30px;
  }
  .ankaufsprofil .left {
    min-height: 393px;
  }
  .employes.unternehmen {
    margin-top: 0;
  }
  .leistungen.banner.unternehmen .container_wrap {
    padding: 40px 20px;
  }
  .max-action.leistungen.unternehmen .left .inner .cnt {
    padding-left: 20px;
  }
  .max-action.leistungen.unternehmen {
    min-height: 100%;
  }
  .max-action.leistungen.unternehmen .left{
    order: 2;
  }
  .employes.unternehmen .img_left .img, .employes.unternehmen .img_right .text_cnt {
    padding-right: 15px;
  }
  .employes.unternehmen .container {
    padding: 0 20px;
  }
  .employes.unternehmen .img_right .text_cnt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .employes.unternehmen .img_right .img figure {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .employes.unternehmen .img_left .img figure {
    padding-bottom: 30px;
  }
  .immobiliengruppe .clr_box {
    position: relative;
    top: 0;
    right: 0;
    min-width: 100%;
    max-width: 100%;
  }
  .immobiliengruppe .clr_box {
    padding: 30px 20px;
  }
  .immobiliengruppe .clr_box h6,
  .immobiliengruppe .clr_box h3,
  .employes.unternehmen .text_cnt h6,
  .employes.unternehmen .text_cnt h3 {
    font-size: 21px;
  }
  .immobiliengruppe .gray_cnt {
    padding: 40px 20px;
  }
  .verantwortung .left .inner {
    padding: 40px 20px;
  }
  .immobiliengruppe .foundation_wrap {
    padding: 40px 20px;
  }
  .immobiliengruppe .foundation_wrap .foundation_img {
    margin-bottom: 30px;
  }
  .immobiliengruppe::after {
    width: 226px;
  }
  .verantwortung {
    padding-bottom: 60px;
  }
  .verantwortung .right figure {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
  }
  .verantwortung .right figure img {
    max-width: 100%;
  }
  .employes.unternehmen {
    padding-bottom: 60px;
  }
  .realisierte_Projekte_wrap.owl-carousel .owl-nav button.owl-next {
    top: 4%;
    right: 6%;
  }
  .realisierte_Projekte .pos_img img {
    width: 100%;
  }
  .lightbox-map .close-btn {
    top: 5%;
    right: 5%;
  }
  span.square {
    z-index: -1;
    top: 50px;
    right: 20px;
    height: 130px;
    width: 130px;
  }
  .datenschutz_content .lists li::before {
    top: 7px;
  }
  .realisierte_Projekte_wraps::after {
    content: "";
    display: block;
    width: 100%;
    height: 80%;
    background-color: #F0F0F0;
    position: absolute;
    top: unset;
    bottom: 0;
    right: 0;
    z-index: -1;
  }
  .pos_img img {
    max-width: 100%;
  }
  .realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-next,
  .realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-prev {
    top: -6%;
  }
  .realisierte_Projekte_wraps .each_project .btm.owl-carousel .owl-nav button.owl-prev {
    left: 77.5%;
  }
  .realisierte_Projekte_wraps .each_project .specification,
  .realisierte_Projekte_wraps .each_project .btm .cnt,
  .realisierte_Projekte_wraps .each_project .top h6,
  .realisierte_Projekte_wraps .each_project .top h2 {
    padding: 0 20px;
  }
  .realisierte_Projekte_wraps .each_project .btm .cnt {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .realisierte_Projekte_wraps .each_project .specification li .name {
    min-width: 190px;
  }
  .realisierte_Projekte_wraps {
    padding-top: 0;
    padding-bottom: 30px;
    margin-bottom: 0;
  }
  .realisierte_Projekte_wraps .each_project .top .title {
    font-size: 24px !important;
  }
  .ankaufsprofil {
    padding-bottom: 60px;
  }
  .ankaufsprofil::after {
    width: 100%;
    right: 0;
    bottom: 30px;
  }
  .home_banner .right .inner h6,
  .home_banner .right .inner .cnt p,
  .home_banner .right .inner h1{
    font-size: 14px;
  }
  .magnifier-thumb-wrapper #thumb{
    width: 100% !important;
  }
  .referenzen .logos_wrap{
    display: none;
  }
  .referenzen .logos_wrap.mobile{
    display: block;
  }
  .referenzen .logos_wrap.mobile > ul li{
    flex-basis: 50%;
    max-width: 50%;
    margin-bottom: 20px;
    padding: 0 19px;
  }
  .referenzen .logos_wrap > ul.first_row li,
  .referenzen .logos_wrap > ul.third_row li,
  .referenzen .logos_wrap > ul.second_row li{
    max-width: 50%;
    flex-basis: 50%;    
  }
  .referenzen .logos_wrap.mobile > ul li img{
    max-width: 75%;
  }  
  .home_banner .right .inner h6,
  .home_banner .right .inner h1{
    letter-spacing: 1px;
  }  
  .nachhaltigkeit .inner{
    padding-top: 100px;
  }
  /* .employes.unternehmen .text_cnt .inner{
    min-height: 100vh;
  } */
  .unternehmen.lightbox-map .inner img,
  .lightbox-map.light-2 img{
    max-width: 100%;
  }  
  .max-action.contact .left .contact_list li a > span {
    min-width: 162px;
  }
  .max-action.contact::before{
    height: 122vh;
  }
}

@media (max-width: 575px) {  
  h2,
  .leistungen.banner .container_wrap h1,
  .banner.contact .right h1{
    font-size: 32px;
  }
  ul.actions li {
    margin-bottom: 0.4em;
  }
  ul.actions li::before {
    top: 8px;
  }
  body {
    font-size: 14px;
  }
  .social li img {
    width: 26px;
  }
  #nav-icon4 span:nth-child(2) {
    top: 10px;
  }
  #nav-icon4 span:nth-child(3) {
    top: 20px;
  }
  #nav-icon4.open span:nth-child(1) {
    top: -2px;
  }
  .leistungen.home-section .left .inner .cnt .cons li, .expansion.home-section .left .inner .cnt .cons li, .contact.home-section .left .inner .cnt .cons li, .linkto {
    font-size: 14px;
  }
  .akutel_projects .left .inner > h6,
  .akutel_projects .left .inner > h2,
  .realisierte_Projekte .right .inner h6,
  .ankaufsprofil .right .inner h6,
  .ankaufsprofil .right .inner h3 {
    font-size: 21px;
  }
  .realisierte_Projekte ul.specification li span.name {
    min-width: 50%;
  }
  .realisierte_Projekte ul.specification li {
    margin-bottom: 1em;
  }
  .ankaufsprofil {
    padding: 49px 0 30px;
  }
  .employes.unternehmen .text_cnt .inner .biography {
    padding: 34px 40px 34px 20px;
  }
  .employes.unternehmen .text_cnt .inner .biography .inner_cnt li p {
    font-size: 14px;
  }
  .employes.unternehmen .text_cnt .inner .biography h6,
  .employes.unternehmen .text_cnt .inner .biography h4 {
    font-size: 16px;
  }
  .employes.unternehmen .text_cnt .inner .biography .close-btn img {
    width: 16px;
  }
  .lightbox-map .close-btn img {
    width: 18px;
  }
  .ankaufsprofil {
    padding-bottom: 60px;
  }
  .akutel_projects .right .inner {
    max-width: 95%;
  }
  .captcha-box{
    max-width: 100%;
  }
  .captcha-box canvas{
    width: 100%;
  }
  .max-action.contact .right .contact_form{
    padding-top: 5vh;
  }
  .employes.unternehmen .img_left .text_cnt{
    height: 92vh;
  }
  
}
@media (max-width: 380px) and (max-height: 740px) {  
  .employes.unternehmen .img_left .text_cnt {
    height: 103vh;
}
}
@media (max-width: 350px) {  
  .employes.unternehmen .img_left .text_cnt {
    height: 142vh;
  }
}
/* iphone 678 */

@media (max-width: 991px) and (max-height: 414px) {
  .realisierte_Projekte .left .inner {
    padding-bottom: 80%;
  }
  .lightbox-map .inner iframe {
    height: 325px !important;
  }
  .lightbox-map .close-btn {
    top: 5px;
    right: 5px;
  }
  .lightbox-map .close-btn img {
    width: 18px;
  }
  .lightbox-map .inner{
    max-width: 65%;
  }
  .projekte.home-section .left figure img {
    bottom: 380px;
  }
  .leistungen.home-section .right .inner .cnt, .expansion.home-section .right .inner .cnt, .contact.home-section .right .inner .cnt{
    max-width: 100%;
  }
  .unternehmen.lightbox-map .inner img,
  .lightbox-map.light-2 img {
    max-width: 60%;
  }
  .employes.unternehmen .img_left .text_cnt .inner {
    min-height: 100%;
  }
  .employes.unternehmen .img_left .text_cnt {
    height: 210vh;
  }
}

@media (max-width: 991px) and (max-height: 354px) {
  .employes.unternehmen .img_left .text_cnt {
    height: 223vh;
  }
  .unternehmen.lightbox-map .inner img, .lightbox-map.light-2 img {
    max-width: 50%;
  }
}

@media (max-width: 736px) and (max-height: 414px) {
  .employes.unternehmen .img figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .realisierte_Projekte .left .inner {
    padding-bottom: 54%;
  }
  .employes.unternehmen .img_left .text_cnt {
    height: 150vh;
  }
}
/* @media (max-width: 575px) and (max-height: 700px) {  
  .employes.unternehmen .img_left .text_cnt{
    height: 110vh;
  }
} */
/*# sourceMappingURL=custom.css.map */