/* -----------Global-------------*/
* {
  hyphens: manual;
}

.overflow-visible {
  overflow: visible;
}

.position-relative {
  position: relative;
}

.letter-spacing-0 {
  letter-spacing: unset !important;
}
/* Breadcrumb ausblenden*/
#breadcrumb{
  display:none;
}
/*captions ausserhalb Bildnachweis verstecken*/
figcaption,.image_container .caption,.image_container figcaption,.image_container .content{
  display:none;
}
.bildnachweis figcaption,.bildnachweis .content {
  display: block;
}
/* --------------------------- Breakpoints --------------------------- */
@media only screen and (min-width : 768px) and (max-width :1280px) {
  .col_1_t {
    flex: 0 0 calc((100% / 12) * 1);
    max-width: calc((100% / 12) * 1)
  }

  .col_2_t {
    flex: 0 0 calc((100% / 12) * 2);
    max-width: calc((100% / 12) * 2)
  }

  .col_3_t {
    flex: 0 0 calc((100% / 12) * 3);
    max-width: calc((100% / 12) * 3)
  }

  .col_4_t {
    flex: 0 0 calc((100% / 12) * 4);
    max-width: calc((100% / 12) * 4)
  }

  .col_5_t {
    flex: 0 0 calc((100% / 12) * 5);
    max-width: calc((100% / 12) * 5)
  }

  .col_6_t {
    flex: 0 0 calc((100% / 12) * 6);
    max-width: calc((100% / 12) * 6)
  }

  .col_7_t {
    flex: 0 0 calc((100% / 12) * 7);
    max-width: calc((100% / 12) * 7)
  }

  .col_8_t {
    flex: 0 0 calc((100% / 12) * 8);
    max-width: calc((100% / 12) * 8)
  }

  .col_9_t {
    flex: 0 0 calc((100% / 12) * 9);
    max-width: calc((100% / 12) * 9)
  }

  .col_10_t {
    flex: 0 0 calc((100% / 12) * 10);
    max-width: calc((100% / 12) * 10)
  }

  .col_11_t {
    flex: 0 0 calc((100% / 12) * 11);
    max-width: calc((100% / 12) * 11)
  }

  .col_12_t {
    flex: 0 0 calc((100% / 12) * 12);
    max-width: calc((100% / 12) * 12)
  }

}



@media only screen and (max-width: 767px) {

  .ce_hyperlink a,
  a.btn {
    line-height: 19px;
    font-size: 15px;
  }
}



/* -----------Farben-------------*/

:root {
  --darkblueColor: #013978;
  --airblueColor: #7FAAC7;
  --babyblueColor: #A3CEF1;
  --silverColor: #767676;
  --aliceblueColor: #E7ECEF;
  --orangeColor: #C95000;
  --yellowColor: #E9E02A;
}

.bg-darkblue {
  background-color: var(--darkblueColor);
}

.bg-airblue {
  background-color: var(--airblueColor);
}

.bg-babyblue {
  background-color: var(--babyblueColor);
}

.bg-silver {
  background-color: var(--silverColor);
}

.bg-aliceblue {
  background-color: var(--aliceblueColor);
}

.bg-orange {
  background-color: var(--orangeColor);
}

.bg-yellow {
  background-color: var(--yellowColor);
}

.text-darkblue,
.text-darkblue.ce_hyperlink a {
  color: var(--darkblueColor);
}

.text-airblue,
.text-airblue.ce_hyperlink a {
  color: var(--airblueColor);
}

.text-babyblue,
.text-babyblue.ce_hyperlink a {
  color: var(--babyblueColor);
}

.text-silver,
.text-silver.ce_hyperlink a {
  color: var(--silverColor);
}

.text-aliceblue,
.text-aliceblue.ce_hyperlink a {
  color: var(--aliceblueColor);
}

.text-orange,
.text-orange.ce_hyperlink a {
  color: var(--orangeColor);
}

.text-yellow,
.text-yellow.ce_hyperlink a {
  color: var(--yellowColor);
}

/* -----------Schriften-------------*/

/* noto-sans-100 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-100.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-100italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-100italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-200italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 200;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-200italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-300italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-300italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-500italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 500;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-600italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-800italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 800;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 900;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-900italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 900;
  src: url('/files/cto_layout/fonts/noto/noto-sans-v39-latin-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-condensed-thin */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-Thin.woff2') format('woff2');
}

/* thin italic */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-ThinItalic.woff2') format('woff2');
}

/* light */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-Light.woff2') format('woff2');
}

/* light italic */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-LightItalic.woff2') format('woff2');
}

/* regular */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-Regular.woff2') format('woff2');
}

/* medium */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-Medium.woff2') format('woff2');
}

/* medium italic */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-MediumItalic.woff2') format('woff2');
}

/* semibold */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-SemiBold.woff2') format('woff2');
}

/* semibold italic */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-SemiBoldItalic.woff2') format('woff2');
}

/* bold */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-Bold.woff2') format('woff2');
}

/* bold italic */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-BoldItalic.woff2') format('woff2');
}

/* extra bold */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-ExtraBold.woff2') format('woff2');
}

/* black */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-Black.woff2') format('woff2');
}

/* black italic */
@font-face {
  font-family: 'Noto Sans Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('/files/cto_layout/fonts/noto-condensed/NotoSansCondensed-BlackItalic.woff2') format('woff2');
}


