html, body { position:relative; height:100%; min-height:100%; box-sizing:border-box; }
body {  padding:20px; }

#top-border, #bottom-border { height:20px; position:fixed; left:0; width:100%; background:#fff; z-index:1000; display:block; }
#top-border { top:0px; display:block; }
#bottom-border { bottom:0px; display:block; }


.row.gap30 { margin-left:-15px; margin-right:-15px; box-sizing:border-box; }
.row.gap30 > .gap30 { padding-left:15px; padding-right:15px; box-sizing:border-box; }

#wrapper { background:#DEDEDA; padding-top:125px; min-height:100%; padding-bottom:20px; box-sizing:border-box; position:relative; }
.inner { width:1200px; margin:0 auto; }

section { padding:60px 0 100px; }
section.smaller { padding:40px 0 40px; }
section.nogap { padding:60px 0 0px; }
section.min-height { min-height:100%; box-sizing:border-box; }

header { position:fixed; top:20px; left:20px; right:20px; padding:0; background:rgba(241, 241, 239, 0.95); z-index:999; }
header .inner { position:relative; }
header #brand { position:absolute; right:0; padding-top:45px; padding-bottom:45px; margin-left:0px; z-index:9; }
header #brand img { display:block; height:30px; width:auto; }
header #brand-fake { opacity:0; float:right; padding-top:35px; padding-bottom:35px; margin-left:0px; }
header #brand-fake img { display:block; height:50px; width:1px; }


#top-nav { padding:55px 0 0 0px; position:relative; }
#top-nav ul { display:table; margin:0 auto; }
#top-nav ul li { display:inline-block; margin-right:40px; border-right:1px solid #bbb;   }
#top-nav ul li:last-child { margin-right:0; }
#top-nav ul li:last-child { margin-right:0; border-right:0; }
#top-nav ul li:last-child a { padding-right:0; }
#top-nav ul li a { color:rgb(0,40,86); text-decoration:none; font-size:16px; line-height:14px; letter-spacing:0.05em; font-family:'fira_sanslight',arial,sans-serif; font-weight:400; text-transform:uppercase; padding-right:40px; }
#top-nav ul li a:hover { opacity:0.7; }
#top-nav ul li a.active { color:#DD0B2F; }

#mobile-nav { display:none; }

#navigation .inner { box-sizing:border-box; padding-left:0px; }
#navigation .inner .content { box-sizing:border-box; padding-left:0px;  }
#navigation .inner .content .navs { display:none; }
#navigation .inner .content ul { display:table; margin:0 auto; }
#navigation .inner .content ul li { display:table-cell; padding:10px 40px; border-right:1px dotted #bbb; }
#navigation .inner .content ul li:first-child { padding-left:0px; }
#navigation .inner .content ul li:last-child { padding-right:0px;border:0; }
#navigation .inner .content ul li span { color:#666; text-decoration:none; font-size:15px; line-height:28px; letter-spacing:0.05em; font-family:'fira_sansmedium',arial,sans-serif; font-weight:400; text-transform:uppercase; display:block; margin-bottom:0px; }
#navigation .inner .content ul li span:after { display:none; height:1px; width:40px; content:""; background:#999; margin:10px 0px; }
#navigation .inner .content ul li a { display:block; color:#666; text-decoration:none; font-size:15px; line-height:34px; letter-spacing:0.02em; font-family:'fira_sanslight',arial,sans-serif; font-weight:400; text-transform:uppercase; white-space:nowrap; }
#navigation .inner .content ul li a:hover { color:#000; }
#navigation .navs { padding-bottom: 35px; position:relative; }

.textleft { padding-right:16px; box-sizing:border-box; }
.textright { padding-left:16px; box-sizing:border-box; }
.textcenter { padding:0 8px; box-sizing:border-box; }

img.full-image { display:block; width:100%; height:auto; }

