/**
 * @file
 * CSS for nodes.
 */




/**
 * ===== NODE =====
 */
article.node {}


/**/
article.node div.node-meta {}
article.node header.node-head {}
article.node div.node-body {}
article.node footer.node-foot {}








/**
 * ===== VIEW MODES =====
 */


/* node--view-mode-full */
article.node--view-mode-full {}


/* node--view-mode-node-teaser */
article.node--view-mode-node-teaser {}

/**/
/*
body.user-logged-in article.node--view-mode-node-teaser {
  border: 2px solid orange;
  position: relative;
}
body.user-logged-in article.node--view-mode-node-teaser::before {
  background-color: orange;
  color: #FFFFFF;
  content: "NODE-TEASER";
  display: block;
  font-family: monospace;
  padding: 0.5rem 1.0rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}
*/








/**
 * ===== GLOBAL FIELDS =====
 */


/**
 *
 */
.gui--type-string--overline {}
.gui--type-string--overline p {
  font-size: 1.25rem;
  letter-spacing: 0.05rem;
  line-height: 1.25;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}


/**
 *
 */
.field--name-field-global-headline {}
.field--name-field-global-headline h1 {}
.field--name-field-global-headline h3 {
  margin-bottom: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
}


/**
 *
 */
.field--name-field-global-slogan {}
.field--name-field-global-slogan h2 {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
}
.field--name-field-global-slogan h4 {
  font-size: 1.0rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}








/**
 * ===== GLOBAL GROUPS - HBF =====
 */




/**
 *
 */
.group-node-head {}

/**/
.group-node-head.gnh-lay-var-1 {
  margin: 1rem auto;
}

/**/
.group-node-head.gnh-lay-var-1 .group-section-header {
  /*
  border: 1px dashed #666;
  */
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;
  overflow: hidden;
  padding: 0 1rem;
}
.group-node-head.gnh-lay-var-1 .group-section-header > .field {
  margin: 0.25rem 0;
}


/* @media */
@media only screen and (min-width: 1024px) {
  /**/
  .group-node-head.gnh-lay-var-1 {
    margin: 2rem auto;
  }
  /**/
  /*
  .group-node-head.gnh-lay-var-1 .group-section-header {
    padding: 2rem 1rem;
  }
  */
}


/* @media */
@media only screen and (min-width: 1200px) {
  /**/
  .group-node-head.gnh-lay-var-1 {
    margin: 3rem auto;
  }
  /**/
  /*
  .group-node-head.gnh-lay-var-1 .group-section-header {
    padding: 3rem 1rem;
  }
  */
}




/**
 *
 */
.group-node-body {}


/**/
.group-node-body > .group-section-intro {
  box-sizing: border-box;
  margin: 0 auto 1rem auto;
  max-width: 1200px;
  overflow: hidden;
}
.group-node-body > .group-section-intro > .field,
.group-node-body > .group-section-intro > .group > .field {
  margin: 0.25rem 0 1rem 0;
}


/**/
.group-node-body > .group-section-main {
  /*
  border: 1px dashed #666;
  */
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;
  overflow: hidden;
  padding: 0 1rem;
}
.group-node-body > .group-section-main > .field,
.group-node-body > .group-section-main > .group > .field {
  margin: 0.25rem 0 1rem 0;
}

/**/
.group-node-body > .group-section-aside {
  /*
  border: 1px dashed blue;
  */
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;
  overflow: hidden;
  padding: 0 1rem;
}
.group-node-body > .group-section-aside > .field,
.group-node-body > .group-section-aside > .group > .field {
  margin: 0.25rem 0 1rem 0;
}

/**/
.group-node-body > .group-section-relation {
  /*
  border: 1px dashed #666;
  */
  box-sizing: border-box;
  margin: 1rem auto;
  max-width: 1200px;
  overflow: hidden;
  padding: 0 1rem;
}
.group-node-body > .group-section-relation > .field,
.group-node-body > .group-section-relation > .group > .field {
  margin: 0.25rem 0 1rem 0;
}