@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensed.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensed.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedBold.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedBlackItalic.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedBlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedBlack.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedBlack.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedExtraBold.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedBoldItalic.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedExtraLightItalic.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedExtraLight.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedExtraBoldItalic.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedItalic.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedLight.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedMedium.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedLightItalic.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedLightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedSemiBold.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedSemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedMediumItalic.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedMediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedSemiBoldItalic.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedSemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedThinItalic.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SemiCondensed';
  src: url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedThin.woff2') format('woff2'),
    url('/files/cto_layout/fonts/noto-semi-condensed/NotoSans-SemiCondensedThin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

ol,
ul {
  list-style: disc;
  list-style-position: inside;
}

.font_subline {
  font-family: 'Noto Sans SemiCondensed';
}

.ce_text.txt-color-gray strong {
  color: var(--darkblueColor);
}
/*Rechtstexte*/
.erecht_24 h1, .erecht_24 h2, .erecht_24 h3, .erecht_24 h4, .erecht_24 h5{
  color:var(--accentColor);
}
.erecht_24 ul{
  list-style:outside circle!important;
  margin-left:2rem;
}
.erecht_24 ul li{
  margin-bottom:1rem;
}

/* -----------Elemente-------------*/

/* Allgemein */

.display_inline-block {
  display: inline-block;
}

/*ce_headline Topline h1*/
@media only screen and (max-width: 767px) {

  body .topline_h1,
  body .topline_h1 .h5,
  body .topline_h1 h5 {
    font-size: 0.7rem;
    margin-bottom: 10px !important;
  }
}

/* Headline pct lineheight fix */
body .headline_style_h1 h1,
body .headline_style_h1 h2,
body .headline_style_h1 h3,
body .headline_style_h1 h4,
body .headline_style_h1 h5,
body .headline_style_h1 h6,
body h1.headline_style_h1,
body h1.headline_style_h1,
body h2.headline_style_h1,
body h3.headline_style_h1,
body h4.headline_style_h1,
body h5.headline_style_h1,
body h6.headline_style_h1 {
  font-size: var(--h1-fontSize);
  line-height: 58px;

  padding-top: 0;
}

body .headline_style_h2 h1,
body .headline_style_h2 h2,
body .headline_style_h2 h3,
body .headline_style_h2 h4,
body .headline_style_h2 h5,
body .headline_style_h2 h6,
body h1.headline_style_h2,
body h1.headline_style_h2,
body h2.headline_style_h2,
body h3.headline_style_h2,
body h4.headline_style_h2,
body h5.headline_style_h2,
body h6.headline_style_h2 {
  font-size: var(--h2-fontSize);
  line-height: 53px;
}

body .headline_style_h3 h1,
body .headline_style_h3 h2,
body .headline_style_h3 h3,
body .headline_style_h3 h4,
body .headline_style_h3 h5,
body .headline_style_h3 h6,
body h1.headline_style_h3,
body h1.headline_style_h3,
body h2.headline_style_h3,
body h3.headline_style_h3,
body h4.headline_style_h3,
body h5.headline_style_h3,
body h6.headline_style_h3 {
  font-size: var(--h3-fontSize);
  line-height: 46px;
}

body .headline_style_h4 h1,
body .headline_style_h4 h2,
body .headline_style_h4 h3,
body .headline_style_h4 h4,
body .headline_style_h4 h5,
body .headline_style_h4 h6,
body h1.headline_style_h4,
body h1.headline_style_h4,
body h2.headline_style_h4,
body h3.headline_style_h4,
body h4.headline_style_h4,
body h5.headline_style_h4,
body h6.headline_style_h4 {
  font-size: var(--h4-fontSize);
  line-height: 30px;
}

body .headline_style_h5 h1,
body .headline_style_h5 h2,
body .headline_style_h5 h3,
body .headline_style_h5 h4,
body .headline_style_h5 h5,
body .headline_style_h5 h6,
body h1.headline_style_h5,
body h1.headline_style_h5,
body h2.headline_style_h5,
body h3.headline_style_h5,
body h4.headline_style_h5,
body h5.headline_style_h5,
body h6.headline_style_h5 {
  font-size: var(--h5-fontSize);
  line-height: 25px;
}

body .headline_style_h6 h1,
body .headline_style_h6 h2,
body .headline_style_h6 h3,
body .headline_style_h6 h4,
body .headline_style_h6 h5,
body .headline_style_h6 h6,
body h1.headline_style_h6,
body h1.headline_style_h6,
body h2.headline_style_h6,
body h3.headline_style_h6,
body h4.headline_style_h6,
body h5.headline_style_h6,
body h6.headline_style_h6 {
  font-size: var(--h6-fontSize);
  line-height: 20px;
}

@media only screen and (max-width:767px) {

  body .headline_style_h3 h1,
  body .headline_style_h3 h2,
  body .headline_style_h3 h3,
  body .headline_style_h3 h4,
  body .headline_style_h3 h5,
  body .headline_style_h3 h6,
  body h1.headline_style_h3,
  body h1.headline_style_h3,
  body h2.headline_style_h3,
  body h3.headline_style_h3,
  body h4.headline_style_h3,
  body h5.headline_style_h3,
  body h6.headline_style_h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

/*Vertikaler Abstandhalte pixelr*/
@media only screen and (min-width:767px) and (max-width:1030px){
  
.ce_vertical_spacer_px.tablet_spacer_125{
  height:125px!important;
 }
}
/* Hintergrundbild/Farbe */
/*Responsiver Austausch der Hintergrundgrafik*/
@media only screen and (max-width:1030px){
  .responsive_bg-switch > .ce_bgimage-image{
    background-image: url(../../kunde/3_grafiken/1_backgrounds/grafik_hintergrund-content-4.svg)!important;
  }
}

@media only screen and (min-width:2000px) {
  .responsive_bg-switch > .ce_bgimage-image{
    background-image: url(../../kunde/3_grafiken/1_backgrounds/grafik_hintergrund-content-4.svg)!important;
    top:25px;
  }
}

@media only screen and (min-width: 768px) {
  .bg-hero-70 {
    height: 70vh !important;
    max-height: 700px;
  }

  .bg-hero-65 {
    height: 65vh !important;
    max-height: 650px;
  }
}

.ce_bgimage.max_width_custom_1 .ce_bgimage-inside.contentwrap {
  transition: all 1s ease;
  width: 100%
}

@media only screen and (min-width: 1558px) {
  .ce_bgimage.max_width_custom_1 .ce_bgimage-inside.contentwrap {
    max-width: 1600px;
    padding-left: 90px;
    padding-right: 90px;
    width: 100%;

  }
}

@media only screen and (max-width: 767px) {
  .ce_bgimage div.offset_layer {
    display: initial;
  }
}


.ce_bgimage.bg_custom_overlay_1 .ce_bgimage-image::before {
  content: "";
  position: absolute;
  inset: 0;
  /* top: 0; right: 0; bottom: 0; left: 0; */
  z-index: 1;
  /* je nach Bedarf */
  background: linear-gradient(to top, #434445 0%, transparent 50%);
  pointer-events: none;
}


.ce_bgimage[class*="bg-content-"] .ce_bgimage-outer {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  padding: var(--content-padding, 2rem);
  /* optional */
}

/*Anpassung Header Mobile*/
@media only screen and (max-width: 1010px) {
  .ce_bgimage[class*="bg-content-"] .ce_bgimage-outer {
    height: 90%;
    padding: 0;
  }

  .ce_bgimage[class*="bg-content-"] .ce_hyperlink-extended .hyperlink_txt {
    max-width: 37vw;
    font-size: 11px;
    line-height: 15px;
    padding: 7% 8%;
    min-width: unset !important;
    text-align: left !important;
  }

  .ce_bgimage[class*="bg-content-"] .ce_hyperlink-extended {
    margin-right: 1% !important;
  }

  .ce_bgimage.bg_custom_overlay_1 .ce_bgimage-image::before {
    background: linear-gradient(to top, #434445 0%, transparent 95%);
  }
}

@media only screen and (max-width: 350px) {
    .ce_bgimage[class*="bg-content-"] .ce_hyperlink-extended .hyperlink_txt {
   max-width: unset;
    }
}



/* Ausrichtung oben links */
.bg-content-top-left .ce_bgimage-outer {
  justify-content: flex-start;
  align-items: flex-start;
}

/* Ausrichtung oben zentriert */
.bg-content-top-center .ce_bgimage-outer {
  justify-content: center;
  align-items: flex-start;
}

/* Ausrichtung oben rechts */
.bg-content-top-right .ce_bgimage-outer {
  justify-content: flex-end;
  align-items: flex-start;
}

/* Ausrichtung mittig links */
.bg-content-middle-left .ce_bgimage-outer {
  justify-content: flex-start;
  align-items: center;
}

/* Ausrichtung mittig zentriert */
.bg-content-middle-center .ce_bgimage-outer {
  justify-content: center;
  align-items: center;
}

/* Ausrichtung mittig rechts */
.bg-content-middle-right .ce_bgimage-outer {
  justify-content: flex-end;
  align-items: center;
}

/* Ausrichtung unten links */
.bg-content-bottom-left .ce_bgimage-outer {
  justify-content: flex-start;
  align-items: flex-end;
}

/* Ausrichtung unten zentriert */
.bg-content-bottom-center .ce_bgimage-outer {
  justify-content: center;
  align-items: flex-end;
}

/* Ausrichtung unten rechts */
.bg-content-bottom-right .ce_bgimage-outer {
  justify-content: flex-end;
  align-items: flex-end;
}


/* Iconbox v2 */




.ce_iconbox_v2.style2 {
  border: unset;
}

.ce_iconbox_v2.style2 .ce_iconbox_outside {
  padding: 7% 10% 14% 10%;
}

.ce_iconbox_v2.style2 .image_container {
  float: right;
  margin-bottom: 10px;
}

.ce_iconbox_v2.style2.image-left .image_container {
  float: unset;
  margin-bottom: 10px;
}

.ce_iconbox_v2.style2.image-left.image-beside .ce_iconbox_inside {
  display: flex;
  flex-direction: row;
}


.ce_iconbox_v2.style2.image-left.image-beside .image_container {
  float: unset;
  margin-bottom: 10px;
  min-width: 80px;
}

.ce_iconbox_v2.style2.image-left.image-beside .image_container img {
  height: 50px;
}

.ce_iconbox_v2.style2.image-left .ce_iconbox_outside {
  padding: 7% 10% 7% 10%;
}

/*.ce_iconbox_v2.style2 .image_container img {
  height: 85px;
}*/

.ce_iconbox_v2.style2 .ce_iconbox_cwrapper {
  clear: right;
}

.ce_iconbox_v2.style2 .ce_iconbox_cwrapper .headline {
  text-transform: uppercase;
  font-family: "Noto Sans";
}

.ce_iconbox_v2.style2 .content p {
  font-family: "Noto Sans";
  font-weight: 500;
  line-height: 26px;
}



.ce_iconbox_v2.style2 .headline:after {
  content: '';
  width: 50px;
  height: 2px;
  background: var(--darkblueColor);
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.ce_iconbox_v2.style2.inverted .headline:after {
  background: white;
}

.ce_iconbox_v2.style2 .ce_iconbox_cwrapper .link {
  position: absolute;
  bottom: 20px;
  color: var(--darkblueColor);
  text-transform: lowercase;
  transition: All 0.3s ease;
}

.ce_iconbox_v2.style2 .link:before {
  content: "";
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  width: 0.6em;
  height: 0.6em;
  background-color: var(--darkblueColor);
  clip-path: polygon(0 0,
      /* oben links */
      100% 0,
      /* oben rechts */
      100% 100%,
      /* unten rechts */
      0 0
      /* oben links */
    );
}


.ce_iconbox_v2.style2.inverted .link {
  color: var(--yellowColor) !important;
}

.ce_iconbox_v2.style2.inverted .link:before {
  background-color: var(--yellowColor);
}


.ce_iconbox_v2.style2 .link:hover:before {

  width: 0.8em;
  height: 0.8em;
  /*background-color: var(--orangeColor);*/
  clip-path: polygon(30% 0,
      /* oben rechts */
      100% 50%,
      /* unten rechts */
      30% 100%,
      /* unten rlinks */
      30% 0
      /* oben rechts */
    );
}

.ce_iconbox_v2.style2 .link:hover {
  padding-left: 8px;
  font-size: 0.85em;
}





.ce_iconbox_v2.style2[class*="custom-teaser-"] .ce_iconbox_outside {
  padding: unset;
}

.ce_iconbox_v2.style2[class*="custom-teaser-"]:hover .ce_iconbox_outside {
  padding: unset;
}


.ce_iconbox_v2.style2[class*="custom-teaser-"] {
  transition: All 0.3s ease;
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 80px) 0,
      /* knapp vor oben rechts */
      100% 80px,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0 100%,
      /* unten links vorbereitet hover */
      0 100%
      /* unten links */
    );
    background: white;
}

.ce_iconbox_v2.style2[class*="custom-teaser-"]:hover {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 0px) 0,
      /* knapp vor oben rechts */
      100% 0px,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0 100%,
      /* unten links vorbereitet hover */
      0 100%
      /* unten links */
    );
}




.ce_iconbox_v2.style2[class*="custom-teaser-"] .ce_iconbox_inside {
  background: white;
}

.ce_iconbox_v2.style2[class*="custom-teaser-"] .image_container {
  float: unset;
  padding-top: unset;
  margin-bottom: unset;
}

.ce_iconbox_v2.style2[class*="custom-teaser-"] .image_container img {
  height: 285px;
  width: 100%;
  object-fit: cover;
}

.ce_iconbox_v2.style2[class*="custom-teaser-"] .ce_iconbox_cwrapper {
  clear: right;
  padding: 20px 30px 55px 30px;
}

.ce_iconbox_v2.style2[class*="custom-teaser-"] .ce_iconbox_cwrapper .link {
  bottom: 25px;
  text-transform: lowercase;
}

.ce_iconbox_v2.style2[class*="custom-teaser-"] .ce_iconbox_cwrapper .headline {
  font-size: 21px;

}


.ce_iconbox_v2.style2[class*="custom-teaser-"] .ce_iconbox_cwrapper:after {
  content: "";
  position: absolute;
  height: 11px;
  left: 30px;
  right: 30px;
  bottom: -1px;
}

.ce_iconbox_v2.style2.custom-teaser-darkblue .ce_iconbox_cwrapper:after {
  background: var(--darkblueColor);
}

.ce_iconbox_v2.style2.custom-teaser-darkblue .ce_iconbox_cwrapper:after {
  background-color: var(--darkblueColor);
}

.ce_iconbox_v2.style2.custom-teaser-airblue .ce_iconbox_cwrapper:after {
  background-color: var(--airblueColor);
}

.ce_iconbox_v2.style2.custom-teaser-babyblue .ce_iconbox_cwrapper:after {
  background-color: var(--babyblueColor);
}

.ce_iconbox_v2.style2.custom-teaser-silver .ce_iconbox_cwrapper:after {
  background-color: var(--silverColor);
}

.ce_iconbox_v2.style2.custom-teaser-aliceblue .ce_iconbox_cwrapper:after {
  background-color: var(--aliceblueColor);
}

.ce_iconbox_v2.style2.custom-teaser-orange .ce_iconbox_cwrapper:after {
  background-color: var(--orangeColor);
}

.ce_iconbox_v2.style2.custom-teaser-yellow .ce_iconbox_cwrapper:after {
  background-color: var(--yellowColor);
}


.ce_iconbox_v2.style2[class*="dach-beschnitt"]  {
  padding: unset;
  transition: All 0.3s ease;
  background-color:#A4CEF1;
    clip-path: polygon(
      45% 0%,     /* Oben links - 20px nach rechts für den Schnitt */
      calc(100% - 45%) 0%, /* Oben rechts - 20px nach links für den Schnitt */
      100% 45%,   /* Rechts oben (nach unten versetzt für den Schnitt) */
      100% 100%,   /* Rechts unten */
      0% 100%,     /* Links unten */
      0% 45%      /* Links oben (nach unten versetzt für den Schnitt) */
);
}

.ce_iconbox_v2.style2[class*="dach-beschnitt"] .ce_iconbox_inside {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align:center;
}

.ce_iconbox_v2.style2[class*="dach-beschnitt"] .ce_iconbox_inside .link {
  position:unset;
  display:block;
  text-align:center;
  
}
.ce_iconbox_v2.style2[class*="dach-beschnitt"] .headline:after{
margin-left:auto;
margin-right:auto;
}

.ce_iconbox_v2.style2[class*="dach-beschnitt"] .ce_iconbox_outside{
  padding-bottom:2%;
}
/* List */

/*style 2*/
.ce_list.style2 li {
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 15px;

}


.ce_list.style2 ul {
  list-style-type: circle;
  padding-left: 28px;
}

.ce_list.style2 li::marker {
  color: rgba(255, 255, 255, 0);
}

.ce_list.style2 li:before {
  position: absolute;
  left: -28px;
  margin-top: 10px;
  content: "";
  font-weight: bold;
  display: inline-block;
  margin-right: 0.6em;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  width: 0.7em;
  height: 0.7em;
  background-color: var(--darkblueColor);
  clip-path: polygon(0 0,
      /* oben links */
      100% 0,
      /* oben rechts */
      100% 100%,
      /* unten rechts */
      75% 75%,
      75% 25%,
      25% 25%,
      0 0
      /* oben links */

    );
}

.ce_list.style2.txt-color-white li:before {
  background-color: white;
}

@media only screen and (max-width: 767px) {
  .ce_list.style2 li {
    font-size: 20px;
    padding-bottom: 8px;
  }
}

/*--style 3--*/

.ce_list.style3 li {
 /* text-transform: uppercase;*/
  font-weight: 700;
  padding-bottom: 15px;
  font-size: 19px;
}


.ce_list.style3 ul {
  list-style-type: circle;
  padding-left: 28px;
}

.ce_list.style3 li::marker {
  color: rgba(255, 255, 255, 0);
}

.ce_list.style3 li:before {
  position: absolute;
  left: -28px;
  margin-top: 10px;
  content: "";
  font-weight: bold;
  display: inline-block;
  margin-right: 0.6em;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  width: 0.7em;
  height: 0.7em;
  background-color: var(--darkblueColor);
  clip-path: polygon(0 0,
      /* oben links */
      100% 0,
      /* oben rechts */
      100% 100%,
      /* unten rechts */
      75% 75%,
      75% 25%,
      25% 25%,
      0 0
      /* oben links */

    );
}

.ce_list.style3 li:after {
  display:none;
}

.ce_list.style3.txt-color-white li:before {
  background-color: white;
}

@media only screen and (max-width: 767px) {
  .ce_list.style3 li {
    font-size: 20px;
    padding-bottom: 8px;
  }
}



/* ce_wrap */
@media only screen and (min-width: 767px) {
  .ce_wrap.float-right {
    float: right;
  }
}

/* ce_wrap cta-cut */

.ce_wrap.cta-cut-v1:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: linear-gradient(160deg,
      /* Richtung entsprechend den SVG-Koordinaten */
      #043978 0%,
      #5989b8 78.8%,
      #a3ceef 100%);
  clip-path: polygon(0 0,
      90% 0,
      75% 60%,
      85% 100%,
      85% 100%,
      0 100%,
      0 0);
  transition: All 0.6s ease;
  -webkit-transition: All 0.6s ease;
}

@media only screen and (max-width: 767px) {
  .ce_wrap.cta-cut-v1:before {
    clip-path: polygon(0 0,
        90% 0,
        65% 60%,
        85% 100%,
        85% 100%,
        0 100%,
        0 0);
  }

  .ce_wrap .inside {
    z-index: 10;
  }

  .ce_wrap.cta-cut-v1:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: #0438783f;
  }
}