span.indicator { width:20px; height:20px; position:absolute; right:0; top:-5px; cursor:pointer; }
span.indicator .p1 { display:block; position:absolute; width:20px; height:2px; background:#a81c32; top:9px; left:0; }
span.indicator .p2 { display:block; position:absolute; height:20px; width:2px; background:#a81c32; left:9px; top:0; }

.row-abstand { padding-top:25px; }
.row-abstand-30 { padding-top:30px; }
hr { display:block; border:0; border-bottom:1px solid rgb(200,200,200); margin:45px auto; width:150px; height:1px; }

.section-divider { height:1px; margin:20px 0; }
.section-divider hr { height:1px; border:0; background:#ccc; width:100%; margin:0; }


h1 { margin:0; margin-top:0px; color:#00174A; letter-spacing:0.05em; font-family:'fira_sanslight',arial,sans-serif; font-size:26px; line-height:26px; text-transform:uppercase; font-weight:400; text-align:center; margin-bottom:50px; }
h2 { margin:0; margin-top:0px; color:#00174A; letter-spacing:0.05em; font-family:'fira_sansthin',arial,sans-serif; font-size:26px; line-height:1.4em; text-transform:uppercase; font-weight:400; text-align:center; margin-bottom:50px; }
h2.smaller { margin-bottom:00px; line-height:1.2em; }
h3 { margin:0; font-family:'fira_ultralight',arial,sans-serif; font-size:26px; font-weight:400; color:#333; line-height:1.7em; text-align:center; color:rgb(0,40,86); }
h3 strong { font:inherit; font-family:'fira_sansbook',arial,sans-serif; }
h4 { margin:0; color:#000; text-transform:uppercase; line-height:1.4em; font-size:15px; text-align:center; letter-spacing:2px; font-family:'fira_sanslight',arial,sans-serif; font-weight:400; margin-bottom:25px; }
h5 { margin:0; color:#333; font-family:'fira_sansmedium',arial,sans-serif; color:#333; font-size:15px; line-height:1.7em; display:block; margin-bottom:25px; font-weight:400; }
p { font-family:'fira_sanslight',arial,sans-serif; font-size:15px; font-weight:400; color:#333; line-height:1.9em; text-align:left; margin-bottom:1em; }
p strong { font-family:'fira_sansmedium',arial,sans-serif; font-weight:400; color:#333; }
p.smallred { font-family:'fira_sanslight',arial,sans-serif; font-size:12px; font-weight:400; color:rgb(170, 24, 42); line-height:1.9em; text-align:left; }
p.intro { font-family:'fira_ultralight',arial,sans-serif; font-size:20px; font-weight:400; line-height:1.7em; text-align:center; color:rgb(0,40,86); margin-bottom:50px; }
p.listhead { font-family:'fira_sansregular',arial,sans-serif; font-size:14px; font-weight:400; color:#333; line-height:1.9em; text-align:left; }
span.leitung-name { font-family:'fira_sansbook',arial,sans-serif; text-transform:uppercase; font-weight:400; letter-spacing:0.05em; font-size:15px; color:rgb(0,40,86); display:block; line-height:1.5em; margin-bottom:3px; }
span.leitung-position { font-family:'fira_sanslight',arial,sans-serif; font-weight:400; font-size:13px; color:rgb(128, 128, 128); display:block; line-height:1.5em; }
span.author { font-family:'fira_sanslight',arial,sans-serif; font-weight:400; font-size:12px; color:rgb(0, 40, 86); display:block; line-height:1.5em; margin-left:10px; margin-top:10px; }
span.percent { line-height: 40px; font-size:28px; font-family:'fira_sanslight',arial,sans-serif; color:#333; letter-spacing:0.3em; text-align:center; display:block; }
a.headlink { text-decoration:none; margin:0 auto; margin-bottom:0px; padding:30px 0 0 0; color:rgb(170, 24, 42); letter-spacing:0.05em; text-decoration:uppercase; font-family:'fira_sansthin',arial,sans-serif; font-size:16px; line-height:32px; text-transform:uppercase; font-weight:400; text-align:left; margin:0 auto; display:block; }
.immolink span { display:block; margin-left:72px; line-height:1.6em;; font-family:'fira_sanslight',arial,sans-serif; text-transform:none; }
.maillink span { display:block; margin-left:0px; line-height:1.6em; font-family:'fira_sanslight',arial,sans-serif; text-transform:none; }
.immologo { display:inline; float:left; height:30px; width:auto; opacity:1;  margin-right:10px; }
.stand { font-family:'fira_sansbook',arial,sans-serif; color:rgb(130, 130, 130); font-size:12px; display:block; letter-spacing:1px; text-transform:uppercase; margin-bottom:15px; margin-top:3em; }
.niederlassung .col-md-2 { position:relative; }
.niederlassung .col-md-2 span.indicator { top:2px; }
.niederlassung { cursor:pointer; }
.niederlassung:after { content:""; display:block; border-top:1px dotted #404040; margin:30px 0; }
.niederlassung .standort { display:block; color:rgb(30, 30, 30); font-size:15px; line-height:1.9em; font-family:'fira_sansbook',arial,sans-serif; text-transform:uppercase; letter-spacing:1px; }
.niederlassung p { color:#333 !important; letter-spacing:1px; font-size:15px; line-height:1.9em; font-family:'fira_sanslight',arial,sans-serif; }
.niederlassung a { color:#333 !important; text-decoration:none; font-family:'fira_sanslight',arial,sans-serif; letter-spacing:1px; }

.auflistung { display:block; font-family:'fira_sanslight',arial,sans-serif; color:#333; font-size:14px; line-height:1.7em; padding:0.77em 0; border-bottom:1px dotted rgb(130,130,130); }
.auflistung:nth-child(1) { padding-top:2px; }

.loginform { padding:30px; background:#fff; margin:0 auto; width:320px; box-sizing:border-box; height:320px; overflow:hidden; }
label { font-family: 'fira_sanslight',arial,sans-serif;color: #888;text-decoration: none;font-size: 14px;line-height: 1.7em; display:block; text-align:center; margin-bottom:20px; display:block; }
.input-txt { font-family:'fira_sanslight',arial,sans-serif; color:#333; text-decoration:none; font-size:14px; line-height:32px; border-bottom:1px dotted #ccc; background:rgba(255,255,255,.3); padding:0px 10px; text-align:center; margin:0 auto; width:33%; box-sizing:border-box;  display:block; }
.input-btn { border:0; background:none;color:rgb(170, 24, 42); text-decoration:none; font-size:14px; line-height:14px; letter-spacing:0.05em; font-family:'fira_sansregular',arial,sans-serif; font-weight:400; display:block; margin:0 auto; width:auto; text-align:center; margin-top:50px; }
.full-input-width { width:100%; }


.meldung-item h3 { letter-spacing:2px; font-family:'fira_sanslight',arial,sans-serif; font-size:18px; font-weight:400; color:#000; text-transform:uppercase; margin-bottom:30px; line-height:1.4em; text-align:left; }
.meldung-item a { text-decoration:none; font-family:'fira_sanslight',arial,sans-serif; font-size:14px; font-weight:400; color:rgb(170, 24, 42); line-height:1.9em; text-align:left; }
.meldung-item a.read-more { text-decoration:none; font-family:'fira_sanslight',arial,sans-serif; font-size:14px; font-weight:400; color:#333; line-height:1.9em; text-align:left; }
.meldung-item .news-text-full { padding:0px; display:none; }
.meldung-item .news-text-teaser { padding:0px; box-sizing:border-box; }

.stellenangebot  { border:1px dotted #404040; border-width:1px 0 0 0; padding:30px 0px; position:relative; }
.stellenangebot .teaser { font-family:'fira_sanslight',arial,sans-serif; color:#333; font-size:12px; display:block; position:relative; cursor:pointer; }
.stellenangebot .teaser > strong { font-size:15px; }
.stellenangebot .teaser span { font-family:'fira_sanslight',arial,sans-serif; color:#333; font-size:13px; margin-left:7px; }
.stellenangebot .teaser span.onmobile-inline { margin-left:0px; }
.stellenangebot .indicator { margin-top:32px; }
.stellenangebot .text { padding-top:20px; display:none; }
.stellenangebot .text p { margin-bottom:1.5em; }
.stellenangebot .text p a { font:inherit; text-decoration:none; color:rgb(170,24,42); }
.stellenangebot .text p a:hover { color:rgb(170,24,42); }
.stellenangebot .text p { margin-bottom:1.5em; }
.stellenangebot .text p.pdf-bewerbung a { font:inherit; text-decoration:none; color:rgb(170,24,42); margin-left:10px; }
.stellenangebot .text p a:hover { color:rgb(170,24,42); }
a.pressemail { font:inherit; text-decoration:none; color:rgb(170,24,42); margin-top:10px; display:block; text-align:center; }
p.center { text-align:center; }

.presselink { font-family:'fira_sanslight',arial,sans-serif; color:#333; text-decoration:none; font-size:14px; font-weight:400; display:block; color:rgb(170, 24, 42); line-height:2em; text-align:center; }

footer { margin-top:150px; background:#ddddd9; border-top:1px solid #ccc; }
footer.bottom { position:absolute; bottom:0px; left:0px; right:0px; margin-top:150px; background:#ddddd9; border-top:1px solid #ccc; }
footer .inner { padding:55px 0px; }
footer .meta-nav  { text-align:center; }
footer .meta-nav a.noborder { margin-right:30px; display:inline-block; text-decoration:none;  font-size:12px; color:#333; font-family:'fira_sanslight',arial,sans-serif; text-transform:uppercase; letter-spacing:0.215em; }
footer .meta-nav a.border { padding:0 0 0 30px; display:inline-block; text-decoration:none; color:#333; font-size:12px; font-family:'fira_sanslight',arial,sans-serif; text-transform:uppercase; letter-spacing:0.215em; border-left:1px solid rgba(0,0,0,.2); }

.objekt-text { padding-right:25px; }
.projektslider { padding-top:50px; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:20px !important; }
.bx-wrapper .bx-pager.bx-default-pager a { background:rgba(255,255,255,.5) !important; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#fff !important; }
.objekt-text ul { margin-bottom:30px; }
.objekt-text li { font-family:'fira_sanslight',arial,sans-serif; font-size:14px; font-weight:400; color:#333; line-height:1.3em; text-align:left; margin:10px 0px; padding-left:15px; position:relative; }
.objekt-text li:before { position:absolute; left:0px; top:6px; content:""; width:4px; height:4px; background:#555; border-radius:50%; font-family:'fira_sanslight',arial,sans-serif; font-size:14px; font-weight:400; color:#333; line-height:1.3em; text-align:left; }
.objekt-text img { margin-top:5px; }
.objekt-text a { font-family:'fira_sanslight',arial,sans-serif; color:rgb(170, 24, 42) !important; text-decoration:none; font-size:15px; font-weight:400; display:block; line-height:2em; margin-top:10px !important;  }

.row-abstand hr:last-child { display:none; }


.einrueckung-col { padding-left:50px; }

.submit-button { border-radius:0; background:none; margin:0; padding:0; border:0; background:#002856; color:#fff; font-family: 'fira_sanslight',arial,sans-serif; font-size:14px; padding:6px 12px; margin-top:25px; margin-bottom:10px; margin-right:10px; cursor:pointer; }

.mobile-navigation-frame { display:none; position:fixed; left:20px; right:20px; bottom:20px; overflow:auto; top:90px; background:rgba(221,221,217,1); z-index:101; }
.mobile-navigation-frame .inner-nav { padding:25px 25px 60px 25px; }
.mobile-navigation-frame .inner-nav > ul > li { margin-bottom:20px; display:block; }
.mobile-navigation-frame .inner-nav > ul > li { border-top:1px solid rgb(0,57,123); dispaly:block; padding-top:20px; }
.mobile-navigation-frame .inner-nav ul li a { color:rgb(0,40,86); text-decoration:none; font-size:16px; line-height:14px; letter-spacing:0.05em; font-family:'fira_sanslight',arial,sans-serif; font-weight:400; text-transform:uppercase; }
.mobile-navigation-frame .inner-nav ul li ul { margin-top:20px; display:block; margin-left:20px; }
.mobile-navigation-frame .inner-nav ul li ul li a { display:block; color:#505050; text-decoration:none; font-size:15px; line-height:1.4em; letter-spacing:0.02em; font-family:'fira_sanslight',arial,sans-serif; font-weight:400; text-transform:uppercase; padding-bottom:8px; padding-top:11px; border-bottom:1px solid rgba(0,0,0,0.30); }
.mobile-navigation-frame .inner-nav ul li ul li a.noborder { border-bottom:0px solid rgba(0,0,0,0.5); }
.mobile-navigation-frame .inner-nav ul li ul li span { display:none; }
#mobile-navigation-btn { display:none; }
#mobile-navigation-btn .close { display:none; padding-left:2px; }
#mobile-navigation-btn { width:32px; height:32px; position:absolute; top:22px; left:25px; cursor:pointer; }
#mobile-navigation-btn .open span { width:100%; display:block; margin-bottom:9px; height:3px; background:rgb(0,40,86);  }
#mobile-navigation-btn .close span { display:block; height:28px; width:100%; background:url(../images/menu-close-duenn.png?123) no-repeat top left; font-family: 'fira_sanslight',arial,sans-serif; color:rgb(0,40,86); font-size:32px; font-weight:400; line-height:32px; }
.mobile-navigation-frame .inner-nav ul li.phone { color:rgb(170,24,42); text-align:center; padding-top:60px; text-transform:none; }
.mobile-navigation-frame .inner-nav ul li.phone a { color:rgb(170,24,42); text-align:center; font-size: 20px; text-transform:none; }

.personen { margin-left:-20px; margin-right:-20px; margin-top:-20px; }
.person { border-top:1px dotted #888; }
.personen > .col-md-6 { width:50%; margin-bottom:0px; padding:20px; box-sizing:border-box; }
.personen > .col-md-6 > div { margin:0 auto; }
.person { margin-bottom:30px; padding-top:15px; }
.pimage { height:auto; width:100%; }
.pimage img { height:auto; margin:0 auto; display:block; width:100%;  opacity:1;}
.p-title { margin-bottom:0px; padding-top:0px; display:block; color:#333; font-size:15px; line-height:1.9em; font-family:'fira_sansbook',arial,sans-serif; text-transform:uppercase; letter-spacing:1px; }
.p-position { margin-bottom:15px; margin-top:0px; display:block; color:#333; font-size:15px; line-height:1.9em; font-family:'fira_sanslight',arial,sans-serif; }
.p-teaser { font-family:'fira_sanslight',arial,sans-serif; color:#333; font-size:15px; line-height:1.7em; display:block; margin-bottom:15px;}
.ptext { height:199px;  width:90%; }
p.adresse { padding:0 0 30px 0; margin-bottom:2px; width:50%; }

.personen .col-md-6.col-md-offset-3 { padding:20px 10px; }

.h2linie:after { border-top:1px dotted #888; content:""; display:block; width:100%; margin-top:50px; }
.hideondesktop { display:none; }

.onmobile { display:none; }
.onmobile-inline { display:inline; }
.onmobile-inline-hide { display:inline; }

.kleinestrennelement:before { content:""; display:block; width:25px; border-top:1px solid #ccc; margin-bottom:20px; }

img { -ms-interpolation-mode: nearest-neighbor;  image-rendering: auto !important; }



.kontakt p { font-size:18px; font-family:'fira_sanslight',helvetica,sans-serif; font-weight:300; text-align:center; line-height:1.6em; color:#003056;  margin-top:60px; }

form { margin:100px auto 0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#003056; }
input[type=text] { background:none; width:100%; box-sizing:border-box; font-family:'fira_sanslight',sans-serif; font-size:16px; line-height:1.5em; border-bottom:1px solid rgba(2,40,86,.50); color:#003056; }

textarea { background:none; width:100%; box-sizing:border-box; height:1.6em; font-family:'fira_sanslight',sans-serif; font-size:16px; line-height:1.5em; border-bottom:1px solid rgba(2,40,86,.50); resize:none; margin-top:60px; color:#003056; outline:none; overflow:none; }

input[type=submit] { padding:8px 15px 6px 15px;background:rgba(0,0,0,.6); border:1px solid rgba(0,0,0,.5); margin:0; float:right; display:block; width:auto; text-align:center; margin-top:60px; font-family:'fira_sansregular',sans-serif; font-size:16px; line-height:1.5em; color:#fff; text-transform:uppercase; letter-spacing:0.150em; cursor:pointer; }
p.dsgvo-hinweis { font:400 14px/1.5em 'fira_sanslight',helvetica,sans-serif; color:#888; text-align:left; padding-left:22px; margin-top:0; }
.datenschutzzustimmung { margin-top:60px; font-size:16px; font-family:'fira_sanslight',helvetica,sans-serif; color:#222; line-height:1.65em; margin-bottom:0.75em; text-align:left; }
.datenschutzzustimmung a { font-family:'fira_sanslight',helvetica,sans-serif; color:inherit; font:inherit; text-decoration:none; }
.datenschutzzustimmung span { display:block; float:left; width:14px; height:14px; border:1px solid #888; margin-top:3px; margin-right:5px; }
.datenschutzzustimmung span.checked { background:#022856; border-color:#022856; }

.swiper-slide img { width:100%; height:auto; display:block; }

.swiper-button-next {
    background: url(../images/next.png) no-repeat center center;
    right: 0px;
    left: auto;
    width:50px;
    height:50px;
    margin-top:-25px;
    background-size:cover;
    opacity:0;
    transition:opacity 300ms ease;
}
.swiper-button-prev {
    background: url(../images/prev.png) no-repeat center center;
    left: 0px;
    right: auto;
    width:50px;
    height:50px;
    margin-top:-25px;
    background-size:cover;
    opacity:0;
    transition:opacity 300ms ease;
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity:1; }

.fullscreen { background:rgba(0,0,0,.2); padding:10px; width:50px; height:50px; box-sizing:border-box; display:block; right:0; bottom:0; }
.fullscreen img { width:100%; height:auto; display:block; }

.dlink { text-decoration:none; color:rgb(170, 24, 42); font:inherit; text-align:center; display:block; }
.dtext { text-align:center; }
span.stand { font:inherit; color:inherit; font-size:12px !important; }
span.stand { margin-bottom:0 !important; color:#666; margin-top:0 !important;  }
.du-logo { max-width:400px; margin:0 auto; height:auto; display:block; margin-bottom:50px; }

@media (max-width:1300px){
  .inner { width:100%; }
  header #brand { margin-right:50px; }
  #wrapper { padding:125px 50px 20px 50px; }
  footer { margin-left:-50px; margin-right:-50px; }
  footer.bottom { position:absolute; bottom:0px; left:0px; right:0px; margin-top:150px; background:#ddddd9; border-top:1px solid #ccc; margin-left:0; margin-right:0; }
}

@media (max-width:1150px){
  #top-nav ul li { margin-right:20px; }
  #top-nav ul li a { padding-right:20px; }
}

@media (max-width:1100px){
  #navigation .inner .content ul, #top-nav ul { margin:0 25px 0 50px; }
  #navigation .inner .content ul li { padding:10px 25px; }
  .col-md-8.col-md-offset-2 { width:70%; margin-left:15%; }
  .kennzahlen .col-md-3 { width:50%; margin-bottom:50px; }
  .niederlassung { position:relative; }
  .niederlassung > .col-md-3 { width:33.33333%; }
  .niederlassung .standort { float:none; width:100%; }
  .niederlassung > .col-md-4 { width:50%; }
  .umbruch, .break { display:none; }
}

@media (max-width:1024px){
  .col-md-8.col-md-offset-2 { width:90%; margin-left:5%; }
  .mobile-navigation-frame { display:none; }
  .new-project-cell-left img { display:block;width:80%;height:auto;margin:0 auto; }
}

@media (max-width:1023px){
  .datenschutzzustimmung-row .col-left { width:70%; }
  .datenschutzzustimmung-row .col-right { width:30%; }
  .datenschutzzustimmung { padding-left:25px; }
  .datenschutzzustimmung span { margin-left:-25px; }
  p.dsgvo-hinweis { padding-left:0; }
}

@media (max-width:767px){
  .personen > .col-md-6 { float:none; width:100%; margin:0 auto; }
  .personen .col-md-6.col-md-offset-3 { padding:20px 20px; }
  #top-nav ul { margin-left:25px; }
  #top-nav ul li a { letter-spacing: 0.0em; }
  #mobile-nav { display:none; position:fixed; left:20px; right:20px; background:rgba(241,241,239,.95); top:90px; padding:50px 20px; }
  #mobile-nav ul { display:table; margin:0 auto; }
    #mobile-nav ul li { display:block; text-align:center; }
      #mobile-nav ul li a { text-decoration:none; color:rgb(0,40,86); text-decoration:none; font-size:20px; line-height:2em; letter-spacing:0.05em; font-family:'fira_sanslight',arial,sans-serif; font-weight:400; text-transform:uppercase; }
}


@media (max-width:767px){
  #top-nav { display:none; }
  #mobile-navigation-btn { display:block; }
  #wrapper { padding:70px 50px 20px 50px; }
  header #brand { padding-top:15px; padding-bottom:15px; margin-right:15px; }
  header #brand-fake { padding-top:15px; padding-bottom:15px; }
  header #brand img { display:block; height:40px; width:auto; }
  header #brand-fake img { display:block; height:40px; width:1px; }
  .meldung-item .col-md-6 { float:none; width:100%; }
  .meldung-item > .col-md-6:nth-child(1) { margin-bottom:20px; }

    .datenschutzzustimmung-row .col-left { width:100%; float:none; }
    .datenschutzzustimmung-row .col-right { width:100%; float:none; }
}


@media (max-width:767px){
	.du-logo { max-width:240px; margin:0 auto; height:auto; display:block; margin-bottom:50px; }
  .col-md-6.textleft { width:100%; float:none; padding-right:0; margin-bottom:30px; }
  .col-md-6.textright { width:100%; float:none; padding-left:0; }
  .col-md-6.textright .headlink { padding-top:0; }
  .niederlassung > .col-md-3 { float:none; }
  .niederlassung > .col-md-2 { float:none; position:absolute; width:20px; right:0; top:30px; }
  .objekt-item .col-md-6 { float:none; width:100%; }
  .projektslider { padding-top:15px; }
  .immologo { display:block; float:none; margin-bottom:10px; }
  .immolink span { margin-left:0; margin-top:4px; }
  .kontaktformular > .col-md-6:nth-child(1) { width:40%; }
  .kontaktformular > .col-md-6:nth-child(2) { width:60%; }
  .hideondesktop { display:block; }
  .new-project-cell-right { display:block;width:100%;padding:0px;box-sizing:border-box; }
  .new-project-cell-left { display:block;width:100%;padding:0px;box-sizing:border-box;vertical-align:middle;position:relative; }
  .new-project-cell-left img { display:block;width:50%;height:auto;margin:0 auto; }
  .new-project-cell-left div { position:static; margin-top:20px; margin-bottom:20px; }
  .new-project-cell-left div p { padding-right:0 !important; }
}

@media (max-width:767px){
  .col-md-4.textleft { padding-right:0; float:none; width:50%; margin:0 auto; margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:30px; }
  .col-md-4.textcenter { padding:0; float:none; width:50%; margin:0 auto; margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:30px; }
  .col-md-4.textright { padding-left:0; float:none; width:50%; margin:0 auto; margin-bottom:30px; }
  .kennzahlen .col-md-3 { width:50%; margin-bottom:50px; float:none; margin:0 auto 50px; }
  .niederlassung > .col-md-4 { width:100%; }
  .niederlassung > .col-md-7 { width:100%; }
  .niederlassung > .col-md-3 { width:100%; }
  .kontaktformular > .col-md-6:nth-child(1) { width:100%; float:none; }
  .kontaktformular > .col-md-6:nth-child(2) { width:100%; float:none; }
  .einrueckung-col { padding-left:0; }
}

@media (max-width:640px){
.new-project-cell-left img { display:block;width:70%;height:auto;margin:0 auto; }
}

@media (max-width:480px){
  header #brand { padding-top:20px; }
  header #brand img { height:30px; }
  form .col-md-6 { width:100%; float:none; }
  form .col-md-6.col-left { margin-bottom:30px; }
  textarea { margin-top:30px; }
  #mobile-nav { display:none; position:fixed; left:5px; right:5px; background:rgba(241,241,239,.95); top:75px; padding:50px 20px; }
  .stellenangebot .teaser { padding-right:20px; }
  .objekt-text { padding-right:0; }
  h1, h2, h3 { font-size:20px; line-height:1.5em; }
  p { font-size:15px; }
  p.intro { font-size:16px; }
  body {  padding:5px; }
  .mobile-navigation-frame { display:none; position:fixed; left:5px; right:5px; bottom:5px; overflow:auto; top:70px; background:rgba(221,221,217,.95); }
  header { position:fixed; top:5px; left:5px; right:5px; padding:0; }
  #bottom-border, #top-border { height:5px; }
  #wrapper { padding:100px 15px 0px 15px; }
  .niederlassung p { letter-spacing:0; font-size:15px; }
  span.indicator { width:14px; height:14px; }
  span.indicator .p1 { width:14px; height:2px; top:6px; }
  span.indicator .p2 { height:14px; width:2px; left:6px; }
  .niederlassung > .col-md-2 { top:3px; }
  .col-md-4.textleft { width:100%; }
  .col-md-4.textcenter { width:100%; }
  .col-md-4.textright { width:100%; }
  .kennzahlen .col-md-3 { width:100%; }
  .kennzahlen .col-md-3.last-child { margin-bottom:0 !important; }
  footer { margin-left:-15px; margin-right:-15px; }
  footer.bottom { position:static; left:0; right:0; margin-left:-15px; margin-right:-15px; }
  section { padding:30px 0 30px; }
  section.nogap { padding:30px 0 0px; }
  footer .inner { padding:20px 0 22px; }
  h2 { font-family:'fira_ultralight',arial,sans-serif; }
  h2 span { font-family:'fira_ultralight',arial,sans-serif !important; }
  .niederlassung:after { border-top:1px solid rgb(170,24,42); }
  .person .col-md-6 { float:none; width:100%; }
  .ptext { height:auto; }
  .h2linie:after { border-top:1px solid rgb(170,24,42); content:""; display:block; width:100%; margin-top:50px; }
  .presselink { }
  .presselink:after { width:100px; display:block; content:""; border-bottom:1px solid #ccc; margin:15px auto; }
  .row .presselink:last-child:after { display:none; }
  .onmobile { display:block; }
  .onmobile-inline { display:block; }
  .onmobile-inline-hide { display:none; }
  .stellenangebot-ort { margin-top:10px; margin-left:0 !important; display:block !important; }
  .loginform { padding:30px; background:#fff; margin:0 auto; width:250px; box-sizing:border-box; height:320px; overflow:hidden; }
  .meldung-item > .col-md-6:nth-child(2) > .spalte { padding-left:0px !important; }
  .meldung-item iframe { height:155px !important; }
  .meldung-item h3 { letter-spacing:0.05em; font-family:'fira_sanslight',arial,sans-serif; font-size:16px; font-weight:400; color:#000; text-transform:uppercase; margin-bottom:30px; line-height:1.4em; text-align:left; }
  p.intro { font-family:'fira_sanslight',arial,sans-serif; }
  .textright .auflistung:last-child { border-width:0; }
  .textright.ausnahme .auflistung:last-child { border-width:0 0 1px 0; }
  .headlink { font-size:16px; }
  .new-project-cell-left img { display:block;width:80%;height:auto;margin:0 auto; }
  .objekt-text li { font-size:15px; }
}

@media (max-width:320px){
.new-project-cell-left img { display:block;width:90%;height:auto;margin:0 auto; }
}