/* 2019-03-07 CAG: adding a quick fix to prevent SAB form submit buttons from "jumping around" after clicking */
/* ...can be removed after deployment of https://bitbucket.org/connecta-ag/denic_www/pull-requests/289/task-denic-121-corrected-two-buttons/diff */
.showLoadingIndicator button {
  margin-right: .25em;
  margin-bottom: 1em;
}

/* 2016-06-02: some temporary tweaking for feature image XXL teaser on smaller screens */
@media (max-width: 50em) {
  .feature figure.optimize-small-screens.responsive:not(.keep-original) img {
    /*height: 400px;*/
    height: 50vh;
    /*margin-top: 64px;*/
  }
}
@media (max-width: 38em) {
  .feature figure.optimize-small-screens.responsive:not(.keep-original) img {
    /*height: 300px;*/
  }
}
@media (max-width: 25em) {
  .feature figure.optimize-small-screens.responsive:not(.keep-original) img {
    height: 200px;
  }
}

@media (max-width: 25em) {

/* OK button for cookie notice has to behave on small screens! */
.teaser.notification.notification--acknowledge.notification--bottom .button--acknowledge {
  margin-left: 0;
  font-size: .9rem;
}

}


/* CAG JR: somehow hover got deactivated site-side ... due to color: inherit on the general a tag?! */
a:not(.button):hover {
  color: #ff9a00 !important; 
}
.nav-main .nav-submenu li a:hover {
  color: #fff !important;
}


/* 2017-03-28 CAG JR: changing tne Press Release overlay */
.press-releases[data-item-count="3"] .teaser:nth-child(1) figure>.overlay {
  background: #4c4c4c;
}

/* 2018-06-21 CAG AT: fixed press release (first teaser) on mobile */
/* 2017-03-28 CAG JR: changing tne Press Release overlay */
@media (min-width: 48em) {
  .press-releases[data-item-count="3"].teaser-row .teaser--news:first-child:before {
    padding-top: 41%;
  }
}


/* 2017-05-07 CAG TD: changing z-index of .teaser.notification.notification--acknowledge */

.teaser.notification.notification--acknowledge {
  z-index: 900;
}


/* 2018-07-27 CAG: some finetuning for powermail forms – shall be included in SCSS build as well! */
.tx-powermail input[type=checkbox],
.tx-powermail input[type=radio] {
  vertical-align: unset;
  height: auto;
}

.powermail_fieldwrap_check label,
.powermail_fieldwrap_radio label {
  vertical-align: unset;
  margin-left: .125rem;  
}

@media (max-width: 600px) {
   .tx-powermail input[type=checkbox],
   .tx-powermail input[type=radio] {
      vertical-align: top;
      height: auto;
      margin-top: 0.35rem;
   }
   .powermail_fieldwrap_check label,
   .powermail_fieldwrap_radio label {
      max-width: 90%;
   }
}