.ce_wrap.cta-cut-v2:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: linear-gradient(160deg,
      /* Richtung entsprechend den SVG-Koordinaten */
      #043978 0%,
      #5989b8 78.8%,
      #a3ceef 100%);
  clip-path: polygon(0 0,
      90% 0,
      60% 55%,
      75% 100%,
      85% 100%,
      0 100%,
      0 0);
  transition: All 0.6s ease;
  -webkit-transition: All 0.6s ease;
}

@media only screen and (max-width: 767px) {
  .ce_wrap.cta-cut-v2:before {
    clip-path: polygon(0 0,
        90% 0,
        50% 55%,
        75% 100%,
        85% 100%,
        0 100%,
        0 0);
  }

  .ce_wrap .inside {
    z-index: 10;
  }

  .ce_wrap.cta-cut-v2:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: #0438783f;
  }
}


.ce_wrap.cta-cut-v3 {
  padding: unset;
  transition: All 0.3s ease;
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 80px) 0,
      /* knapp vor oben rechts */
      100% 80px,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0 100%,
      /* unten links vorbereitet hover */
      0 100%
      /* unten links */
    );
}

/* ce_shift_wrapper_start*/

@media only screen and (min-width:767px) and (max-width:1024px){
 .ce_shift_wrapper_start.tablet_vertical_85{
   transform: translateY(85px)!important;
 }
}

