/**
 * node
 */
.node {}

.node-head {}

.node-meta {}
.node-meta p {}

.node-body {}
.node-body ol {
  margin-bottom: 0.9em;
}
.node-body ol li {
  margin-left: 25px;
}
.node-body ol li p,
.node-body ol li ul {
  margin-bottom: 0;
}
.node-body ul {
  margin-bottom: 0.9em;
}
.node-body ul li {}

.node-taxo {}
.node-taxo ul {}
.node-taxo ul li {}

.node-link {}
.node-link ul {
  margin-bottom: 0.9em;
}
.node-link ul li {
  display: block;
  padding: 0;
}




/**
 * styles via wysiwyg
 */
.highlight {
  color: #222222;
  font-family: "Bitter", "Georgia", serif;
}

.infobox {
  border-bottom: 2px solid #0897D3;
  color: #0897D3;
  cursor: pointer;
  font-family: "Bitter", "Georgia", serif;
  font-weight: 400;
  white-space: nowrap;
}

.quotation {
  color: #C83F38;
  font-family: "Bitter", "Georgia", serif;
  font-size: 1.1em;
  font-style: italic;
  font-weight: 400;
}
.quotation:before {
  content: "»";
}
.quotation:after {
  content: "«";
}




/**
 * GROUP
 * field-group-box (custom class via content type display)
 */

/* col */
div.node-page .group-col-left {
  float: left;
  width: 620px;
}
div.node-page .group-col-right {
  float: right;
  width: 300px;
}

/* box */
.field-group-box {
  margin-bottom: 20px;
}
.field-group-box h3 {
  background-color: #0897D3;
  color: #FFFFFF;
  margin: 0 0 1px 0;
}

.field-group-box h3 a {
  background: url("../img/sprite_icon_open_ffffff.png") 6px -86px no-repeat;
  color: #FFFFFF;
  display: block;
  padding: 6px 10px 4px 30px;
}
#node-425 .field-group-box h3 a {
  font-size: 0;
  line-height: 0;
}
#node-425 .field-group-box h3 a::after {
  content: "Facts";
  font-size: 1.25rem;
  line-height: 1.65rem;
}
.field-group-box.collapsed h3 a {
  background-position: 6px 8px;
}

.field-group-box .field-group-format-wrapper {
  background-color: #E6F4FB;
  font-size: 0.9em;
  line-height: 1.6em;
  margin-top: 1px;
  padding: 5px 10px;
}
.field-group-box .field-group-format-wrapper p,
.field-group-box .field-group-format-wrapper ol,
.field-group-box .field-group-format-wrapper ul {
  margin-bottom: 0.45em;
}
.field-group-box .field-group-format-wrapper ul li {
  background-position: 0 8px;
}

.field-group-box dl {
  overflow: hidden;
}
.field-group-box dl dt {
  float: left;
  text-align: right;
  width: 20%;
}
.field-group-box dl dd {
  clear: right;
  float: right;
  width: 78%;
}




/**
 * field
 */
.field {}

.field .field-label {
  font-weight: 300;
}

.field-type-datetime {
  color: #888888;
  margin: 0.9em 0;
}

.field-type-file {}

.field-type-text {}

.field-type-text-long a {
  border-bottom: 1px solid #C83F38;
}

.field-type-text-long ol,
.field-type-text-long ul {
  margin-bottom: 0.9em !important;
}
.field-type-text-long ol li {
  list-style: decimal;
  margin-left: 20px;
}
.field-type-text-long ul li {
  background: url("../img/icon_dot_5x5.png") 0 10px no-repeat;
  padding-left: 15px !important;
}
.field-type-text-long ul ul li {}

.field-type-image img {
	height: auto;
	width: 100%;
}
.field-type-image ul li {
  list-style: none;
  margin-left: 0;
}

.file-icon {
  display: none;
}




/**
 * semantic fields
 */
ul.ul-image-list {
  margin-right: -20px;
  overflow: hidden;
}
ul.ul-image-list li {
  background-color: #E6F4FB;
  float: left;
  height: 220px;
  margin: 0 20px 20px 0;
  text-align: center;
  overflow: hidden;
  width: 220px;
}




/**
 * HOUSE
 * node-house
 */
div.node-house {}
div.node-house .node-body {
  margin-bottom: 20px;
  overflow: hidden;
}


/* group: data */
div.node-house .group-house-data {
  clear: right;
  float: right;
  width: 460px;
}
/* reproduction = red */
body.house-type-reproduction .group-house-data h3 {
  background-color: #C83F38;
  color: #FFFFFF;
}
body.house-type-reproduction .group-house-data .field-group-format-wrapper {
  background-color: #EEEEEE;
}
body.house-type-reproduction .group-house-data dt {
  color: #C83F38;
}


