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

html {-webkit-text-size-adjust: 100%}
html, body {width:100%; height:100%}
body {overflow-y: scroll}

img {max-width: 100%; height: auto; vertical-align: middle;}

.sp_third {width:28.682%;float:left;margin-right:6.97%}
.sp_fourth {width:21.50%;float:left;margin-right:6.97%}
.sp_sixth {width:10.853%;float:left;margin-right:6.97%}
.sp_twothird {float:left;width:64.304%;margin-right:0} 
.sp_onehalf {width:46.512%;float:left;margin-right:6.97%}
.sp_all {width:92.248%;margin-left:3.876%; margin-right:3.876%}
.sp_full {width:100%}
.sp_third.last, .sp_fourth.last, .sp_onehalf.last {margin-right:0;}

.margin40 {margin-bottom:40px}
.margin60 {margin-bottom:60px}
.margin110 {margin-bottom:110px}
.margin120 {margin-bottom:120px}

.clear {clear:both;}

#wrapper {max-width:1440px;margin-left:auto;margin-right:auto;background:#fff;}
#container, #footer {max-width:1290px; padding:0 75px 0 75px;height:100%;}
#footer {margin:40px 0 60px 0}

/* Header Start schmal mit kleinem b*/
/* .small_header {width:100%; background:#fff;height:80px;position:fixed;z-index:999;top:0;left:0;display:none;} */

