/* Components ======================================================================================================================================= */

/* 01.  3D Model: 3d-model-component ---------------------------------------------------------------------------------------------------------------- */

.model .model-viewer-wrapper {
  overflow             : hidden;
  transition           : all .3s;
}
.model .model-viewer-wrapper:hover {
  background           : rgb(248,248,248);
}
.model .model-viewer-wrapper model-viewer {
  opacity              : 0;
  --poster-color       : transparent;
  --progress-mask      : transparent;
  --progress-bar-color : transparent;
  --progress-bar-height: 0;
}
.model .container {
  margin-top           : 2rem;
}

/* 02.  Accordion: accordion-component -------------------------------------------------------------------------------------------------------------- */

.accordion .card {
  border               : none;
  padding-bottom       : .125rem;
}
.accordion .card + .card {
  margin-top           : 1rem;
}
.accordion .card .card-header {
  border               : 0;
  background-color     : transparent;
  padding              : 0 0 0 3rem;
}
.accordion .card .card-header h5 {
  margin-bottom        : 0;
}
.accordion .card .card-header h5 button.btn {
  width                : 100%;
  justify-content      : flex-start;
  padding              : 0;
  font-size            : 1.375rem;
  text-align           : left;
  height               : auto;
  line-height          : 1.4375rem;
  background           : none;
  border               : none;
  color                : #404040;
}
.accordion .card .card-header h5 button.btn:hover,
.accordion .card .card-header h5 button.btn:focus,
.accordion .card .card-header h5 button.btn:active {
  text-decoration      : none;
  border-color         : transparent;
  box-shadow           : none;
}
.accordion .card .card-header h5 button.btn:before {
  content              : "";
  width                : 1rem;
  height               : 1.5rem;
  background-image     : url(../img/arrow.svg);
  background-size      : cover;
  background-repeat    : no-repeat;
  display              : inline-block;
  transform            : rotate(270deg);
  position             : absolute;
  left                 : .625rem;
  top                  : .125rem;
  transition           : all .3s;
}
.blue .accordion .card .card-header h5 button.btn:before {
  background-image     : url(../img/arrow_blue.svg);
}
.green .accordion .card .card-header h5 button.btn:before {
  background-image     : url(../img/arrow_green.svg);
}
.accordion .card .card-header h5 button.btn.collapsed {
  color                : #4A4A4A !important;
}
.accordion .card .card-header h5 button.btn.collapsed:before {
  transform            : rotate(180deg);
}

.blue .accordion .card .card-header h5 button.btn:not(.collapsed) {
  color                : #0D4473 !important;
}
.green .accordion .card .card-header h5 button.btn:not(.collapsed) {
  color                : #00973A !important;
}
.orange .accordion .card .card-header h5 button.btn:not(.collapsed) {
  color                : #B36200 !important;
}
.accordion .card .card-body {
  padding              : 0 0 0 .5rem;
  margin               : 1rem 0 3rem 0;
  line-height          : 1.625rem;
}
@media screen and (min-width: 25rem) {
  .accordion .card .card-body {
    padding-left       : 3rem;
  }
}
.accordion .card:last-of-type .card-body {
  margin-bottom        : 0;
}

/* 03. Anchor Block: id-component ------------------------------------------------------------------------------------------------------------------- */


/* 04.  Citation Block: citation-component ---------------------------------------------------------------------------------------------------------- */

.citation-box .text {
  font-size            : 1.125rem;
}
@media screen and (min-width: 71.25rem) {
  .citation-box .text {
    font-size          : 1.375rem; /* war 1.125rem */
    /* war line-height: 2rem; */
  }
}
.citation-box .text span {
  color                : #888888;
}

/* 05.  Custom Spacing Block: space-component ------------------------------------------------------------------------------------------------------- */

.spacing.mobile {
  display              : block;
}
.spacing.desktop {
  display              : none;
}
@media screen and (min-width: 62rem) {
  .spacing.desktop {
    display            : block;
  }
  .spacing.mobile {
    display            : none;
  }
}

/* 06. Download Box: download-component ------------------------------------------------------------------------------------------------------------- */

.download-box {
  background-size      : cover;
  background-position  : center;
  padding              : 5rem 0;
}
.download-box.blue {
  background-color     : #1E70B7;
}
.download-box.green {
  background-color     : #00973A;
}
.spaces-box {
  background-color     : #0D4473;
  padding              : 2.5rem 0 5rem 0;
  margin-top           : -2rem;
}
@media screen and (max-width: 53.75rem) {
  .download-box {
    background-image   : none !important;
  }
}
.download-box > div,
.spaces-box   > div {
  display              : flex;
  justify-content      : center;
}
.download-box .content,
.spaces-box   .content {
  margin-left          : .9375rem;
  margin-right         : .9375rem;
}
.download-box .content h3,
.spaces-box   .content h3 {
  color                : white;
  font-weight          : 700;
  text-shadow          : 1px 1px 3px rgba(0,0,0,.5);
  margin-bottom        : 0;
}
.download-box .content .row,
.spaces-box   .content .row {
  max-width            : 64rem;
  justify-content      : center;
}
@media screen and (min-width: 31.75rem) {
  .download-box .content .row,
  .spaces-box   .content .row {
    justify-content    : flex-start;
  /*min-width          : 48rem;         */
  }
}
.download-box .content .row + h3 {
  margin-top           : 3rem;
}
.download-box .content .row .toolname,
.spaces-box   .content .row .toolname {
  margin-top           : .5rem;
}
.download-box .content .row .toolsub,
.spaces-box   .content .row .toolsub {
  margin-bottom        : .5rem;
  font-weight          : 400;
}
.download-box .content .btn,
.spaces-box   .content .btn {
  box-shadow           : 1px 1px 3px rgba(0,0,0,.5);
  margin-left          : .9375rem;
  margin-right         : .9375rem;
  margin-top           : 1.875rem;
  display              : inline-grid;
  height               : auto;
  min-height           : 3.375rem;
}

/* 07. Download Lite Box: download-lite-component --------------------------------------------------------------------------------------------------- */

.download-lite-box {
  padding              : 5rem 0;
  background-color     : #F0F0F0;
}
.download-lite-box > div {
  display              : flex;
  justify-content      : center;
}
.download-lite-box .content {
  margin-left          : .9375rem;
  margin-right         : .9375rem;
}
.download-lite-box .content h3 {
  font-size            : 1.375rem;
  font-weight          : 100;
  margin-bottom        : -.625rem;
}
.download-lite-box .content .tt {
  font-size            : 1.4rem;
  word-break           : break-word;
  margin               : 1.2rem 0 3rem 0;
  font-family          : SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important;
}
.download-lite-box .content .row + h3 {
  margin-top           : 3rem;
}
@media screen and (max-width: 29.0625rem) {
  .download-lite-box .row {
    justify-content    : center;
  }
}
.download-lite-box .content .btn {
/*box-shadow           : 1px 1px 3px rgba(0,0,0,0.5); */
  margin-left          : .9375rem;
  margin-right         : .9375rem;
  margin-top           : 1.875rem;
}

/* 08.  Expanded Publications: stories-list-component ----------------------------------------------------------------------------------------------- */

/*
.list-stories .row + .row {
  padding-top          : 3rem;
}
*/
.list-stories .list-story-image {
  padding-top          : .375rem;
  padding-bottom       : .625rem;
}
.list-stories .list-story-image img {
  max-width            : 5rem;
}
.list-stories .story-content {
/*color                : #0D4473;     */
/*font-weight          : 500;         */
/*font-size            : 1.125rem;    */
  margin-bottom        : 1.5625rem;
}
.list-stories .story-document-row {
  text-decoration      : none;
  padding-left         : 4rem; /*6.25rem;*/
  display              : block;
  position             : relative;
}
.list-stories .story-document-row::before {
  content              : "\f016";
  position             : absolute;
  left                 : .125rem; /*1.875rem;*/
  font-family          : FontAwesome;
  font-size            : 3rem;
  font-weight          : 600;
  color                : #bababa;
  line-height          : 3.75rem;
  font-weight          : 100;
}
.blue.list-stories .story-document-row::before {
  color                : #0D4473;
}
.green.list-stories .story-document-row::before {
  color                : #00973A;
}
.orange.list-stories .story-document-row::before {
  color                : #B36200;
}
.list-stories .story-document-row .story-document-content h5 {
  font-size            : 1.125rem;
  margin-bottom        : .125rem;
}
.list-stories .story-document-row .story-document-content .author,
.list-stories .story-document-row .story-document-content .journal {
  font-size            : .9375rem;
}

/* 09. Featured Title + Text: featured-text-component ----------------------------------------------------------------------------------------------- */

.featured-text {
/*min-height           : 19rem;            */
  display              : flex;
  align-items          : center;
  justify-content      : center;
  padding              : 3rem;
  width                : 100%;
  background-color     : #888888;
}
.blue .featured-text {
  background-color     : #0D4473;
}
.green .featured-text {
  background-color     : #00973A;
}
.orange .featured-text {
  background-color     : #B36200;
}
@media screen and (max-width: 48rem) {
  .featured-text {
    padding            : 1.875rem;
  }
}
.featured-text .bsitdescription {
  color                : #FFFFFF;
  font-style           : normal;
  font-weight          : bold;
  font-size            : 1.75rem;
  line-height          : 2.125rem;
  text-align           : center;
  width                : 38.75rem;
}
@media screen and (max-width: 48rem) {
  .featured-text .bsitdescription {
    width              : 100%;
  }
}

/* 09.a Featured Title + Text: featured-text-component ---------------------------------------------------------------------------------------------- */

.title-and-text {
  display              : flex;
  width                : calc(100% - 1.875rem);
  align-items          : center;
  flex-direction       : column;
  justify-content      : center;
  margin               : 0 auto;
}
@media screen and (min-width: 71.25rem) {
  .title-and-text {
    width              : 50%;
  }
}
.title-and-text .bsitdescription {
  font-weight          : 100;
  font-size            : 1.375rem;
  max-width            : 100%; /* fuer IE */
}
.title-and-text p {
  width                : 100%; /* fuer IE */
}

/* 10. Formulartext: formular-text-component -------------------------------------------------------------------------------------------------------- */
/*                   wird auch auf allen Formular-Seiten verwendet ---------------------------------------------------------------------------------- */

.formular-container {
  width                : 100%;
  max-width            : 47rem;
  padding              : 0 1rem;
  margin-left          : auto;
  margin-right         : auto;
}
.formular-container .gross {
  font-size            : 1.25rem;
  font-weight          : 300;
}
.formular-container .gross + .klein {
  margin-top           : 1.5rem;
}

/* 11. FW-Banner w. Text Left: banner-component ----------------------------------------------------------------------------------------------------- */

.full-text-and-image {
  display              : flex;
  flex-direction       : row;
  align-items          : center;
/*justify-content      : center;             */
  -ms-flex             : 0 0 100%;
  flex                 : 0 0 100%;
  max-width            : 100%;
  background-repeat    : no-repeat;
  background-size      : cover;
  background-position  : center;
  height               : 31.8125rem;
}
@media screen and (max-width: 48rem) {
  .full-text-and-image {
    overflow           : hidden;
  }
}
.full-text-and-image .full-text-and-image__content {
  padding              : 0 7.3125rem;
  flex-basis           : 50%;
}
.full-text-and-image .full-text-and-image__content h3 {
  color                : #FFFFFF;
  font-weight          : bold;
  font-size            : 2.25rem;
  line-height          : 2.625rem;
  margin-bottom        : 2.25rem;
}
.full-text-and-image .full-text-and-image__content .bsitdescription {
  font-size            : 1.375rem;
  color                : #FFFFFF;
  margin-bottom        : 1.5rem;
}

