/*
Usage:
fluid-type($min-vw, $max-vw, $min-value, $max-value, $cssProperty)
*/
/*see https://tools.bgm-hosting.de/issues/secure/attachment/67714/fla_brand_guidelines_color.pdf*/
/* tertiary */
/*secondary*/
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
:root {
  --Dimensions-Spacing-spacing-xs: 12px;
  --Dimensions-Spacing-spacing-lg: 24px;
  --relatedArticles-padding-top: 120px;
  --relatedArticles-padding-bottom: 120px;
  --Dimensions-Corner-Radius-radius-sm: 4px;
  --Color-neutrals-neutral-30: #F1F1F1;
  --Color-neutrals-neutral-400: #787878;
  --color-neutrals-500: #2C2A2B;
  --color-primary-500: #F47323;
  --Dimensions-Spacing-spacing-2xl: 40px;
  --Dimensions-Spacing-spacing-3xl: 64px;
  --Dimensions-Spacing-spacing-lg: 24px; }

.frame:has(.blogwidgetlist--categories) {
  padding-top: 50px;
  padding-bottom: 50px; }

.blogcontainer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.5294117647rem;
  margin-bottom: 128px; }
  @media print, screen and (min-width: 64em) {
    .blogcontainer {
      display: grid;
      grid-template-columns: minmax(38.2352941176rem, 1fr) minmax(14.7058823529rem, 14.7058823529rem);
      margin-bottom: 256px; } }
  .blogcontainer .frame-default {
    padding: 0 !important;
    margin: 0 !important; }

@media print, screen and (min-width: 40em) {
  .categorySelect {
    margin-left: -1rem; } }

@media screen and (min-width: 86.25em) {
  .categorySelect {
    margin-left: 0; } }

.categorySelect .select-header {
  color: var(--color-neutrals-500); }

.blog-single {
  /* extra Styles grid-2col-25-75 */
  /* extra Styles 2col */ }
  .blog-single .blogimage--featured img {
    aspect-ratio: 100 / 58;
    object-fit: cover; }
  .blog-single .grid-2col-25-75 .right {
    background: #fff;
    padding-inline: 0; }
    @media print, screen and (min-width: 64em) {
      .blog-single .grid-2col-25-75 .right {
        padding-inline: 20px; } }
  .blog-single .grid-2col-25-75 .anchorMenuContainer {
    padding-top: 36px; }
  .blog-single .grid-container .noPadding .frame {
    padding: 0; }
  .blog-single .post__meta h1 {
    margin-top: 25px;
    margin-bottom: 4px; }
  .blog-single .stickyAnchorMenuContainer {
    display: none; }

.relatedArticles {
  background: var(--color-neutrals-50);
  padding-top: var(--relatedArticles-padding-top);
  padding-bottom: var(--relatedArticles-padding-bottom);
  margin-bottom: 0;
  background-color: #fff;
  padding-inline: 0;
  margin-left: -2px; }
  .relatedArticles h3 {
    margin-bottom: 28px; }
  .relatedArticles .blog-teaser {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr; }
    @media print, screen and (min-width: 64em) {
      .relatedArticles .blog-teaser {
        gap: 2rem;
        grid-template-columns: 1fr 1fr 1fr; } }
    .relatedArticles .blog-teaser__post {
      display: grid;
      grid-template-rows: subgrid;
      position: relative;
      grid-row: span 5;
      row-gap: 1rem;
      border: 1px solid #f2f2f2; }
      .relatedArticles .blog-teaser__post:hover {
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); }
      .relatedArticles .blog-teaser__post > * {
        margin-inline: 20px; }
      .relatedArticles .blog-teaser__post .link-cta {
        width: fit-content; }
      .relatedArticles .blog-teaser__post .blogimage {
        margin-inline: -20px;
        margin-bottom: 10px; }
        .relatedArticles .blog-teaser__post .blogimage img {
          aspect-ratio: 26 / 15;
          object-fit: cover; }
      .relatedArticles .blog-teaser__post__title {
        font-size: 1.5294117647rem;
        line-height: 1.8823529412rem;
        margin-top: 0;
        margin-bottom: 0; }
        @media print, screen and (min-width: 64em) {
          .relatedArticles .blog-teaser__post__title {
            line-height: 2.3529411765rem; } }
        .relatedArticles .blog-teaser__post__title a {
          color: var(--color-neutrals-500);
          text-decoration: none !important; }