/* ce_countup */
.ce_countup.style1 .image_container {
  margin-bottom: 40px;
}

.ce_countup.style1 .headline {
  color: var(--darkblueColor);
  margin-bottom: 40px;
}

.ce_countup.style1 .text {
  color: var(--darkblueColor);
  text-transform: uppercase;
  font-weight: 700;
}


.ce_split_words span.word {
  height: 1.2em;
}

/* ce_testimonial_slider */
.ce_testimonial_slider[data-style="style1"] {
  overflow: visible;
}

.ce_testimonial_slider[data-style="style1"] .swiper-slide .swiper-content .text {
  color: var(--silverColor);
  ;
}

.ce_testimonial_slider[data-style="style1"] .swiper-slide.swiper-slide-active .swiper-content .text {
  background: var(--aliceblueColor);
  color: var(--darkblueColor);
  border-radius: unset;
}

.ce_testimonial_slider[data-style="style1"] .swiper-slide-active .swiper-content .bottom-arrow {
  display: none;
}

.ce_testimonial_slider[data-style="style1"] .swiper-slide-active .swiper-content .bottom-arrow::after {
  display: none;
}


.ce_testimonial_slider[data-style="style1"] .swiper-slide-active .swiper-content .text:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: calc(-100% + 3px);
  left: 0;
  background-image: url(/files/kunde/3_grafiken/grafik_deko-testimonial.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.ce_testimonial_slider[data-style="style1"] .swiper-slide.swiper-slide-active .swiper-content .name {
  color: var(--darkblueColor);
  font-weight: 600;
  margin-top:60px;
}

.ce_testimonial_slider[data-style="style1"] .swiper-slide.swiper-slide-active .swiper-content .info {
  color: var(--darkblueColor);
}

.ce_testimonial_slider[data-style="style1"] .swiper-slide .swiper-content .name {
  color: var(--silverColor);
  font-weight: 600;
}

.ce_testimonial_slider[data-style="style1"] .swiper-slide .swiper-content .info {
  color: var(--silverColor);
}


.ce_testimonial_slider[data-style="style1"] .swiper-slide-next:not(.swiper-slide-active) {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 0%, #000000c4 30%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 0%, #000000c4 30%, transparent 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  opacity:0.15;
}

.ce_testimonial_slider[data-style="style1"] .swiper-slide-prev:not(.swiper-slide-active) {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 0%, #000000c4 30%, transparent 100%);
  mask-image: linear-gradient(to left, transparent 0%, black 0%, #000000c4 30%, transparent 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  opacity:0.15;
}

.ce_testimonial_slider[data-style="style1"] .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev) {
  opacity: 0;
}





.ce_testimonial_slider[data-style="style1"].sm-custom .swiper-slide-active .swiper-content .text:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: calc(-100% + 3px);
  left: 0;
  background-image: url(/files/kunde/3_grafiken/grafik_deko-testimonial-2.svg);
  background-size: contain;
  background-repeat: no-repeat;
}



.ce_testimonial_slider.sm-custom .swiper-content .text {
  display: flex;
  padding: unset;
}

.ce_testimonial_slider.sm-custom .swiper-content .text .text-inside {
  padding: 50px 50px 50px 50px;
}

.ce_testimonial_slider[data-style="style1"].sm-custom .swiper-content .image_container {
  height: 100%;
  width: 120px;
  text-align: unset;
}

.ce_testimonial_slider[data-style="style1"].sm-custom .swiper-content .image_container img {
  width: 100px;
  height: 100%;
  border-radius: unset;
  box-shadow: unset;
  object-fit: cover;
}


.ce_testimonial_slider a {
  text-transform: lowercase;
  transition: All 0.3s ease;
  font-family: "Noto Sans";
  font-weight: bold;
  font-size: 19px;

}

.ce_testimonial_slider a {
  color: var(--darkblueColor);
}

.ce_testimonial_slider a:before {
  content: "";
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  width: 0.6em;
  height: 0.6em;
  background-color: var(--darkblueColor);
  clip-path: polygon(0 0,
      /* oben links */
      100% 0,
      /* oben rechts */
      100% 100%,
      /* unten rechts */
      0 0
      /* oben links */
    );
}


.ce_testimonial_slider.inverted a {
  color: white !important;
}

.ce_testimonial_slider.inverted a:before {
  background-color: white;
}


.ce_testimonial_slider a:hover:before {

  width: 0.8em;
  height: 0.8em;
  /*background-color: var(--orangeColor);*/
  clip-path: polygon(30% 0,
      /* oben rechts */
      100% 50%,
      /* unten rechts */
      30% 100%,
      /* unten rlinks */
      30% 0
      /* oben rechts */
    );
}

.ce_testimonial_slider a:hover {
  padding-left: 8px;
  font-size: 22px;
}