/* Header Start lang mit großem Logo */
.small_header {width:100%; background:#fff;height:170px;position:fixed;z-index:999;top:0;left:0;display:none;}
#header_wrap {max-width:1290px;padding:0 75px 0 75px;height:80px;margin-left:auto;margin-right:auto;}

/* Navigationsbar, Kontakt, Suche*/
.custom {max-width:1290px; height:80px;padding:0 75px 0 75px;}
#headerbar {width:100%;background:white;height:80px;}
.logo-klein {width:28.682%;height:80px;float:left;margin-right:6.9768%;}

.such-icon {width:3.829%;margin-top:20px;float:left;}
.such-icon a {display:block;width:40px;height:40px;background:url("images/icons/suchsubmit.png") center right no-repeat;cursor:pointer;border-bottom:0}

#headerbild {height:750px;background:url(images/header-min.jpg) top center no-repeat fixed;background-size:auto;}
.logo-buero1 {position:fixed;margin-left:75px;margin-top:25px;}
.logo-buero1 a:hover {border-bottom:0}


/* Startseite Projekte */

.startPage #container .mod_article {margin: 60px 0 60px 0;}
.startPage #leistungen {margin: 60px 0 100px 0;}
.startPage #aktuelle-projekte {margin-top:120px!important}
.kategorie {font-size:14px;letter-spacing:.2pt;margin:-5px 0 5px 0} 

/* Startseite News */
.startPage .mod_newslist {margin-bottom:10px}
.startPage .mod_newslist .layout_short {width:28.682%;float:left;margin-right:6.97%}
.startPage .mod_newslist .layout_short.last {margin-right:0}

/* Footer Newsletter 
form#tl_subscribe {margin-top:20px}
input#ctrl_email_57 {width:73.784%;float:left;height:33px;border:1px solid #1c1c1c;font-size:87%;padding:0 0 0 10px}
.mod_subscribe input.submit {width:22.973%;float:left;height:35px;border:1px solid #1c1c1c;background:#1c1c1c;color:#fff;font-size:85%;margin-left:-5px} */

/* Footer Suche */ 
form#f5 {margin-top:10px;}
form#f5 table {width:100%}
input#ctrl_22, input#ctrl_keywords_70 {margin-top:7px;width:81%;height:33px;border:1px solid #1c1c1c;font-size:87%;color:#aaa;padding:0 0 0 10px} 
#ctrl_29.submit, #ctrl_submit_70 {float:right;height:47px;width:40px;border:0;background:url("images/icons/suchsubmit.png") bottom center no-repeat;cursor:pointer;text-indent:-10000px} 
.suchergebnis .widget {display:inline}
.projektFilterPage #footer form#f5 table {width:68%}
.projektFilterPage input#ctrl_22 {width:67%}

.mod_search .formbody {width: 255px}
.mod_search p.header {margin-bottom:10px}
.mod_search h3 {margin-top:10px;font-weight:bold}
.mod_search h3 span.relevance {font-weight:normal!important;font-size:75%!important}
.mod_search.sp_twothird {width:75%}

/* Header Seiten */
#header  {border:1px solid transparent}
.fixed_header {width:100%; background:#fff;height:170px;position:fixed;z-index:99999;top:0;left:0}
#header_wrap-fix {max-width:1290px;padding:0 75px 0 75px;height:120px;margin-left:auto;margin-right:auto}
.logo-big {width:28.682%;height:120px;float:left;margin-right:6.97%;margin-top:25px;}

/* Seiten */
.contentPage #container {margin: 260px 0 60px 0;}

/* Projekte Details, Bilder, Infos */
ul.list-projekte li {float:left;display:inline;}
ul.list-projekte li a {display: block;padding:0px 52px 0 25px;background:url("images/icons/checkboxes.png") no-repeat;}
ul.list-projekte li a:hover {background:url("images/icons/checkboxes.png") no-repeat;background-position: 0px -24px;border-bottom:0}
ul.list-projekte li.li-pst {padding-left:22px}
ul.list-projekte li.selected a {background:url("images/icons/checkboxes.png") no-repeat;background-position: 0px -48px;}

.projektPage.details h1 {margin-bottom:0}
.projektPage.details .bilder .sp_third p {font-size:14px; line-height:18px}
.floatstop {clear:both;line-height:40px;}
.contentPage a.back  {padding:8px 30px 8px 30px;border:1px solid #1c1c1c;line-height:24px}
.contentPage a.back:hover  {background:#1c1c1c;color:white;}
.projektPage.details .infos .sp_third.last p {margin:0}

.slider-control {position:absolute;width:100%;top:40%;left:0}
.slider-prev {float:left;background: url(images/icons/lb-prev.png) left no-repeat;width:28px; height:36px}
.slider-next {float:right;background: url(images/icons/lb-next.png) left no-repeat;width:28px; height:36px}
.slider-menu b {display:none}

/* Galerie */
#mygallery {margin:0;width:100%}
#mygallery li.col_0, #mygallery li.col_1, #mygallery li.col_2 {width:28.682%;float:left;margin-right:6.97%;margin-bottom:60px}
#mygallery li.col_last {margin-right:0;margin-bottom:60px}
.caption {font-size:14px; line-height:18px; margin-top:5px}


/* Projekte Isotope  */	
 
.projektFilterPage #wrapper{max-width:1530px}
.projektFilterPage #container{max-width:1382px;padding-left:120px;padding-right:25px}
.projektFilterPage #footer {max-width:1382px;padding-left:120px;padding-right:25px}
.projektFilterPage h2 {line-height:24px;margin:10px 0 0}
.headline-1440 {width:26.4%;float:left;margin-right:6.97%}
#filters {margin-bottom:40px;}

/* Projekte Isotope NEU */	
#filters.portfolio-menu ul li {
display:inline;
background:url("images/icons/checkboxes.png") no-repeat;
margin-right:20px;
list-style:none;
padding:2px 20px 2px 30px; 
cursor:pointer;
text-decoration:none;
}
#filters.portfolio-menu ul li:hover {background:url("images/icons/checkboxes.png") no-repeat;background-position: 0px -24px;}
.portfolio-item  {clear:left;border:1px solid transparent;width:100%; max-width:100%;min-width:100%}
.portfolio-item .item {float:left;display: block;width:26.773%;height:auto;margin:0 90px 60px 0;}
#filters.portfolio-menu li.active {background:url("images/icons/checkboxes.png") no-repeat; background-position: 0px -48px!important;}



@media only screen and (min-width: 1025px) and (max-width: 1510px) {
/* #header_wrap-fix {padding-left:120px} */
.logo-big {margin-right:4.2%}
.headline-1440 {width:27.2%;float:left;margin-right:4.651%}
.portfolio-item .item {margin:0 60px 40px 0;}
}

@media only screen and (max-width: 1024px) {
.projektFilterPage #container{max-width:100%;padding-left:20px;padding-right:0px}
.projektFilterPage #footer {padding-left:20px;padding-right:0px}
.headline-1440 {margin-right:6.7%}
.portfolio-item .item {margin:0 47px 40px 0}
}
@media only screen and (max-width: 1024px) and (orientation:landscape)  {
.projektFilterPage #mainmenu {width:60.511%;margin-left:-20px}
.projektFilterPage #container{max-width:100%;padding-left:20px;padding-right:0px}
.projektFilterPage #footer {padding-left:20px;padding-right:0px}
.portfolio-item .item {margin:0 60px 50px 0;}
}


@media only screen and (max-width: 760px) {
.projektFilterPage #container{max-width:100%;padding-left:0!important;padding-right:0px!important}
.projektFilterPage #footer {padding-left:0!important;padding-right:0px!important}
.portfolio-item .item {width:100%!important;margin:0 0 20px 0}
}

/*
input[type="checkbox"] {display:none;}

input[type="checkbox"] + label {
  width: 20px;
  height: 25px;
  margin-bottom:10px;
  padding-left:25px;
  padding-right:40px;
  background:url("images/icons/checkboxes.png") no-repeat;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
}

input[type="checkbox"] + label:hover {
  cursor: pointer;
   background:url("images/icons/checkboxes.png") no-repeat; background-position: 0px -24px;
}

input[type="checkbox"]:checked + label {
  cursor: pointer;
   background:url("images/icons/checkboxes.png") no-repeat; background-position: 0px -48px;
}

/* Start: Recommended Isotope styles 

/**** Isotope Filtering 

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions 

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions 

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

****/

/* News-Seite Spalten 

/* CSS für dk_masonry Gallery
.ce_masonry_gallery {padding:0!important;margin-top:10px;}
.masonry {margin-bottom:41px; }
.masonry_gallery .image_container img {width:100%;outline:none} 
.masonry_gallery {background-color: #000!important; border-radius: 0px!important;box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.01), 0 0px 0px rgba(0, 0, 0, 0.1)!important; margin-bottom: 33px!important; padding: 0px!important;}

.masonry_gallery .image_container a.cboxElement {outline:none;} /* kann evtl. weg 
.masonry_gallery .image_container a:focus {outline: 0;}

*/


/* CSS für dk_masonry 
.masonry_item  {width: 370px;float:left;margin-bottom:30px;margin-right:60px} 
*/


/* Neuigkeiten-Seite Spalten */ 

.newsPage #container {max-width:1380px;padding:0 30px 60px 30px}
#mynews h1 {margin-left:45px}
.mod_newslist.masonry .layout_short {width:370px;margin:0 45px 30px 45px;
}

.mod_newslist.masonry {
  -webkit-column-count: 1;
  -webkit-column-gap: 0;
  -moz-column-count: 1;
  -moz-column-gap: 0;
  column-count: 1;
  column-gap: 0;  
}

@media only screen and (max-width: 1260px) {
.newsPage #container {padding:0 20px 0 20px}
}

@media only screen and (max-width:1112px) {
.newsPage #container {margin-left:-45px}
.mod_newslist.masonry .layout_short {width:90%;}
  .mod_newslist.masonry {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
/*  .news1112 {margin-bottom:100px!important} */
}

@media only screen and (min-width:768px) and (orientation:portrait) {
.newsPage #container {margin-left:-45px;}
.mod_newslist.masonry .layout_short {width:87%!important}

}


@media only screen and (max-width:760px)  {
.newsPage #container {margin-left:-65px!important}
.mod_newslist.masonry .layout_short .teaser {width:97%}
.mod_newslist.masonry {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

@media only screen and (min-width:1200px) {
  .mod_newslist.masonry {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}



/* Leistungen */

.sp_onehalf h1 {margin-bottom:10px}
.callaction {background:#edeeef;padding:20px 20px 30px 20px;font-size:26px; line-height:32px;}
.callaction a {font-size:26px;border-bottom: 1px solid #1c1c1c}
.callaction a:hover {background:#1c1c1c;color:white;}
.callaction a.goContact {padding:8px 30px 8px 30px;border:1px solid #1c1c1c;line-height:24px;font-size:17px;}
.leistungPage h2, .architektur h2 {line-height:32px;margin:10px 0 5px 0}
.architektur .full_width {background:#edeeef}
.mod_article.full_width .sp_onehalf.last {margin-bottom:0;height:250px}
.mod_article.full_width .sp_onehalf.last.right a {position:absolute;bottom:20px; right:30px}
ul.list-a {list-style:disc;margin:10px 0 10px 15px;padding-left:7px;}
.wettbewerb, .callaction {margin-top:60px}
.wettbewerb {clear:left;}

/* Büro */

.mission p {font-size:26px; line-height:32px;}
.telkontakt {width:50%; float:left;margin-bottom:20px}
form#f6 {margin-top:30px}
form#f6 input, form#f6 textarea, button {border:1px solid #1c1c1c;width:96%;margin-bottom:10px;line-height:16px;font-size:87%;padding:10px}
form#f6 textarea {height:220px}
#ctrl_28.submit {width:150px;cursor:pointer}
#ctrl_28.submit:hover {background:#1c1c1c;color:#fff}

#buero-team p {margin-bottom:24px;}

#datenschutz ul li {list-style:disc;margin-left:20px;}

/* 2Click iFrame */
.privacy-msg.privacy-map-msg p a {color:#bbb}
.privacy-msg.privacy-map-msg p input {-webkit-appearance:auto}

/*  Colorbox Core Style   */
/* Anpassungen, z.B. overlay im Vordergrund unter assets/colorbox/css/colorbox.min.css, dito .js */
#cboxOverlay{background:#fff; opacity: 1.0!important; filter: alpha(opacity = 100);}
#colorbox{outline:0;}
#cboxContent{background:#fff;padding:0 55px 50px 55px;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:0px solid #000; background:#fff;}
#cboxTitle{display:none!important;position:absolute; top:95%; left:50px; color:#000;} /* evtl. auch unter assets/jquery/colorbox ... */
#cboxCurrent{position:absolute; top:95%; right:50px; color:#000;}
#cboxLoadingGraphic{background:url("images/icons/loading.gif") no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
/* avoid outlines on :active (mouseclick), and :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious:focus, #cboxNext:focus, #cboxSlideshow:focus, #cboxClose:focus {outline:0;}
        
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url("images/icons/lb-prev-next.png") no-repeat top left; width:28px; height:36px; text-indent:-9999px;}
#cboxPrevious:hover{background-position: top right; }
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url("images/icons/lb-prev-next.png") no-repeat bottom left; width:28px; height:36px; text-indent:-9999px;}
#cboxNext:hover{background-position: bottom right}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url("images/icons/lb-close.png") no-repeat top center; width:41px; height:41px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
		
		
/* Mobile Navigation */	
	
#jump-to-nav {display:none;}