:root {
  --container-width-narrow: 750px;
  --container-width-normal: 53.75rem;
  --container-width-wide: 76rem;
  --padding-large: 100px;
  --padding-regular: 3.2rem;
  --padding-small: 1.6rem;

  --color-background: #F3F9FA;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}


html {
  font-family: "Unit";
  color: #404040;
  scroll-behavior: smooth;
}

@media screen and (min-width: 1600px) {
  html {
    font-size: 18px;
  }
}

body {
  color: #404040;
  font-size: 1.125rem;
  line-height: 1.5;
  container-type: inline-size;
}

button,
input,
select,
textarea {
  font-family: "Unit";
  color: #404040;
  font-size: inherit;
  line-height: inherit;
}

h2 {
  font-size: 1.375rem;
}

p {
  margin-top: 1.25rem;
  line-height: 1.7;
}
p:is(:first-child) {
  margin-top: 0;
}

a {
  background-color: transparent;
  outline: none;
  color: #414042;
  text-decoration: none;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 1rem 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Font */

@font-face {
  font-family: "Unit";
  font-weight: 600;

  src: url("ts/2D9A00_0_0.eot");
  src: url("../fonts/2D9A00_0_0.eot?#iefix") format("embedded-opentype"),
    url("../fonts/2D9A00_0_0.woff2") format("woff2"),
    url("../fonts/2D9A00_0_0.woff") format("woff"),
    url("../fonts/2D9A00_0_0.ttf") format("truetype");
}

@font-face {
  font-family: "Unit";
  font-weight: 400;

  src: url("../fonts/2D9A00_1_0.eot");
  src: url("../fonts/2D9A00_1_0.eot?#iefix") format("embedded-opentype"),
    url("../fonts/2D9A00_1_0.woff2") format("woff2"),
    url("../fonts/2D9A00_1_0.woff") format("woff"),
    url("../fonts/2D9A00_1_0.ttf") format("truetype");
}

/* General styles */

/* HEADING */
.block-heading {
  text-align: center;
  font-size: 2.1rem;
  margin-bottom: 0.75rem;
}
.block-heading--small {
  font-size: 1.375rem;
}
.block-heading--medium {
  font-size: 1.5rem;
}

/* TEXT */
.block-text--large {
  font-size: 1.25rem;
  /* line-height: 1.3; */
}
.block-text a {
  font-weight: 600;
}
.block-text ul {
  padding-left: 1.125rem;
}
.block-text h2,
.block-text h3 {
  margin-top: 1.5rem;
}
.block-text p a {
  color: #555555;
  font-weight: 700;
}

/* CONTAINER */
.container {
  max-width: 53.75rem; /* fallback */
  max-width: var(--container-width, 53.75rem);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
.-container-wide {
  --container-width: var(--container-width-wide, 76rem);
}
.container-inner {
  max-width: 800px;
}


/* BUTTON */

.ghost-button,
.button-primary,
.post-entry__content a {
  max-width: 100%;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1;
  text-align: center;
  transition: color 300ms, background-color 300ms;
  display: inline-block;
}

.ghost-button {
  padding: 23px 1.25rem 19px 1.25rem;

  color: #ddd8d4;
  border: 2px solid currentColor;
  text-transform: uppercase;
}
.ghost-button:hover {
  color: #00355f;
}
.-is-filled .ghost-button {
  color: #99b8bf;
}
.-is-filled .ghost-button:hover {
  color: #00355f;
}

.button-primary,
.post-entry__content a {
  padding: 1rem 1.25rem 1rem 1.25rem;
  background-color: #E1EEF0;
}
.button-primary:hover,
.button-primary:focus-visible,
.post-entry__content a:hover,
.post-entry__content a:focus-visible {
  color: #00355f;
}
.button-primary:focus-visible,
.post-entry__content a:focus-visible {
  outline: 1px solid currentColor;
}

.hover-underline,
.block-text p a,
.button-primary,
.post-entry__content a {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 2px;
  transition: text-decoration 300ms, text-underline-offset 300ms;
}
.button-primary:hover,
.block-text p a:hover,
.hover-underline:hover,
.button-primary:focus-visible,
.block-text p a:focus-visible,
.hover-underline:focus-visible,
.post-entry__content a:hover,
.post-entry__content a:focus-visible {
  text-decoration-color: currentColor;
  text-underline-offset: 5px;
}

/* image_left_text_right */

.text-image {
  background-color: white;
}
.text-image__content {
  display: grid;
  grid-template-rows: min-content 1fr;
  column-gap: 70px;
}
.text-image__content:where(.-right) {
  grid-template-columns: 48fr 25fr;
  grid-template-areas:
    "text img";
}
.text-image__content:where(.-left) {
  grid-template-columns: 25fr 48fr;
  grid-template-areas:
    "img text";
}
.text-image__content:where(.-layout-wide.-right) {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "text img img";
  column-gap: 4.75rem;
}
.text-image__content:where(.-layout-wide.-left) {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "img img text";
  column-gap: 4.75rem;
}

.text-image__body {
  max-width: 100%;
  grid-area: text;
}

.text-image__title {
  max-width: 100%;
}

.text-image__title + .text-image__text {
  margin-top: 0.5rem;
}
.text-image__subtitle + .text-image__text {
  margin-top: 1.25rem;
}

.text-image__text li {
  padding-top: 0.5rem;
  line-height: 1.7;
}
.text-image__text h2 {
  line-height: 1.2;
  margin-bottom: 5px;
}

.text-image__imgbox {
  grid-area: img;
  max-width: 100%;
  height: auto;
}
.text-image__content:not(.-layout-wide) .text-image__imgbox {
  padding-top: 0.625rem;
  align-self: start;
}
.text-image__img {
  grid-area: img;
  max-width: 100%;
  align-self: start;
  height: auto;
}
.page-id-34 .text-image__img {
  max-width: 110%;
}
.text-image__imgbox:where(.-right) {
  justify-self: end;
}
.text-image__imgbox:where(.-left) {
  justify-self: start;
}

.text-image__buttons {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  row-gap: 0.625rem;
  justify-items: center;
  margin-top: 0.625rem;
}
.text-image__img + .text-image__buttons {
  margin-top: 1.5rem;
}

.text-image__buttons.-under-image {
  align-items: stretch;
}

@media screen and (max-width: 1199.999px) {
  .text-image__content:where(.-layout-wide) {
    max-width: var(--container-width-normal);
    margin: auto;
    grid-template-columns: 1fr;
    grid-template-areas: "img" "text";
    row-gap: 2.5rem;
  }
}

@media screen and (max-width: 749px) {
  .text-image__content {
    row-gap: 2.5rem;
    max-width: 500px;
    margin: auto;
    grid-template-columns: 1fr;
    grid-template-areas: "img" "text";
  }

  .text-image__img {
    margin-top: 0;
    align-self: center;
    justify-self: center;
  }
  .text-image__content:not(.-layout-wide) .text-image__img {
    width: 240px;
  }
  .text-image__imgbox {
    padding-top: 0;
    align-self: center;
    justify-self: center;
  }
}

/* =============== */
/*   Title Block   */

.header-centered {
  height: 520px;
  font-size: 30px;

  margin: auto;

  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-template-areas: "img";
  column-gap: 1.5rem;

  align-items: center;
  justify-items: center;
}
.header-centered:where(.-small) {
  height: 300px;
}
.header-centered:where(.-image-height) {
  height: auto;
}
@media screen and (min-width: 1250px) {
  .header-centered:where(.-image-height) {
    font-size: 2.4vw;
  }
}

.header-centered__text {
  grid-area: img;
  text-align: center;
  color: white;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.header-centered__title {
  grid-area: img;

  font-weight: normal;
  margin: 0;

  text-shadow: 0px 0px 12px var(--shadow-color);
  text-align: center;
  line-height: 1.2;
  padding: 0 3.2rem;
  text-wrap: balance;
  margin-bottom: 0.5rem;
}
.header-centered__title.-limited {
  max-width: 49ch;
}

.header-centered__properties {
  display: inline-flex;
  gap: 0.625rem;
  grid-area: img;
  text-shadow: 0px 0px 12px var(--shadow-color);
}
.header-centered__properties.-shadow-strong {
  text-shadow: 0px 0px 12px var(--shadow-color),
              0px 0px 20px var(--shadow-color),
              0px 0px 36px var(--shadow-color),
              0px 0px 42px var(--shadow-color),
              0px 0px 60px var(--shadow-color),
              0px 0px 80px var(--shadow-color),
              0px 0px 100px var(--shadow-color),
              0px 0px 200px var(--shadow-color);
}
.header-centered__property {
  text-wrap: balance;
  max-width: 18em;
  line-height: 1.2;
}

.header-centered__img {
  object-fit: cover;
  grid-area: img;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: -1;
  position: relative;
}
.-image-height > .header-centered__img {
  height: auto;
}

.header-centered__hero-image {
  display: block;
  margin-inline: auto;
  width: 20em;
  max-width: 100%;
  height: auto;
  margin-bottom: -1.8em;
  margin-top: -2.6em;
}

@media screen and (max-width: 740px) {
  .header-centered__title {
    font-size: clamp(0.875rem, 5.333vw + -0.125rem, 1.875rem);
    padding-inline: 1rem;
  }
  .header-centered__properties {
    font-size: clamp(1.125rem, 2.857vw + 0.554rem, 1.875rem);
  }
}

@media screen and (max-width: 670px) {
  .header-centered__properties {
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 1rem;
  }
  .header-centered__separator-dot {
    display: none;
  }
}

/* ===================== */
/* drei_bilder_mit_links */

.three-linked-images {
  position: relative;
  width: 100%;

  margin-block: 0;
  margin-inline: auto;

  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.three-linked-images__link {
  position: relative;
  text-decoration: none;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
}

.three-linked-images__content {
  position: relative;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  min-height: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #414042;
  padding: 1rem;
  transition: all 300ms linear;
}
.three-linked-images__link:hover .three-linked-images__content {
  background-color: #00355fa9;
  color: white;
}

.three-linked-images__title {
  font-size: 2.1rem;
  line-height: 1.3;
  font-weight: 600;
  display: block;
}

.three-linked-images__subtitle {
  font-size: 1.5rem;
}

.three-linked-images__img {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.three-linked-images__link::after {
  content: "";
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
  transition: background-color 300ms linear;
}
.three-linked-images__link:hover::after {
  background-color: rgba(255, 255, 255, 0);
}

@media screen and (max-width: 1000px) {
  .three-linked-images__title {
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 480px) {
  .three-linked-images {
    grid-template-columns: 1fr;
  }

  .three-linked-images__title {
    font-size: 1.5em;
  }
}

/* ===================== */
/* Header boxed (subpage) */

.header-boxed {
  position: relative;
  height: 620px;
  margin: auto;
  column-gap: 1.5rem;
  align-items: center;
  justify-items: center;
  overflow: hidden;
}

.header-boxed__text {
  position: absolute;
  bottom: 3.2rem;

  right: 0px;
  background-color: #ffffffe1;
  width: 415px;

  padding-bottom: 29px;
  padding-top: 28px;
  padding-left: 35px;
  padding-right: 2.5rem;
  color: #00355f;
  line-height: 1.3;
  max-width: 100%;
}

.header-boxed__text p:first-child {
  margin-top: 5px;
}

.header-boxed__text p {
  line-height: 1.3;
}

.header-boxed__text__p {
  font-size: 17px;
  color: black;
}

.header-boxed__img {
  height: 100%;
  object-fit: cover;
  grid-area: img;
  width: 100%;
  z-index: -1;
}

@media screen and (max-width: 419px) {
  .header-boxed__text {
    max-width: 100%;
  }
}

/* small smartphone */
@media screen and (max-height: 520px) {
  .header-boxed {
    height: 455px;
  }
}

/* ====================== */
/* =  Kacheln / Tiles   = */

.tiles-grid {
  padding-inline: 1.5rem;
}

.tiles-grid__header {
  padding: 0;
  text-align: center;
  margin-bottom: 2rem;
}

.tiles-grid__subtitle {
  overflow-wrap: break-word;
}

.tiles-grid__grid {
  display: grid;
  margin: auto;
  gap: 1.5rem;
  grid-auto-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  max-width: var(--container-width-wide, 76rem);
}

.tile {
  margin-top: 60px;
  padding-top: 60px;
  padding-inline: 1.25rem;
  padding-bottom: 1.5rem;

  text-align: center;
  font-weight: 300;
  position: relative;
  box-shadow: 0px 0px 0.625rem rgba(0,0,0,0.1);
}

.tile p {
  margin-top: 5px;
  line-height: 1.5;
}

.tile__imgcontainer {
  height: 100px;
  width: 100px;

  position: absolute;
  top: -3.2rem;
  left: calc(50% - 3.2rem);

  display: flex;
  align-items: center;
  justify-content: center;

  border: none;
  border-radius: 50%;

  background-color: white;
}
.tile__imgcontainer:focus-visible {
  outline: 2px solid #00355fa9;
  outline-offset: 2px;
}
.tile__imgcontainer:where(.-filled) {
  background-color: #f3f9fa;
}

.tile__img {
  max-height: 83%;
}
.tile__imgcontainer:where(.-filled) .tile__img {
  max-height: 60%;
  /* transform: translate(-3%, 19px); */
  /* translate(-3%, 19px); */
}

@media screen and (max-width: 990px) {
  .tiles-grid__title {
    font-size: 2rem;
  }

  .tiles-grid__grid {
    grid-template-columns: 1fr;
  }
}


/* ================== */
/*  Link-Blöcke       */

/* .link-blocks {} */

.link-blocks_title {
  text-align: center;
  border-color: #d8d6d6;
  padding-bottom: 0.625rem;
  border-width: thin;
}

.link-blocks_title h2 {
  font-size: 1.375rem;
  margin-bottom: 1rem;
}

.link-blocks__infotext {
  text-align: center;
  border-top: solid thin #d8d6d6;
  padding: 1.5rem;
  margin-inline: 1.25rem;
}

.link-block {
  display: grid;
  grid-template-columns: 160px 1fr;
  row-gap: 1.5rem;
  column-gap: 1.5rem;
  margin: 0px 1.25rem 0px 1.25rem;
  border-top: solid;
  border-color: #d8d6d6;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-width: thin;
}

.link-block p:first-of-type {
  margin-top: 0px;
}

.link-block__title {
  font-size: 17px;
  line-height: 1.7;
  color: #404040;
  padding-bottom: 1.25rem;
}

.link-block__link {
  text-decoration: none;
  font-size: 17px;
  line-height: 1.7;
  color: #404040;
  font-weight: 600;
  display: block;
}

.link-block__img {
  width: 160px;
  height: auto;
}

@media screen and (max-width: 990px) {
  .link-block {
    margin-inline: auto;
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center;
    max-width: 40rem;
  }

  .link-block__title {
    font-size: 17px;
    line-height: 1.7;
    color: #404040;
    padding-bottom: 1.25rem;
    text-align: center;
    align-items: center;
  }

  .link-block__link {
    text-align: center;
  }
}

/* =====================*/
/* bild_mit_link */

.featured-image {
  text-align: center;
}

.featured-image__img {
  margin-top: 1.25rem;
  max-width: 100%;
  margin-bottom: 1.25rem;
  border-radius: 6px;
}

.featured-image + .featured-image {
  border-top: 1px solid #ddd8d4;
}

.featured-image__buttons {
  margin-top: 1.25rem;

  display: flex;
  gap: 1.25rem;
  justify-content: center;
}

.featured-image__button {
  min-width: 120px;
}

.featured-image a {
  font-weight: 600;
}

/* partner_liste */
.card-list {
  max-width: 1120px;
  margin-inline: auto;
  border-width: 1px;
  justify-content: center;
  padding-inline: 1.5rem;
}

.card-list__card {
  cursor: pointer;
  display: grid;
  grid-template-rows: 130px;

  height: 175px;
  width: 240px;
  padding: 1.25rem;

  background-color: #fff;
  border: 1px solid #d0d0d0;

  float: left;
  margin-top: 20px;
  margin-left: 10px;
}

.card-list__text {
  cursor: default;
  max-width: 100%;
  text-align: center;

  font-size: 14px;
  color: #5b5b5b;
}

.card-list__link {
  display: block;

  width: min-content;
  min-width: 140px;

  border-width: 1px;

  margin: auto;
  margin-bottom: 1.625rem;
  margin-top: 1.5rem;
}

.card-list_img {
  max-width: 100%;
  justify-self: center;
  align-self: center;
  padding-inline: 1rem;
}

@media screen and (max-width: 842px) {
  .card-list {
    max-width: 600px;
    margin-inline: auto;
  }
}

@media screen and (max-width: 576px) {
  .card-list {
    max-width: 340px;
    margin-inline: auto;
  }
}

/* team */

.team {
  margin-top: 90px;
  padding-inline: 1.5rem;

  display: grid;
  justify-content: center;
  margin-inline: auto;
  gap: 2.5rem;
  row-gap: 1.6rem;
}

.team p {
  line-height: 1.375rem;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0px;
  padding-top: 0px;
}

.team ::marker {
  font-size: 0.625rem;
}

.team__portrait {
  display: block;
  cursor: pointer;
  margin: auto;
  justify-content: center;
  position: relative;
}

.team__portrait__image {
  width: 100%;
  display: block;
}

.team__portrait__name {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  margin-top: -60px;
  height: 37px;
  line-height: 37px;
  width: auto;
  color: #00355f;
  font-size: 17px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1px;
  right: 0;
}

.team_source {
  font-size: 12px;
}

.member-container {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  background-color: #F4F9FA;
  box-shadow: 2px 4px 0.625rem rgba(0,0,0,0.1);
}

.member__triangle {
  border-bottom: 1.625rem solid #F4F9FA;
  border-right: 1.625rem solid transparent;
  border-left: 1.625rem solid transparent;
  position: absolute;
  left: 50%;
  top: -1.625rem;
  margin-left: -1.625rem;
}

.member {
  color: #414042;
  margin: auto;
  display: grid;
  grid-template-areas:
    " tit lin"
    " tex tex"
    " kom kom";

  column-gap: 2.5rem;
  row-gap: 1.6rem;
  grid-template-columns: 1fr min-content;
  padding: 1.25rem;
}

.member_name-role {
  grid-area: tit;
}

.member-xing-in_link {
  grid-area: lin;
  text-align: right;
  white-space: nowrap;
}

.member__image {
  display: block;
  max-width: 230px;
}
.member__quote {
  padding-top: 1.25rem;
}

.member__bio {
  grid-area: tex;
  max-width: 36rem;
}

.member_kompetenz {
  grid-area: kom;
}

.member_name {
  font-size: 1.625rem;

  line-height: 1.3;
  text-shadow: none;
}

.member_kompetenz-felder {
  text-transform: uppercase;
  color: #871a50;
  font-size: 17px;

  margin-bottom: 0px;
}

.member__quotemark {
  max-width: 1.25rem;
}
.member__quotemark:first-child {
  margin-right: 0.1em;
  margin-left: -0.1em;
}
.member__quotemark:not(:first-child) {
  margin-left: 0.1em;
  margin-right: -0.5em;
}

.member_img_quote {
  grid-area: portrait;
  display: none;
}

.member__skills {
  font-size: 0.875rem; /* 14px */
  padding-left: 1rem;
  line-height: 2;
  max-width: 36rem;
}

.member_img_link {
  background-color: #414042;
  height: 1.125rem;
}

/* mobile defaults, up to 570px */
.team {
  grid-template-columns: 1fr;
}
.member-container {
  grid-column: 1/2;
  grid-row: auto;
}

.member__skills {
  column-count: 1;
}

@media screen and (min-width: 570px) {
  .team {
    grid-template-columns: repeat(2, 240px);
  }

  .member-container {
    grid-column: 1/3;
  }

  .member-container:nth-child(2),
  .member-container:nth-child(4) {
    grid-row: 2/3;
  }
  .member-container:nth-child(6),
  .member-container:nth-child(8) {
    grid-row: 3/4;
  }
  .member-container:nth-child(10),
  .member-container:nth-child(12) {
    grid-row: 4/5;
  }

  .member-container:nth-child(4n-2) .member__triangle {
    left: 120px;
  }
  .member-container:nth-child(4n) .member__triangle {
    left: 400px;
  }

  .member__skills {
    column-count: 2;
  }
}

@media screen and (min-width: 850px) {
  .team {
    grid-template-columns: repeat(3, 240px);
    max-width: 60rem;
  }

  .member-container {
    grid-column: 1/4;
  }

  .member-container:nth-child(2),
  .member-container:nth-child(4),
  .member-container:nth-child(6) {
    grid-row: 2/3;
  }

  .member-container:nth-child(8),
  .member-container:nth-child(10),
  .member-container:nth-child(12) {
    grid-row: 3/4;
  }
  .member-container:nth-child(6n-4) .member__triangle {
    left: 120px;
  }
  .member-container:nth-child(6n-2) .member__triangle {
    left: 400px;
  }
  .member-container:nth-child(6n) .member__triangle {
    left: 680px;
  }

  /* update member layout */
  .member {
    grid-template-areas:
      "portrait  tit lin"
      "portrait  tex tex"
      "portrait  kom kom";
    grid-template-columns: 240px 1fr max-content;
    padding: 2.5rem;
  }

  .member_img_quote {
    display: block;
  }
}

@media screen and (min-width: 1181px) {
  /* full-width layout */
  .team {
    max-width: 71.25rem;
    grid-template-columns: repeat(4, 240px);
  }

  .member {
    padding: 60px;
    padding-right: 90px;
    column-gap: 3.2rem;
  }

  .member-container {
    grid-column: 1/5;
  }

  .member__skills {
    font-size: 1rem;
    column-count: 2;
  }

  .member-container:nth-child(2),
  .member-container:nth-child(4),
  .member-container:nth-child(6),
  .member-container:nth-child(8) {
    grid-row: 2/3;
  }

  .member-container:nth-child(10),
  .member-container:nth-child(12) {
    grid-row: 3/4;
  }

  .member-container:nth-child(8n + 2) .member__triangle {
    left: 120px;
  }
  .member-container:nth-child(8n + 4) .member__triangle {
    left: 400px;
  }
  .member-container:nth-child(8n + 6) .member__triangle {
    left: 680px;
  }
  .member-container:nth-child(8n) .member__triangle {
    left: 960px;
  }
}

/* ================== */

.site-content {
  min-height: 40vh;
}

.post-entry {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 48px;
}

@media screen and (min-width: 720px) {
  .post-entry {
    grid-template-columns: 1fr 1.7fr;
    grid-template-rows: min-content 1fr;
    grid-gap: 48px;
  }  
}

@media screen and (min-width: 720px) {
  .post-entry__text {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}

.post-entry__imagegallery {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.post-entry__galleryimage {
  max-width: 100%;
  height: auto;
}

.post-entry h5 {
  float: left;
  clear: both;
  display: block;

  min-width: 105px;

  font-size: 17px;
  font-weight: normal;
  line-height: 1.5;

  margin-top: 1rem;
  margin-right: 5px;
}

@media screen and (max-width: 540px) {
  .post-entry h5 {
    float: none;
  }
}

.post-entry__content a {
  min-width: 95px;
  margin-top: 1rem;
  margin-bottom: 0.625rem;
}
.post-entry__content a + a {
  margin-left: 0.5rem;
}

/* VERANSTALTUNGEN */

.blog-entry {
  margin: auto;
  margin-top: 110px;
  margin-bottom: 130px;
}

.post-entry__content {
  margin-top: 1rem;
  border-top: 1px solid #ddd8d4;
}

.post-entry__content p {
  margin-top: 1rem;
  line-height: 1.5;
}

.post-entry__content ul {
  margin-left: 0px;
  padding-left: 1.25rem;
}

.post-entry__text h1 {
  font-family: "Unit";
  font-weight: 600;
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.2;
  padding-bottom: 7px;
}

.post-entry__text h4 {
  min-height: 75px;
  padding-left: 100px;
  background-image: url(../images/icondu_icon.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: auto 75px;
  font-size: 14px;

  font-weight: normal;
  margin: 1.5rem 0;
}

.post-entry__text h5 {
  font-size: 14px;

  font-weight: normal;
  margin-top: 1rem;
}

.post-entry__meta {
  text-transform: uppercase;
  font-size: 12px;
}

.post-entry__text,
.entry-karriere {
  display: inline-block;
  font-size: 17px;

  hyphens: auto;
}

.post-entry__image {
  width: 100%;
  align-self: start;
}
.post-entry__image img {
  display: block;
}

@media screen and (min-width: 1600px) {
  /* UNTERSEITE TEXT OBEN*/

  .post-entry__meta {
    font-size: 1.375rem;
    line-height: 1.5;
  }

  /* VERANSTALTUNGEN */

  .blog-entry {
    width: 1200px;
    margin-top: 180px;
  }

  .post-entry__image {
    text-align: center;
  }

  .post-entry__text,
  .entry-karriere {
    font-size: 1.25rem;
    line-height: 1.6;
  }

  .entry-karriere {
    float: right;
  }

  .post-entry__content {
    margin-top: 1.5rem;
    border-top: 1px solid #ddd8d4;
  }

  .post-entry__content p {
    margin-top: 1.375rem;
  }

  .post-entry__text h1 {
    font-size: 1.625rem;
    line-height: 1.5;
    padding-bottom: 7px;
  }

  .post-entry__text h4 {
    min-height: 105px;
    padding-left: 140px;

    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 105px;
    font-size: 1.25rem;
    margin: 3.2rem 0;
  }

  .post-entry__text h5 {
    font-size: 1.25rem;
    margin-right: 35px;
    min-width: 135px;
  }

  .post-entry__meta {
    text-transform: uppercase;
    font-size: 14px;
    color: #414042;
    font-size: 1.375rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 400px) {
  .blog-entry {
    margin: 60px auto auto;
  }

  .entry-single {
    margin: 170px auto auto;
  }

  .post-entry__text h4 {
    padding-top: 90px;
    padding-left: 0px;
    background-position: top center;
    background-size: auto 75px;
    font-size: 14px;

    font-weight: normal;
    margin: 1.5rem 0;
    margin-bottom: 0.625rem;
  }
}

@media screen and (max-width: 840px) {
  .blog-entry {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .post-entry__image {
    text-align: center;
  }

  .post-entry__header {
    text-align: center;
    margin: 1.5rem 0;
  }

  .page-id-416 #fachartikel .post-entry__image {
    display: none;
  }

  .entry-single-publikationen .post-entry__image {
    display: none;
  }
}

.entry-single-publikationen {
  margin-top: 2.5rem;
}
#publikationen-zurueck a {
  position: relative;
  color: #ddd8d4;
  transition: all 300ms linear;
  margin-left: 14px;
  margin-bottom: 60px;
  display: block;
  font-size: 1rem;
}
#publikationen-zurueck a:hover {
  color: #00355f;
}
#publikationen-zurueck a::before {
  width: 0;
  height: 0;
  position: absolute;
  left: -14px;
  top: 6px;
  content: "";

  /* arrow to left*/
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 10px solid currentColor;
}

#fachartikel .post-entry__image img {
  /* border: 1px solid #ddd8d4; */
  border: none;
  max-width: 100%;
  height: auto;
  display: block;
}

.page-id-19 #fachartikel .post-entry__image img {
  border: none;
}

.entry-single .post-entry__image img {
  max-width: 100%;
  height: auto;
}
.category-veranstaltungen .entry-single .post-entry__image img {
  border: none;
}

#fachartikel {
  padding-top: 1.5rem;
}

.entry-title-link,
.entry-title-link:visited,
.entry-title-link:focus {
  color: #404040;
  transition: all 300ms linear;
}

.entry-title-link:hover {
  color: #00355f;
  transition: all 300ms linear;
}

.post-entry__content li {
  margin-top: 5px;
}

/* ====================== */
/* ==== TEXT + TITEL ==== */

.text-title {
  text-align: center;
  padding-inline: 1rem;
}

.text-title__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25rem;
  row-gap: 1rem;

  margin-inline: auto;
}

@media screen and (min-width: 600px) {
  .text-title {
    padding-inline: 3rem;
  }
}

/* ====================== */
/* ====== NUR TEXT ====== */

.text-only {
  padding-top: 1.5rem;
}

/* ===================== */
/* == text-columns == */

.text-columns {
  margin-top: 1.5rem;

  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  column-gap: 150px;
}

.text-columns__title {
  margin-top: 1.5rem;
}

.text-columns__column {
  width: 100%;
}

@media screen and (max-width: 990px) {
  .text-columns {
    flex-direction: column;
  }
}


/* ==================== */
/* === ANCHOR POINT === */

.anchor-point {
  position: relative;
  scroll-margin-top: 90px;
}




/*****************
 * UTILITIES
 ****************/

/* Every div has the class hidden will have display: none  */

.-block-padding-top {
  padding-top: var(--padding-block, 3.2rem);
}
.-block-padding-bottom {
  padding-bottom: var(--padding-block, 3.2rem);
}
.-block-padding {
  --padding-block: var(--padding-regular, 3.2rem);
  --padding-top: var(--padding-block);
  --padding-bottom: var(--padding-block);
  padding-block: var(--padding-block, 3.2rem);
}
.-pb-large {
  --padding-block: var(--padding-large, 100px);
}
.-pb-small {
  --padding-block: var(--padding-small, 1.6rem);
}

.pt-none {
  padding-top: 0 !important;
}
.pt-small {
  padding-top: var(--padding-small, 1.6rem) !important;
}
.pt-regular {
  padding-top: var(--padding-regular, 3.2rem) !important;
}
.pt-large {
  padding-top: var(--padding-large, 100px) !important;
}
.pb-large {
  padding-bottom: var(--padding-large, 100px) !important;
}
.pb-regular {
  padding-bottom: var(--padding-regular, 3.2rem) !important;
}
.pb-small {
  padding-bottom: var(--padding-small, 1.6rem) !important;
}
.pb-none {
  padding-bottom: 0 !important;
}

/*
 * Increase the padding of any block with padding after
 * a block that is filled out.
 */
.-is-filled + .-block-padding:not(.-is-filled),
.-is-filled + .-block-padding-top:not(.-is-filled) {
  padding-top: 100px; /* fallback */
  --padding-top-doubled: calc(var(--padding-top) * 2);
  padding-top: min(var(--padding-top-doubled, 100px), 100px);
}

.-block-padding:not(.-is-filled) + .-block-padding.-pb-large {
  padding-top: 3.2rem; /* fallback */
  padding-top: min(var(--padding-top), 3.2rem);
}

@media screen and (max-width: 990px) {
  .-pb-large {
    --padding-block: 3.2rem;
  }
}

.hidden {
  display: none;
}

.open {
  height: auto;
}

.display-block {
  display: block !important;
}

.border {
  border: 1px solid #ddd;
}

.p_1 {
  padding-top: 0.625rem;
}

.p_2 {
  padding-top: 1rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}

.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}

.mi-auto {
  margin-left: auto;
  margin-right: auto;
}

.mt-0 {
  margin-top: 0;
}
.mb-4 {
  margin-bottom: 1rem;
}


.text-center {
  text-align: center;
}