/* 2018-11-23 CAG: styling for contact data boxes*/
.contact-data {
  max-width: 600px;
  padding: 0; }
  .contact-data .contact-data--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .contact-data .contact-data-item {
    min-height: 160px;
    background-color: #eee;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    padding: 16px 32px; }
    .contact-data .contact-data-item:not(.contact-data-item__half) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }
      @media (max-width: 40em) {
        .contact-data .contact-data-item:not(.contact-data-item__half) {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
    .contact-data .contact-data-item__compact {
      min-height: auto; }
    @media (max-width: 40em) {
      .contact-data .contact-data-item__compact--mobile {
        min-height: auto; } }
  .contact-data .contact-data-item__half {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
    @media (max-width: 40em) {
      .contact-data .contact-data-item__half {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }

.contact-data-item--headline {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 24px;
  padding-left: 0;
  padding-top: 1.6em; }
  .contact-data-item--headline:before, .contact-data-item--headline:after {
    color: #ff9a00;
    font-size: 50px;
    top: 12px;
    left: -10px; }
  @media (min-width: 40em) {
    .contact-data-item:not(.contact-data-item__half) .contact-data-item--headline {
      padding-top: 0;
      padding-left: 2.75rem;
      margin-top: 3rem; } }
  @media (max-width: 40em) {
    .contact-data-item.contact-data-item__compact--mobile .contact-data-item--headline {
      margin-top: .5rem;
      padding-left: 3rem;
      padding-top: 0; } }
  .contact-data-item.contact-data-item__compact .contact-data-item--headline {
    font-size: 20px;
    line-height: 1.4; }
    @media (max-width: 40em) {
      .contact-data-item.contact-data-item__compact .contact-data-item--headline {
        margin-top: .5rem;
        padding-left: 3rem;
        padding-top: 0; } }
    @media (min-width: 40em) {
      .contact-data-item.contact-data-item__compact .contact-data-item--headline {
        -ms-flex-item-align: center;
            align-self: center;
        margin: 0; }
        .contact-data-item.contact-data-item__compact .contact-data-item--headline:before, .contact-data-item.contact-data-item__compact .contact-data-item--headline:after {
          top: 50%;
          -webkit-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
                  transform: translate(0, -50%); } }

.contact-data-item--subheadline {
  display: block;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.4; }

.contact-data-item--content {
  font-size: 16px;
  margin-bottom: 0; }
  .contact-data-item:not(.contact-data-item__half) .contact-data-item--content {
    width: 60%; }
    @media (max-width: 40em) {
      .contact-data-item:not(.contact-data-item__half) .contact-data-item--content {
        width: auto; } }
  .contact-data-item.contact-data-item__mail:not(.contact-data-item__half) .contact-data-item--content {
    width: 75%;
    font-size: 24px; }
  .contact-data-item.contact-data-item__compact.contact-data-item__mail:not(.contact-data-item__half) .contact-data-item--content,
  .contact-data-item.contact-data-item__compact .contact-data-item--content {
    width: 65%;
    font-size: 20px;
    line-height: 1.4; }
    @media (max-width: 40em) {
      .contact-data-item.contact-data-item__compact.contact-data-item__mail:not(.contact-data-item__half) .contact-data-item--content,
      .contact-data-item.contact-data-item__compact .contact-data-item--content {
        width: 100%;
        padding-left: 3rem; } }
    @media (min-width: 40em) {
      .contact-data-item.contact-data-item__compact.contact-data-item__mail:not(.contact-data-item__half) .contact-data-item--content,
      .contact-data-item.contact-data-item__compact .contact-data-item--content {
        -ms-flex-item-align: center;
            align-self: center; } }
  @media (max-width: 40em) {
    .contact-data-item.contact-data-item__compact--mobile .contact-data-item--content {
      margin-top: .5rem;
      padding-left: 3rem;
      padding-top: 0; } }

.contact-data-item--copy {
  font-size: 13px;
  right: -40px;
  position: relative;
  color: #ff9a00;
  cursor: pointer; }

.contact-data-infotext {
   margin: 2rem 0;  
}


/* 2018-02-14 CAG: styling for slider DENIC-94*/

.slider-wrapper--hero {
    padding: 0; 
    margin-bottom: 3rem;
}

*:focus {
  outline: none;
}

.slider-wrapper--hero .slider-text--category-headline {
    padding: 6px 10px 0 10px;
    line-height: 1.25;
    background-color: #334d68;
}

.slider-wrapper--hero .slider--hero figure .overlay {
    opacity: .4;
}

.slider-wrapper--hero .slider-scrolldown {
    display: none;
}

/* 2018-02-14 CAG: styling for News DENIC-183*/

@media (min-width: 48em){
  .teaser-row.teaser-row--50 .teaser, .teaser-row[data-item-count="2"] .teaser {
      margin-bottom: 0.75rem;
  }
   .category-filter {
    font-weight: normal;
    text-transform: uppercase;
  }
}

/* 2020-01-24 CAG: Style Calender Blog*/

article.news.content-detail.blog > #c34692 {
  max-width: 100%;
  margin-bottom: 3rem;
}

article.news.content-detail.blog > #c34692 h2 {
  display: none;
}