/**/
.group-node-body .group-section-para {}


/* @media */
@media only screen and (min-width: 1024px) {
  /**/
  .group-node-body > .group-section-intro > .field,
  .group-node-body > .group-section-intro > .group > .field {
    margin-bottom: 2rem;
  }
  /**/
  .group-node-body > .group-section-main > .field,
  .group-node-body > .group-section-main > .group > .field {
    margin-bottom: 2rem;
  }
  /**/
  .group-node-body > .group-section-aside > .field,
  .group-node-body > .group-section-aside > .group > .field {
    margin-bottom: 2rem;
  }
  /**/
  .group-node-body > .group-section-relation {
    margin: 2rem auto;
  }
  /**/
  .group-node-body > .group-section-relation > .field,
  .group-node-body > .group-section-relation > .group > .field {
    margin-bottom: 2rem;
  }
}




/**/
.group-node-body.gnb-lay-var-1 {}

/**/
.group-node-body.gnb-lay-var-1 .group-section-intro {}

/**/
.group-node-body.gnb-lay-var-1 .group-section-main {}

/**/
.group-node-body.gnb-lay-var-1 .group-section-aside {}


/* @media */
@media only screen and (min-width: 1024px) {}




/**/
.group-node-body.gnb-lay-var-2 {
  margin: 1rem auto;
  max-width: 1200px;
  overflow: hidden;
}

/**/
.group-node-body.gnb-lay-var-2 > .group-section-intro {}

/**/
.group-node-body.gnb-lay-var-2 > .group-section-main {}

/**/
.group-node-body.gnb-lay-var-2 > .group-section-aside {}


/* @media */
@media only screen and (min-width: 1024px) {
  /**/
  .group-node-body.gnb-lay-var-2 {
    margin: 2rem auto;
  }
  /**/
  .group-node-body.gnb-lay-var-2 > .group-section-main {
    float: left;
    padding-right: 3rem;
    width: 61.8%;
  }
  /**/
  .group-node-body.gnb-lay-var-2 > .group-section-aside {
    float: right;
    width: 38.2%;
  }
  /**/
  .group-node-body.gnb-lay-var-2 > .group-section-relation {
    clear: both;
  }
}


/* @media */
@media only screen and (min-width: 1200px) {
  /**/
  .group-node-body.gnb-lay-var-2 {
    margin: 3rem auto;
  }
}




/**
 *
 */
.group-node-foot {}








/**
 * ===== GLOBAL GROUPS - VARIOUS =====
 */




/**
 *
 */
.field-group-link {
  box-sizing: border-box;
  display: block;
}




/**
 *
 */
.field-group-link.field-group-link-text {
  margin: 0.75rem 0;
}

/**/
.field-group-link.field-group-link-text .field {}
.field-group-link.field-group-link-text .field .field__item {
  background-color: var(--site--main--color--05-02);
  /**/
  background-image: url("../../img/gui/gui-direction/gui-direction-arrow-default-right-33445F.svg");
  background-position: right 1.25rem center;
  background-repeat: no-repeat;
  background-size: 32px;
  /**/
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1);
  color: var(--site--main--color--06-03);
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.0;
  padding: 0.75rem calc(1.0rem + 32px + 1.25rem) 0.75rem 1.0rem;
  /**/
  transition: 
    background-color 0.4s ease, background-position 0.2s ease;
  /**/
}

/**/
.field-group-link.field-group-link-text:hover .field .field__item {
  background-color: var(--site--main--color--05-03);
  background-position: right 1.0rem center;
}


/* @media */
@media only screen and (min-width: 1024px) {
  /**/
  .field-group-link.field-group-link-text .field .field__item {
    background-position: right 1.75rem center;
    padding: 1.0rem calc(1.0rem + 32px + 1.75rem) 1.0rem 1.5rem;
  }
  /**/
  .field-group-link.field-group-link-text:hover .field .field__item {
    background-position: right 1.5rem center;
  }
}




/**
 * NODE TEASER
 */