/* 12. Latest News: latest-news-component
       Gruppen von Newscards
       Verwendung: hall-of-fame.php
                   latest-news-component.php
                   single-webinar.php (Kopie von latest-news-component.php)
                   news.php (alm)
                   category.php (alm)
                   webinars.php (alm) --------------------------------------------------------------------------------------------------------------- */

.newsgroup {
  padding-left         : 0;
  padding-right        : 0;
  margin-left          : auto;
  margin-right         : auto;
  /*max-width: 71.25rem;*/
}
.latest_news.newsgroup {
  margin-bottom        : -4.375rem;
}
.newsgroup > *:not(h2) {
  margin-left          : -15px;
  margin-right         : -15px;
}
.newsgroup .item {
  position             : relative;
  width                : 100%;
  padding-right        : 15px;
  padding-left         : 15px;
  margin-bottom        : 4.375rem;
  display              : flex;
  flex-direction       : column;
  min-width            : 24.375rem;
  -ms-flex             : 0 0 33.333333%;
  flex                 : 0 0 33.333333%;
  max-width            : 24.375rem; /* fuer IE stehen lassen */
  max-width            : min(33.333333%,24.375rem);
  justify-content      : space-between;
}
@media screen and (max-width: 73.125rem) {
  .newsgroup .row {
    width              : 48.75rem;
  }
  .newsgroup .item {
    -ms-flex           : 0 0 50%;
    flex               : 0 0 50%;
    max-width          : min(50%,24.375rem);
  }
}
@media screen and (max-width: 48.75rem) {
  .newsgroup .row {
    max-width          : 24.375rem;
    width              : auto;
  }
  .newsgroup .item {
    -ms-flex           : 0 0 100%;
    flex               : 0 0 100%;
    min-width          : 20rem;
    max-width          : min(100%,24.375rem);
  }
}
.newsgroup .item figure {
  margin-bottom        : 2rem;
  position             : relative;
  height               : 15.5rem;
}
.newsgroup.halloffame .item figure {
  border               : 1px solid #dee2e6;
}
.newsgroup .item figure .image {
  object-fit           : cover;
  width                : 100%;
  height               : 100%;
}
.newsgroup .item figure .catlabel {
  position             : absolute;
  left                 : 0;
  bottom               : 0;
  display              : inline-block;
  background           : rgba(0,10,40,.2);
  border-top-right-radius: 1.875rem;
  padding              : .5rem 1.25rem .5rem .5rem;
  max-width            : 85%;
  color                : white;
  transition           : all .2s;
}
.newsgroup .item figure:hover .catlabel {
  background           : rgba(0,10,40,.4);
}
.newsgroup .item figure .catlabel .catfield {
  vertical-align       : bottom;
  opacity              : 0.8;
}
.newsgroup .item figure .catlabel .catfield img {
  max-height           : 1.5rem;
  vertical-align       : bottom;
}
.newsgroup .item figure .catlabel .catfield .catname {
  display              : inline-block;
  padding-left         : .5rem;
  font-size            : 1.125rem;
  font-weight          : 200;
  line-height          : 1.5rem;
  vertical-align       : bottom;
}
.newsgroup .item h5 {
  font-style           : normal;
  font-weight          : 500;
  font-size            : 1.4375rem;
  line-height          : 1.6875rem;
  color                : #4A4A4A;
  flex-grow            : 1;
}
.newsgroup.halloffame .item h5 {
  margin-top           : .625rem;
  margin-bottom        : 1.25rem;
}
.newsgroup .item .date {
/*flex-grow            : 0;         */
/*font-style           : normal;    */
/*font-weight          : normal;    */
  font-size            : .8125rem;
  line-height          : .9375rem;
  color                : #4A4A4A;
  margin               : .9375rem 0;
  display              : block;
}
.newsgroup .item .text {
  flex-grow            : 1;
/*font-style           : normal;   */
/*font-weight          : normal;   */
  font-size            : 1rem;
  line-height          : 1.75rem;
  color                : #4A4A4A;
  margin-bottom        : 2rem;
}
.newsgroup .item h6.challenge-period,
.newsgroup .item h6.webinardate,
.newsgroup .item h6.webinarspeaker {
  color                : #0D4473;
  font-size            : .8125rem;
}
/* speziell: Ajax Load More ----------------------------------------------------------------------- */
.newsgroup .alm-listing
{
  display              : -ms-flexbox;
  display              : flex;
  -ms-flex-wrap        : wrap;
  flex-wrap            : wrap;
  margin-right         : -15px;
  margin-left          : -15px;
  padding-left         : 0;
  padding-right        : 0;
  margin-left          : auto;
  margin-right         : auto;
  max-width            : 24.375rem;
  width                : auto;
}
@media screen and (min-width: 48.75rem) {
  .newsgroup .alm-listing {
    max-width          : 48.75rem;
  }
}
@media screen and (min-width: 71.25rem) {
  .newsgroup .alm-listing {
    max-width          : none;
  }
}

/* 13. Latest News Lite: latest-news-lite-component ------------------------------------------------------------------------------------------------- */

.latest_news_lite .row {
  justify-content      : center;
}
.latest_news_lite .item {
  position             : relative;
  max-width            : 24.375rem;
  min-width            : 18.75rem;
}
@media screen and (max-width: 62rem) {
  .latest_news_lite .item + .item {
    margin-top         : 1.25rem;
  }
}
.latest_news_lite .item .image {
  object-fit           : cover;
  width                : 100%;
  height               : 15.5rem;
  /*opacity: .3;*/
  transition           : all .3s;
}
.latest_news_lite .item:hover .image {
  opacity              : 1 !important;
}
.latest_news_lite .item .newsoverlay {
  position             : absolute;
/*background           : rgba(0,0,40,.4);   */
  background           : rgba(16,65,115,.4);
  left                 : .9375rem;
  bottom               : 0;
  color                : white;
  border-top-right-radius: 1.875rem;
  padding              : .625rem 1.5rem .625rem 1rem;
  max-width            : calc(90% - 1.875rem);
  transition           : all .3s;
}
.latest_news_lite .item:hover .newsoverlay {
  /*background: rgba(0,20,60,.6);*/
  background           : rgba(16,65,115,.6);
}
.latest_news_lite .item .newsoverlay .kategorie {
  display              : flex;
  align-items          : flex-end;
}
.latest_news_lite .item .newsoverlay .kategorie .symbol {
  max-height           : 1.125rem;
  vertical-align       : bottom;
  margin-right         : .625rem;
}
.latest_news_lite .item .newsoverlay .kategorie .kategoriename {
  font-size            : .875rem;
  font-weight          : 200;
  line-height          : 1rem;
  vertical-align       : bottom;
}
.latest_news_lite .item .newsoverlay .titel {
  font-size            : 1rem;
  line-height          : 1.25rem;
  font-weight          : 700;
  text-align           : left;
  margin-top           : .4rem;
  margin-bottom        : .5rem;
  color                : white;
}
.latest_news_lite .item .newsoverlay .datum {
  font-size            : .75rem;
  font-weight          : 200;
  line-height          : .875rem;
  vertical-align       : bottom;
}

/* 14.  Section Header: section-header-component ---------------------------------------------------------------------------------------------------- */

.section-header {
  min-height           : 6.25rem;
  max-height           : 7.5rem;
  color                : white;
  font-weight          : 700;
  font-size            : 2.5rem;
  line-height          : 2rem;
  text-align           : center;
  display              : flex;
  flex-direction       : column;
  justify-content      : center;
  align-items          : center;
  padding              : 1rem 0;
  /*text-shadow          : 1px 1px 3px rgba(0,0,0,.25);*/
}
@media screen and (min-width: 71.25rem) {
  .section-header {
    font-size          : 4rem;
    line-height        : 4rem;
    max-height         : none;
    padding            : 1.5rem 0;
  }
}

/* 15. Side by Side (news-component) ---------------------------------------------------------------------------------------------------------------- */
/* 16. Spaces (spaces-component) -------------------------------------------------------------------------------------------------------------------- */
/*     Challenge Seite (page-chellenge) ------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 62rem) {
  .sidebyside + .sidebyside {
    margin-top         : 4rem;
  }
}
.featured-text-and-image,
.featured-text-and-space {
  display              : flex;
  flex-direction       : row;
/*align-items          : center;  */
  align-items          : stretch;
}
.featured-text-and-image.inverted,
.featured-text-and-space.inverted {
  flex-direction       : row-reverse;
}
.featured-text-and-image .content,
.featured-text-and-space .content {
  flex-basis           : 50%;
  order                : 0;
  padding              : 2.5rem;
}
.featured-text-and-space .content {
  padding-top          : 0;
  padding-bottom       : 0;
}
@media screen and (max-width: 62rem) {
  .featured-text-and-image .content,
  .featured-text-and-space .content {
    flex-basis         : 100%;
    padding            : 0;
  }
}
.featured-text-and-image .content .title,
.featured-text-and-space .content .title {
  display              : flex;
  align-items          : center;
  margin-bottom        : 2.25rem;
}
.featured-text-and-image .content .title img,
.featured-text-and-space .content .title img {
  max-height           : 5.25rem;
  max-width            : 50%;
}
.featured-text-and-image .content .title h2,
.featured-text-and-space .content .title h2 {
  font-style           : normal;
  font-weight          : normal;
  font-size            : 2.875rem;
  line-height          : 3.375rem;
  margin               : 0 1.25rem;
  text-align           : left;
}
@media screen and (max-width: 62rem) {
  .featured-text-and-image .content .title h2,
  .featured-text-and-space .content .title h2 {
    font-size          : 2rem;
    line-height        : 2.25rem;
    margin             : 0 0 0 1rem;
  }
}
.featured-text-and-image .content .title.no-img h2,
.featured-text-and-space .content .title.no-img h2 {
  margin-left          : 0;
}
.featured-text-and-image .content .bsitdescription,
.featured-text-and-space .content .bsitdescription {
  /*font-family: BioSans;*/
  font-style           : normal;
  font-weight          : normal;
  font-size            : 1rem;
  line-height          : 1.6875rem;
}
.featured-text-and-image .content .btn,
.featured-text-and-space .content .btn {
  margin-top           : 5rem;
}
@media screen and (max-width: 62rem) {
  .featured-text-and-image .content .btn,
  .featured-text-and-space .content .btn {
    margin-top         : 2.25rem;
  }
}
.featured-text-and-image .content a.project-title {
  font-weight          : 600;
}
.featured-text-and-image .content a.winner-box {
  display              : block;
  margin               : 1.75rem 0;
  padding              : 1.5rem 1rem 1.25rem 1rem;
  border               : 1px solid #104173;
  color                : #888888;
  text-align           : center;
}
@media screen and (min-width: 62rem) {
  .featured-text-and-image .content a.winner-box {
    margin             : 3rem 0;
    padding            : 2.5rem 1.5rem 2rem 1.5rem;
  }
}
.featured-text-and-image .content a.winner-box + .btn {
  margin-top           : 0;
}
.featured-text-and-image .image,
.featured-text-and-space .image {
  position             : relative;
  flex-basis           : 50%;
  min-height           : 100%;
  width                : 100%;
  order                : 1;
}
@media screen and (max-width: 62rem) {
  .featured-text-and-image .image,
  .featured-text-and-space .image {
    display            : none !important;
  }
}
.featured-text-and-image .image::before {
  content              : '';
  position             : absolute;
  top                  : 0;
  bottom               : 0;
  right                : 0;
  left                 : 0;
}
.featured-text-and-image.green .image:before {
  background-color     : rgb(0,183,94);
/*background-image     : linear-gradient(0deg, rgb(0,68,125) 0%, rgb(0,117,200) 100%);*/
}
.featured-text-and-image.blue .image:before {
  background-color     : #1E70B7;
/*background-image     : linear-gradient(0deg, rgb(0,68,125) 0%, rgb(0,117,200) 100%);*/
}
.featured-text-and-image.orange .image:before {
  background-color     : #FFA12F;
/*background-image     : linear-gradient(0deg, rgb(0,68,125) 0%, rgb(0,117,200) 100%);*/
}
.featured-text-and-image .image.do-not-colorize::before {
  display              : none;
}
.featured-text-and-image .image img {
  filter               : grayscale(100%) contrast(60%) brightness(125%);
  mix-blend-mode       : multiply;
  width                : 100%;
  height               : 100%;
  object-fit           : cover;
}
.featured-text-and-image .image.do-not-colorize img {
  filter               : none;
  mix-blend-mode       : normal;
}
.featured-text-and-image.black .content .title h2,
.featured-text-and-space.black .content .title h2 {
  color                : #000000;
}
.featured-text-and-image.black .content a.btn,
.featured-text-and-space.black .content a.btn {
  background-color     : #000000;
  border-color         : #000000;
}
.featured-text-and-image.black .content a.btn:hover,
.featured-text-and-space.black .content a.btn:hover {
  color                : #000000;
}
.featured-text-and-image.grey .content .title h2,
.featured-text-and-space.grey .content .title h2 {
  color                : #4A4A4A;
}
.featured-text-and-image.grey .content a.btn,
.featured-text-and-space.grey .content a.btn {
  background-color     : #4A4A4A;
  border-color         : #4A4A4A;
}
.featured-text-and-image.grey .content a.btn:hover,
.featured-text-and-space.grey .content a.btn:hover {
  color                : #4A4A4A;
}