.badge--category {
  border: 2px var(--color-neutrals-500) solid;
  color: var(--color-neutrals-500);
  border-radius: 20px;
  padding: 0.3529411765rem 0.9411764706rem;
  margin-right: 0.4705882353rem;
  font-size: 0.9411764706rem;
  display: inline-block;
  text-decoration: none !important; }
  .badge--category:hover {
    background: #2C2A2B;
    color: #fff !important; }

.badge--category.black {
  border: 2px #2C2A2B solid;
  color: #2C2A2B;
  width: fit-content; }
  .badge--category.black:hover {
    background: #fff;
    color: #2C2A2B !important; }

.blog-list {
  display: grid;
  gap: 3.125rem;
  grid-template-columns: 1fr; }
  @media screen and (min-width: 45em) {
    .blog-list {
      grid-template-columns: 1fr 1fr; } }
  .blog-list__post {
    display: grid;
    grid-template-rows: subgrid;
    position: relative;
    grid-row: span 5;
    row-gap: 1.5rem;
    padding-bottom: 20px;
    border: 1px solid #f2f2f2; }
    .blog-list__post:hover {
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.18); }
    .blog-list__post .img {
      margin-bottom: 20px; }
    .blog-list__post .blog-list__posttitle {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 20px;
      margin-right: 20px;
      font-size: 1.8823529412rem;
      line-height: 2.3529411765rem; }
      @media print, screen and (min-width: 64em) {
        .blog-list__post .blog-list__posttitle {
          line-height: 2.3529411765rem; } }
      .blog-list__post .blog-list__posttitle a {
        text-decoration: none !important; }
    .blog-list__post p {
      margin-left: 20px;
      margin-right: 20px;
      font-size: 1.0588235294rem;
      line-height: 1.6470588235rem; }
    .blog-list__post .link-cta {
      margin-bottom: 0;
      margin-left: 20px;
      width: fit-content; }
    .blog-list__post .post__meta__category {
      display: flex;
      margin-left: 20px; }
    .blog-list__post__firstpost {
      grid-template-rows: initial;
      padding-bottom: 0; }
      .blog-list__post__firstpost .grid {
        grid-template-columns: 4fr 2fr; }
      .blog-list__post__firstpost .blog-list__posttitle {
        margin-top: 20px;
        margin-bottom: 20px; }
      .blog-list__post__firstpost p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 32px; }
      .blog-list__post__firstpost .img {
        margin-bottom: 0; }
  .blog-list h1 a, .blog-list h2 a, .blog-list h3 a {
    color: var(--color-neutrals-500); }
  .blog-list .link-cta {
    width: fit-content; }
    .blog-list .link-cta::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='16' viewBox='0 0 8 16'%3E%3Cpath fill='none' stroke='%232C2A2B' stroke-linecap='round' stroke-width='2' d='M1.4 1.4l5 6-5 6' /%3E%3C/svg%3E"); }
    .blog-list .link-cta:hover::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='16' viewBox='0 0 8 16'%3E%3Cpath fill='none' stroke='%23f60' stroke-linecap='round' stroke-width='2' d='M1.4 1.4l5 6-5 6' /%3E%3C/svg%3E"); }

.blog-list.firstPost {
  grid-template-columns: 1fr;
  margin-bottom: 3.125rem; }
  .blog-list.firstPost .blog-list__post__firstpost {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    padding-bottom: 20px; }
    @media print, screen and (min-width: 64em) {
      .blog-list.firstPost .blog-list__post__firstpost {
        grid-template-columns: 1fr 1fr;
        gap: 3.125rem;
        padding-bottom: 0; } }
    .blog-list.firstPost .blog-list__post__firstpost > div {
      align-self: center; }
    .blog-list.firstPost .blog-list__post__firstpost .content {
      align-self: center;
      padding-right: 36px; }
    @media print, screen and (min-width: 64em) {
      .blog-list.firstPost .blog-list__post__firstpost .post__meta__category {
        margin-left: 0; } }
    .blog-list.firstPost .blog-list__post__firstpost .blog-list__posttitle {
      margin-top: 20px;
      margin-bottom: 20px; }
      @media print, screen and (min-width: 64em) {
        .blog-list.firstPost .blog-list__post__firstpost .blog-list__posttitle {
          margin-left: 0; } }
    .blog-list.firstPost .blog-list__post__firstpost p {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 32px; }
      @media print, screen and (min-width: 64em) {
        .blog-list.firstPost .blog-list__post__firstpost p {
          margin-left: 0; } }
    .blog-list.firstPost .blog-list__post__firstpost .img {
      margin-bottom: 0; }
    @media print, screen and (min-width: 64em) {
      .blog-list.firstPost .blog-list__post__firstpost .link-cta {
        margin-left: 0; } }

.blogarchiveheader__description {
  margin-bottom: 1.882rem; }

/**
 * Pagination
 */
.blogpagination ul.pagination li {
  display: inline-block; }

.blogpagination {
  margin-top: 60px;
  margin-bottom: 90px;
  float: right; }

.blogpagination__list {
  margin-top: 1.5rem;
  margin-bottom: 0;
  display: flex;
  padding-left: 0;
  list-style: none; }

.blogpagination__item {
  padding: 2px 10px !important;
  margin-right: 10px; }
  .blogpagination__item:last-child {
    margin-right: 0; }

.blogpagination__item--active {
  font-weight: normal;
  border: 1px var(--color-neutrals-500) solid; }

.blogpagination__item.blogpagination__item--previous,
.blogpagination__item.blogpagination__item--next {
  padding: 2px 0px !important;
  margin-inline: 0px !important; }

.blogpagination__item.blogpagination__item--previous svg {
  transform: rotate(180deg); }

.blogpagination__link {
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1;
  border: 1px solid; }
  .blogpagination__item--disabled .blogpagination__link {
    pointer-events: none;
    user-select: none;
    cursor: auto; }

.blogtaglist {
  padding: 0;
  margin: -0.25rem !important;
  list-style: none; }

.blogtaglist__item {
  display: inline-block;
  vertical-align: middle;
  margin: .25rem; }

figure.blogimage {
  background-color: #2C2A2B;
  max-height: 170px; }

figure.blogimage svg {
  max-width: 100%;
  max-height: 170px; }

figure.blogimage.related,
figure.blogimage.related svg {
  max-height: 150px; }

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