article.node--view-mode-node-teaser .field-group-link.group-node-link {
  background-color: var(--site--body--back-color--02);
  box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.01);
  box-sizing: border-box;
  height: 100%;
  padding: 0 0 48px 0;
  position: relative;
  transform: translateY(0) translateX(0);
  transform-origin: center;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
article.node--view-mode-node-teaser .field-group-link.group-node-link::after {
  background-color: var(--site--main--color--04-02);
  /**/
  background-image: url("../../img/gui/gui-direction/gui-direction-arrow-default-right-33445F.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px;
  bottom: 0;
  content: "";
  display: block;
  height: 48px;
  position: absolute;
  right: 0;
  width: 48px;
}
article.node--view-mode-node-teaser .field-group-link.group-node-link:hover {
  box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.1);
  transform: translateY(-3px) translateX(-3px);
}

/**/
article.node--view-mode-node-teaser .field-group-link.group-node-link > .group-node-body {
  padding: 1rem;
}








/**
 * ===== FIELDS + FENCES =====
 */

.group-data dl {
  margin: 0.25rem 0;
  overflow: hidden;
}
.group-data dl dt {
  box-sizing: border-box;
  float: left;
  padding: 0 0.5rem;
  text-align: right;
  width: 50%;
}
.group-data dl dd {
  box-sizing: border-box;
  clear: right;
  float: right;
  padding: 0 0.5rem;
  width: 50%;
}








/**
 * ===== ===== CT ===== =====
 * node--type-CT
 */
article.node--type-CT {}




/**
 * FULL
 */
article.node--type-CT.node--view-mode-full {}




/**
 * NODE EMBED
 */
article.node--type-CT.node--view-mode-node-embed {}




/**
 * NODE DETAIL
 */
article.node--type-CT.node--view-mode-node-detail {}




/**
 * NODE TEASER
 */
article.node--type-CT.node--view-mode-node-teaser {}








/**
 * ===== ===== BADGE ===== =====
 * node--type-badge
 */
article.node--type-badge {}




/**
 * NODE EMBED
 */
article.node--type-badge.node--view-mode-node-embed {}

/**/
article.node--type-badge.node--view-mode-node-embed .field--name-field-badge-image {
  background-color: var(--site--body--back-color--02);
  padding: 1rem;
}
article.node--type-badge.node--view-mode-node-embed .field--name-field-badge-image img {
  margin: 0 auto;
}








/**
 * ===== ===== EXTENSION ===== =====
 * node--type-extension
 */
article.node--type-extension {}








/**
 * ===== ===== FACT ===== =====
 * node--type-fact
 */
article.node--type-fact {}




/**
 * NODE DETAIL
 */
article.node--type-fact.node--view-mode-node-detail {
  border: 1px dashed blue;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;
  padding: 1rem;
}








/**
 * ===== ===== JOB ===== =====
 * node--type-job
 */
article.node--type-job {}








/**
 * ===== ===== LEGAL ===== =====
 * node--type-legal
 */
article.node--type-legal {}








/**
 * ===== ===== MICROSITE ===== =====
 * node--type-microsite
 */
article.node--type-microsite {}




/**
 * NODE DETAIL
 */
article.node--type-microsite.node--view-mode-node-detail {}


/**/
article.node--type-microsite.node--view-mode-node-detail > .group-node-head {}

/**/
article.node--type-microsite.node--view-mode-node-detail.global-node-head-dsply-hidden > .group-node-head {
  display: none;
}


/**/
article.node--type-microsite.node--view-mode-node-detail > .group-node-body {}


/**/
article.node--type-microsite.node--view-mode-node-detail .group-section-main .group-lyt-box-itm {
  box-sizing: border-box;
}
article.node--type-microsite.node--view-mode-node-detail .group-section-main .group-lyt-box-itm > .field {
  margin-bottom: 1rem;
}


/**/
article.node--type-microsite.node--view-mode-node-detail .group-node-body .group-section-aside {}


/**/
article.node--type-microsite.node--view-mode-node-detail .field--name-field-global-name {}