@media only screen and (max-width: 767px) {

  /*.ce_testimonial_slider[data-style="style1"] .swiper-content .text {
    padding: 50px 40px 50px 40px;
  }*/
  .ce_testimonial_slider.sm-custom .swiper-content .text .text-inside {
    padding: 24px 24px 24px 24px;
  }

  .ce_testimonial_slider.sm-custom .swiper-content .text {
    flex-direction: column;
  }


  .ce_testimonial_slider[data-style="style1"].sm-custom .swiper-content .image_container {
    height: 100% !important;
    width: 100% !important;
  }

  .ce_testimonial_slider[data-style="style1"].sm-custom .swiper-content .image_container img {
    width: 100% !important;
    height: 100% !important;
  }

  .ce_testimonial_slider[data-style="style1"] .swiper-content .text:before {
    opacity: 0.2;
  }

  .ce_testimonial_slider[data-style="style1"]:not(.sm-custom)  .swiper-content .text {
    padding: 66px 36px 36px 36px;
    margin-left: 0px;
    margin-right: 0px;
  }

  .ce_testimonial_slider[data-style="style1"]:not(.sm-custom) .swiper-content .text:before {
    left: 32px;
    top: 17px;
  }
}

/* .ce_accordion_v2 */


.ce_accordion_v2 .toggler,
.ce_accordion.style2 .toggler {
  padding: 2rem;
  box-shadow: unset;
  cursor: pointer;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  position: relative;
  font-weight: bold;
  border: unset;
  width: 100%;
  color: inherit;
  font-size: 28px;
  background: none;
  text-align: left;
  border-bottom: 1px solid #e4e4e4;
  font-family: 'Noto Sans SemiCondensed';
  font-weight: 600;
  padding-right: 80px;
}

.ce_accordion_v2 .toggler:before,
.ce_accordion.style2 .toggler:before {
  right: 20px;
  left: unset;
  content: "";
  width: 50px;
  height: 50px;
  border-radius: unset;
  border: unset;
  background: white;
  clip-path: polygon(0% 49%, 49% 49%, 49% 0, 51% 0,
      51% 49%, 100% 49%, 100% 51%,
      51% 51%, 51% 100%, 49% 100%,
      49% 51%, 0% 51%, 0% 49%);
  transition: all 0.3s ease;
}

.ce_accordion_v2 .toggler.ui-state-active:before,
.ce_accordion.style2 .toggler.ui-state-active:before {
  clip-path: polygon(0% 49%, 48% 49%, 50% 49%, 50% 49%,
      50% 49%, 100% 49%, 100% 51%,
      50% 51%, 50% 51%, 50% 51%,
      48% 51%, 0% 51%, 0% 49%);
}

.ce_accordion_v2 .toggler:not(.ui-state-active):hover,
.ce_accordion.style2 .toggler:not(.ui-state-active):hover {
  color: unset;
  opacity: 0.8;
}


@media only screen and (max-width:767px) {

  .ce_accordion_v2 .toggler:before,
  .ce_accordion.style2 .toggler:before {
    width: 30px;
    height: 30px;
    top: 60px;

  }
}

/* .ce_fancy_divider_image */

.ce_fancy_divider_image.pos-absolute-bottom.fancy-float-right {
  position: absolute;
  left: auto;
  right: 0;
  bottom: -1px;
  z-index: 10;
}

.ce_fancy_divider_image.pos-absolute-bottom.fancy-float-left {
  position: absolute;
  left: 0;
  right: auto;
  bottom: -1px;
  z-index: 10;
}

/* swiperslider mousewheel */




.ce_swiper-slider-start.style_default .swiper-horizontal>.swiper-scrollbar,
.ce_swiper-slider-start.style_default .swiper-scrollbar.swiper-scrollbar-horizontal {
  width: 300px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  opacity: 0.5 !important;
  background: unset;
  border: 1px solid white;
  border-radius: 30px;
  margin-top: 75px;
}


.ce_swiper-slider-start.style_default .swiper-horizontal>.swiper-scrollbar,
.ce_swiper-slider-start.style_default .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
  background: white;
  border-radius: 30px;
}

.ce_swiper-slider-start.style2_dark .swiper-horizontal>.swiper-scrollbar,
.ce_swiper-slider-start.style2_dark .swiper-scrollbar.swiper-scrollbar-horizontal {
  width: 300px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  opacity: 0.5 !important;
  background: #dcdcdc;
  border: 1px solid rgb(218, 218, 218);
  border-radius: 30px;
  margin-top: 75px;
}


.ce_swiper-slider-start.style2_dark .swiper-horizontal>.swiper-scrollbar,
.ce_swiper-slider-start.style2_dark .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
  background: rgb(157, 157, 157);
  border-radius: 30px;
}


/* breadcrumbs */
#breadcrumb .active.last {
  color: var(--darkblueColor);
}


/* hyperlinks */

.ce_hyperlink.ce_hyperlink-extended.button-cut.btn-accent-outline a:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: white;
  z-index: -1;
  transition: all 0.2s ease-in;
}



.ce_hyperlink.ce_hyperlink-extended.button-cut.btn-accent-outline a {
  background: var(--darkblueColor);
}

/* Maass Cut */

/* Original */
.button-cut a {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 1.5em) 0,
      /* knapp vor oben rechts */
      100% 1.5em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0 100%,
      /* unten links vorbereitet hover */
      0 100%
      /* unten links */
    );
}

.button-cut a:hover {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 1em) 0,
      /* knapp vor oben rechts */
      100% 1em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      1em 100%,
      /* unten links vorbereitet hover */
      0 calc(100% - 1em)
      /* unten links */
    );
}

/* Versuch Variante Melli 08.08.2025*/
.button-cut a {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 1.5em) 0,
      /* knapp vor oben rechts */
      100% 1.5em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0 100%,
      /* unten links vorbereitet hover */
      0 100%
      /* unten links */
    );
}

.button-cut a:hover {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 0em) 0,
      /* knapp vor oben rechts */
      100% 0em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      1.2em 100%,
      /* unten links vorbereitet hover */
      0 calc(100% - 1.2em)
      /* unten links */
    );
}

/* Original */

.btn-accent-outline.button-cut a:before {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 1.5em) 0,
      /* knapp vor oben rechts */
      100% 1.5em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0 100%,
      /* unten links vorbereitet hover */
      0 100%
      /* unten links */
    );
}

.btn-accent-outline.button-cut a:hover:before {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 1em) 0,
      /* knapp vor oben rechts */
      100% 1em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      1em 100%,
      /* unten links vorbereitet hover */
      0 calc(100% - 1em)
      /* unten links */
    );
}

/* Versuch Variante Melli 08.08.2025*/
.btn-accent-outline.button-cut a:before {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 1.5em) 0,
      /* knapp vor oben rechts */
      100% 1.5em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0 100%,
      /* unten links vorbereitet hover */
      0 100%
      /* unten links */
    );
}

.btn-accent-outline.button-cut a:hover:before {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 0em) 0,
      /* knapp vor oben rechts */
      100% 0em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      1.2em 100%,
      /* unten links vorbereitet hover */
      0 calc(100% - 1.2em)
      /* unten links */
    );
}

/* Original*/


.mainmenu .highlight-button-cut a span {
  transition: all 0.2s ease-in;
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 1.0em) 0,
      /* knapp vor oben rechts */
      100% 1.0em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0 100%,
      /* unten rechts */
      0 100%
      /* unten links */
    );
}

.mainmenu .highlight-button-cut a:hover span {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 0.7em) 0,
      /* knapp vor oben rechts */
      100% 0.7em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0.7em 100%,
      /* unten links vorbereitet hover */
      0 calc(100% - 0.7em)
      /* unten links */
    );
}

.header.cloned .highlight-button-cut a span,
#mmenu .highlight-button-cut a {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 0.6em) 0,
      /* knapp vor oben rechts */
      100% 0.6em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0 100%
      /* unten links */
    );
}

/* Versuch Variante Melli 08.08.2025*/

.mainmenu .highlight-button-cut a:hover span {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 0.7em) 0,
      /* knapp vor oben rechts */
      100% 0.7em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0.7em 100%,
      /* unten links vorbereitet hover */
      0 calc(100% - 0.7em)
      /* unten links */
    );
}