/* speziell Spaces ------------------------------------------------------------------------------------------------ */
.featured-text-and-space .image {
  display              : -ms-flexbox;
  display              : flex;
  -ms-flex-pack        : center;
  justify-content      : center;
  -ms-flex-align       : center;
  align-items          : center;
}
.featured-text-and-space .image > * {
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-direction : column;
    flex-direction     : column;
    -ms-flex-pack      : center;
    justify-content    : center;
    -ms-flex-align     : center;
    align-items        : center;
}
.featured-text-and-space .image .sphere {
  width                : 20rem;
  height               : 20rem;
/*background           : white url( '../img/chemical_space_sphere_300.png' ) center no-repeat;*/
  background           : white url( '/wp-content/uploads/2024/02/ChemicalSpace.svg' ) center no-repeat;
  background-size      : contain;
  display              : -ms-flexbox;
  display              : flex;
  -ms-flex-pack        : center;
  justify-content      : center;
  -ms-flex-align       : center;
  align-items          : center;
}
.featured-text-and-space .image .sphere .number {
  display              : inline-block;
  color                : white;
  font-weight          : bold;
  font-size            : 2.125rem;
}
.featured-text-and-space .image .sphere .number sup {
  font-size            : 62%;
}
.featured-text-and-space .image .spacename {
  display              : inline-block;
  font-weight          : bold;
  font-size            : 2.125rem;
  padding-top          : .75rem;
}
.featured-text-and-space.blue .image .spacename {
  color                : #0D4473;
}
.featured-text-and-space.green .image .spacename {
  color                : #00973A;
}
.featured-text-and-space.orange .image .spacename {
  color                : #B36200;
}

/* 17.  Small Title + Text: heading-description-component ------------------------------------------------------------------------------------------- */

.small-title-text h2 {
  font-weight          : bold;
  font-size            : 1.25rem;
  margin-bottom        : 1rem;
  text-align           : left;
}
.small-title-text .text {
  font-size            : .875rem;
  margin-bottom        : 0;
}

/* 18. Symposium Registration: symposium-component -------------------------------------------------------------------------------------------------- */
/* 21. Text + 3 Buttons: support-component ---------------------------------------------------------------------------------------------------------- */
/* 33. Workshop Registration: workshop-component ---------------------------------------------------------------------------------------------------- */

.support {
/*min-height           : 18.75rem;  */
  padding-top          : 4.25rem;
  padding-bottom       : 4.25rem;
  background-color     : #F0F0F0;
  width                : 100%;
}
.support h2 {
  font-size            : 2rem;
  line-height          : 2.25rem;
  margin-bottom        : 3rem;
}
.support .btn-container {
  display              : flex;
  align-items          : center;
  flex-direction       : row;
  justify-content      : space-around; /* fuer IE */
  justify-content      : space-evenly;
}
@media screen and (max-width: 48rem) {
  .support {
  /*height             : auto;   */
    padding            : 3rem .9375rem 2.5rem .9375rem;
  }
  .support h2 {
    font-size          : 1.625rem;
    line-height        : 1.875rem;
    margin-bottom      : 2.25rem;
  }
  .support .btn-container {
    flex-direction     : column;
  }
  .support .btn-container .btn {
    margin-bottom      : .75rem;
  }
}

/* 19. Team: team-component ------------------------------------------------------------------------------------------------------------------------- */

.team {
  width                : 100%;
  max-width            : 55.75rem;
  margin-left          : auto;
  margin-right         : auto;
}
.team h4 {
  font-style           : normal;
  font-weight          : bold;
  font-size            : 1.4375rem;
  line-height          : 1.6875rem;
  color                : #0D4473;
  margin-bottom        : .3125rem;
}
.team.green h4 {
  color                : #00973A;
}
.team h6 {
  font-style           : normal;
  font-weight          : 300;
  font-size            : 1.4375rem;
  line-height          : 2.25rem;
  color                : #4A4A4A;
  margin-bottom        : 1.5rem;
  text-align           : center;
}
.team .resume {
  font-size            : 1.125rem;
  line-height          : 1.625rem;
}
.team span {
  font-size            : 1.4375rem;
  line-height          : 1.6875rem;
  color                : #0D4473;
  margin-bottom        : 1.5625rem;
}
.team.green span {
  color                : #00973A;
}
.team a {
  margin-top           : auto;
}
.team .team__wrapper {
  display              : flex;
  flex-wrap            : wrap;
  align-items          : flex-start;
  justify-content      : space-around;
  margin               : 0 -.625rem;
}
.team .team__wrapper--item {
  display              : flex;
  flex-direction       : column;
  flex-basis           : calc(33.33% - 1.375rem);
}
@media screen and (max-width: 48rem) {
  .team .team__wrapper--item {
    flex-basis         : 100%;
    margin-right       : 0;
    margin-bottom      : 1.875rem;
  }
}
.team .team__wrapper--item figure {
  margin-bottom        : 1.875rem;
}
.team .team__wrapper--item figure img {
  width                : 100%;
  height               : 17rem;
  object-fit           : cover;
  border-radius        : 3rem 0 0 0;
}
@media screen and (max-width: 48rem) {
  .team .team__wrapper--item figure img {
    border-radius      : 6.25rem 0 0 0;
  }
}

/* 20. Testimonials: testimonials-component --------------------------------------------------------------------------------------------------------- */
.testimonials {
  padding-left         : 0;
  padding-right        : 0;
}
.testimonials.blue {
  background-color     : #0D4473;
}
.testimonials.green {
  background-color     : #00973A;
}
.testimonials.orange {
  background-color     : #B36200;
}
.testimonials .content {
  min-height           : 25rem;
  padding              : 4.375rem 0;
  display              : flex;
  flex-direction       : column;
  align-items          : center;
  justify-content      : center;
/*background-image     : url("../img/bg1.png");   */
  background-size      : cover;
  background-repeat    : no-repeat;
  background-position  : center;
}
@media screen and (max-width: 62rem) {
  .testimonials .content {
    padding            : 3rem 0;
  }
}
@media screen and (max-width: 48rem) {
  .testimonials .content {
    padding            : 3rem 1.875rem 6.25rem;
  }
}
.testimonials h3 {
/*font-family          : BioSans;   */
  font-style           : normal;
  font-weight          : 500;
  font-size            : 2.375rem;
  line-height          : 2.25rem;
  color                : #FFFFFF;
  margin-bottom        : 3rem;
}
.testimonials .carousel {
  max-width            : 100%;
  width                : 70%;
}
@media screen and (max-width: 48rem) {
  .testimonials .carousel {
    width              : 100%;
  }
}
.testimonials .carousel-item .quote {
  font-style           : normal;
  font-weight          : 500;
  font-size            : 1.875rem;
  line-height          : 2.25rem;
  color                : white;
  margin-bottom        : 1.875rem;
}
@media screen and (max-width: 48rem) {
  .testimonials .carousel-item .quote {
    font-size          : 1.5rem;
    line-height        : 2rem;
  }
}
.testimonials .carousel-item small {
  font-style           : normal;
  font-weight          : 500;
  font-size            : 1.125rem;
  line-height          : 1.3125rem;
  color                : white;
}
@media screen and (max-width: 48rem) {
  .testimonials .carousel-item small {
    font-size          : .875rem;
    line-height        : 1.125rem;
  }
}
.testimonials .carousel-control-next,
.testimonials .carousel-control-prev {
  opacity              : .75;
}
.testimonials .carousel-control-next {
  right                : -15%;
}
.testimonials .carousel-control-prev {
  left                 : -15%;
}
.testimonials .carousel-control-next:hover,
.testimonials .carousel-control-prev:hover {
  opacity              : 1;
}
@media screen and (max-width: 48rem){
  .testimonials .carousel-control-next,
  .testimonials .carousel-control-prev {
    top                : auto;
    bottom             : -4.375rem;
    width              : 1.875rem;
    height             : 3rem;
  }
  .testimonials .carousel-control-next {
    right              : 0;
  }
  .testimonials .carousel-control-prev {
    left               : 0;
  }
}
.testimonials .carousel-control-prev .icon,
.testimonials .carousel-control-next .icon {
  width                : 1.875rem;
  height               : 3rem;
  background-image     : url("../img/arrow-white.svg");
  background-size      : cover;
  background-repeat    : no-repeat;
  display              : block;
}
.testimonials .carousel-control-next .icon {
  transform            : rotate(180deg);
}

/* 22. Text + Icon - 2/3 Columns: info-grid-component ----------------------------------------------------------------------------------------------- */
/* 23. Text + Icon - 3 Col. & MO: benefits-component ------------------------------------------------------------------------------------------------ */