/**/
article.node--type-microsite.node--view-mode-node-detail .field--name-field-global-headline {}

/**/
article.node--type-microsite.node--view-mode-node-detail .field--name-field-microsite-file {}

/**/
article.node--type-microsite.node--view-mode-node-detail .field--name-field-microsite-link {}


/* @media */
@media only screen and (min-width: 768px) {
  /**/
  article.node--type-microsite.node--view-mode-node-detail .group-section-main .group-lyt-box {
    display: flex;
    flex-flow: row-reverse wrap;
  }
  /**/
  article.node--type-microsite.node--view-mode-node-detail .group-section-main .group-lyt-box .group-lyt-box-itm {
    width: 50%;
  }
  /**/
  article.node--type-microsite.node--view-mode-node-detail .group-section-main .group-lyt-box .group-lyt-box-txt {
    padding: 0 3rem 0 0;
  }
}




/**
 * NODE FEATURE
 */
article.node--type-microsite.node--view-mode-node-feature {}

/**/
article.node--type-microsite.node--view-mode-node-feature .group-node-head {
  /*
  border: 1px dashed #666;
  */
  box-sizing: border-box;
}
article.node--type-microsite.node--view-mode-node-feature .group-node-head > .field {
  /*
  border: 1px dashed #666;
  border-width: 1px 0;
  */
}

/**/
article.node--type-microsite.node--view-mode-node-feature .group-node-body {
  box-sizing: border-box;
  padding: 1rem 0;
}


/**/
article.node--type-microsite.node--view-mode-node-feature .field {
  overflow: hidden;
}

/**/
article.node--type-microsite.node--view-mode-node-feature .field--name-field-microsite-tsr-overline {}

/**/
article.node--type-microsite.node--view-mode-node-feature .field--name-field-microsite-tsr-hdln {}

/**/
article.node--type-microsite.node--view-mode-node-feature .field--name-field-microsite-tsr-text {
  margin: 0.75rem 0;
}
article.node--type-microsite.node--view-mode-node-feature .field--name-field-microsite-tsr-text p:last-child {
  margin-bottom: 0;
}

/**/
article.node--type-microsite.node--view-mode-node-feature .field--name-field-microsite-tsr-link-text {}


/* @media */
@media only screen and (min-width: 768px) {
  /**/
  article.node--type-microsite.node--view-mode-node-feature {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
  }
  /**/
  article.node--type-microsite.node--view-mode-node-feature .group-node-head {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 50%;
  }
  /**/
  article.node--type-microsite.node--view-mode-node-feature .group-node-body {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 50%;
  }
}








/**
 * ===== ===== NEWS ===== =====
 * node--type-news
 */
article.node--type-news {}

/**/
article.node--type-news > .group-node-link {}
article.node--type-news > .group-node-link img {
  filter: grayscale(100%);
  transition: filter 0.2s ease-out;
}
article.node--type-news > .group-node-link:hover img {
  filter: grayscale(0%);
}




/**
 * NODE FEATURE
 */
article.node--type-news.node--view-mode-node-feature {}

/**/
article.node--type-news.node--view-mode-node-feature .group-node-link {}

/**/
article.node--type-news.node--view-mode-node-feature .group-node-link .group-node-head {
  box-sizing: border-box;
}

/**/
article.node--type-news.node--view-mode-node-feature .group-node-link .group-node-body {
  box-sizing: border-box;
  padding: 1rem 0;
}


/**/
article.node--type-news.node--view-mode-node-feature .field {
  overflow: hidden;
}

/**/
article.node--type-news.node--view-mode-node-feature .field--name-field-news-text {
  margin: 0.75rem 0;
}


/* @media */
@media only screen and (min-width: 768px) {
  /**/
  article.node--type-news.node--view-mode-node-feature .group-node-link {
    display: flex;
    flex-flow: row-reverse wrap;
    justify-content: start;
  }
  /**/
  article.node--type-news.node--view-mode-node-feature .group-node-link .group-node-head {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 50%;
  }
  /**/
  article.node--type-news.node--view-mode-node-feature .group-node-link .group-node-body {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding-right: 3rem;
    width: 50%;
  }
}