.mainmenu .header.cloned .highlight-button-cut a span,
#mmenu .highlight-button-cut a {
  clip-path: polygon(0 0,
      /* oben links */
      calc(100% - 0.6em) 0,
      /* knapp vor oben rechts */
      100% 0.6em,
      /* schräger Schnitt */
      100% 100%,
      /* unten rechts */
      0 100%
      /* unten links */
    );
}



/* .ce_timeline */

.ce_timeline .timeline-item {
  margin-top: 30px;
}

.ce_timeline .timeline-item .timeline-item-title {
  background: var(--babyblueColor);
  color: var(--darkblueColor);
  border-radius: unset;
  padding: 16px 28px;
  margin-top: -40px;
}

.ce_timeline .timeline-item .timeline-item-text {
  font-weight: 700;
}

.ce_timeline:before {
  top: 34px;
}

.ce_timeline:before,
.ce_timeline .timeline-item i,
.ce_timeline .timeline-item .timeline-item-title:before,
.ce_timeline i.last-point {
  background: white;
}


/*  ce_teambox */

.ce_teambox[class*="custom-maass-"] {
  padding: 30px;
  background: var(--aliceblueColor);
}

.ce_teambox[class*="custom-maass-"] .teambox_inside .teambox_content {
  margin-top: 25px;
}

.ce_teambox[class*="custom-maass-"] .teambox_inside .teambox_content .name {
  color: var(--darkblueColor);
  font-size: var(--h4-fontSize);
  font-family: 'Noto Sans';
}

.ce_teambox[class*="custom-maass-"] .teambox_inside .teambox_content .function {
  color: var(--darkblueColor);
  font-weight: 500;
  font-family: 'Noto Sans';
}

.ce_teambox[class*="custom-maass-"] .teambox_inside .teambox_content .phone,
.ce_teambox .teambox_inside .teambox_content .email {
  color: var(--darkblueColor);
  font-weight: 400;
  font-family: 'Noto Sans';
  font-size: 20px;
}



.ce_teambox[class*="custom-maass-"] .teambox_inside .teambox_content:after {
  content: "";
  position: absolute;
  height: 8px;
  left: 30px;
  right: 30px;
  bottom: -1px;
}

.ce_teambox.custom-maass-darkblue .teambox_inside .teambox_content:after {
  background-color: var(--darkblueColor);
}

.ce_teambox.custom-maass-yellow .teambox_inside .teambox_content:after {
  background-color: var(--yellowColor);
}






/*  ce_custom_link */

.ce_customlink[data-style*="style_sm"] {
  text-transform: lowercase;
  transition: All 0.3s ease;
  font-family: "Noto Sans";
  font-weight: bold;
  font-size: 24px;

}

.ce_customlink[data-style*="style_sm"] a {
  color: var(--darkblueColor);
}

.ce_customlink[data-style*="style_sm"]:before {
  content: "";
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  width: 0.6em;
  height: 0.6em;
  background-color: var(--darkblueColor);
  clip-path: polygon(0 0,
      /* oben links */
      100% 0,
      /* oben rechts */
      100% 100%,
      /* unten rechts */
      0 0
      /* oben links */
    );
}


.ce_customlink[data-style*="style_sm inverted"] a {
  color: white !important;
}

.ce_customlink[data-style*="style_sm inverted"]:before {
  background-color: white;
}


.ce_customlink[data-style*="style_sm"]:hover:before {

  width: 0.8em;
  height: 0.8em;
  /*background-color: var(--orangeColor);*/
  clip-path: polygon(30% 0,
      /* oben rechts */
      100% 50%,
      /* unten rechts */
      30% 100%,
      /* unten rlinks */
      30% 0
      /* oben rechts */
    );
}

.ce_customlink[data-style="style_sm"]:hover {
  padding-left: 8px;
  font-size: 22px;
}

@media only screen and (max-width:767px) {
  .ce_customlink[data-style*="style_sm"] {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
    .ce_customlink[data-style*="style_sm"].mb-xxs {
        margin-bottom: 12px !important;
    }
}


/*  ce_gallery */

.ce_gallery.custom-row-1 .flex-gallery {
  gap: 40px;
}

.ce_gallery.custom-row-1 .flex-gallery>li {
  flex: 1 !important;
  min-width: 0;
}


@media only screen and (max-width: 767px) {
  .ce_gallery.custom-row-1 .flex-gallery {
    gap: 20px;
    flex-direction: row;
  }

  .ce_gallery.custom-row-1 ul.flex-gallery>li {
    flex: 1 !important;
    min-width: 0;
    min-width: 45%;
    max-width: 50%;
  }
}



.ce_gallery .content {
  background: var(--orangeColor)
}

.ce_gallery .content .capt {
  text-transform: uppercase;
  font-weight: 700;
}

.ce_gallery ol,
ul {
  list-style: none;
  list-style-position: unset;
}



/*  Portfolio_Teaser Projekte */

.mod_portfoliolist_teaser_2.sm-custom .swiper-slide {
  width: 360px;
  /* feste Breite */
}

.mod_portfoliolist_teaser_2.sm-custom .item .image_container {
  width: 100% !important;
  float: unset;
  height: 415px;
  background: var(--darkblueColor);
}

.mod_portfoliolist_teaser_2.sm-custom .item .image_container img {
  height: 100%;
  object-fit: cover;
  transition: opacity 1s ease;
  opacity: 0.4;
}

.mod_portfoliolist_teaser_2.sm-custom .item .info {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 40px;
}

.mod_portfoliolist_teaser_2.sm-custom .item .content {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 40px
}

.mod_portfoliolist_teaser_2.sm-custom .item .info .subline {
  position: relative;
  color: white;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: normal;
}

.mod_portfoliolist_teaser_2.sm-custom .item .info:after {
  content: "";
  position: relative;
  display: block;
  height: 2px;
  width: 80px;
  background: white;
  margin-top: 10px;
}

.mod_portfoliolist_teaser_2.sm-custom .item .content .title {
  color: white;
  text-transform: none;
  font-weight: 700;
  font-size: 26px;
  line-height: normal;
}

.mod_portfoliolist_teaser_2.sm-custom .item .content .teaser {
  color: white;
  font-size: 16px;
  height: 0px;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  opacity: 0;
}

.mod_portfoliolist_teaser_2.sm-custom .item:hover .content .teaser {
  color: white;
  font-size: 16px;
  height: 180px;
  opacity: 1;
}

.mod_portfoliolist_teaser_2.sm-custom .item .content .hyperlink {
  text-transform: lowercase;
  transition: All 0.3s ease;
  font-family: "Noto Sans";
  font-weight: 500;
  font-size: 16px;
  background: unset;
  padding: unset;
  height: 16px;
}

.mod_portfoliolist_teaser_2.sm-custom .item .content .hyperlink:before {
  content: "";
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  width: 0.6em;
  height: 0.6em;
  background-color: white;
  clip-path: polygon(0 0,
      /* oben links */
      100% 0,
      /* oben rechts */
      100% 100%,
      /* unten rechts */
      0 0
      /* oben links */
    );
}

.mod_portfoliolist_teaser_2.sm-custom .item .content .hyperlink:hover:before {

  width: 0.8em;
  height: 0.8em;
  clip-path: polygon(30% 0,
      /* oben rechts */
      100% 50%,
      /* unten rechts */
      30% 100%,
      /* unten rlinks */
      30% 0
      /* oben rechts */
    );
}

.mod_portfoliolist_teaser_2.sm-custom .item .image_container:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 5px;
  background: var(--orangeColor);
  width: 0%;
  transition: width 0.5s ease;
}

.mod_portfoliolist_teaser_2.sm-custom .item .image_container:hover:after {
  width: 100%;
}

.mod_portfoliolist_teaser_2.sm-custom .swiper-pagination {
  position: relative;
  text-align: center;
  margin-top: 40px;
}


.mod_portfoliolist_teaser_2.sm-custom .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.5;
  transition: all 0.8s ease;
}

.mod_portfoliolist_teaser_2.sm-custom .swiper-slide:not(.swiper-slide-active) .info {
  opacity: 0.5;
}