.benefits.desktop,
.icongrid.desktop {
  display              : block;
  margin-bottom        : -3rem;
}
.benefits.mobile,
.icongrid.mobile {
  display              : none;
}
@media screen and (max-width: 62rem) {
  .benefits.desktop,
  .icongrid.desktop {
    display            : none;
  }
  .benefits.mobile,
  .icongrid.mobile {
    display            : block;
  /*margin-bottom      : -1.5rem;  */
  }
}
.benefits .item,
.icongrid .item {
  margin-bottom        : 3rem;
  padding              : 0 1.25rem;
  outline              : none;
  display              : flex;
  flex-direction       : column;
  align-items          : center;
}
.benefits .carousel-item,
.icongrid .carousel-item {
  padding-left         : 15%;
  padding-right        : 15%;
}
.benefits .item          *,
.benefits .carousel-item *, 
.icongrid .item          *,
.icongrid .carousel-item * {
  text-align           : center;
  margin-left          : auto;
  margin-right         : auto;
  max-width            : 100%; /* fuer IE */
}
.benefits .item          h4,
.benefits .carousel-item h4, 
.icongrid .item          h4,
.icongrid .carousel-item h4 {
  font-style           : normal;
  font-weight          : 500;
  font-size            : 1.375rem;
  line-height          : 1.75rem;
  color                : #4A4A4A;
  margin               : 1.25rem 0;
}
.benefits .item          .icon,
.benefits .carousel-item .icon,
.icongrid .item          .icon,
.icongrid .carousel-item .icon {
  height               : 5rem;
  display              : flex;
  align-items          : center;
  justify-content      : center;
}
.benefits .item          .icon a,
.benefits .carousel-item .icon a,
.icongrid .item          .icon a,
.icongrid .carousel-item .icon a {
  width                : 100%; /* fuer IE */
}
.benefits .item          .icon {
  position             : relative;
  top                  : -3.25rem;
  margin-bottom        : -3.25rem;
}
.benefits .item          .icon img,
.benefits .carousel-item .icon img,
.icongrid .item          .icon img,
.icongrid .carousel-item .icon img {
  max-height           : 5rem;
  max-width            : 12.5rem;
}
.benefits .carousel-control-next,
.benefits .carousel-control-prev,
.icongrid .carousel-control-next,
.icongrid .carousel-control-prev {
  width                : 1.875rem;
  opacity              : .5;
}
.benefits .carousel-control-next:hover,
.benefits .carousel-control-prev:hover,
.icongrid .carousel-control-next:hover,
.icongrid .carousel-control-prev:hover {
  opacity              : .75;
}
.benefits .carousel-control-prev .icon,
.benefits .carousel-control-next .icon,
.icongrid .carousel-control-prev .icon,
.icongrid .carousel-control-next .icon {
  width                : 1.875rem;
  height               : 3rem;
  background-image     : url("../img/arrow.svg");
  background-size      : cover;
  background-repeat    : no-repeat;
  display              : block;
}
.benefits .carousel-control-next .icon,
.icongrid .carousel-control-next .icon {
  transform            : rotate(180deg);
}

/* Spezifische Settings fuer den MouseOver-Effekt in benefits-component ----------------------------------------------------------------------------- */

.benefits .item {
  height               : 12.5rem;
  margin-top           : 3.75rem;
  position             : relative;
}
.benefits .item .item_wrapper {
  position             : absolute;
  padding              : 0 2.5rem 2.5rem 2.5rem;
  background           : white;
  border               : .375rem solid white;
  transition           : border .2s ease-in-out .3s;
}
.benefits .item:hover .item_wrapper {
  border-color         : #DCDCDC;
  transition           : border .3s ease-in-out 0ms;
}
.benefits .item .item_wrapper .bsitdescription {
  max-height           : 6rem;
  overflow             : hidden;
  transition           : max-height .3s ease-in-out 0ms;
}
.benefits .item:hover .item_wrapper .bsitdescription {
  max-height           : 100vh;
  transition           : max-height .3s ease-in-out .1s;
}

/* 24.  Text + List - 2 Columns: text-list-2col-component -------------------------------------------------------------------------------------------
   25.  Text + Publications - 2 Columns: text-publications-component --------------------------------------------------------------------------------
   28.  Title + List Publications: heading-publications-component ----------------------------------------------------------------------------------- */

V.heading-text-publications,
.text-publist-2col        ,
.text-list-2col           {
  margin-bottom        : -1.5rem;
}
.text-publist-2col .text,
.text-list-2col    .text {
  line-height          : 1.625rem;
  padding-right        : 1.875rem;
  padding-bottom       : 1.5rem;
}
.heading-text-publications .publist {
  margin               : 0 .9375rem;
}
/* weitere ul/li-Styles: ul.logolist und ul.publist */

/* 26. Text-Slider + Image: news-slider-component --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 48rem) {
  .news-slider {
    padding-left       : 0;
    padding-right      : 0;
  }
}
.news-slider .content {
  display              : flex;
  flex-direction       : row;
  position             : relative;
  flex-wrap            : wrap;
  justify-content      : space-between;
  color                : white;
}
@media screen and (max-width: 62rem) {
  .news-slider.blue .content {
    background-color   : #1E70B7;
  }
  .news-slider.green .content {
    background-color   : #00973A;
  }
}
.news-slider .content.inverted {
  flex-direction       : row-reverse;
}
.news-slider .carousel {
  flex-basis           : 100%;
  width                : 100%;
  padding              : 1.5rem 1.5rem 6rem;
}
@media screen and (min-width: 62rem) {
  .news-slider .carousel {
    flex-basis         : 46%;
    width              : 46%;
    padding            : 0 0 3.75rem;
  }
}
.news-slider .carousel-item span {
  display              : block;
  font-style           : normal;
  font-weight          : bold;
  font-size            : 2.5rem;
  line-height          : 2.875rem;
  margin               : 2.5rem 0 2.5rem 0;
}
.news-slider .carousel-item .bsitdescription {
  font-style           : normal;
  font-weight          : 500;
  font-size            : 1.375rem;
  line-height          : 2.25rem;
}
.news-slider.blue .carousel-item .bsitdescription,
.news-slider.blue .carousel-item span {
  color                : #0D4473;
}
.news-slider.green .carousel-item span {
  color                : #006533;
}
.news-slider.green .carousel-item .bsitdescription {
  color                : #00973A;
}
.news-slider.orange .carousel-item .bsitdescription {
  color                : #B36200;
}
@media screen and (max-width: 62rem) {
  .news-slider .carousel-item span {
    font-size          : 1.5rem;
    line-height        : 2rem;
    margin             : .625rem 0 1.875rem 0;
  }
  .news-slider .carousel-item .bsitdescription {
    font-size          : 1.125rem;
    line-height        : 1.75rem;
  }
  .news-slider.blue  .carousel-item span,
  .news-slider.blue  .carousel-item .bsitdescription,
  .news-slider.green .carousel-item span,
  .news-slider.green .carousel-item .bsitdescription {
    color              : white;
  }
}
.news-slider .carousel-control-next,
.news-slider .carousel-control-prev {
  top                  : auto;
  bottom               : 1.5rem;
  opacity              : .8;
  width                : auto;
}
.news-slider .carousel-control-next {
  right                : 1.5rem;
}
.news-slider  .carousel-control-prev {
  left                 : 1.5rem;
}
.news-slider .carousel-control-next:hover,
.news-slider .carousel-control-prev:hover {
  opacity              : 1;
}
@media screen and (min-width: 62rem) {
  .news-slider .carousel-control-next,
  .news-slider .carousel-control-prev {
    top                : auto;
    bottom             : 0;
  }
  .news-slider .carousel-control-next {
    right              : 0;
  }
  .news-slider  .carousel-control-prev {
    left               : 0;
  }
}
.news-slider .carousel-control-prev .icon,
.news-slider .carousel-control-next .icon {
  width                : 1.875rem;
  height               : 3rem;
/*background-image     : url( '../img/arrow.svg' );  */
  background-image     : url( '../img/arrow-white.svg' );
  background-size      : cover;
  background-repeat    : no-repeat;
  display              : block;
}
@media screen and (min-width: 62rem) {
  .news-slider.blue .carousel-control-prev .icon,
  .news-slider.blue .carousel-control-next .icon {
    background-image   : url( '../img/arrow_blue.svg' );
  }
  .news-slider.green .carousel-control-prev .icon,
  .news-slider.green .carousel-control-next .icon {
    background-image   : url( '../img/arrow_green.svg' );
  }
}
.news-slider .carousel-control-next .icon {
  transform            : rotate(180deg);
}
.news-slider .image {
  display              : none;
}
@media screen and (min-width: 62rem) {
  .news-slider .image {
    display            : block;
    position           : relative;
    flex-basis         : 50%;
  }
}
.news-slider .image::before {
  content              : '';
  position             : absolute;
  top                  : 0;
  bottom               : 0;
  right                : 0;
  left                 : 0;
}
.news-slider .image.do-not-colorize::before {
  display              : none;
}
.news-slider.green .image::before {
  background-color     : rgb(0,183,94);
/*background-image     : linear-gradient(0deg, rgb(0,68,125) 0%, rgb(0,117,200) 100%); */
}
.news-slider.blue .image::before {
  background-color     : #1E70B7;
/*background-image     : linear-gradient(0deg, rgb(0,68,125) 0%, rgb(0,117,200) 100%); */
}
.news-slider.orange .image::before {
  background-color     : #FFA12F;
}
.news-slider .image img {
  filter               : grayscale(100%) contrast(60%) brightness(125%);
  mix-blend-mode       : multiply;
  width                : 100%;
  height               : 100%;
  object-fit           : cover;
}
.news-slider .image.do-not-colorize img {
  filter               : none;
  mix-blend-mode       : normal;
}

/* 27.  Title + Image + Text: heading-image-component -----------------------------------------------------------------------------------------------
   29.  Title + Text - 2 Col: heading-text-component ------------------------------------------------------------------------------------------------
   30.  Title + Text - 3 Col: heading-3col-component ------------------------------------------------------------------------------------------------ */

/* gefaellt Alex nicht:
.title-image-2cols .row {
  align-items          : center;
}
*/
.title-image-2cols .image {
  text-align           : center;
}
.title-image-2cols .text {
  font-size            : 1.125rem;
}

/* 31. Video Block: video-block-component ----------------------------------------------------------------------------------------------------------- */

.video-block .content {
  display              : -ms-flexbox;
  display              : flex;
  -ms-flex-direction   : column;
  flex-direction       : column;
  -ms-flex-align       : center;
  align-items          : center;
}
.video-block .content > * {
  max-width            : 53.4375rem;
}
.video-block .content .bsitdescription {
  margin-top           : 3rem;
  font-size            : 1rem;
  line-height          : 1.75rem;
  color                : #4A4A4A;
}
/* Verwendung auf single-webinar.php und in video-block-component.php ------------------------------------------------------------------------------- */
.video-wrapper {
  width                : 100%;
  cursor               : pointer;
  background-color     : rgba(0,0,0,.66);
  background-size      : cover;
  background-position  : center;
  background-repeat    : no-repeat;
  display              : flex;
  justify-content      : center;
  align-items          : center;
}
.video-target {
  width                : 33%;
  max-width            : 13.375rem;
  height               : 100%;
}
.video-target::after {
  width                : 100%;
  height               : 100%;
  content              : '';
  background-image     : url( '../img/video_play.png' );
  background-size      : contain;
  background-position  : center;
  background-repeat    : no-repeat;
  display              : block;
}