/* field: id */
div.node-house .field-name-field-house-name-id {
  float: right;
  margin: 0 0 10px 0;
  width: 460px;
}
div.node-house .field-name-field-house-name-id p {
  background-color: #C83F38;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    -webkit-border-radius: 25px;
  border-radius: 25px;
  color: #FFFFFF;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  text-align: center;
  width: 50px;
}
/* newbuild = blue */
body.house-type-newbuild div.node-house .field-name-field-house-name-id p {
  background-color: #0897D3;
}


/* field: usage */
div.node-house .field-name-field-house-usage dd {
  border-bottom: 1px solid #DDDDDD;
}
div.node-house .field-name-field-house-usage dd.last {
  border-width: 0;
}


/* field: image */
div.node-house .field-name-field-house-visual {
  float: left;
  width: 460px;
}
div.node-house .field-name-field-house-visual img {
  width: 100%;
  height: auto;
}
.field-name-field-house-visual .field-item a.lightbox-processed {
  display: block;
}


/* field: text */
div.node-house .field-name-field-house-text {
  clear: right;
  float: right;
  width: 460px;
}


/* field: file */
div.node-house .field-name-field-house-file {
  float: left;
  width: 460px;
}




/**
 * MEDIA:IMAGE
 * node-media-image
 */
div.node-media-image {}


/* field: image */
.field-name-field-media-image-file {
  margin-bottom: 20px;
}
.field-name-field-media-image-file a {
  display: block;
}




/**
 * NEWS
 * node-news
 */
div.node-news {
  overflow: hidden;
}


/* field: date */
div.node-news .field-name-field-news-date {}


/* field: text - teaser */
div.node-news .field-name-field-news-text-teaser {
  font-family: "Bitter", "Georgia", serif;
}


/* field: text */
div.node-news .field-name-field-news-text {}


/* field: image - teaser */
div.node-news .field-name-field-news-image-teaser {
  border: 1px solid #EEEEEE;
  float: right;
  margin: 0 0 10px 20px;
  padding: 1px;
}


/* field: image */
div.node-news .field-name-field-news-image {
  float: left;
  margin: 5px 20px 10px 0;
  width: 304px;
}
div.node-news .field-name-field-news-image a.lightbox-processed {
  border: 1px solid #DDDDDD;
  display: block;
  padding: 1px;
}
div.node-news .field-name-field-news-image a.lightbox-processed:hover {
  border-color: #0897D3;
}


/* field: video */
div.node-news .field-name-field-news-video {}
div.node-news .field-name-field-news-video iframe {
  width: 100%;
}




/**
 * PAGE
 * node-page
 */
div.node-page {}


/* field: video */
div.node-page .field-name-field-page-video {
  margin-bottom: 20px;
}


/* field: data */
div.node-page .field-name-field-page-data {}


/* field: image */
div.node-page .field-name-field-page-image {}
div.node-page .field-name-field-page-image .first a.lightbox-processed {
  display: block;
}


/* field: text */
div.node-page .field-name-field-page-text {
  padding-top: 5px;
}


/* field: info (multi value) */
div.node-page .field-name-field-page-info {
  font-size: 0.9em;
  line-height: 1.6em;
}
div.node-page .field-name-field-page-info .field-item {
  background-color: #0897D3;
  color: #FFFFFF;
  margin: 10px 0 20px 0;
  padding: 10px 20px 8px 10px;
}




/**
 * PAGE - COURSE OF THE PROJECT
 * PROJEKTVERLAUF
 * node/17
 */
#node-17 {}

#node-17 div.node-body .group-col-left {
  width: auto;
}
#node-17 div.node-body .group-col-left .chronology-image-col {
  padding-right: 0;
  width: 300px;
}
#node-17 div.node-body .group-col-left .chronology-image {
  margin: 0 0 10px 10px;
}
#node-17 div.node-body .group-col-right {
  display: none;
}




/**
 * SHOWCASE
 * node-showcase
 */