.mod_portfoliolist_teaser_2.sm-custom .swiper-slide:not(.swiper-slide-active) .content {
  opacity: 0;
}


.mod_portfoliolist_teaser_2.sm-custom .swiper-slide:not(.swiper-slide-active):hover {
  opacity: 1;
}

.mod_portfoliolist_teaser_2.sm-custom .swiper-slide:not(.swiper-slide-active):hover .info {
  opacity: 1;
}

.mod_portfoliolist_teaser_2.sm-custom .swiper-slide:not(.swiper-slide-active):hover .content {
  opacity: 1;
}

/* Pfeile */
.mod_portfoliolist_teaser_2.sm-custom .swiper-button-next,
.mod_portfoliolist_teaser_2.sm-custom .swiper-button-prev {
  color: #ffffff;
  /* Schwarz für hellen Modus */
}

/* Pagination Dots */
.mod_portfoliolist_teaser_2.sm-custom .swiper-pagination-bullet {
  background: #969696;
  /* neutrales Grau */
  opacity: 1;

}

.mod_portfoliolist_teaser_2.sm-custom .swiper-pagination-bullet-active {
  background: #ffffff;
  /* aktives Dot dunkel */
}

:root {
  --swiper-pagination-bullet-size: 15px;
}


.mod_portfoliolist_teaser_2.sm-custom .swiper-button {
  max-width: 350px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.mod_portfoliolist_teaser_2 .swiper-button-next,
.mod_portfoliolist_teaser_2 .swiper-button-prev {
  margin-top: -45px;
}

/*  Portfolio_Übersicht Projekte */

.mod_portfoliolist_v7.sm_custom .item-inside {
  height: 415px;
}

.mod_portfoliolist_v7.sm_custom .item-inside .image_container {
  height: 100%;
  background: var(--darkblueColor);
}

.mod_portfoliolist_v7.sm_custom .item-inside .image_container img {
  display: block;
  height: 100%;
  max-width: unset;
  width: auto;
}


.mod_portfoliolist_v7.sm_custom .item-inside .info {
  position: absolute;
  top: 0;
  background: unset;
  padding: 30px 30px;
}

.mod_portfoliolist_v7.sm_custom .item-inside .info .subline {
  background: unset;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: unset;
}

.mod_portfoliolist_v7.sm_custom .item-inside .info:after {
  content: "";
  position: relative;
  display: block;
  height: 2px;
  width: 80px;
  background: white;
  margin-top: 5px;
}

.mod_portfoliolist_v7.sm_custom .item {
  background: unset;
}

.mod_portfoliolist_v7.sm_custom .item:hover {
  box-shadow: unset !important;
  border-color: transparent !important;
  z-index: 100;
}

.mod_portfoliolist_v7.sm_custom .item-inside .item-bottom {
  position: absolute;
  bottom: 0;
  padding: 30px 30px;
  /*background: #04397890;*/
  border: unset;
  width:100%;
}

.mod_portfoliolist_v7.sm_custom .item-inside .item-bottom .title a {
  color: white;
  font-family: 'Noto Sans Condensed';
  font-weight: 700;
  text-transform: unset;
  font-size: 26px;
  line-height: 32px;
}


.mod_portfoliolist_v7.sm_custom .item .teaser {
  color: white;
  font-size: 19px;
  max-height: 0px;
  opacity: 0;
}

/*.mod_portfoliolist_v7.sm_custom .item:hover .teaser {
  margin-top: 15px;
  max-height: 200px;
  opacity: 1;
}*/

.mod_portfoliolist_v7.sm_custom .item:hover .item-inside .image_container img {
  opacity: 0.5;
}



.mod_portfoliolist_v7.sm_custom .item .item-inside .item-bottom:after {
  content: "";
  font-weight: bold;
  /* display: inline-block;*/
  position: absolute;
  right: 20px;
  bottom: 20px;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  width: 0.8em;
  height: 0.8em;
  background-color: white;
  clip-path: polygon(0 0,
      /* oben links */
      100% 0,
      /* oben rechts */
      100% 100%,
      /* unten rechts */
      0 0
      /* oben links */
    );
}

.mod_portfoliolist_v7.sm_custom .item:hover .item-inside .item-bottom:after {

  width: 0.9em;
  height: 0.9em;
  clip-path: polygon(30% 0,
      /* oben rechts */
      100% 50%,
      /* unten rechts */
      30% 100%,
      /* unten rlinks */
      30% 0
      /* oben rechts */
    );
}

.mod_portfoliolist_v7.sm_custom .item .image_container:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 5px;
  background: var(--orangeColor);
  width: 0%;
  transition: width 0.5s ease;
}

.mod_portfoliolist_v7.sm_custom .item:hover .image_container:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 5px;
  background: var(--orangeColor);
  width: 100%;
  transition: width 0.5s ease;
}


.mod_portfoliolist_v7.sm_custom .item .title,
.mod_portfoliolist_v7.sm_custom .item .info {
  opacity: 0;
  transition: opactiy 0.5s ease;
}

.mod_portfoliolist_v7.sm_custom .item:hover .title,
.mod_portfoliolist_v7.sm_custom .item:hover .info {
  opacity: 1;
}



.mod_portfoliolist_v7.sm_custom .item .featured-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  overflow: hidden;
  min-height: 100px;
  min-width: 100px
}

.mod_portfoliolist_v7.sm_custom .item .featured-container span {

  background-color: var(--orangeColor);
  color: white;
  padding: 30px 50px 5px 50px;
  transform: translate(50px, -20px) rotate(45deg);
  display: block;
  font-weight: 700;
  font-family: 'Noto Sans Condensed';
}

@media only screen and (max-width: 821px) {

.portfolio-col3 .grid-sizer {
	width: calc(100% / 2);
}}

/* Portfoliofilter Projekte */