/* 32. Wysiwyg Block Component: wysiwyg-block-component --------------------------------------------------------------------------------------------- */



/* 34. Countdown Component:countdown-component --------------------------------------------------------------------------------------------- */
.countdown {
/*min-height           : 18.75rem;  */
  padding-top          : 4.25rem;
  padding-bottom       : 4.25rem;
  width                : 100%;
  display              : flex;
  flex-direction       : column;
  justify-content      : center;
  align-items          : center;
}
.countdown h2 {
  font-size            : 2rem;
  line-height          : 2.25rem;
  margin-bottom        : 1.5rem;
}
.countdown .clock {
  width                : 20rem;
  height               : 3.25rem;
  font-size            : 1.75rem;
  line-height          : 2rem;
  border               : 2px solid grey;
  padding              : .5rem 1.5rem;
  text-align           : center;
}
@media screen and (max-width: 48rem) {
  .countdown {
  /*height             : auto;   */
    padding            : 3rem .9375rem 2.5rem .9375rem;
  }
  .countdown h2 {
    font-size          : 1.625rem;
    line-height        : 1.875rem;
    margin-bottom      : 1rem;
  }
  .countdown .clock {
    width              : 16rem;
    height             : 2.75rem;
    font-size          : 1.5rem;
    line-height        : 1.5rem;
  }
}

/* Pages ============================================================================================================================================ */

/* News Page + Main News ---------------------------------------------------------------------------------------------------------------------------- */
/* category.php, news.php, webinar.php, halloffame.php ---------------------------------------------------------------------------------------------- */

.news__page {
  display              : flex;
  flex-direction       : column;
  flex-wrap            : wrap;
  padding              : 15px;
  margin               : auto;
  max-width            : 71.25rem;
}
@media screen and (min-width: 71.25rem) {
  .news__page {
    padding            : 0;
  }
}
.news__page.single {
  width                : 100vw;
  max-width            : 53.4375rem;
}
.news__page main.site-main {
/*margin               : -15px -15px 1.25em -15px; */
}
@media screen and (min-width: 71.25rem) {
  .news__page main.site-main {
    width              : 100%;
    height             : 100%; /* fuer IE */
    margin             : 0 0 1.5rem;
  }
}
.news__page main.site-main .main-news figure {
  margin               : -15px -15px 2rem -15px;
  position             : relative;
  max-height           : 22.5rem;
  min-height           : 16rem;
  overflow             : hidden;
  background-repeat    : no-repeat;
  background-size      : cover;
  background-position  : center;
}
@media screen and (min-width: 71.25rem) {
  .news__page main.site-main .main-news figure {
    margin             : 0 0 1.5rem;
    max-height         : 43.75rem;
    min-height         : 40rem;
  }
}
.news__page main.site-main .main-news figure .newsoverlay {
  position             : absolute;
  background           : rgba(0,10,40,0.2);
  left                 : 0;
  bottom               : 0;
  color                : white;
  border-top-right-radius: 3.75rem;
  padding              : 1.5rem 2.5rem 1.5rem 2rem;
  max-width            : 95%;
  transition           : all .2s;
}
@media screen and (min-width: 71.25rem) {
  .news__page main.site-main .main-news figure .newsoverlay {
    max-width            : 90%;
    border-top-right-radius: 6.25rem;
    padding            : 2rem 5rem 1.5rem 3rem;
  }
}
.news__page main.site-main .main-news:hover figure .newsoverlay {
  background           : rgba(0,0,40,0.4);
}
.news__page main.site-main .main-news figure .newsoverlay .kategorie .symbol {
  max-height           : 1.625rem;
}
@media screen and (min-width: 71.25rem) {
  .news__page main.site-main .main-news figure .newsoverlay .kategorie .symbol {
    max-height         : 2rem;
  }
}
.news__page main.site-main .main-news figure .newsoverlay .kategorie .kategoriename {
  font-size            : 1.125rem;
  line-height          : 1.375rem;
  font-weight          : 200;
  vertical-align       : bottom;
  display              : inline-block;
  padding-left         : 0.75rem;
}
@media screen and (min-width: 71.25rem) {
  .news__page main.site-main .main-news figure .newsoverlay .kategorie .kategoriename {
    font-size          : 1.5rem;
    line-height        : 2rem;
  }
}
.news__page main.site-main .main-news figure .newsoverlay .speaker {
  font-size            : 1.125rem;
}
@media screen and (min-width: 71.25rem) {
  .news__page main.site-main .main-news figure .newsoverlay .speaker {
    font-size          : 1.375rem;
  }
}
.news__page main.site-main .main-news figure .newsoverlay .titel {
  font-size            : 1.75rem;
  font-weight          : 700;
  text-align           : left;
  margin-top           : .5rem;
  margin-bottom        : .5rem;
  color                : white;
  line-height          : 2.0rem;
}
@media screen and (min-width: 71.25rem) {
  .news__page main.site-main .main-news figure .newsoverlay .titel {
    font-size          : 2.5rem;
    line-height        : 2.75rem;
  }
}
.news__page main.site-main .main-news figure .newsoverlay .datum {
  font-size            : .875rem;
}
@media screen and (min-width: 71.25rem) {
  .news__page main.site-main .main-news figure .newsoverlay .datum {
    font-size          : 1rem;
  }
}

/* page-challenge-project.php, single.php, single-webinar.php, content.php, content-search.php ------------------------------------------------------ */
.news__page.single main.site-main {
  margin               : 0;
}
.news__page.single main.site-main article figure {
  margin               : -15px -15px 1.25em -15px;
  margin-bottom        : 2rem;
  position             : relative;
  overflow             : hidden;
}
body.eckb-front-end-body .news__page.single main.site-main article figure {
  display              : none;
}
@media screen and (min-width: 71.25rem) {
  .news__page.single main.site-main article figure {
    margin             : 0 0  1.5em;
  }
}
.news__page.single main.site-main article figure .image {
  max-width            : 100%;
  width                : 100%;
  min-width            : 100%;
}
.news__page.single main.site-main article figure .symbol {
  position             : absolute;
  bottom               : .625rem;
  left                 : .9375rem;
  width                : 2.25rem;
  height               : 2.25rem;
  fill                 : black;
  opacity              : .5;
}
.news__page.single main.site-main article header.entry-header h2.entry-title {
  color                : #0D4473;
  font-size            : 1.625rem;
  font-weight          : 600;
  margin-bottom        : .5rem;
  text-align           : left;
}
.news__page.single main.site-main article header.entry-header h3.webinardate {
  margin-top           : 1.125rem;
}
.news__page.single main.site-main article header.entry-header h3.webinarspeaker {
  margin-bottom        : 1.125rem;
}
.news__page.single main.site-main article header.entry-header h4 {
  font-size            : 1.125rem;
}
.news__page.single main.site-main article span.date {
  font-size            : .875rem;
  color                : #888888;
}
body.eckb-front-end-body .news__page.single main.site-main article span.date {
  display              : none;
}
.news__page.single main.site-main article .entry-meta span {
  font-size            : .8125rem;
  font-weight          : 400;
}
.news__page.single main.site-main article .entry-meta span > * {
  color                : #333333;
}
.news__page.single main.site-main article .entry-content .entry {
  margin-bottom        : 1.5rem;
}
.news__page.single main.site-main article .entry-content .text {
  font-size            : 1rem;
  font-weight          : 400;
}
.news__page.single main.site-main article .entry-content > ol {
  margin-top           : 1rem;
}
.news__page.single main.site-main article .entry-content > ol > li {
  padding-left         : .5rem;
  padding-bottom       : .5rem;
}
.news__page.single main.site-main article form .form-group {
  margin-top           : 1.5rem;
  margin-bottom        : 0;
}

@media screen and (min-width: 71.25rem) {
  .news__page.single main.site-main article header.entry-header h2.entry-title {
    color              : #0D4473;
    font-size          : 2rem;
  }
  .news__page.single main.site-main article header.entry-header h3.webinardate {
    margin-top         : 1.5rem;
  }
  .news__page.single main.site-main article header.entry-header h3.webinarspeaker {
    margin-bottom      : 1.5rem;
  }
  .news__page.single main.site-main article header.entry-header h4 {
    font-size          : 1.5rem;
  }
  .news__page.single main.site-main article span.date {
    font-size          : 1rem;
  }
  .news__page.single main.site-main article .entry-meta span {
    font-size          : .8125rem;
  }
  .news__page.single main.site-main article .entry-content .text {
    font-size          : 1.125rem;
  }
  .news__page.single main.site-main article form .form-group {
    margin-top         : 2rem;
  }
  
  body.eckb-front-end-body .news__page.single main.site-main article .entry-content #eckb-article-content-body h4 {
    margin-top         : 3rem;
    margin-bottom      : 1.5rem;
  }
  body.eckb-front-end-body .news__page.single main.site-main article .entry-content #eckb-article-content-body h4:first-of-type {
    margin-top         : 1.5rem;
  }
}

body.search article footer {
  font-size            : .875rem;
  margin-top           : .25rem;
  color                : grey;
}

/* page-challenge.php ------------------------------------------------------------------------------------------------------------------------------- */

.potw {
  background-color     : #F0F0F0;
  padding-top          : 5rem;
  padding-bottom       : 5rem;
  text-align           : center;
}
.potw .image {
  margin-bottom        : 3rem;
}
.potw .image img {
  max-width            : 100%;
  max-height           : 37.5rem;
}
.potw .btn {
  margin               : 3rem auto 0;
}

#proposal + .container-fluid .container {
  text-align           : center;
}
#proposal + .container-fluid .container a {
  margin-bottom        : 1.5rem;
}
#proposal + .container-fluid .container p {
  font-size            : 1.25rem;
  font-weight          : 300;
}

/* halloffame.php ------------------------------------------------------------------------------------------------------------------------------- */

/* .news__page.single main#main.site-main */

.main-news.hof-winner .status {
  text-align           : center;
  margin-bottom        : .5rem;
  font-size            : 1.75rem;
  font-weight          : 400;
  color                : #0D4473;
}
.main-news.hof-winner .lorbeer-box {
  text-align           : center;
  margin-bottom        : 3rem;
  display              : flex;
  justify-content      : center;
  align-items          : center;
}
.main-news.hof-winner .lorbeer-box .lorbeer-links,
.main-news.hof-winner .lorbeer-box .lorbeer-rechts {
  display              : none;
  width                : 20%;
  max-width            : 6rem;
}
@media screen and (min-width: 48rem) {
  .main-news.hof-winner .lorbeer-box .lorbeer-links,
  .main-news.hof-winner .lorbeer-box .lorbeer-rechts {
    display            : flex;
  }
}
.main-news.hof-winner .lorbeer-box .lorbeer-links  img,
.main-news.hof-winner .lorbeer-box .lorbeer-rechts img {
  width                : 100%;
}
.main-news.hof-winner .lorbeer-box .lorbeer-mitte {
  display              : flex;
  flex-direction       : column;
  align-items          : center;
  justify-content      : center;
  text-align           : center;
  margin-left          : 1.5rem;
  margin-right         : 1.5rem;
  color                : #0D4473;
}
.main-news.hof-winner .lorbeer-box .lorbeer-mitte .name {
  margin-bottom        : .5rem;
  font-size            : 2.25rem;
  font-weight          : 600;
  line-height          : 2.4rem;
}
.main-news.hof-winner .lorbeer-box .lorbeer-mitte .organisation,
.main-news.hof-winner .lorbeer-box .lorbeer-mitte .location {
  font-size            : 1.25rem;
  font-weight          : 400;
}
.main-news.hof-winner a.figure {
  display              : block;
}
.main-news.hof-winner a.figure figure {
  border               : 1px solid #dee2e6;
}
.main-news.hof-winner a.figure figure img.news-image {
  width                : 100%;
}
.main-news.hof-winner h2 {
  margin               : 2.5rem 0 2rem 0;
}
.main-news.hof-winner .resume {
  padding              : 0;
  font-size            : 1.125rem;
  font-weight          : 400;
  line-height          : 1.75rem;
  margin-bottom        : 2.25rem;
}

