/* scss/utilities/_functions.scss */
/* scss/settings/_breakpoints.scss */
.bg-dark-blue {
  background-color: #1e3b63; }

.bg-red {
  background-color: #a92429; }

.bg-green {
  background-color: #969237; }

.bg-dark-green {
  background-color: #1b6832; }

.bg-light-blue {
  background-color: #328ecd; }

.bg-grey {
  background-color: #707d85; }

.bg-orange {
  background-color: #ec8000; }

.sectorTeasers {
  margin: 0 calc(-50vw + 50%);
  overflow: hidden;
  /************************************/
  /* Accordion                        */
  /************************************/
  /************************************/
  /* Grid                             */
  /************************************/ }
  .sectorTeasers__teaser:hover, .sectorTeasers__teaser:focus-within, .sectorTeasers__teaser:has([aria-expanded="true"]) {
    background: #003963;
    outline: none; }
    .sectorTeasers__teaser:hover .sectorTeasers__title, .sectorTeasers__teaser:focus-within .sectorTeasers__title, .sectorTeasers__teaser:has([aria-expanded="true"]) .sectorTeasers__title {
      color: #FFF; }
  .sectorTeasers__title {
    color: #003963;
    font-size: 1.5rem;
    line-height: 1.25;
    padding: 1rem;
    transition: color 350ms ease;
    border-bottom: 1px solid #CC1D56; }
  .sectorTeasers__img {
    position: relative; }
    .sectorTeasers__img img {
      width: 100%;
      object-fit: cover;
      object-position: center; }
  .sectorTeasers .sectorTeasers__text {
    padding: 1rem; }
  .maincontents .sectorTeasers a {
    color: #FFF; }
    .maincontents .sectorTeasers a:focus-visible {
      outline: 2px solid #FFF; }
  .sectorTeasers.-accordion .sectorTeasers__teaser:nth-child(odd) {
    background-color: #D3E9FA; }
  .sectorTeasers.-accordion .sectorTeasers__teaser:nth-child(even) {
    background-color: rgba(0, 150, 224, 0.12); }
  .sectorTeasers.-accordion .sectorTeasers__teaser:hover, .sectorTeasers.-accordion .sectorTeasers__teaser:focus-within, .sectorTeasers.-accordion .sectorTeasers__teaser:has([aria-expanded="true"]) {
    background: #003963; }
    .sectorTeasers.-accordion .sectorTeasers__teaser:hover .sectorTeasers__img:before, .sectorTeasers.-accordion .sectorTeasers__teaser:focus-within .sectorTeasers__img:before, .sectorTeasers.-accordion .sectorTeasers__teaser:has([aria-expanded="true"]) .sectorTeasers__img:before {
      opacity: 0.2; }
    .sectorTeasers.-accordion .sectorTeasers__teaser:hover .sectorTeasers__title, .sectorTeasers.-accordion .sectorTeasers__teaser:focus-within .sectorTeasers__title, .sectorTeasers.-accordion .sectorTeasers__teaser:has([aria-expanded="true"]) .sectorTeasers__title {
      color: #FFF; }
      .sectorTeasers.-accordion .sectorTeasers__teaser:hover .sectorTeasers__title svg, .sectorTeasers.-accordion .sectorTeasers__teaser:focus-within .sectorTeasers__title svg, .sectorTeasers.-accordion .sectorTeasers__teaser:has([aria-expanded="true"]) .sectorTeasers__title svg {
        color: #FFF; }
  .sectorTeasers.-accordion .sectorTeasers__title {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    text-align: left; }
    .sectorTeasers.-accordion .sectorTeasers__title:focus-visible {
      outline: none; }
    .sectorTeasers.-accordion .sectorTeasers__title svg {
      color: #0096E0;
      transform: rotate(0);
      transition: all 350ms ease; }
    .sectorTeasers.-accordion .sectorTeasers__title[aria-expanded="true"] svg {
      color: #FFF;
      transform: rotate(180deg); }
  .sectorTeasers.-accordion .sectorTeasers__content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 350ms ease;
    color: #FFF; }
  .sectorTeasers.-grid {
    display: flex; }
    @media only screen and (min-width: 768px) {
      .sectorTeasers.-grid {
        flex: 1 1 50%;
        display: flex;
        flex-wrap: wrap; } }
    @media only screen and (min-width: 1440px) {
      .sectorTeasers.-grid {
        flex-wrap: nowrap; } }
    .sectorTeasers.-grid .sectorTeasers__teaser {
      position: relative;
      flex: 1 1 50%;
      transition: all 0.3s ease; }
      @media only screen and (min-width: 1440px) {
        .sectorTeasers.-grid .sectorTeasers__teaser {
          flex: 1 1 0; } }
      .sectorTeasers.-grid .sectorTeasers__teaser:nth-child(odd) {
        background-color: #d3e9fa; }
      .sectorTeasers.-grid .sectorTeasers__teaser:nth-child(even) {
        background-color: #e9f4fd; }
      .sectorTeasers.-grid .sectorTeasers__teaser:hover, .sectorTeasers.-grid .sectorTeasers__teaser:focus-within {
        background: #003963; }
        .sectorTeasers.-grid .sectorTeasers__teaser:hover .sectorTeasers__img:before, .sectorTeasers.-grid .sectorTeasers__teaser:focus-within .sectorTeasers__img:before {
          opacity: 0.6; }
        .sectorTeasers.-grid .sectorTeasers__teaser:hover .sectorTeasers__text, .sectorTeasers.-grid .sectorTeasers__teaser:focus-within .sectorTeasers__text {
          transform: translateY(0) rotateX(0) scale(1);
          opacity: 1; }
    .sectorTeasers.-grid .sectorTeasers__content {
      max-height: none;
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      place-items: center;
      overflow: hidden; }
    .sectorTeasers.-grid .sectorTeasers__title {
      display: block;
      text-align: center; }
      .sectorTeasers.-grid .sectorTeasers__title svg {
        display: none; }
    .sectorTeasers.-grid .sectorTeasers__img:before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 1;
      background: #0096E0;
      opacity: 0;
      transition: opacity 350ms ease; }
    .sectorTeasers.-grid .sectorTeasers__img {
      width: 100%;
      grid-column: 1;
      grid-row: 1; }
    .sectorTeasers.-grid .sectorTeasers__text {
      position: relative;
      z-index: 1;
      grid-column: 1;
      grid-row: 1;
      width: 80%;
      background: #003963;
      color: #FFF;
      opacity: 0;
      transform: translateY(250%) rotateX(90deg) scale(1.4);
      transform-origin: bottom center;
      /* Klappt von oben nach unten */
      transition: all 350ms ease-out;
      backface-visibility: hidden;
      /* Verhindert Flackern */ }

/*# sourceMappingURL=sectorTeasers.css.map */