.ce_portfoliofilter .ce_portfoliofilter_content {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

.ce_portfoliofilter .ce_portfoliofilter_content a {
  flex: auto;
  min-width: 0;
  border: 2px solid var(--darkblueColor);
}

.ce_portfoliofilter .ce_portfoliofilter_content a+a {
  border-left: none;
}

.ce_portfoliofilter .ce_portfoliofilter_content a span,
.ce_portfoliofilter .ce_portfoliofilter_content a {
  text-transform: uppercase;
  color: var(--darkblueColor);
  font-weight: 600;
}

.ce_portfoliofilter .ce_portfoliofilter_content a.selected span,
.ce_portfoliofilter .ce_portfoliofilter_content a:hover span {
  color: white;
}

.ce_portfoliofilter .ce_portfoliofilter_content a i {
  color: var(--darkblueColor)
}

.ce_portfoliofilter .ce_portfoliofilter_content a.selected i,
.ce_portfoliofilter .ce_portfoliofilter_content a:hover i {
  color: white;
}


@media only screen and (max-width: 821px) {

  .ce_portfoliofilter .ce_portfoliofilter_content {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
  }

  .ce_portfoliofilter .ce_portfoliofilter_content a {
    flex: auto;
    min-width: 0;
    border: 2px solid var(--darkblueColor) !important;
  }

  .ce_portfoliofilter .ce_portfoliofilter_content a+a {
    border-left: none;
  }

  .ce_portfoliofilter .ce_portfoliofilter_content a span,
  .ce_portfoliofilter .ce_portfoliofilter_content a {
    text-transform: uppercase;
    color: var(--darkblueColor);
    font-weight: 600;
  }

  .ce_portfoliofilter .ce_portfoliofilter_content a.selected,
  .ce_portfoliofilter .ce_portfoliofilter_content a:hover {
    background-color: var(--darkblueColor);
  }

  .ce_portfoliofilter .ce_portfoliofilter_content a.selected span,
  .ce_portfoliofilter .ce_portfoliofilter_content a:hover span {
    color: white;
  }

  .ce_portfoliofilter .ce_portfoliofilter_content a i {
    color: var(--darkblueColor)
  }

  .ce_portfoliofilter .ce_portfoliofilter_content a.selected i,
  .ce_portfoliofilter .ce_portfoliofilter_content a:hover i {
    color: white;
  }

  .ce_portfoliofilter .mobile-filter-trigger.fa.fa-filter {
    background-color: var(--darkblueColor);
  }




}


/*  Portfolio_Teaser Projekte v2*/

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide {
  max-width: 900px;
  /* feste Breite */
  height: 415px;
  display: flex;
  overflow: hidden;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .featured-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  overflow: hidden;
  min-height: 100px;
  min-width: 100px
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .featured-container span {

  background-color: var(--orangeColor);
  color: white;
  padding: 30px 50px 10px 50px;
  transform: translate(50px, -20px) rotate(45deg);
  display: block;
  font-weight: 700;
  font-family: 'Noto Sans Condensed';
}


.mod_portfoliolist_teaser_2.sm-custom-v2 .content_container {
  z-index: 10;
  width: 37%;
  background-color: var(--darkblueColor);
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .item .image_container {
  height: 100%;
  width: 63%;
  float: unset;
  overflow: hidden;


}

.mod_portfoliolist_teaser_2.sm-custom-v2 .item .image_container img {
  height: 100%;
  object-fit: cover;
  transition: opacity 1s ease, transform 1s ease;
  transform: scale(1.0)
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .item .info {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 27px;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .item .content {
  position: absolute;
  width: 37%;
  bottom: 0;
  padding: 27px;
  transition: all 0.8s ease;
}


.mod_portfoliolist_teaser_2.sm-custom-v2 .item .info .subline {
  position: relative;
  color: white;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: normal;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .item .info:after {
  content: "";
  position: relative;
  display: block;
  height: 2px;
  width: 80px;
  background: white;
  margin-top: 10px;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .item .content .title {
  color: white;
  text-transform: none;
  font-weight: 700;
  font-size: 26px;
  line-height: normal;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .item .content .teaser {
  color: white;
  font-size: 16px;
  height: 0px;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  opacity: 0;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .item:hover .content .teaser {
  color: white;
  font-size: 16px;
  height: 180px;
  opacity: 1;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .item .content .hyperlink {
  text-transform: lowercase;
  transition: All 0.3s ease;
  font-family: "Noto Sans";
  font-weight: 500;
  font-size: 16px;
  background: unset;
  padding: unset;
  height: 16px;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .item .content .hyperlink:before {
  content: "";
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  width: 0.6em;
  height: 0.6em;
  background-color: white;
  clip-path: polygon(0 0,
      /* oben links */
      100% 0,
      /* oben rechts */
      100% 100%,
      /* unten rechts */
      0 0
      /* oben links */
    );
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .item .content .hyperlink:hover:before {

  width: 0.8em;
  height: 0.8em;
  clip-path: polygon(30% 0,
      /* oben rechts */
      100% 50%,
      /* unten rechts */
      30% 100%,
      /* unten rlinks */
      30% 0
      /* oben rechts */
    );
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 5px;
  background: var(--orangeColor);
  width: 0%;
  transition: width 0.5s ease;
  z-index: 10;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide:hover:after {
  width: 100%;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide:hover .image_container img {
  transform: scale(1.2)
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-pagination {
  position: relative;
  text-align: center;
  margin-top: 50px;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide.swiper-slide-active {
  opacity: 1;
  transform: translate(0px, 0px) scale(1);
  transition: all 0.8s ease;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.2;
  transform: translate(0px, 10px) scale(0.8);
  transition: all 0.8s ease;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide:not(.swiper-slide-active) .info {
  opacity: 0.5;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide:not(.swiper-slide-active) .content {
  opacity: 0;
}


.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide:not(.swiper-slide-active):hover {
  opacity: 1;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide:not(.swiper-slide-active):hover .info {
  opacity: 1;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide:not(.swiper-slide-active):hover .content {
  opacity: 1;
}

/* Pfeile */
.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-button-next,
.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-button-prev {
  color: #ffffff;
  /* Schwarz für hellen Modus */
}

/* Pagination Dots */
.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-pagination-bullet {
  background: #969696;
  /* neutrales Grau */
  opacity: 1;

}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-pagination-bullet-active {
  background: #ffffff;
  /* aktives Dot dunkel */
}


.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-button {
  max-width: 350px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-button-next,
.mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-button-prev {
  margin-top: -45px;
}

@media only screen and (max-width: 767px) {

  .mod_portfoliolist_teaser_2.sm-custom-v2 .swiper-slide {
    max-width: 90vw;
    /* feste Breite */
    height: 520px;
    display: flex;
    flex-direction: column;
    overflow: hidden;

  }

  .mod_portfoliolist_teaser_2.sm-custom-v2 .content_container {
    z-index: 10;
    width: 100%;
    min-height: 50%;
    background-color: var(--darkblueColor);
    order: 2;
  }

  .mod_portfoliolist_teaser_2.sm-custom-v2 .item .image_container {
    height: 100%;
    width: 100%;
    float: unset;
    overflow: hidden;
    order: 1;


  }

  .mod_portfoliolist_teaser_2.sm-custom-v2 .item .content {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 27px;

  }

  .mod_portfoliolist_teaser_2.sm-custom-v2 .item .info {
    position: unset;
  }

}


/* Breadcrumb */

/*.mod_breadcrumb {line-height: 10px;}
.mod_breadcrumb ul 
{
font-size: 0.8rem;
}*/

/* Schnellbewerberformular */

.ce_form p {text-transform:uppercase;font-weight:700;color:var(--orangeColor);}
.ce_form p a {text-decoration:underline;}
.ce_form select,.ce_form input {border:unset;background:#F0F5F8;}
.ce_form input.radio {border:unset;background:#F0F5F8;}
.ce_form fieldset {display:flex;gap: 20px;justify-content: space-between;}
.ce_form fieldset legend {border-radius:unset;background:var(--orangeColor);display:flex;}
.ce_form fieldset .mandatory {color:white;}

@media only screen and (max-width: 767px) {
.ce_form fieldset.radio_container   {flex-wrap: wrap;flex-direction: column;}
}


.ce_form fieldset[class*="prefix-icon-"] {padding:unset;border:unset;}
.ce_form fieldset[class*="prefix-icon-"] legend {background: unset;color:black;padding-left:unset;}
.ce_form fieldset[class*="prefix-icon-"] legend:before {margin-right:0.2em;}

.ce_form label[class*="prefix-icon-"]:before,.ce_form [class*="prefix-icon-"] legend:before {background:var(--orangeColor);border-radius:100px;font-weight:600;color:white;width:1.5em;height:1.5em;display:inline-block;text-align:center;line-height: 1.5em;}

.ce_form label.prefix-icon-1:before,.ce_form .prefix-icon-1 legend:before {content:"1";}
.ce_form label.prefix-icon-2:before,.ce_form .prefix-icon-2 legend:before {content:"2";}
.ce_form label.prefix-icon-3:before,.ce_form .prefix-icon-3 legend:before {content:"3";}
.ce_form label.prefix-icon-4:before,.ce_form .prefix-icon-4 legend:before {content:"4";}
.ce_form label.prefix-icon-5:before,.ce_form .prefix-icon-5 legend:before {content:"5";}

.ce_form .checkbox_container span {align-items: flex-start;}

.ce_form .checkbox_container .checkbox {margin-top:0.6em;margin-right:20px;margin-left:10px;}

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

.ce_form button.submit {background:var(--orangeColor);border-radius: unset;font-size:1rem;height:unset;
      clip-path: polygon(0 0, /* oben links */ calc(100% - 1.2em) 0, /* knapp vor oben rechts */ 100% 1.2em, /* schräger Schnitt */ 100% 100%, /* unten rechts */ 0 100%, /* unten links vorbereitet hover */ 0 100% /* unten links */);
  min-width:200px;
}

/* Allgemeine Skalierung */
input[type="checkbox"],
input[type="radio"] {
min-width:25px;
}