/* Header/Menues/Navigation ========================================================================================================================= */


/* Allgemeines ------------------------------------------------------------------------------------ */

ul.sub-menu {
  display              : block;
  overflow             : hidden;
  max-height           : 0;
  transition           : max-height ease-in-out .3s;
  width                : 100%;
  list-style           : none;
  margin               : 0;
  padding              : 0;
  background-color     : #FFFFFF;
  color                : #4A4A4A;
}
ul.sub-menu li a {
  padding              : .75rem;
  width                : 15.625rem;
  color                : #4A4A4A;
  transition           : background .3s;
  display              : block;
}
ul.sub-menu li.current_page_item a {
  background           : rgba(0,0,0,.08);
}
ul.sub-menu li a:hover {
  background           : rgba(0,0,0,.16);
}

/* Site-Header -------------------------------------------------------------------------------------------------------------------------------------- */

header.site-header {
  position             : fixed;
  top                  : 0;
  z-index              : 99998;
  width                : 100%;
}
#wpadminbar ~ header.site-header {
  top                  : 32px;
}
@media screen and (max-width: 782px) {
  #wpadminbar ~ header.site-header {
    top                : 46px;
  }
}
header.site-header .header {
  background-image     : linear-gradient(rgba(12, 51, 79, 0.96), rgba(5, 23, 39, 0.96));
  color                : white;
  height               : 4.5rem;
  overflow             : hidden;
}
@media screen and (min-width: 71.25rem) {
  header.site-header .header {
    height             : 5.625rem;
  }
}

/* Mobiles Menue ---------------------------------------------------------------------------------- */

header.site-header .header a.hamburger {
  width                : 1.5rem;
  height               : 1.5rem;
}
header.site-header .header a.hamburger svg {
  width                : 100%;
  height               : 100%;
}

/* header.site-header .header */
.navigation-toggle {
  /*display: inline-block;*/
  position             : absolute;
  height               : 1.5rem;
  width                : 1.5rem;
  margin               : 1.5rem;
  -webkit-transition   : transform .3s;
  transition           : transform .3s;
}
.navigation-toggle svg {
  display              : block;
  fill                 : #009FE3;
}
@media screen and (min-width: 71.25rem) {
  .navigation-toggle {
    display            : none;
  }
}

/* header.site-header .header .menu-mobile-menu-container */
.mobile-menu {
  display              : block;
  top                  : 4.5rem;
  position             : absolute;
  background-image     : linear-gradient(rgba(12, 51, 79, 0.96), rgba(5, 23, 39, 0.96));
  margin               : 0;
  padding              : 1.5rem 0;
  box-sizing           : border-box;
  width                : 100%;
  max-width            : 20rem;
  height               : calc(100vh - 4.5rem);
  z-index              : 9996;
  transform            : translateX(-20rem);
  -webkit-transition   : transform .3s;
  transition           : transform .3s;
  overflow-y           : scroll;
}
.mobile-menu > li {
  position             : relative;
}
.mobile-menu li a {
  display              : block;
  padding              : .75rem 1.5rem;
  font-size            : 1.75rem;
  line-height          : 2rem;
  letter-spacing       : .07rem;
}
.mobile-menu > li > a {
  color                : white !important;
}
.mobile-menu > li.current-menu-ancestor > a,
.mobile-menu > li.current-menu-item     > a {
  background           : rgba(0,0,0,.3);
}
.mobile-menu li.menu-item-has-children > ul.sub-menu > li >  a {
  padding-left         : 3rem;
  width                : 100%;
  font-size            : 1.25rem;
}
.mobile-menu li.active > ul.sub-menu {
  max-height           : 25rem;
}
.mobile-menu .menu-item .navbar-expander {
  display              : block;
  top                  : 1rem;
  position             : absolute;
  right                : 1.25rem;
  transform            : rotate(0deg);
  transition           : transform .3s ease-in-out .1s, top .3s ease-in-out .1s;
  cursor               : pointer;
  height               : 1.3125rem;
  width                : 2rem;
}
.mobile-menu .menu-item.active .navbar-expander {
  transform            : rotate(180deg);
  top                  : 1.375rem;
}
@media screen and (min-width: 71.25rem) {
  .mobile-menu {
    display            : none;
  }
}

/* Icon-Menue -------------------------------------------------------------------------------------- */

/* header.site-header .header div.main-navigation-right-wrapper */
.icon-container {
  float: right;
  margin-right         : 4vw;
}
.icon-container .pers-icon,
.icon-container .search-icon {
  display              : inline-block;
  cursor               : pointer;
  vertical-align       : bottom;
}
.icon-container .pers-icon   a,
.icon-container .search-icon a {
  display              : block;
  padding              : 1.5rem 2vw;
}
.icon-container .pers-icon a i {
  font-size            : 1.5rem;
  display              : block;
}
.icon-container .pers-icon a.signOut i {
  color                : #40BA3A;
}
.icon-container .pers-icon a.signReg i {
  color                : #009FE3;
}
.icon-container .search-icon a svg {
  display              : block;
  height               : 1.5rem;
}
.icon-container .search-icon a svg * {
  stroke               : #009FE3;
  stroke-width         : 55;
  fill                 : none;
  image-rendering      : optimizeQuality;
  shape-rendering      : geometricPrecision;
}

@media screen and (min-width: 71.25rem) {
  .icon-container {
    display            : flex;
    margin-right       : calc( ( 50vw - 22rem )/14 ); /*funktioniert nicht ueberall; bspw. lap-unamat */ /* Halbe Gesamtbreite minus Nettoinhalt (gemessen) durch 14 Abstandsquanten  */
  /*margin-right       : 0;    */
  }
  .icon-container .pers-icon   a,
  .icon-container .search-icon a {
    display            : flex;
    padding            : 2.1875rem 0;
    -webkit-transition : background .3s;
    transition         : background .3s;
  }
  .icon-container .pers-icon   a:hover,
  .icon-container .search-icon a:hover,
  .icon-container .pers-icon   a.active,
  .icon-container .search-icon a.active {
    background         : rgba(0,0,0,.3);
  }
/* Accessibility
  .icon-container .pers-icon   a:focus,
  .icon-container .search-icon a:focus {
    background         : rgba(0,0,0,.2);
  }
*/
  .icon-container .pers-icon   a::before,
  .icon-container .search-icon a::before,
  .icon-container .pers-icon   a::after,
  .icon-container .search-icon a::after {
    content            : '';
    max-width          : 1.875rem;
    width              : calc( ( 50vw - 22rem )/14 ); /* Halbe Gesamtbreite minus Nettoinhalt (gemessen) durch 14 Abstandsquanten  */
    display            : inline-block;
  }
  .icon-container .pers-icon a i {
    font-size          : 1.25rem;
  }
  .icon-container .search-icon a svg {
    height             : 1.25rem;
  }
}
  
/* Hauptmenue ------------------------------------------------------------------------------------- */

/* header.site-header .header */

.desktop-navigation-wrapper nav.desktop-navigation {
  display              : none;
}
@media screen and (min-width: 71.25rem) {
  .desktop-navigation-wrapper {
    position           : absolute;
    display            : block;
    width              : auto;
    text-align         : left;
    white-space        : nowrap;
  }
  .desktop-navigation-wrapper.left {
    right              : calc(50% + (6.625rem/2 + 1.5rem));
  }
  .desktop-navigation-wrapper.right {
    left               : calc(50% + (6.625rem/2 + 1.5rem));
  }
  .desktop-navigation-wrapper nav.desktop-navigation {
    display            : inline-block;
  }
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu {
    width              : auto;
    flex-wrap          : nowrap;
  }
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu li {
    position           : relative;
    display            : inline-block;
    float              : left;
    -webkit-transition : background .3s;
    transition         : background .3s;
  }
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu li.product-menu-toggle {
    position           : static;
  }

  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu > li:hover,
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu > li:active,
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu > li.active {
      background       : rgba(0,0,0,.3);
  }

/* Accessibility
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu li:focus-within {
      background       : rgba(0,0,0,.2);
  }
*/
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu li:focus {
      background       : rgba(0,0,0,.2);
  }
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu > li > a {
    color              : white !important;
    display            : block;
    padding            : 1.875rem 0;
    line-height        : 1.875rem;
  }
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu > li > a::before,
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu > li > a::after {
      content          : '';
      max-width        : 1.875rem;
      display          : inline-block;
    /*width            : calc( ( 50vw - 22.270625rem )/13 );*/ /* Halbe Gesamtbreite minus Nettoinhalt (gemessen) durch 13 Abstandsquanten  */
      width            : calc( ( 50vw - 22rem )/16 ); /* Halbe Gesamtbreite minus Nettoinhalt (gemessen) durch 16 Abstandsquanten  */
  }
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu li ul.sub-menu {
    box-shadow         : 0 .25rem .25rem rgba(0,0,0,.2);
    position           : absolute;
    z-index            : 99999;
  }
/* Accessibility
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu li              ul.sub-menu:focus-within,
*/
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu li:hover ul.sub-menu,
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu li.focus ul.sub-menu {
    width              : auto;
    max-height         : 20rem;
  }
  .desktop-navigation-wrapper nav.desktop-navigation ul.desktop-menu li ul.sub-menu li a {
    padding            : .75rem 1.25rem;
    width              : 12.5rem;
  }
}


/* mittiges Firmenlogo ---------------------------------------------------------------------------- */
.header .custom-logo-link {
  position             : absolute;
  left                 : calc(50% - (4.625rem / 2));
  width                : 4.625rem !important;
  height               : 4.625rem !important;
  margin               : .75rem auto;
  z-index              : 99999;
  background           : white; 
  border-radius        : 50%;
  box-shadow           : 0 2px 3px rgba(0,0,0,.5);
  -webkit-transition   : all .5s;
  -moz-transition      : all .5s;
  transition           : all .5s;
  display              : flex;
  justify-content      : center;
  align-content        : center;
  align-items          : center;
}
@media screen and (min-width: 71.25rem) {
  .header .custom-logo-link {
    width              : 6.125rem !important;
    height             : 6.125rem !important;
    left               : calc(50% - (6.125rem / 2));
  }
}
.header .custom-logo-link img.custom-logo.mobile {
  display              : block;
  width                : 88%;
}
.header .custom-logo-link img.custom-logo.desktop {
  display              : none;
  width                : 90%;
  margin-bottom        : 2rem;
  margin-left          : .1875rem;
}
@media screen and (min-width: 71.25rem) {
  .header .custom-logo-link img.custom-logo.desktop {
    display            : block;
  }
  .header .custom-logo-link img.custom-logo.mobile {
    display            : none;
  }
}
/*
.header .custom-logo-link img {
  width                : 90%;
  margin-bottom        : 2rem;
  margin-left          : .125rem;
}
*/
/* Accessibility
.header .custom-logo-link:focus img,
*/
.header .custom-logo-link:hover {
  transform            : scale(.9);
}