/* @media */
@media only screen and (min-width: 1024px) {
  /**/
  article.node--type-news.node--view-mode-node-feature .group-node-link .group-node-body {
    padding-right: 6rem;
  }
}








/**
 * ===== ===== ORGANIZATION ===== =====
 * node--type-organization
 */
article.node--type-organization {}




/**
 * NODE DETAIL
 */
article.node--type-organization.node--view-mode-node-detail {
  border: 1px dashed blue;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;
  padding: 1rem;
}




/**
 * NODE TEASER
 */
article.node--type-organization.node--view-mode-node-teaser {}
article.node--type-organization.node--view-mode-node-teaser .group-node-head {
  background-color: #FFFFCC;
  padding: 1rem;
}
article.node--type-organization.node--view-mode-node-teaser .group-node-head .field--type-image {
  margin: 0 auto;
  max-width: 200px;
}








/**
 * ===== ===== PERSON ===== =====
 * node--type-person
 */
article.node--type-person {}




/**
 * NODE FEATURE
 */
article.node--type-person.node--view-mode-node-feature {}

/**/
article.node--type-person.node--view-mode-node-feature .group-node-head {
  box-sizing: border-box;
}
article.node--type-person.node--view-mode-node-feature .group-node-head > .field {}

/**/
article.node--type-person.node--view-mode-node-feature .group-node-body {
  box-sizing: border-box;
  padding: 1rem 0;
}
article.node--type-person.node--view-mode-node-feature .group-node-body > .field {
  margin-bottom: 0.25rem;
}


/**/
article.node--type-person.node--view-mode-node-feature .field {
  overflow: hidden;
}

/**/
article.node--type-person.node--view-mode-node-feature .field--name-field-global-headline h3 {
  margin-bottom: 0.25rem;
}


/**/
article.node--type-person.node--view-mode-node-feature .field--name-field-person-image {
  padding: 1rem 0 0 3rem;
}
article.node--type-person.node--view-mode-node-feature .field--name-field-person-image img {
  border-radius: 9999px;
}



/* @media */
@media only screen and (min-width: 768px) {
  /**/
  article.node--type-person.node--view-mode-node-feature {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
  }
  /**/
  article.node--type-person.node--view-mode-node-feature .group-node-head {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 25%;
    width: 38.2%;
  }
  /**/
  article.node--type-person.node--view-mode-node-feature .group-node-body {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 1rem;
    width: 75%;
    width: 61.8%;
  }
}




/**
 * NODE TEASER
 */
article.node--type-person.node--view-mode-node-teaser {}

/**/
article.node--type-person.node--view-mode-node-teaser .group-node-body {}
article.node--type-person.node--view-mode-node-teaser .group-node-body > .field {
  margin-bottom: 0;
}

/**/
article.node--type-person.node--view-mode-node-teaser .field--name-field-global-headline h3 {
  margin-bottom: 0.25rem;
}








/**
 * ===== ===== PRODUCT ===== =====
 * node--type-product
 */
article.node--type-product {}








/**
 * ===== ===== PROJECT ===== =====
 * node--type-project
 */
article.node--type-project {}








/**
 * ===== ===== SERVICE ===== =====
 * node--type-service
 */
article.node--type-service {}




/**
 * NODE TEASER
 */
article.node--type-service.node--view-mode-node-teaser {}
article.node--type-service.node--view-mode-node-teaser .group-node-head {}
article.node--type-service.node--view-mode-node-teaser .group-node-head .field--type-image img {
  margin: 0 0 0 auto;
}








/**
 * ===== ===== TESTIMONIAL ===== =====
 * node--type-testimonial
 */
article.node--type-testimonial {}




/**
 * NODE DETAIL
 */
article.node--type-testimonial.node--view-mode-node-detail {
  border: 1px dashed blue;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;
  padding: 1rem;
}








/**
 * ===== ===== TOPIC ===== =====
 * node--type-topic
 */
article.node--type-topic {}