div.node-showcase {
  background: transparent url("../img/bg_83cbe9_50.png");
  color: #FFFFFF;
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  height: 400px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
div.node-showcase .node-head {
  display: none;
}
div.node-showcase .node-body {
  height: 400px;
  position: relative;
}
div.node-showcase .node-body p {
  margin: 0;
}

/* groups */
div.node-showcase .group-showcase-image {
  bottom: 0;
  margin: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
div.node-showcase .group-showcase-text {
  left: 0;
  margin: 0;
  padding: 10px 20px 10px 20px;
  position: absolute;
  top: 0;
  z-index: 2;
}

/* fields */
div.node-showcase .field-name-field-showcase-visual {}

div.node-showcase .field-name-field-showcase-title {
  font-size: 6.0em;
  line-height: 0.9em;
  margin-bottom: 10px;
}

div.node-showcase .field-name-field-showcase-slogan {
  color: #FFFFFF;
  font-size: 2.0em;
  line-height: 1.2em;
  padding-left: 5px;
}

div.node-showcase .field-name-field-showcase-rel-node {}
div.node-showcase .field-name-field-showcase-rel-node a {
  bottom: 0;
  display: block;
  height: 400px;
  position: absolute;
  text-indent: -9999px;
  width: 100%;
  z-index: 5;
}




/**
 * WEBFORM
 * node-webform
 */
div.node-webform {}

/**/
div.node-webform .webform-client-form {
  width: 620px;
}

/**/
div.node-webform .field-prefix,
div.node-webform .field-suffix {}

/**/
div.node-webform fieldset {
  border-width: 1px 0;
  margin: 0 0 20px 0;
  padding: 20px;
}
div.node-webform fieldset fieldset {
  border-width: 0;
  margin-top: 20px;
  padding: 19px 0 0 0;
}

/**/
div.node-webform .webform-component {
  margin: 0 0 5px 0;
}

/**/
div.node-webform .webform-component-checkboxes {}

/**/
div.node-webform .webform-component-markup {}
div.node-webform .webform-component-markup h3 {
  margin: 20px 0 0 0;
}
div.node-webform .webform-component-markup p {
  margin-bottom: 0.45em;
}

/**/
div.node-webform .form-actions {
  clear: both;
  text-align: center;
}
div.node-webform .form-actions .form-submit {
  font-size: 2em;
  margin: 0;
}

/**/
div.node-webform .captcha {}
div.node-webform .captcha img {
  margin-top: 10px;
}
div.node-webform .captcha .form-item-captcha-response {
  float: right;
  width: 280px;
}
div.node-webform .captcha .form-item-captcha-response input {
  width: 260px;
}




/**
 * WEBFORM - CONTACT
 * #webform-client-form-59
 */
#webform-client-form-59 {}




/**
 * WEBFORM - INTEREST
 * #webform-client-form-176
 */
#webform-client-form-176 {}


/* CONTACT DATA
   webform-component-group-contact-data */
#webform-component-group-contact-data {}
#webform-component-group-contact-data .fieldset-wrapper {
  margin: 0 -20px 0 0;
}
#webform-component-group-contact-data .webform-component {
  float: left;
  margin: 0 20px 10px 0;
  min-height: 70px;
  overflow: hidden;
  width: 280px;
}
#webform-component-group-contact-data .webform-component .form-text {
  width: 260px;
}
#webform-component-group-contact-data .webform-component select {
  min-width: 0;
  width: 280px;
}

#webform-component-group-contact-data--interest-company {
  width: auto !important;
}
#webform-component-group-contact-data--interest-company .form-text {
  width: 560px !important;
}
#webform-component-group-contact-data--interest-gender {
  clear: both;
}


/* INTEREST
   webform-component-group-interrest */
#webform-component-group-interrest {}


/* PROSPECT
   webform-component-group-prospect */
#webform-component-group-prospect {}

/* prospect > webform-component-group-prospect--interest-area-of-interest */
#webform-component-group-prospect--interest-area-of-interest {}
#webform-component-group-prospect--interest-area-of-interest .webform-component .form-text {
  width: 60px;
}

/* prospect > webform-component-group-prospect--interest-apartment-size */
#webform-component-group-prospect--interest-apartment-size {}
#webform-component-group-prospect--interest-apartment-size .webform-component-markup {
  margin-bottom: 10px;
}

/* prospect > webform-component-group-prospect--interest-house */
#webform-component-group-prospect--interest-house {}
#webform-component-group-prospect--interest-house .webform-component-markup {
  margin-bottom: 10px;
}
#webform-component-group-prospect--interest-house .webform-component .form-text {
  width: 280px;
}

/* prospect > webform-component-group-prospect--interest-house-features */
#webform-component-group-prospect--interest-house-features {}
#webform-component-group-prospect--interest-house-features .webform-component-select {
  float: left;
  width: 280px;
}
#webform-component-group-prospect--interest-house-features .webform-component-select select {
  min-width: 0;
  width: 260px;
}


/* MESSAGE
   webform-component-group-message */
#webform-component-group-message {}