/* Custom Produktmenues ---------------------------------------------------------------------------- */

.product-menu {
  position             : absolute;
  top                  : 4.5rem;
  overflow             : hidden;
  width                : 98vw;
  max-width            : 71.5rem;
  left                 : 1vw;
  right                : 1vw;
  margin               : 0 auto;
  padding              : 0;
  max-height           : 0;
  background-color     : #FFFFFF;
  transition           : max-height ease-in .5s;
  box-shadow           : 0 .25rem .25rem rgba(0,0,0,.2);
  z-index              : 9998;
}
@media screen and (min-width: 71.25rem) {
  .product-menu {
    top                : 5.625rem;
  }
}
.product-menu .product-menu__wrapper {
  margin               : 2rem; /* fuer IE */
  margin               : min(2rem,2vw);
}
.product-menu .product-menu__wrapper .item {
  display              : flex;
  flex-direction       : column;
  margin               : 1.25rem;
}

/* kleines Produktmenue --------------------------------------------------------------------------- */
.product-menu.mini .product-menu__wrapper {
  display              : flex;
  flex-direction       : column;
}
@media screen and (min-width: 38rem) {
  .product-menu.mini {
    width              : 840px;
  }
  .product-menu.mini .product-menu__wrapper {
    flex-direction     : row;
    flex-wrap          : wrap;
  }
}
.product-menu.mini .product-menu__wrapper .item {
  width                : calc(100% - 2.5rem);
}
@media screen and (min-width: 38rem) {
  .product-menu.mini .product-menu__wrapper .item {
    /*width              : 33.333%; *//* fuer IE */
    width              : calc(50% - 2 * 20px);
  }
}
.product-menu.mini .product-menu__wrapper .item.blue {
  color                : #0D4473;
}
.product-menu.mini .product-menu__wrapper .item.green {
  color                : #00973A;
}
.product-menu.mini .product-menu__wrapper .item.orange {
  color                : #B36200;
}
.product-menu.mini .product-menu__wrapper .item a figure {
  display              : flex;
  align-items          : center;
}
.product-menu.mini .product-menu__wrapper .item a figure img {
  margin-right         : 2rem;
  width                : 20vw;
  max-width            : 5.25rem;
/*width                : min(5.25rem,20vw); */
}
.product-menu.mini .product-menu__wrapper .item a figure figcaption {
  font-size            : 2rem;
/*font-weight          : 400;    */
}
.product-menu.mini .product-menu__wrapper .item .content {
  font-weight          : 400;
  font-size            : .875rem;
  margin               : 0;
  max-width            : 100%; /* fuer IE */
}

/* grosses Produktmenue --------------------------------------------------------------------------- */
.product-menu.full {
  display              : none;
}
@media screen and (min-width: 38rem) {
  .product-menu.full {
    display            : block;
    max-width          : 64rem;
  }
  .product-menu.full .product-menu__wrapper {
    display            : flex;
    flex-direction     : row;
    justify-content    : space-between;
  }
  .product-menu.full .product-menu-title {
    color              : #404040;
    margin             : 0 0 1.2rem 0;
    font-size          : 1.375rem;
  }
  .product-menu.full .product-menu__wrapper .item {
    flex-basis         : 41%; /* fuer IE */
    flex-basis         : min-content;
    flex-shrink        : 100;
    margin             : 1.5rem;
  }
  .product-menu.full .product-menu__wrapper .item:first-child {
    flex-shrink        : 1;
  }
  .product-menu.full .item .platform {
    display            : flex;
    align-items        : flex-end;
    margin-top         : .8rem
  }
  .product-menu.full .item .platform + .platform { /* pre-xREAl: 2.5rem */
    margin-top         : 1.5rem
  }
  .product-menu.full .item .platform .image { /* pre-xREAl: 5.25rem */
    min-width          : 4rem;
    width              : 4rem;
    max-width          : 4rem;
    min-height         : 4rem;
    height             : 4rem;
    max-height         : 4rem;
  }
  .product-menu.full .item .platform .text {
    margin-left        : 1.5rem;
  }
  .product-menu.full .item .platform .text .toolname {
    font-size          : 1.6rem;
    font-weight        : 400;
  }
  .product-menu.full .item .platform .text .toolsub {
    white-space        : nowrap !important;
  }
  .product-menu.full .item ul {
    margin             : 0;
    padding            : 0;
  }
  .product-menu.full .item ul li,
  .product-menu.full .item ul li a {
    width              : 100%;
    color              : #4A4A4A;
    white-space        : nowrap;
  }
  .product-menu.full .item ul li a {
    margin             : .5rem 0;
    display            : block;
    font-weight        : 200;
  }
/* Accessibility
  .product-menu.full .item ul li:focus-within,
  .product-menu.full .item ul li a:focus,
*/
  .product-menu.full .item ul li:hover,
  .product-menu.full .item ul li a:hover {
    color              : #009EE2;
  }
}

/* Produktmenues ausklappen ----------------------------------------------------------------------- */
/* Accessibility
.product-menu:focus-within,
.custom-logo-link:focus + #product-menu-mini,
*/
.product-menu:hover,
.product-menu.active,
.custom-logo-link:hover + #product-menu-mini,
.product-menu-toggle:hover #product-menu-full {
  max-height           : calc(100vh - 6rem);
  z-index              : 9999;
}


/* Page Navigation ---------------------------------------------------------------------------------------------------------------------------------- */

.navigation-bar {
  position             : relative;
  left                 : 0;
  right                : 0;
  top                  : -.375rem;
  top                  : -.3125rem;
  padding              : .75rem 1.25rem .625rem .75rem;
  flex-direction       : column;
  align-items          : flex-start;
  margin-bottom        : -.375rem;
  margin-bottom        : -.3125rem;
  background-color     : #FFFFFF;
  z-index              : 10;
  width                : 100%;
  display              : flex;
  border               : 1px solid white;
  max-width            : 71.25rem;
}
@media screen and (min-width: 71.25rem) {
  .navigation-bar {
    position           : absolute;
    padding            : 1.625rem 1.25rem 1.25rem 1.25rem;
    height             : 5.375rem;
    flex-direction     : row;
    align-items        : center;
    margin             : auto;
  }
}
.navigation-bar.navigation-bar__news {
  position             : relative;
  border-bottom        : 1px solid #dee2e6;
}
@media screen and (min-width: 71.25rem) {
  .navigation-bar.navigation-bar__news {
    border-right       : 1px solid #dee2e6;
    border-left        : 1px solid #dee2e6;
  }
}
.navigation-bar .logo-text {
  display              : flex;
  align-items          : center;
}
.navigation-bar .logo-text img {
  max-height           : 2.5rem;
  max-width            : 3rem;
/*width                : 2.5rem;  */
  margin-right         : .625rem;
  height               : 100%;
}
.navigation-bar .logo-text span,
.navigation-bar .logo-text span a {
  font-weight          : bold;
  font-size            : 1.25rem;
  line-height          : 2.5rem;
  white-space          : nowrap;
  display              : block;
}
.navigation-bar.blue .logo-text span {
  color                : #0D4473;
}
.navigation-bar.green .logo-text span {
  color                : #00973A;
}
.navigation-bar.orange .logo-text span {
  color                : #B36200;
}
.navigation-bar .navbar-expander,
.navigation-bar .navbar-search {
  display              : block;
  position             : absolute;
  right                : 1.25rem;
  top                  : 1.25rem;
  transition           : transform .3s ease-in-out .1s, top .3s ease-in-out .1s;
  cursor               : pointer;
  width                : 2rem;
}
.navbar-expander.offen,
.navbar-search.offen {
  transform            : rotate(180deg);
  top                  : 1.375rem;
}
@media screen and (min-width: 71.25rem) {
  .navigation-bar .navbar-expander,
  .navigation-bar .navbar-search {
    display            : none;
  }
}
.navigation-bar .navigation-bar__wrapper {
  margin-left          : 0;
  display              : none;
  position             : absolute;
  right                : -1px;
  top                  : 3.875rem;
  background-color     : white;
  padding              : 1rem;
  padding-top          : 0;
}
.navigation-bar.border               .navigation-bar__wrapper,
.navigation-bar.navigation-bar__news .navigation-bar__wrapper {
  border-left          : 1px solid #dee2e6;
  border-bottom        : 1px solid #dee2e6;
}
@media screen and (min-width: 71.25rem) {
  .navigation-bar .navigation-bar__wrapper {
    display            : block;
    margin-left        : 2.5rem;
    flex-grow          : 2;
    position           : static;
    background-color   : transparent;
    padding            : 0;
    overflow           : visible;
  }
  .navigation-bar.border               .navigation-bar__wrapper,
  .navigation-bar.navigation-bar__news .navigation-bar__wrapper {
    border             : none;
  }
}
.navigation-bar .navigation-bar__wrapper nav.menu {
    overflow           : scroll;
    display            : flex;
    align-items        : flex-start;
    width              : auto;
    flex-direction     : column;
}
@media screen and (min-width: 71.25rem) {
  .navigation-bar .navigation-bar__wrapper nav.menu {
    width              : 100%;
    flex-direction     : row;
    overflow           : visible;
  }
}
.navigation-bar.blue   .navigation-bar__wrapper nav.menu a {
  color                : #0D4473;
}
.navigation-bar.green  .navigation-bar__wrapper nav.menu a {
  color                : #00973A;
}
.navigation-bar.orange  .navigation-bar__wrapper nav.menu a {
  color                : #B36200;
}
.navigation-bar.blue   .navigation-bar__wrapper nav.menu a:hover {
  color                : #009FE3;
}
.navigation-bar.green  .navigation-bar__wrapper nav.menu a:hover {
  color                : #3AAA35;
}
.navigation-bar.orange  .navigation-bar__wrapper nav.menu a:hover {
  color                : #FFA12F;
}
.navigation-bar        .navigation-bar__wrapper nav.menu a:not(.btn) {
/*margin-right         : 0;  */
  padding              : .3125rem .625rem;
/*height               : auto;  */
/*margin-top           : 0;  */
/*line-height          : inherit;  */
  width                : 100%;
  transition           : all .3s;
}
.navigation-bar .navigation-bar__wrapper nav.menu a.active {
  font-weight          : 700;
}
.navigation-bar .navigation-bar__wrapper nav.menu a.btn {
  margin-left          : auto;
  margin-right         : 0;
  margin-top           : .5rem;
  font-size            : 1.1875rem;
  height               : 2.5rem;
  font-weight          : 600;
  width                : auto;
  min-width            : 12.75rem;
}
@media screen and (min-width: 71.25rem) {
  .navigation-bar .navigation-bar__wrapper nav.menu a:not(.btn) {
    margin-right       : 2.25rem;
    padding            : 0;
    height             : 2.375rem;
    margin-top         : .125rem;
    line-height        : 2.5rem;
    width              : auto;
  }
  .navigation-bar .navigation-bar__wrapper nav.menu a.btn {
    margin-top         : 0;
  }
}



/* Search ------------------------------------------------------------------------------------------------------------------------------------------- */
/*
.header #ajaxsearchpro1_1 {
  opacity              : 0;
  z-index              : -1;
  -webkit-transition   : opacity .3s;
  transition           : opacity .3s;
}
#ajaxsearchpro1_1 .probox,
div.asl_w .probox {
  border-radius        : 0 !important;
}
#ajaxsearchpro1_1 .probox .proinput input,
div.asp_w .probox .proinput input {
  font-size            : 1rem !important;
}
*/
button.promagnifier {
  min-width            : unset;
}
#ajaxsearchprores2_1,
#ajaxsearchprores2_2,
#ajaxsearchprores3_1,
#ajaxsearchprores3_2,
#ajaxsearchprores4_1,
#ajaxsearchprores4_2  {
  margin               : -2px 0 0 0 !important;
}
.ajaxsearchpro.searchsettings {
  z-index              : 99998 !important;
}
.ajaxsearchpro.searchsettings .asp_simplebar-horizontal {
  display              : none !important;
}
.probox .innericon {
  font-size            : 1rem;
}

/* Pagination --------------------------------------------------------------------------------------------------------------------------------------- */
nav.pagination .nav-links {
  margin               : .25rem auto;
}
nav.pagination .nav-links .page-numbers {
  font-size            : 1.125rem;
  margin               : 0 .5rem;
}
@media screen and (min-width: 35rem) {
  nav.pagination .nav-links .page-numbers {
    font-size          : 1.5rem;
    margin             : 0 .75rem;
  }
}
nav.pagination .nav-links .page-numbers.current {
  font-weight          : 600;
}
nav.pagination .nav-links .page-numbers.dots {
}


/* Forms -------------------------------------------------------------------------------------------------------------------------------------------- */
.custom-file-input
{
  cursor: pointer;
}

/* Buttons ------------------------------------------------------------------------------------------------------------------------------------------ */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.btn,
.btn.btn-primary
{
  font-style           : normal;
  font-weight          : bold;
  font-size            : 1.1875rem;
  line-height          : 1.375rem;
  min-width            : 14rem;
  width                : 14rem; /* fuer IE */
  width                : max-content;
  height               : 3.375rem;
  padding              : .375rem 1.25rem;
  display              : inline-flex;
  align-items          : center;
  justify-content      : center;
  background-color     : #0D4473;
  border               : 3px solid #0D4473;
  border-radius        : 0;
  color                : #FFFFFF !important;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn:hover,
.btn.btn-primary:hover
{
  background           : transparent;
  color                : #0D4473 !important;
  border-color         : #0D4473;
}
button.btn-outline,
input[type="button"].btn-outline,
input[type="reset"].btn-outline,
input[type="submit"].btn-outline,
.btn.btn-outline,
.btn.btn-primary.btn-outline
{
  background           : transparent;
  color                : #0D4473 !important;
  border-color         : #0D4473;
}
button.btn-outline:hover,
input[type="button"].btn-outline:hover,
input[type="reset"].btn-outline:hover,
input[type="submit"].btn-outline:hover,
.btn.btn-outline:hover,
.btn.btn-primary.btn-outline:hover
{
  background           : #0D4473;
  color                : #FFFFFF !important;
  border-color         : #0D4473;
}
.btn-link {
  text-decoration      : none;
}
.blue button,
.blue input[type="button"],
.blue input[type="reset"],
.blue input[type="submit"],
.blue .btn,
.blue .btn.btn-primary
{
  background-color     : #0D4473;
  border               : 3px solid #0D4473;
  color                : #FFFFFF !important;
}
.blue button:hover,
.blue input[type="button"]:hover,
.blue input[type="reset"]:hover,
.blue input[type="submit"]:hover,
.blue .btn:hover,
.blue .btn.btn-primary:hover
{
  background           : transparent;
  color                : #0D4473 !important;
  border-color         : #0D4473;
}
.blue button.btn-outline,
.blue input[type="button"].btn-outline,
.blue input[type="reset"].btn-outline,
.blue input[type="submit"].btn-outline,
.blue .btn.btn-outline,
.blue .btn.btn-primary.btn-outline
{
  background           : transparent;
  color                : #0D4473 !important;
  border-color         : #0D4473;
}
.blue button.btn-outline:hover,
.blue input[type="button"].btn-outline:hover,
.blue input[type="reset"].btn-outline:hover,
.blue input[type="submit"].btn-outline:hover,
.blue .btn.btn-outline:hover,
.blue .btn.btn-primary.btn-outline:hover
{
  background           : #0D4473;
  color                : #FFFFFF !important;
  border-color         : #0D4473;
}
.green button,
.green input[type="button"],
.green input[type="reset"],
.green input[type="submit"],
.green .btn,
.btn.btn-success
{
  background-color     : #00973A;
  border               : 3px solid #00973A;
  color                : #FFFFFF !important;
}
.green button:hover,
.green input[type="button"]:hover,
.green input[type="reset"]:hover,
.green input[type="submit"]:hover,
.green .btn:hover,
.btn.btn-success:hover
{
  background           : transparent;
  color                : #00973A !important;
  border-color         : #00973A;
}
.green button.btn-outline,
.green input[type="button"].btn-outline,
.green input[type="reset"].btn-outline,
.green input[type="submit"].btn-outline,
.green .btn.btn-outline,
.btn.btn-success.btn-outline
{
  background-color     : transparent;
  color                : #00973A !important;
  border-color         : #00973A;
}
.green button.btn-outline:hover,
.green input[type="button"].btn-outline:hover,
.green input[type="reset"].btn-outline:hover,
.green input[type="submit"].btn-outline:hover,
.green .btn.btn-outline:hover,
.btn.btn-success.btn-outline:hover
{
  background           : #00973A;
  color                : #FFFFFF !important;
  border-color         : #00973A;
}
.orange button,
.orange input[type="button"],
.orange input[type="reset"],
.orange input[type="submit"],
.orange .btn
{
  background-color     : #B36200;
  border               : 3px solid #B36200;
  color                : #FFFFFF !important;
}
.orange button:hover,
.orange input[type="button"]:hover,
.orange input[type="reset"]:hover,
.orange input[type="submit"]:hover,
.orange .btn:hover
{
  background           : transparent;
  color                : #B36200 !important;
  border-color         : #B36200;
}
.orange button.btn-outline,
.orange input[type="button"].btn-outline,
.orange input[type="reset"].btn-outline,
.orange input[type="submit"].btn-outline,
.orange .btn.btn-outline
{
  background-color     : transparent;
  color                : #B36200 !important;
  border-color         : #B36200;
}
.orange button.btn-outline:hover,
.orange input[type="button"].btn-outline:hover,
.orange input[type="reset"].btn-outline:hover,
.orange input[type="submit"].btn-outline:hover,
.orange .btn.btn-outline:hover
{
  background           : #B36200;
  color                : #FFFFFF !important;
  border-color         : #B36200;
}
.btn.btn-white
{
  background-color     : #FFFFFF !important;
  border               : 2px solid #FFFFFF !important;
  color                : #404040 !important;
}
.btn.btn-white:hover
{
  background           : transparent !important;
  color                : #FFFFFF !important;
}
.btn.btn-white.btn-outline
{
  background           : transparent !important;
  color                : #FFFFFF !important;
}
.btn.btn-white.btn-outline:hover
{
  background           : #FFFFFF !important;
  color                : #404040 !important;
}
.btn.btn-small,
.btn.btn-sm
{
  font-size            : .875rem;
  line-height          : 1.5;
  height               : 2.5rem;
  border-width         : 2px;
}
.blue .btn.btn-white:not(.btn-outline),
.blue .btn.btn-white.btn-outline:hover
{
  color                : #0D4473 !important;
}
.green .btn.btn-white:not(.btn-outline),
.green .btn.btn-white.btn-outline:hover
{
  color                : #00973A !important;
}
.orange .btn.btn-white:not(.btn-outline),
.orange .btn.btn-white.btn-outline:hover
{
  color                : #B36200 !important;
}
.blue  .btn.btn-white:not(.btn-outline):hover,
.green .btn.btn-white:not(.btn-outline):hover,
.orange .btn.btn-white:not(.btn-outline):hover
{
  color                : #FFFFFF !important;
}



footer {
  width                : 100%;
}
footer section.footer__social {
  background-color     : #1E70B7;
  display              : flex;
  align-items          : center;
  height               : 12rem;
  flex-direction       : column;
  justify-content      : center;
}
footer section.footer__social h4 {
  color                : #FFFFFF;
  text-transform       : uppercase;
  margin-bottom        : 1.75rem;
}
footer section.footer__social div {
  display              : flex;
}
footer section.footer__social div a {
  margin               : 0 .9375rem;
}
footer section.footer__social div a i {
  color                : white;
  font-size            : 2.625rem;
  transition           : opacity .2s;
}
footer section.footer__social div a:hover i {
  opacity              : .7;
}
footer section.footer__links {
  display              : flex;
  flex-direction       : row;
  justify-content      : space-around; /* fuer IE */
  justify-content      : space-evenly;
  margin-top           : 3rem;
  margin-bottom        : 3rem;
}
footer section.footer__links nav {
  min-width            : 7rem;
  text-align           : center;
}
footer section.footer__links nav:nth-child(2) {
  display              : none;
}
@media screen and (min-width: 45rem) {
  footer section.footer__links nav:nth-child(2) {
    display            : block;
  }
}
footer section.footer__links nav span {
  font-weight          : 700;
  display              : block;
  margin-bottom        : 1.25rem;
  color                : #0D4473;
}
footer section.footer__links nav div {
  display              : block;
  margin-bottom        : .3125rem;
}

footer.site-footer {
  margin               : 4rem auto .5rem;
}
footer.site-footer .site-info {
  font-size            : .75rem;
  color                : #888888;
  text-align           : center;
}



@media print {
  html, body {
    font-size          : 12pt;
  }
  @page { 
    margin             : 2.25cm 0;
  }
  @page :first { 
    margin-top         : 0;
  }
  h2 {
    break-after        : avoid;
    break-inside       : avoid;
  }
  li {
    break-inside       : avoid;
  }
  header.site-header {
    position           : relative;
  }
  header.site-header .header a.hamburger {
    display            : none;
  }
  .desktop-navigation-wrapper.right {
    display            : none;
  }
  .navigation-bar .logo-text img {
    display            : none;
  }
  .navigation-bar .navbar-expander, .navigation-bar .navbar-search {
    display            : none;
  }
  .navigation-bar .logo-text {
    width              : 100%;
  }
  .navigation-bar.blue .logo-text span {
    margin             : auto;
    font-size          : 32pt;
  }
  .navigation-bar.border {
    border             : 0 solid white !important;
  }
  footer {
    display            : none;
  }
  #to_top_scrollup {
    display            : none !important;
  }
  #cookieBoxWrapper {
    display            : none;
  }
  .container {
    max-width          : calc(100% - 4cm);
    margin-left        : 2cm;
    margin-right       : 2cm;
  }
  .jumptarget {
    display            : none;
  }
  a:not(.custom-logo-link):after {
    content            : " (" attr(href) ") ";
  }
}